vue-data-ui 3.7.9 → 3.7.11

package/README.md

@@ -639,7 +639,7 @@ User options actions available per chart:
 | VueUiGauge                  | optionPdf, optionImg, optionFullscreen, optionAnnotator                                                                   |
 | VueUiHeatmap                | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator                            |
 | VueUiHistoryPlot            | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator                            |
-| VueUiMolecule               | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator              |
+| VueUiMolecule               | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionZoom  |
 | VueUiMoodRadar              | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator                                           |
 | VueUiNestedDonuts           | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator              |
 | VueUiOnion                  | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator                            |
@@ -668,7 +668,7 @@ User options actions available per chart:
 | VueUiHorizontalBar          | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionSort, optionFullscreen, optionAnnotator                |
 | VueUiWaffle                 | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator                            |
 | VueUiWheel                  | optionPdf, optionImg, optionFullscreen, optionAnnotator                                                                   |
-| VueUiWordCloud              | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator                                           |
+| VueUiWordCloud              | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionZoom                               |
 | VueUiWorld                  | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator                            |
 | VueUiXy                     | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionStack, optionAnnotator |
 | VueUiXyCanvas               | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionStack, optionAnnotator |

package/dist/{BaseDraggableDialog-B8FpOTTF.js → BaseDraggableDialog-BDY-Jn9S.js}

@@ -1,5 +1,5 @@
 import { ref as L, reactive as P, computed as N, onMounted as R, onUnmounted as F, createBlock as I, openBlock as z, Teleport as V, createElementBlock as B, createCommentVNode as j, withModifiers as s, normalizeStyle as D, createElementVNode as o, unref as K, renderSlot as S, createVNode as U, normalizeClass as q, nextTick as A } from "vue";
