Change default clipper config

assets/bim.js

@@ -53,6 +53,8 @@ BIM.activateClipper = function () {
     clipper.enabled = true;
     clipper.create(this.world);
     clipper.visible = true;
+    clipper.config.color = new THREE.Color('#eaeaea');
+    clipper.config.size = 10;
     BIM.clipper = clipper;
 }
 /**

assets/controllers/clipper_controller.js

@@ -5,12 +5,18 @@ import BIM from '../bim.js';
 export default class extends Controller {
     static targets = ['hex'];
 
+    /**
+     * @param {Event} event 
+     */
     color(event) {
         let color = event.target.value;
         this.hexTarget.querySelector('span').textContent = color;
         BIM.clipper.config.color = new THREE.Color(color);
     }
 
+    /**
+     * @param {Event} event 
+     */
     size(event) {
         BIM.clipper.config.size = event.target.value
     }
@@ -18,5 +24,13 @@ export default class extends Controller {
     deleteAll() {
         BIM.clipper.deleteAll();
     }
+
+    /**
+     * @todo Doesn't work...
+     * @param {Event} event 
+     */
+    toggle(event) {
+        BIM.clipper.enabled = event.target.value;
+    }
 }