@abi-software/scaffoldvuer 0.1.5-1.beta.0 → 0.1.5-1.beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/scaffoldvuer",
-  "version": "0.1.51.beta.0",
+  "version": "0.1.51.beta.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

package/src/components/ScaffoldVuer.vue

@@ -721,9 +721,9 @@ export default {
             let id = event.identifiers[0].data.id
               ? event.identifiers[0].data.id
               : event.identifiers[0].data.group;
-            this.$refs.traditionalControl.changeActiveByName(id);
+            this.$refs.traditionalControl.changeActiveByName(id, true);
           } else {
-            this.$refs.traditionalControl.removeActive();
+            this.$refs.traditionalControl.removeActive(true);
           }
         }
         /**
@@ -739,8 +739,8 @@ export default {
             let id = event.identifiers[0].data.id
               ? event.identifiers[0].data.id
               : event.identifiers[0].data.group;
-            this.$refs.traditionalControl.changeHoverByName(id);
-          } else this.$refs.traditionalControl.removeHover();
+            this.$refs.traditionalControl.changeHoverByName(id, true);
+          } else this.$refs.traditionalControl.removeHover(true);
         }
         /**
          * Triggers when an object has been highlighted
@@ -785,12 +785,12 @@ export default {
      *
      * @param {object} object Zinc object
      */
-    objectSelected: function(object) {
+    objectSelected: function(object, propagate) {
       if (object !== this.selectedObject) {
         this.selectedObject = object;
         this.$refs.opacityControl.setObject(this.selectedObject);
-        if (object) this.$module.setSelectedByZincObject(object, true);
-        else this.$module.setSelectedByObjects([], true);
+        if (object) this.$module.setSelectedByZincObject(object, propagate);
+        else this.$module.setSelectedByObjects([], propagate);
       }
     },
     /**
@@ -798,11 +798,11 @@ export default {
      *
      * @param {object} object Zinc object
      */
-    objectHovered: function(object) {
+    objectHovered: function(object, propagate) {
       if (object !== this.hoveredObject) {
         this.hoveredObject = object;
-        if (object) this.$module.setHighlightedByZincObject(object, true);
-        else this.$module.setHighlightedByObjects([], true);
+        if (object) this.$module.setHighlightedByZincObject(object, propagate);
+        else this.$module.setHighlightedByObjects([], propagate);
       }
     },
     /**
@@ -810,20 +810,22 @@ export default {
      *
      * @param {name} name Name of the region
      */
-    changeActiveByName: function(name) {
-      this.$refs.traditionalControl.changeActiveByName(name);
+    changeActiveByName: function(name, propagate) {
       if (name === undefined)
-        this.$refs.traditionalControl.removeActive();
+        this.$refs.traditionalControl.removeActive(propagate);
+      else
+        this.$refs.traditionalControl.changeActiveByName(name, propagate);
     },
     /**
      * Set the highlighted by name.
      *
      * @param {name} name Name of the region
      */
-    changeHighlightedByName: function(name) {
-      this.$refs.traditionalControl.changeHoverByName(name);
+    changeHighlightedByName: function(name, propagate) {
       if (name === undefined)
-        this.$refs.traditionalControl.removeHover();
+        this.$refs.traditionalControl.removeHover(propagate);
+      else
+        this.$refs.traditionalControl.changeHoverByName(name, propagate);
     },
     /**
      * Start the animation.

package/src/components/TraditionalControls.vue

@@ -153,51 +153,41 @@ export default {
     /**
      * Select a region by its name.
      */
-    changeActiveByName: function(name) {
+    changeActiveByName: function(name, propagate) {
       let targetObject = this.getFirstZincObjectWithGroupName(name);
       if (targetObject && targetObject.getVisibility()) {
         this.activeRegion = name;
-        /**
-         * Triggers when an item has been selected.
-         *
-         * @property {object} target selected object.
-         */
-        this.$emit("object-selected", targetObject);
+        this.$emit("object-selected", targetObject, propagate);
       } else {
-        this.removeActive();
+        this.removeActive(propagate);
       }
-      this.removeHover();
+      this.removeHover(propagate);
     },
     /**
      * Hover a region by its name.
      */
-    changeHoverByName: function(name) {
+    changeHoverByName: function(name, propagate) {
       let targetObject = this.getFirstZincObjectWithGroupName(name);
       if (targetObject) {
         this.hoverRegion = name;
-        /**
-         * Triggers when an item has been hovered over.
-         *
-         * @property {object} target hovered object.
-         */
-        this.$emit("object-hovered", targetObject);
+        this.$emit("object-hovered", targetObject, propagate);
       } else {
-        this.removeHover();
+        this.removeHover(propagate);
       }
     },
     /**
      * Unselect the current selected region.
      */
-    removeActive: function() {
+    removeActive: function(propagate) {
       this.activeRegion = "";
-      this.$emit("object-selected", undefined);
+      this.$emit("object-selected", undefined, propagate);
     },
     /**
      * Unselect the current hover region.
      */
-    removeHover: function() {
+    removeHover: function(propagate) {
       this.hoverRegion = "";
-      this.$emit("object-hovered", undefined);
+      this.$emit("object-hovered", undefined, propagate);
     },
     /**
      * Reset the controls.
@@ -240,7 +230,7 @@ export default {
       }
     },
     checkboxHover: function(name) {
-      this.changeHoverByName(name);
+      this.changeHoverByName(name, true);
     },
     itemClicked: function(name, event) {
       if (
@@ -249,7 +239,7 @@ export default {
           event.target.classList.contains("el-checkbox__original")
         )
       ) {
-        this.changeActiveByName(name);
+        this.changeActiveByName(name, true);
         event.preventDefault();
       }
     },
@@ -276,10 +266,10 @@ export default {
       this.module.changeOrganPartsVisibility(item, event);
       if (event == false) {
         if (this.activeRegion === item) {
-          this.removeActive();
+          this.removeActive(true);
         }
         if (this.hoverRegion === item) {
-          this.removeHover();
+          this.removeHover(true);
         }
       }
     },