@mx-sose-front/mx-sose-graph 1.0.2 → 1.0.3

package/dist/index.esm.js

@@ -74058,7 +74058,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["shapes-property", "shapes-edit-name", "connect-end", "action-button-click", "diagramDoubleClick", "model-type-property-id-button-click", "action-button-add", "scale-changed"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "1fac33f2": currentScale.value
+      "d9dd4e94": currentScale.value
     }));
     registerShapes({
       StrategicTaxonomyDiagram,
@@ -74082,6 +74082,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const shapeComponents = ref([]);
     const resShape = ref({});
     const currentScale = computed(() => graphStore.getScale());
+    const zoomValue = ref(currentScale.value);
+    watch(currentScale, (newScale) => {
+      zoomValue.value = newScale;
+    });
     const shapes = computed(
       () => (graphStore.visibleShapes || []).filter((s2) => {
         if (graphStore.externalCreatingId && s2.id === graphStore.externalCreatingId) {
@@ -74331,7 +74335,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             resShape: resShape.value,
             edgeCheck: _ctx.edgeCheck,
             onPropertyPanel: handlePropertyPanel,
-            actionButtonShapeDataId: _ctx.actionButtonShapeId,
+            actionButtonShapeId: _ctx.actionButtonShapeId,
             onEditName: handleEditName,
             onUpdateShape: handleUpdateConnectShape,
             onDiagramDoubleClick: handleDiagramDoubleClick,
@@ -74343,14 +74347,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             diagram: props2.diagram,
             "tagged-value-labels": props2.taggedValueLabels,
             onActionButtonAdd: handleActionButtonAdd
-          }, null, 8, ["connect-shape-data", "diagram-bounds", "style", "resShape", "edgeCheck", "actionButtonShapeDataId", "lines", "packages", "diagram", "tagged-value-labels"])) : createCommentVNode("", true)
+          }, null, 8, ["connect-shape-data", "diagram-bounds", "style", "resShape", "edgeCheck", "actionButtonShapeId", "lines", "packages", "diagram", "tagged-value-labels"])) : createCommentVNode("", true)
         ], 544)
       ]);
     };
   }
 });
-const graph_vue_vue_type_style_index_0_scoped_73d6d56b_lang = "";
-const GraphView = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-73d6d56b"]]);
+const graph_vue_vue_type_style_index_0_scoped_86c15316_lang = "";
+const GraphView = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-86c15316"]]);
 const MxSoseGraphPlugin = {
   install(app) {
     app.component("GraphView", GraphView);