-import G from "./BaseIcon-5acZpJev.js";
+import G from "./BaseIcon-Dl4VBlHV.js";
 import { X as J } from "./lib-DUaaQGCv.js";
 import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Z = ["xmlns"], _ = { class: "modal-title" }, ee = { class: "draggable-dialog-actions" }, te = {

package/dist/{BaseIcon-5acZpJev.js → BaseIcon-Dl4VBlHV.js}

@@ -196,7 +196,11 @@ const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
       printer: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 6 13 L 6 17 C 6 18 7 18 7 18 L 13 18 C 13 18 14 18 14 17 L 14 13 C 14 13 14 12 13 12 L 7 12 C 6 12 6 13 6 13 M 5 15 L 3 15 C 3 15 2 15 2 14 L 2 9 C 2 8 3 8 3 8 L 17 8 C 18 8 18 9 18 9 L 18 14 C 18 15 17 15 17 15 L 15 15 M 6 7 L 6 4 C 6 3 7 3 7 3 L 13 3 C 14 3 14 4 14 4 L 14 7"/>`,
       save: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 3 2 L 3 2 L 14 2 L 18 6 L 18 17 C 18 18 17 18 17 18 L 3 18 C 3 18 2 18 2 17 L 2 3 C 2 3 2 2 3 2 M 5 2 L 5 4 C 5 5 6 5 6 5 L 12 5 C 12 5 13 5 13 4 L 13 2 M 10 9 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 9"/>`,
       svg: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 4 1 C 2 1 1 2 1 4 L 1 16 C 1 18 2 19 4 19 L 16 19 C 18 19 19 18 19 16 L 19 6 C 15 6 14 5 14 1 Z M 8.458 9.052 L 10 16 L 11.519 9.03 M 16 11 C 16 8 12.995 8.81 13 11 L 13 14 C 13 17 15.99 16.299 16 14 L 16 13 L 15 13 M 6.982 10.286 C 6.564 8.238 3.921 8.788 4 11 C 4.757 13.259 6.806 11.607 7 14 C 7 17 3.854 16.299 4 14"/>`,
-      chartStackline: `<path d="M 2 16 L 2 18 L 18 18 L 18 10 L 14 14 L 11 12 L 8 15 L 5 13 Z" stroke="none" fill="${t.stroke}" style="opacity:0.9"/><path d="M 2 16 L 5 13 L 8 15 L 11 12 L 14 14 L 18 10 L 18 6 L 14 8 L 11 6 L 8 9 L 5 8 L 2 9 Z" stroke="none" fill="${t.stroke}"" style="opacity:0.6"/><path d="M 2 9 L 2 2 L 18 2 L 18 6 L 14 8 L 11 6 L 8 9 L 5 8 Z" stroke="none" fill="${t.stroke}" style="opacity:0.3"/><path d="M 1 1 L 1 19 L 19 19" stroke="${t.stroke}" stroke-linecap="round" stroke-linejoin="round" fill="none"/>`
+      chartStackline: `<path d="M 2 16 L 2 18 L 18 18 L 18 10 L 14 14 L 11 12 L 8 15 L 5 13 Z" stroke="none" fill="${t.stroke}" style="opacity:0.9"/><path d="M 2 16 L 5 13 L 8 15 L 11 12 L 14 14 L 18 10 L 18 6 L 14 8 L 11 6 L 8 9 L 5 8 L 2 9 Z" stroke="none" fill="${t.stroke}"" style="opacity:0.6"/><path d="M 2 9 L 2 2 L 18 2 L 18 6 L 14 8 L 11 6 L 8 9 L 5 8 Z" stroke="none" fill="${t.stroke}" style="opacity:0.3"/><path d="M 1 1 L 1 19 L 19 19" stroke="${t.stroke}" stroke-linecap="round" stroke-linejoin="round" fill="none"/>`,
+      zoomUnlock: `<path d="M 10 1 A 1 1 0 0 0 10 19 A 1 1 0 0 0 10 1 M 16.36 16.368 L 19 19 M 6 10 L 6 14 C 6 15 7 15 7 15 L 13 15 C 13 15 14 15 14 14 L 14 10 C 14 10 14 9 13 9 L 7 9 C 6 9 6 10 6 10 M 13 9 A 1 1 0 0 0 9 5 M 10 11 L 10 13" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
+      zoomLock: `<path d="M 10 1 A 1 1 0 0 0 10 19 A 1 1 0 0 0 10 1 M 16.36 16.368 L 19 19 M 6 10 L 6 14 C 6 15 7 15 7 15 L 13 15 C 13 15 14 15 14 14 L 14 10 C 14 10 14 9 13 9 L 7 9 C 6 9 6 10 6 10 M 13 9 M 10 11 L 10 13 M 13 9 C 14 3 6 3 7 9" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
+      lock: `<path d="M 16 8 C 16 -1 4 -1 4 8 M 3 8 L 17 8 C 18 8 18 9 18 9 L 18 18 C 18 19 17 19 17 19 L 3 19 C 3 19 2 19 2 18 L 2 9 C 2 9 2 8 3 8 M 10 11 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 11 M 10 13 L 10 16" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
+      unlock: `<path d="M 16 8 C 18 1 10 0 8 2 M 3 8 L 17 8 C 18 8 18 9 18 9 L 18 18 C 18 19 17 19 17 19 L 3 19 C 3 19 2 19 2 18 L 2 9 C 2 9 2 8 3 8 M 10 11 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 11 M 10 13 L 10 16" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`
     }));
     return (a, C) => (i(), s("svg", {
       xmlns: L(l),
@@ -208,7 +212,7 @@ const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
       style: { background: "transparent" }
     }, null, 10, M));
   }
-}, u = /* @__PURE__ */ d(h, [["__scopeId", "data-v-1d5bfa8b"]]);
+}, u = /* @__PURE__ */ d(h, [["__scopeId", "data-v-31b3c13c"]]);
 export {
   u as default
 };

package/dist/{ColorPicker-BojTf32H.js → ColorPicker-BrMbLQds.js}

@@ -1,5 +1,5 @@
 import { ref as u, computed as T, watchEffect as U, onMounted as W, onBeforeUnmount as Y, watch as j, withDirectives as q, createElementBlock as d, openBlock as s, withKeys as A, createElementVNode as i, createCommentVNode as R, createBlock as G, normalizeStyle as a, renderSlot as H, normalizeProps as J, guardReactiveProps as Q, createVNode as C, withModifiers as n, Fragment as M, renderList as N, Teleport as X, unref as Z, nextTick as _ } from "vue";
-import g from "./BaseIcon-5acZpJev.js";
+import g from "./BaseIcon-Dl4VBlHV.js";
 import { w as ee } from "./lib-DUaaQGCv.js";
 import { v as oe } from "./vClickOutside-C6WiFswA.js";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/{DataTable-ScRMrNB6.js → DataTable-Ho3Bf5oq.js}

@@ -1,6 +1,6 @@
 import { useCssVars as A, unref as e, computed as D, ref as k, onMounted as E, createElementBlock as o, openBlock as l, normalizeClass as C, normalizeStyle as r, createCommentVNode as m, createElementVNode as a, withKeys as R, createVNode as B, toDisplayString as I, Fragment as g, renderList as v, renderSlot as N } from "vue";
 import { _ as K } from "./Shape-rPzC8L-O.js";
-import O from "./BaseIcon-5acZpJev.js";
+import O from "./BaseIcon-Dl4VBlHV.js";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align-items": "center", "justify-content": "flex-end", "padding-right": "3px", gap: "3px" } }, L = { style: { width: "12px", height: "12px" } }, M = {
   key: 0,

package/dist/{NonSvgPenAndPaper-Bajn2Y5l.js → NonSvgPenAndPaper-MX5IsudW.js}

@@ -1,7 +1,7 @@
 import { ref as i, computed as we, onMounted as ke, nextTick as be, onBeforeUnmount as Ce, watch as oe, createElementBlock as x, openBlock as y, Fragment as q, createCommentVNode as Y, normalizeStyle as b, normalizeClass as D, createElementVNode as C, withDirectives as ae, createVNode as M, toDisplayString as re, unref as se, vModelText as ue, withModifiers as ie, renderList as ce } from "vue";
 import { n as $e, d as Se, X as Ae } from "./lib-DUaaQGCv.js";
-import R from "./BaseIcon-5acZpJev.js";
-import { C as Ee } from "./ColorPicker-BojTf32H.js";
+import R from "./BaseIcon-Dl4VBlHV.js";
+import { C as Ee } from "./ColorPicker-BrMbLQds.js";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Te = {
   class: /* @__PURE__ */ D({

package/dist/{PackageVersion-D2zuSCLX.js → PackageVersion-Dpr5vAal.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "3.7.9", a = { "aria-hidden": "true" }, p = {
+const n = "3.7.11", a = { "aria-hidden": "true" }, p = {
   __name: "PackageVersion",
   setup(s) {
     return (c, i) => (t(), e("desc", a, "Composed with Vue Data UI " + o(r(n)), 1));

package/dist/{PenAndPaper-Bfbd6BHc.js → PenAndPaper-kymjF6_b.js}

@@ -1,6 +1,6 @@
 import { ref as c, computed as he, watch as z, nextTick as se, onMounted as Ae, onBeforeUnmount as we, createElementBlock as W, createCommentVNode as O, openBlock as j, normalizeStyle as x, createElementVNode as E, withDirectives as re, renderSlot as B, createVNode as R, withCtx as be, normalizeProps as T, guardReactiveProps as M, normalizeClass as Y, toDisplayString as xe, unref as ye, vModelText as ue } from "vue";
-import F from "./BaseIcon-5acZpJev.js";
-import { C as Ce } from "./ColorPicker-BojTf32H.js";
+import F from "./BaseIcon-Dl4VBlHV.js";
+import { C as Ce } from "./ColorPicker-BrMbLQds.js";
 import { n as ke, d as Ee } from "./lib-DUaaQGCv.js";
 const Se = {
   class: "vue-ui-pen-and-paper-action",

package/dist/{RecursiveCircles-BcLb1aRS.js → RecursiveCircles-CM4bn2Vg.js}

@@ -1,5 +1,5 @@
-import { toRef as R, resolveComponent as U, createElementBlock as s, openBlock as o, Fragment as u, renderList as k, createCommentVNode as a, createBlock as w, createElementVNode as F, withModifiers as M, renderSlot as h, mergeProps as f, withCtx as x } from "vue";
-const H = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], S = ["x", "y", "height", "width", "onClick", "onMouseover"], B = {
+import { ref as w, watch as U, resolveComponent as F, createElementBlock as l, openBlock as o, Fragment as n, renderList as k, createCommentVNode as a, createBlock as M, createElementVNode as x, withModifiers as H, renderSlot as h, mergeProps as y, withCtx as S } from "vue";
+const P = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], B = ["x", "y", "height", "width", "onClick", "onMouseover"], E = {
   __name: "RecursiveCircles",
   props: {
     color: {
@@ -28,26 +28,29 @@ const H = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMous
     }
   },
   emits: ["click", "hover"],
-  setup(t, { emit: y }) {
-    const C = t, v = y;
+  setup(t, { emit: f }) {
+    const C = t, v = f;
     function d(r) {
       v("click", r);
     }
-    function n(r) {
+    function s(r) {
       v("hover", r);
     }
-    return R(C, "dataset").value.forEach((r) => {
-      r.nodes && r.nodes.length > 0 && r.nodes.forEach((l) => {
-        l.ancestor = r;
-      });
-    }), (r, l) => {
-      const g = U("RecursiveCircles", !0);
-      return o(!0), s(u, null, k(t.dataset, (e, m) => (o(), s(u, null, [
-        e.polygonPath && e.polygonPath.coordinates ? (o(), s(u, { key: 0 }, [
-          (o(!0), s(u, null, k(e.polygonPath.coordinates, (i, $) => (o(), s(u, {
-            key: `node_${m}_${$}`
+    const m = w([]);
+    return U(
+      () => C.dataset,
+      (r) => {
+        m.value = r || [];
+      },
+      { immediate: !0 }
+    ), (r, u) => {
+      const g = F("RecursiveCircles", !0);
+      return o(!0), l(n, null, k(t.dataset, (e, $) => (o(), l(n, null, [
+        e.polygonPath && e.polygonPath.coordinates ? (o(), l(n, { key: 0 }, [
+          (o(!0), l(n, null, k(e.polygonPath.coordinates, (i, R) => (o(), l(n, {
+            key: `node_${$}_${R}`
           }, [
-            F("circle", {
+            x("circle", {
               cx: i.x,
               cy: i.y,
               r: e.circleRadius,
@@ -56,24 +59,24 @@ const H = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMous
               "stroke-width": t.hoveredUid && t.hoveredUid === e.uid ? e.circleRadius / 6 : e.circleRadius / 12,
               style: { cursor: "pointer" },
               onClick: (c) => d(e),
-              onMouseover: (c) => n(e),
-              onMouseleave: l[0] || (l[0] = (c) => n(null))
-            }, null, 40, H),
-            r.$slots.node ? (o(), s("foreignObject", {
+              onMouseover: (c) => s(e),
+              onMouseleave: u[0] || (u[0] = (c) => s(null))
+            }, null, 40, P),
+            r.$slots.node ? (o(), l("foreignObject", {
               key: 0,
               x: i.x - e.circleRadius,
               y: i.y - e.circleRadius,
               height: e.circleRadius * 2,
               width: e.circleRadius * 2,
               style: { overflow: "visible" },
-              onClick: M((c) => d(e), ["stop"]),
-              onMouseover: (c) => n(e),
-              onMouseleave: l[1] || (l[1] = (c) => n(null))
+              onClick: H((c) => d(e), ["stop"]),
+              onMouseover: (c) => s(e),
+              onMouseleave: u[1] || (u[1] = (c) => s(null))
             }, [
-              h(r.$slots, "node", f({ ref_for: !0 }, { node: e }))
-            ], 40, S)) : a("", !0)
+              h(r.$slots, "node", y({ ref_for: !0 }, { node: e }))
+            ], 40, B)) : a("", !0)
           ], 64))), 128)),
-          e.nodes && e.nodes.length > 0 ? (o(), w(g, {
+          e.nodes && e.nodes.length > 0 ? (o(), M(g, {
             key: 0,
             dataset: e.nodes,
             color: t.color,
@@ -81,10 +84,10 @@ const H = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMous
             strokeHovered: t.strokeHovered,
             hoveredUid: t.hoveredUid,
             onClick: d,
-            onHover: n
+            onHover: s
           }, {
-            node: x(({ node: i }) => [
-              h(r.$slots, "node", f({ ref_for: !0 }, { node: i }))
+            node: S(({ node: i }) => [
+              h(r.$slots, "node", y({ ref_for: !0 }, { node: i }))
             ]),
             _: 2
           }, 1032, ["dataset", "color", "stroke", "strokeHovered", "hoveredUid"])) : a("", !0)
@@ -94,5 +97,5 @@ const H = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMous
   }
 };
 export {
-  B as default
+  E as default
 };

package/dist/RecursiveLabels-DxmctYbA.js

@@ -0,0 +1,55 @@
+import { ref as h, watch as p, resolveComponent as v, createElementBlock as o, openBlock as t, Fragment as l, renderList as i, createCommentVNode as u, createBlock as f, toDisplayString as _ } from "vue";
+const g = ["x", "y", "fill", "font-size"], L = {
+  __name: "RecursiveLabels",
+  props: {
+    color: {
+      type: String,
+      default: "#000000"
+    },
+    dataset: {
+      type: Array,
+      default: () => []
+    },
+    hoveredUid: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["zoom", "hover"],
+  setup(r, { emit: k }) {
+    const d = r, a = h([]);
+    return p(
+      () => d.dataset,
+      (n) => {
+        a.value = n || [];
+      },
+      { immediate: !0 }
+    ), (n, x) => {
+      const m = v("RecursiveLabels", !0);
+      return t(!0), o(l, null, i(a.value, (e, s) => (t(), o(l, {
+        key: `level_${s}`
+      }, [
+        e.polygonPath && e.polygonPath.coordinates ? (t(), o(l, { key: 0 }, [
+          (t(!0), o(l, null, i(e.polygonPath.coordinates, (c, y) => (t(), o("text", {
+            key: `node_${s}_${y}`,
+            x: c.x,
+            y: c.y + e.circleRadius * 2,
+            fill: r.color,
+            "font-size": e.circleRadius,
+            "text-anchor": "middle",
+            style: { opacity: "0.8", "pointer-events": "none" }
+          }, _(e.name), 9, g))), 128)),
+          e.nodes && e.nodes.length > 0 ? (t(), f(m, {
+            key: 0,
+            dataset: e.nodes,
+            color: r.color,
+            hoveredUid: r.hoveredUid
+          }, null, 8, ["dataset", "color", "hoveredUid"])) : u("", !0)
+        ], 64)) : u("", !0)
+      ], 64))), 128);
+    };
+  }
+};
+export {
+  L as default
+};

package/dist/{RecursiveLinks-00zGWPf9.js → RecursiveLinks-Da489v6n.js}

@@ -1,5 +1,5 @@
-import { toRef as h, resolveComponent as g, createElementBlock as o, openBlock as e, Fragment as r, renderList as c, createCommentVNode as l, createElementVNode as y, createBlock as x } from "vue";
-const p = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], m = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], F = {
+import { ref as p, watch as m, resolveComponent as x, createElementBlock as o, openBlock as e, Fragment as r, renderList as y, createCommentVNode as l, createElementVNode as h, createBlock as f } from "vue";
+const P = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], v = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], C = {
   __name: "RecursiveLinks",
   props: {
     dataset: {
@@ -16,51 +16,63 @@ const p = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], m = ["x1", "y1", "
     }
   },
   setup(n) {
-    return h(n, "dataset").value.forEach((a) => {
-      a.nodes && a.nodes.length > 0 && a.nodes.forEach((u) => {
-        u.ancestor = a;
-      });
-    }), (a, u) => {
-      const i = g("RecursiveLinks", !0);
+    const g = n, c = p([]);
+    return m(
+      () => g.dataset,
+      (i) => {
+        const u = i || [];
+        u.forEach((a) => {
+          a.nodes && a.nodes.length > 0 && a.nodes.forEach((t) => {
+            t.ancestor !== a && (t.ancestor = a);
+          });
+        }), c.value = u;
+      },
+      { immediate: !0 }
+    ), (i, u) => {
+      const a = x("RecursiveLinks", !0);
       return e(), o(r, null, [
-        (e(!0), o(r, null, c(n.dataset, (t, k) => (e(), o(r, null, [
-          t.polygonPath && t.polygonPath.coordinates ? (e(!0), o(r, { key: 0 }, c(t.polygonPath.coordinates, (s, d) => (e(), o(r, {
+        (e(!0), o(r, null, y(c.value, (t, k) => (e(), o(r, {
+          key: `level_${k}`
+        }, [
+          t.polygonPath && t.polygonPath.coordinates ? (e(!0), o(r, { key: 0 }, y(t.polygonPath.coordinates, (s, d) => (e(), o(r, {
             key: `node_${k}_${d}`
           }, [
             t.ancestor && t.ancestor.polygonPath ? (e(), o(r, { key: 0 }, [
-              y("line", {
+              h("line", {
                 x1: s.x,
                 y1: s.y,
                 x2: t.ancestor.polygonPath.coordinates[0].x,
                 y2: t.ancestor.polygonPath.coordinates[0].y,
                 stroke: n.backgroundColor,
                 "stroke-width": t.circleRadius / 1.5
-              }, null, 8, p),
-              y("line", {
+              }, null, 8, P),
+              h("line", {
                 x1: s.x,
                 y1: s.y,
                 x2: t.ancestor.polygonPath.coordinates[0].x,
                 y2: t.ancestor.polygonPath.coordinates[0].y,
                 stroke: n.color,
                 "stroke-width": t.circleRadius / 2
-              }, null, 8, m)
+              }, null, 8, v)
             ], 64)) : l("", !0)
           ], 64))), 128)) : l("", !0)
-        ], 64))), 256)),
-        (e(!0), o(r, null, c(n.dataset, (t) => (e(), o(r, null, [
+        ], 64))), 128)),
+        (e(!0), o(r, null, y(c.value, (t) => (e(), o(r, {
+          key: `children_${t.uid || t.name}`
+        }, [
           t.polygonPath && t.polygonPath.coordinates ? (e(), o(r, { key: 0 }, [
-            t.nodes && t.nodes.length > 0 ? (e(), x(i, {
+            t.nodes && t.nodes.length > 0 ? (e(), f(a, {
               key: 0,
               dataset: t.nodes,
               color: n.color,
               backgroundColor: n.backgroundColor
             }, null, 8, ["dataset", "color", "backgroundColor"])) : l("", !0)
           ], 64)) : l("", !0)
-        ], 64))), 256))
+        ], 64))), 128))
       ], 64);
     };
   }
 };
 export {
-  F as default
+  C as default
 };

package/dist/{Slicer-DX5CaF9H.js → Slicer-DScoMPmj.js}

@@ -1,7 +1,7 @@
 import { useCssVars as Ot, computed as s, ref as d, onMounted as lt, onBeforeUnmount as Le, watch as Z, nextTick as ve, onUpdated as Ut, createElementBlock as i, openBlock as u, createElementVNode as P, createCommentVNode as m, renderSlot as Zt, normalizeStyle as L, createVNode as Yt, withDirectives as at, unref as me, Fragment as M, renderList as R, normalizeProps as Jt, mergeProps as qt, normalizeClass as Y, vModelText as nt, toDisplayString as $e } from "vue";
 import { c as Kt, X as Qt, w as Ee, y as it, z as ut, A as ot, B as rt, C as st } from "./lib-DUaaQGCv.js";
 import { t as ct, d as jt, u as _t } from "./useResponsive-DfdjqQps.js";
-import el from "./BaseIcon-5acZpJev.js";
+import el from "./BaseIcon-Dl4VBlHV.js";
 import { _ as tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ll = {
   class: "vue-data-ui-slicer-labels",

package/dist/{SlicerPreview-CeJ3ecDs.js → SlicerPreview-B1QUTxTZ.js}

@@ -1,7 +1,7 @@
 import { useCssVars as el, computed as s, ref as h, watch as Q, onMounted as tl, onBeforeUnmount as Ve, onUpdated as ct, nextTick as xe, createElementBlock as n, openBlock as i, createElementVNode as $, createCommentVNode as c, renderSlot as vt, normalizeStyle as F, createVNode as ll, withDirectives as mt, unref as pe, Fragment as g, renderList as S, normalizeProps as ht, mergeProps as dt, normalizeClass as _, withKeys as ft, vModelText as gt, toDisplayString as De } from "vue";
 import { c as al, x as nl, X as il, w as ze, y as yt, z as xt, A as pt, B as bt, C as Mt } from "./lib-DUaaQGCv.js";
 import { t as We, d as ul, u as ol } from "./useResponsive-DfdjqQps.js";
-import rl from "./BaseIcon-5acZpJev.js";
+import rl from "./BaseIcon-Dl4VBlHV.js";
 import { _ as sl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const cl = {
   class: "vue-data-ui-slicer-labels",

package/dist/{Title-CmZh1pjz.js → Title-BwhstTFA.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as l, openBlock as n, Fragment as f, createElementVNode as p, createCommentVNode as o, normalizeStyle as d, unref as e, toDisplayString as g, renderSlot as r } from "vue";
-import { a as s } from "./useNestedProp-xVOMUtFl.js";
+import { a as s } from "./useNestedProp-BjZ1Lg9E.js";
 const b = {
   __name: "Title",
   props: {