vue-data-ui 2.12.7-beta.2 → 2.12.7-beta.4

package/dist/{vue-ui-treemap-DshqhXXR.js → vue-ui-treemap-DY2eFTDU.js}

@@ -1,13 +1,13 @@
-import { defineAsyncComponent as K, useSlots as Tt, onMounted as at, computed as b, ref as $, shallowRef as V, watch as Ot, onBeforeUnmount as _t, createElementBlock as y, openBlock as v, unref as d, normalizeStyle as L, normalizeClass as xe, createBlock as Z, createCommentVNode as O, createElementVNode as _, createVNode as Te, createSlots as St, withCtx as T, renderSlot as k, normalizeProps as J, guardReactiveProps as Q, Fragment as ge, renderList as Oe, withKeys as nt, withModifiers as _e, mergeProps as st, createTextVNode as ye, toDisplayString as ee, nextTick as It } from "vue";
-import { u as Nt, c as ut, t as zt, p as S, a as At, b as Ft, o as Pt, e as Rt, d as me, i as be, f as ie, X as Lt, l as rt, G as it, x as ct, q as Mt, r as Dt, y as Vt } from "./index-CaxNz2cE.js";
+import { defineAsyncComponent as K, useSlots as Tt, onMounted as nt, computed as b, ref as $, shallowRef as V, watch as Ot, onBeforeUnmount as _t, createElementBlock as y, openBlock as v, unref as d, normalizeStyle as L, normalizeClass as xe, createBlock as Z, createCommentVNode as O, createElementVNode as _, createVNode as Te, createSlots as St, withCtx as T, renderSlot as k, normalizeProps as J, guardReactiveProps as Q, Fragment as ge, renderList as Oe, withKeys as st, withModifiers as _e, mergeProps as ut, createTextVNode as ye, toDisplayString as ee, nextTick as It } from "vue";
+import { u as Nt, c as Se, t as zt, p as S, a as At, b as Ft, o as Pt, e as Rt, d as me, i as be, f as ie, X as Lt, l as rt, G as it, x as ct, q as Mt, r as Dt, y as Vt } from "./index-DEIYaZgn.js";
 import { t as Bt, u as Ht } from "./useResponsive-JZ9xq-JV.js";
-import { u as dt } from "./useNestedProp-DpK9-Xt0.js";
-import { u as Ut } from "./usePrinter-BprQttno.js";
+import { u as dt } from "./useNestedProp-BEehCUIF.js";
+import { u as Ut } from "./usePrinter-qQMLh6Yb.js";
 import { u as Wt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Et } from "./useChartAccessibility-9icAAmYg.js";
-import Gt from "./BaseIcon-PZPlJOYf.js";
-import qt from "./Title-BTCPUIcD.js";
-import Xt from "./Legend-iNd1Vv1J.js";
+import Gt from "./BaseIcon-fYqf6uWD.js";
+import qt from "./Title-wKsVP3Tb.js";
+import Xt from "./Legend-Dg-lIMWK.js";
 import { _ as jt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function vt(n, r) {
   const s = n.length;
@@ -65,7 +65,7 @@ function Jt(n) {
   return (n.x1 - n.x0) * (n.y1 - n.y0);
 }
 function pt(n, r) {
-  const { width: s, height: i, xOffset: u, yOffset: h } = Se(r), c = n.length, g = n.map((m) => m.normalizedValue || 0).reduce((m, x) => m + x, 0), p = g / i, B = g / s;
+  const { width: s, height: i, xOffset: u, yOffset: h } = Ie(r), c = n.length, g = n.map((m) => m.normalizedValue || 0).reduce((m, x) => m + x, 0), p = g / i, B = g / s;
   let z = u, w = h;
   const C = [];
   if (s >= i) {
@@ -93,7 +93,7 @@ function pt(n, r) {
   }
 }
 function Qt(n) {
-  const r = Se(n), s = r.width, i = r.height;
+  const r = Ie(n), s = r.width, i = r.height;
   return Math.min(s, i);
 }
 function eo(n, r) {
@@ -105,7 +105,7 @@ function eo(n, r) {
     }), h.push(c);
   return h;
 }
-function Se(n) {
+function Ie(n) {
   const { x0: r, y0: s, x1: i, y1: u } = n;
   return {
     xOffset: r,
@@ -150,7 +150,7 @@ function ft(n) {
   }
 }
 function oo(n, r) {
-  const { width: s, height: i, xOffset: u, yOffset: h } = Se(n);
+  const { width: s, height: i, xOffset: u, yOffset: h } = Ie(n);
   if (s >= i) {
     const c = r / i, g = s - c, p = {
       xOffset: u + c,
@@ -203,15 +203,15 @@ const lo = ["id"], ao = {
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(n, { expose: r, emit: s }) {
-    const i = K(() => import("./DataTable-bcUa-A_V.js")), u = K(() => import("./PenAndPaper-U4bWifCe.js")), h = K(() => import("./vue-ui-accordion-BZ16n4QT.js")), c = K(() => import("./vue-ui-skeleton-C2paDc2u.js")), g = K(() => import("./Tooltip-B9AfUFVK.js")), p = K(() => import("./UserOptions-yZJ8noVU.js")), B = K(() => import("./PackageVersion-BVH19wf6.js")), { vue_ui_treemap: z } = Nt(), w = n, C = s, m = Tt();
-    at(() => {
+    const i = K(() => import("./DataTable-CDJecyZ0.js")), u = K(() => import("./PenAndPaper-C9Iqlmr3.js")), h = K(() => import("./vue-ui-accordion-BiBydzl9.js")), c = K(() => import("./vue-ui-skeleton-Cg2RwgBg.js")), g = K(() => import("./Tooltip-0n7pdXhW.js")), p = K(() => import("./UserOptions-LIF1UWJS.js")), B = K(() => import("./PackageVersion-BaWtR2QJ.js")), { vue_ui_treemap: z } = Nt(), w = n, C = s, m = Tt();
+    nt(() => {
       m["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });
-    const x = b(() => !!w.dataset && w.dataset.length), M = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = $(ut()), N = $(!1), ke = $(""), te = $(!1), Ie = $(0), F = $([]), se = V(null), Ne = V(null), ze = V(null), Ae = V(null), Fe = V(null), Pe = $(0), Re = $(0), Le = $(0), t = b({
-      get: () => Be(),
+    const x = b(() => !!w.dataset && w.dataset.length), M = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = $(Se()), N = $(!1), ke = $(""), te = $(!1), Ne = $(0), F = $([]), se = V(null), ze = V(null), Ae = V(null), Fe = V(null), Pe = V(null), Re = $(0), Le = $(0), Me = $(0), t = b({
+      get: () => He(),
       set: (e) => e
-    }), { userOptionsVisible: we, setUserOptionsVisibility: Me, keepUserOptionState: De } = Wt({ config: t.value }), { svgRef: Ve } = Et({ config: t.value.style.chart.title });
-    function Be() {
+    }), { userOptionsVisible: we, setUserOptionsVisibility: De, keepUserOptionState: Ve } = Wt({ config: t.value }), { svgRef: Be } = Et({ config: t.value.style.chart.title });
+    function He() {
       const e = dt({
         userConfig: w.config,
         defaultConfig: z
@@ -225,9 +225,9 @@ const lo = ["id"], ao = {
       } : e;
     }
     Ot(() => w.config, (e) => {
-      t.value = Be(), we.value = !t.value.userOptions.showOnChartHover, Pe.value += 1, Re.value += 1, Le.value += 1, P.value.showTable = t.value.table.show, P.value.showTooltip = t.value.style.chart.tooltip.show;
+      t.value = He(), we.value = !t.value.userOptions.showOnChartHover, Re.value += 1, Le.value += 1, Me.value += 1, P.value.showTable = t.value.table.show, P.value.showTooltip = t.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: He, isImaging: Ue, generatePdf: We, generateImage: Ee } = Ut({
+    const { isPrinting: Ue, isImaging: We, generatePdf: Ee, generateImage: Ge } = Ut({
       elementId: `treemap_${A.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-treemap",
       options: t.value.userOptions.print
@@ -247,29 +247,29 @@ const lo = ["id"], ao = {
       vbWidth: H.value.width,
       width: H.value.width - t.value.style.chart.padding.left - t.value.style.chart.padding.right
     }));
-    function Ge(e) {
+    function qe(e) {
       e.forEach((l, o) => {
-        l.id = ut(), l.color = me(l.color) || ce.value[o] || S[o] || S[o % S.length], l.children && (l.children.forEach((a) => {
+        l.id = Se(), l.color = me(l.color) || ce.value[o] || S[o] || S[o % S.length], l.children && (l.children.forEach((a) => {
           a.parentId = l.id, a.color = l.color;
-        }), Ge(l.children));
+        }), qe(l.children));
       });
     }
     const U = V(w.dataset), W = V(null), oe = V(null);
-    at(() => {
+    nt(() => {
       yt();
     });
     function yt() {
       if (Pt(w.dataset) && Rt({
         componentName: "VueUiTreemap",
         type: "dataset"
-      }), Ge(U.value), t.value.responsive) {
+      }), qe(U.value), t.value.responsive) {
         const e = Bt(() => {
           const { width: l, height: o } = Ht({
             chart: se.value,
-            title: t.value.style.chart.title.text ? Ne.value : null,
-            legend: t.value.style.chart.legend.show ? ze.value : null,
-            source: Ae.value,
-            noTitle: Fe.value
+            title: t.value.style.chart.title.text ? ze.value : null,
+            legend: t.value.style.chart.legend.show ? Ae.value : null,
+            source: Fe.value,
+            noTitle: Pe.value
           });
           requestAnimationFrame(() => {
             H.value.width = l, H.value.height = o;
@@ -284,7 +284,7 @@ const lo = ["id"], ao = {
     const le = $(U.value), ue = b(() => le.value.map((e, l) => ({
       ...e,
       color: me(e.color) || ce.value[l] || S[l] || S[l % S.length]
-    })).filter((e) => !F.value.includes(e.id))), ae = b(() => U.value.filter((e) => !F.value.includes(e.id)).map((e) => e.value || 0).reduce((e, l) => e + l, 0)), qe = b({
+    })).filter((e) => !F.value.includes(e.id))), ae = b(() => U.value.filter((e) => !F.value.includes(e.id)).map((e) => e.value || 0).reduce((e, l) => e + l, 0)), Xe = b({
       get() {
         let e = [...ue.value];
         return t.value.style.chart.layout.sorted && (e = [...ue.value].sort((l, o) => o.value - l.value)), e.map((l) => ({
@@ -295,42 +295,42 @@ const lo = ["id"], ao = {
         return e;
       }
     });
-    function Xe(e, l) {
+    function je(e, l) {
       return e.value / l;
     }
     function mt(e, l, o) {
-      const a = t.value.style.chart.layout.rects.colorRatio - Xe(l, o);
+      const a = t.value.style.chart.layout.rects.colorRatio - je(l, o);
       return rt(e, a < 0 ? 0 : a);
     }
-    function je(e, l, o, a) {
+    function Ye(e, l, o, a) {
       return e.map((f, G) => {
-        const fe = mt(me(l) || ce.value[G] || S[G] || S[G % S.length], f, a), xt = Xe(f, a);
+        const fe = mt(me(l) || ce.value[G] || S[G] || S[G % S.length], f, a), xt = je(f, a);
         return {
           ...f,
           color: fe,
           proportion: xt,
           parentName: o,
-          children: f.children ? je(f.children, fe, f.name, a) : void 0
+          children: f.children ? Ye(f.children, fe, f.name, a) : void 0
         };
       });
     }
     const re = b(() => Zt(
-      qe.value.map((e, l) => {
+      Xe.value.map((e, l) => {
         const o = e.children ? e.children.reduce((a, f) => a + f.value, 0) : e.value;
         return {
           value: e.value,
-          id: e.id,
-          children: e.children ? je(e.children.sort((a, f) => f.value - a.value), e.color, e.name, o) : void 0,
+          id: e.id || Se(),
+          children: e.children ? Ye(e.children.sort((a, f) => f.value - a.value), e.color, e.name, o) : void 0,
           color: e.color,
           name: e.name
         };
       }),
       { x0: q.value.left * 2, y0: q.value.top, x1: q.value.width, y1: q.value.height }
     ));
-    function Ye({ y0: e, y1: l }) {
+    function Ke({ y0: e, y1: l }) {
       return l - e <= 0 ? 1e-4 : l - e;
     }
-    function Ke({ x0: e, x1: l }) {
+    function Ze({ x0: e, x1: l }) {
       return l - e <= 0 ? 1e-4 : l - e;
     }
     function X(e) {
@@ -338,7 +338,7 @@ const lo = ["id"], ao = {
       return l < t.value.style.chart.layout.labels.minFontSize ? t.value.style.chart.layout.labels.minFontSize : l;
     }
     function bt(e) {
-      te.value = e, Ie.value += 1;
+      te.value = e, Ne.value += 1;
     }
     const ne = b(() => ({
       startX: 0,
@@ -401,7 +401,7 @@ const lo = ["id"], ao = {
           });
       }
       return e;
-    }), R = V(null), Ze = b(() => U.value.map((e, l) => ({
+    }), R = V(null), Je = b(() => U.value.map((e, l) => ({
       ...e,
       color: me(e.color) || ce.value[l] || S[l] || S[l % S.length],
       shape: "square"
@@ -417,8 +417,8 @@ const lo = ["id"], ao = {
       paddingBottom: 12,
       fontWeight: t.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function Je(e) {
-      R.value = null, F.value.includes(e.id) ? F.value = F.value.filter((l) => l !== e.id) : F.value.length < w.dataset.length - 1 && F.value.push(e.id), C("selectLegend", qe.value);
+    function Qe(e) {
+      R.value = null, F.value.includes(e.id) ? F.value = F.value.filter((l) => l !== e.id) : F.value.length < w.dataset.length - 1 && F.value.push(e.id), C("selectLegend", Xe.value);
     }
     const Ce = $(null);
     function Ct({ datapoint: e, seriesIndex: l }) {
@@ -459,7 +459,7 @@ const lo = ["id"], ao = {
       })), l = re.value.map((o) => o.value);
       return { head: e, body: l };
     });
-    function Qe() {
+    function et() {
       It(() => {
         const e = D.value.head.map((a, f) => [[
           a.name
@@ -522,10 +522,10 @@ const lo = ["id"], ao = {
     function $t() {
       return re.value;
     }
-    function et() {
+    function tt() {
       P.value.showTable = !P.value.showTable;
     }
-    function tt() {
+    function ot() {
       P.value.showTooltip = !P.value.showTooltip;
     }
     const he = $(!1);
@@ -533,19 +533,19 @@ const lo = ["id"], ao = {
       he.value = !he.value;
     }
     const pe = $(null);
-    function ot(e) {
+    function lt(e) {
       pe.value = e;
     }
-    function lt() {
+    function at() {
       pe.value = null;
     }
     return r({
       getData: $t,
-      generateCsv: Qe,
-      generateImage: Ee,
-      generatePdf: We,
-      toggleTable: et,
-      toggleTooltip: tt,
+      generateCsv: et,
+      generateImage: Ge,
+      generatePdf: Ee,
+      toggleTable: tt,
+      toggleTooltip: ot,
       toggleAnnotator: $e
     }), (e, l) => (v(), y("div", {
       ref_key: "treemapChart",
@@ -553,12 +553,12 @@ const lo = ["id"], ao = {
       class: xe(`vue-ui-treemap ${te.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: L(`font-family:${t.value.style.fontFamily};width:100%; ${t.value.responsive ? "height: 100%;" : ""} text-align:center;background:${t.value.style.chart.backgroundColor}`),
       id: `treemap_${A.value}`,
-      onMouseenter: l[3] || (l[3] = () => d(Me)(!0)),
-      onMouseleave: l[4] || (l[4] = () => d(Me)(!1))
+      onMouseenter: l[3] || (l[3] = () => d(De)(!0)),
+      onMouseleave: l[4] || (l[4] = () => d(De)(!1))
     }, [
       t.value.userOptions.buttons.annotator ? (v(), Z(d(u), {
         key: 0,
-        svgRef: d(Ve),
+        svgRef: d(Be),
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
         active: he.value,
@@ -567,18 +567,18 @@ const lo = ["id"], ao = {
       gt.value ? (v(), y("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Fe,
+        ref: Pe,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : O("", !0),
       t.value.style.chart.title.text ? (v(), y("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Ne,
+        ref: ze,
         style: L(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
         (v(), Z(qt, {
-          key: `title_${Pe.value}`,
+          key: `title_${Re.value}`,
           config: {
             title: {
               cy: "treemap-div-title",
@@ -591,13 +591,13 @@ const lo = ["id"], ao = {
           }
         }, null, 8, ["config"]))
       ], 4)) : O("", !0),
-      t.value.userOptions.show && x.value && (d(De) || d(we)) ? (v(), Z(d(p), {
+      t.value.userOptions.show && x.value && (d(Ve) || d(we)) ? (v(), Z(d(p), {
         ref: "details",
-        key: `user_option_${Ie.value}`,
+        key: `user_option_${Ne.value}`,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        isPrinting: d(He),
-        isImaging: d(Ue),
+        isPrinting: d(Ue),
+        isImaging: d(We),
         uid: A.value,
         hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
         hasPdf: t.value.userOptions.buttons.pdf,
@@ -613,14 +613,14 @@ const lo = ["id"], ao = {
         hasAnnotator: t.value.userOptions.buttons.annotator,
         isAnnotation: he.value,
         onToggleFullscreen: bt,
-        onGeneratePdf: d(We),
-        onGenerateCsv: Qe,
-        onGenerateImage: d(Ee),
-        onToggleTable: et,
-        onToggleTooltip: tt,
+        onGeneratePdf: d(Ee),
+        onGenerateCsv: et,
+        onGenerateImage: d(Ge),
+        onToggleTable: tt,
+        onToggleTooltip: ot,
         onToggleAnnotator: $e,
         style: L({
-          visibility: d(De) ? d(we) ? "visible" : "hidden" : "visible"
+          visibility: d(Ve) ? d(we) ? "visible" : "hidden" : "visible"
         })
       }, St({ _: 2 }, [
         e.$slots.menuIcon ? {
@@ -688,22 +688,22 @@ const lo = ["id"], ao = {
           onClick: (f) => a === E.value.length - 1 ? () => {
           } : de(o.node),
           onKeydown: [
-            nt(_e((f) => a === E.value.length - 1 ? void 0 : de(o.node), ["prevent"]), ["enter"]),
-            nt(_e((f) => a === E.value.length - 1 ? void 0 : de(o.node), ["prevent"]), ["space"])
+            st(_e((f) => a === E.value.length - 1 ? void 0 : de(o.node), ["prevent"]), ["enter"]),
+            st(_e((f) => a === E.value.length - 1 ? void 0 : de(o.node), ["prevent"]), ["space"])
           ],
           class: "vue-ui-treemap-crumb",
           "data-last-crumb": a === E.value.length - 1,
           style: L({
             color: t.value.style.chart.color
           }),
-          onMouseenter: (f) => ot(a),
-          onMouseleave: lt,
-          onFocus: (f) => ot(a),
-          onBlur: lt
+          onMouseenter: (f) => lt(a),
+          onMouseleave: at,
+          onFocus: (f) => lt(a),
+          onBlur: at
         }, [
           _("span", so, [
             _("span", uo, [
-              k(e.$slots, "breadcrumb-label", st({ ref_for: !0 }, { crumb: o, isRoot: a === 0, isFocus: pe.value === a }), () => [
+              k(e.$slots, "breadcrumb-label", ut({ ref_for: !0 }, { crumb: o, isRoot: a === 0, isFocus: pe.value === a }), () => [
                 a === 0 ? (v(), y("div", ro, [
                   Te(Gt, {
                     name: pe.value === 0 ? "homeFilled" : "home",
@@ -725,14 +725,16 @@ const lo = ["id"], ao = {
       x.value ? (v(), y("svg", {
         key: 5,
         ref_key: "svgRef",
-        ref: Ve,
+        ref: Be,
         xmlns: d(Lt),
         class: xe({ "vue-data-ui-fullscreen--on": te.value, "vue-data-ui-fulscreen--off": !te.value, "vue-data-ui-zoom-plus": !Y.value, "vue-data-ui-zoom-minus": Y.value }),
         viewBox: `${ne.value.startX} ${ne.value.startY} ${ne.value.width <= 0 ? 10 : ne.value.width} ${ne.value.height <= 0 ? 10 : ne.value.height}`,
         style: L(`max-width:100%; overflow: hidden; background:transparent;color:${t.value.style.chart.color}`)
       }, [
         Te(d(B)),
-        (v(!0), y(ge, null, Oe(re.value, (o, a) => (v(), y("g", null, [
+        (v(!0), y(ge, null, Oe(re.value, (o, a) => (v(), y("g", {
+          key: `tgrad_${o.id}`
+        }, [
           t.value.style.chart.layout.rects.gradient.show ? (v(), y("defs", vo, [
             _("radialGradient", {
               id: `tgrad_${o.id}`,
@@ -748,13 +750,15 @@ const lo = ["id"], ao = {
               }, null, 8, fo)
             ], 8, ho)
           ])) : O("", !0)
-        ]))), 256)),
-        (v(!0), y(ge, null, Oe(re.value, (o, a) => (v(), y("g", null, [
+        ]))), 128)),
+        (v(!0), y(ge, null, Oe(re.value, (o, a) => (v(), y("g", {
+          key: `k_${o.id}`
+        }, [
           _("rect", {
             x: o.x0,
             y: o.y0,
-            height: Ye(o),
-            width: Ke(o),
+            height: Ke(o),
+            width: Ze(o),
             fill: M.value ? o.color : t.value.style.chart.layout.rects.gradient.show ? `url(#tgrad_${o.id})` : o.color,
             rx: t.value.style.chart.layout.rects.borderRadius,
             stroke: R.value && R.value.id === o.id ? t.value.style.chart.layout.rects.selected.stroke : t.value.style.chart.layout.rects.stroke,
@@ -776,8 +780,8 @@ const lo = ["id"], ao = {
           (v(), y("foreignObject", {
             x: o.x0,
             y: o.y0,
-            height: Ye(o),
-            width: Ke(o),
+            height: Ke(o),
+            width: Ze(o),
             class: "vue-ui-treemap-cell-foreignObject"
           }, [
             _("div", mo, [
@@ -804,7 +808,7 @@ const lo = ["id"], ao = {
                   { datapoint: o }
                 )), 5)
               ], 4)) : O("", !0),
-              k(e.$slots, "rect", st({ ref_for: !0 }, {
+              k(e.$slots, "rect", ut({ ref_for: !0 }, {
                 rect: o,
                 shouldShow: o.proportion > t.value.style.chart.layout.labels.hideUnderProportion || Y.value,
                 fontSize: X(o),
@@ -813,11 +817,11 @@ const lo = ["id"], ao = {
               }), void 0, !0)
             ])
           ], 8, yo))
-        ]))), 256)),
+        ]))), 128)),
         k(e.$slots, "svg", J(Q({ svg: q.value, isZoom: Y.value, rect: R.value, config: t.value })), void 0, !0)
       ], 14, co)) : O("", !0),
       e.$slots.watermark ? (v(), y("div", bo, [
-        k(e.$slots, "watermark", J(Q({ isPrinting: d(He) || d(Ue) })), void 0, !0)
+        k(e.$slots, "watermark", J(Q({ isPrinting: d(Ue) || d(We) })), void 0, !0)
       ])) : O("", !0),
       x.value ? O("", !0) : (v(), Z(d(c), {
         key: 7,
@@ -833,18 +837,18 @@ const lo = ["id"], ao = {
       }, null, 8, ["config"])),
       _("div", {
         ref_key: "chartLegend",
-        ref: ze
+        ref: Ae
       }, [
         t.value.style.chart.legend.show ? (v(), Z(Xt, {
-          key: `legend_${Le.value}`,
-          legendSet: Ze.value,
+          key: `legend_${Me.value}`,
+          legendSet: Je.value,
           config: wt.value,
           id: `treemap_legend_${A.value}`,
-          onClickMarker: l[1] || (l[1] = ({ legend: o }) => Je(o))
+          onClickMarker: l[1] || (l[1] = ({ legend: o }) => Qe(o))
         }, {
           item: T(({ legend: o, index: a }) => [
             _("div", {
-              onClick: (f) => Je(o),
+              onClick: (f) => Qe(o),
               style: L(`opacity:${F.value.includes(o.id) ? 0.5 : 1}`)
             }, [
               ye(ee(o.name) + ": " + ee(d(be)(
@@ -864,13 +868,13 @@ const lo = ["id"], ao = {
           _: 1
         }, 8, ["legendSet", "config", "id"])) : k(e.$slots, "legend", {
           key: 1,
-          legend: Ze.value
+          legend: Je.value
         }, void 0, !0)
       ], 512),
       e.$slots.source ? (v(), y("div", {
         key: 8,
         ref_key: "source",
-        ref: Ae,
+        ref: Fe,
         dir: "auto"
       }, [
         k(e.$slots, "source", {}, void 0, !0)
@@ -917,7 +921,7 @@ const lo = ["id"], ao = {
       }, {
         content: T(() => [
           (v(), Z(d(i), {
-            key: `table_${Re.value}`,
+            key: `table_${Le.value}`,
             colNames: ve.value.colNames,
             head: ve.value.head,
             body: ve.value.body,
@@ -941,7 +945,7 @@ const lo = ["id"], ao = {
       }, 8, ["config"])) : O("", !0)
     ], 46, lo));
   }
-}, Lo = /* @__PURE__ */ jt(xo, [["__scopeId", "data-v-ee01f95d"]]);
+}, Lo = /* @__PURE__ */ jt(xo, [["__scopeId", "data-v-f1f88c1e"]]);
 export {
   Lo as default
 };

package/dist/{vue-ui-vertical-bar-64gS06ES.js → vue-ui-vertical-bar-BoZ_IFSB.js}

@@ -1,14 +1,14 @@
 import { useCssVars as _t, defineAsyncComponent as H, useSlots as $t, computed as m, ref as d, watch as Xe, shallowRef as He, onMounted as We, onBeforeUnmount as wt, createElementBlock as i, openBlock as u, unref as r, normalizeStyle as c, normalizeClass as B, createBlock as R, createCommentVNode as p, renderSlot as b, createVNode as Q, createSlots as pe, withCtx as k, normalizeProps as W, guardReactiveProps as G, createElementVNode as n, toDisplayString as h, Fragment as j, renderList as q, mergeProps as xt, withKeys as Ct, createTextVNode as Tt } from "vue";
-import { u as Lt, c as Nt, t as Pt, p as D, a as St, b as Vt, o as Ge, e as Z, v as N, d as ye, i as ne, f as E, X as It, s as ge, w as Ot, q as Ft, r as Mt, x as zt, y as At } from "./index-CaxNz2cE.js";
+import { u as Lt, c as Nt, t as Pt, p as D, a as St, b as Vt, o as Ge, e as Z, v as N, d as ye, i as ne, f as E, X as It, s as ge, w as Ot, q as Ft, r as Mt, x as zt, y as At } from "./index-DEIYaZgn.js";
 import { t as Bt, u as Rt } from "./useResponsive-JZ9xq-JV.js";
-import { u as je } from "./useNestedProp-DpK9-Xt0.js";
-import { u as Dt } from "./usePrinter-BprQttno.js";
+import { u as je } from "./useNestedProp-BEehCUIF.js";
+import { u as Dt } from "./usePrinter-qQMLh6Yb.js";
 import { u as Et } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ut } from "./useChartAccessibility-9icAAmYg.js";
-import Xt from "./vue-ui-accordion-BZ16n4QT.js";
-import qe from "./Legend-iNd1Vv1J.js";
-import Ht from "./Title-BTCPUIcD.js";
-import Ye from "./Shape-CTyy5HJi.js";
+import Xt from "./vue-ui-accordion-BiBydzl9.js";
+import qe from "./Legend-Dg-lIMWK.js";
+import Ht from "./Title-wKsVP3Tb.js";
+import { _ as Ye } from "./Shape-C_dvrARW.js";
 import { _ as Wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["id"], Jt = ["stop-color"], Qt = ["stop-color"], Zt = { key: 1 }, el = ["x", "y", "width", "height", "fill", "rx"], tl = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], ll = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], al = ["x2", "y1", "y2", "stroke", "stroke-width"], ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], nl = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], ul = ["x", "y", "font-size", "fill", "font-weight"], sl = ["x", "y", "font-size", "fill", "font-weight"], rl = ["x", "y", "font-size", "fill", "font-weight"], il = ["y", "width", "height", "fill", "onMouseenter"], dl = {
   key: 6,
@@ -34,7 +34,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
     _t((l) => ({
       91644906: l.tdo
     }));
-    const Ze = H(() => import("./BaseIcon-PZPlJOYf.js")), et = H(() => import("./PackageVersion-BVH19wf6.js")), tt = H(() => import("./PenAndPaper-U4bWifCe.js")), lt = H(() => import("./vue-ui-skeleton-C2paDc2u.js")), at = H(() => import("./Tooltip-B9AfUFVK.js")), ot = H(() => import("./UserOptions-yZJ8noVU.js")), { vue_ui_vertical_bar: nt } = Lt(), ut = $t(), T = Ke, ee = m(() => !!T.dataset && T.dataset.length), C = d(Nt()), st = d(null), ue = d(!1), se = d(""), te = d(0), rt = d(null), fe = d(0), Y = d(null), be = d(null), re = d(null), me = d(null), ke = d(null), _e = d(0), ie = d(0), it = Qe, e = m({
+    const Ze = H(() => import("./BaseIcon-fYqf6uWD.js")), et = H(() => import("./PackageVersion-BaWtR2QJ.js")), tt = H(() => import("./PenAndPaper-C9Iqlmr3.js")), lt = H(() => import("./vue-ui-skeleton-Cg2RwgBg.js")), at = H(() => import("./Tooltip-0n7pdXhW.js")), ot = H(() => import("./UserOptions-LIF1UWJS.js")), { vue_ui_vertical_bar: nt } = Lt(), ut = $t(), T = Ke, ee = m(() => !!T.dataset && T.dataset.length), C = d(Nt()), st = d(null), ue = d(!1), se = d(""), te = d(0), rt = d(null), fe = d(0), Y = d(null), be = d(null), re = d(null), me = d(null), ke = d(null), _e = d(0), ie = d(0), it = Qe, e = m({
       get: () => Ce(),
       set: (l) => l
     }), { userOptionsVisible: de, setUserOptionsVisibility: $e, keepUserOptionState: we } = Et({ config: e.value }), { svgRef: xe } = Ut({ config: e.value.style.chart.title });

package/dist/{vue-ui-waffle-MjyNmQ85.js → vue-ui-waffle-Gu9_m-rE.js}

@@ -1,13 +1,13 @@
 import { defineAsyncComponent as B, useSlots as ht, computed as d, ref as c, watch as Ve, shallowRef as Me, onMounted as pt, onBeforeUnmount as ft, createElementBlock as r, openBlock as s, unref as n, normalizeStyle as K, normalizeClass as De, createBlock as V, createCommentVNode as f, createElementVNode as x, createVNode as ie, createSlots as Re, withCtx as b, renderSlot as g, normalizeProps as j, guardReactiveProps as W, Fragment as $, renderList as F, mergeProps as Ue, toDisplayString as L, createTextVNode as Ge, nextTick as yt } from "vue";
-import { u as gt, c as bt, t as mt, p as M, a as wt, o as kt, e as ve, g as xt, b as Ct, i as q, f as _, X as $t, s as _t, w as It, G as Tt, K as St, d as Pt, q as Ot, r as At, x as Ft, y as Lt } from "./index-CaxNz2cE.js";
+import { u as gt, c as bt, t as mt, p as M, a as wt, o as kt, e as ve, g as xt, b as Ct, i as q, f as _, X as $t, s as _t, w as It, G as Tt, K as St, d as Pt, q as Ot, r as At, x as Ft, y as Lt } from "./index-DEIYaZgn.js";
 import { t as zt, u as Nt } from "./useResponsive-JZ9xq-JV.js";
-import { u as Ee } from "./useNestedProp-DpK9-Xt0.js";
-import { u as Bt } from "./usePrinter-BprQttno.js";
+import { u as Ee } from "./useNestedProp-BEehCUIF.js";
+import { u as Bt } from "./usePrinter-qQMLh6Yb.js";
 import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Mt } from "./useChartAccessibility-9icAAmYg.js";
-import Dt from "./Title-BTCPUIcD.js";
-import Rt from "./Legend-iNd1Vv1J.js";
-import Ut from "./Shape-CTyy5HJi.js";
+import Dt from "./Title-wKsVP3Tb.js";
+import Rt from "./Legend-Dg-lIMWK.js";
+import { _ as Ut } from "./Shape-C_dvrARW.js";
 import { _ as Gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"], Ht = ["stop-color"], Xt = ["id"], Yt = ["x", "y", "height", "width"], Kt = ["height", "width"], Jt = { key: 0 }, Qt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Zt = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], el = { key: 1 }, tl = ["rx", "x", "y", "height", "width", "fill", "filter"], ll = ["x", "y", "height", "width", "filter"], al = { key: 0 }, ol = { key: 1 }, ul = { key: 2 }, sl = { key: 3 }, rl = ["onMouseover", "x", "y", "height", "width"], nl = {
   key: 5,
@@ -30,7 +30,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
   },
   emits: ["selectLegend"],
   setup(je, { expose: We, emit: qe }) {
-    const He = B(() => import("./DataTable-bcUa-A_V.js")), Xe = B(() => import("./PenAndPaper-U4bWifCe.js")), Ye = B(() => import("./vue-ui-accordion-BZ16n4QT.js")), Ke = B(() => import("./vue-ui-skeleton-C2paDc2u.js")), Je = B(() => import("./Tooltip-B9AfUFVK.js")), Qe = B(() => import("./UserOptions-yZJ8noVU.js")), Ze = B(() => import("./PackageVersion-BVH19wf6.js")), { vue_ui_waffle: et } = gt(), m = je, tt = ht(), J = d(() => !!m.dataset && m.dataset.length), k = c(bt()), lt = c(null), le = c(!1), ae = c(""), D = c(null), ce = c(0), H = c(null), de = c(null), he = c(null), pe = c(null), fe = c(null), ye = c(0), ge = c(0), be = c(0), e = d({
+    const He = B(() => import("./DataTable-CDJecyZ0.js")), Xe = B(() => import("./PenAndPaper-C9Iqlmr3.js")), Ye = B(() => import("./vue-ui-accordion-BiBydzl9.js")), Ke = B(() => import("./vue-ui-skeleton-Cg2RwgBg.js")), Je = B(() => import("./Tooltip-0n7pdXhW.js")), Qe = B(() => import("./UserOptions-LIF1UWJS.js")), Ze = B(() => import("./PackageVersion-BaWtR2QJ.js")), { vue_ui_waffle: et } = gt(), m = je, tt = ht(), J = d(() => !!m.dataset && m.dataset.length), k = c(bt()), lt = c(null), le = c(!1), ae = c(""), D = c(null), ce = c(0), H = c(null), de = c(null), he = c(null), pe = c(null), fe = c(null), ye = c(0), ge = c(0), be = c(0), e = d({
       get: () => xe(),
       set: (t) => t
     }), { userOptionsVisible: oe, setUserOptionsVisibility: me, keepUserOptionState: we } = Vt({ config: e.value }), { svgRef: ke } = Mt({ config: e.value.style.chart.title });

package/dist/{vue-ui-wheel-FzQbyvix.js → vue-ui-wheel-DTRHE9zw.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as $, computed as p, ref as c, watch as Q, shallowRef as Z, onMounted as ke, onBeforeUnmount as we, createElementBlock as v, openBlock as s, unref as l, normalizeStyle as M, createBlock as _, createCommentVNode as h, createSlots as be, withCtx as k, renderSlot as y, normalizeProps as I, guardReactiveProps as A, normalizeClass as T, createVNode as Ce, Fragment as ee, renderList as te, toDisplayString as Oe } from "vue";
-import { u as $e, c as _e, a as Ie, o as Ae, e as Pe, w as ae, m as xe, X as Fe, i as Se, v as le, f as ze } from "./index-CaxNz2cE.js";
+import { u as $e, c as _e, a as Ie, o as Ae, e as Pe, w as ae, m as xe, X as Fe, i as Se, v as le, f as ze } from "./index-DEIYaZgn.js";
 import { t as Me, u as Te } from "./useResponsive-JZ9xq-JV.js";
-import { u as oe } from "./useNestedProp-DpK9-Xt0.js";
-import { u as Ne } from "./usePrinter-BprQttno.js";
+import { u as oe } from "./useNestedProp-BEehCUIF.js";
+import { u as Ne } from "./usePrinter-qQMLh6Yb.js";
 import { u as Re } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ue } from "./useChartAccessibility-9icAAmYg.js";
-import Xe from "./Title-BTCPUIcD.js";
+import Xe from "./Title-wKsVP3Tb.js";
 import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], De = ["d", "fill"], Ye = ["cx", "cy", "r", "stroke", "stroke-width"], He = ["x", "y", "font-size", "fill", "font-weight"], We = {
   key: 5,
@@ -27,7 +27,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
     }
   },
   setup(ne, { expose: se }) {
-    const ue = $(() => import("./PenAndPaper-U4bWifCe.js")), re = $(() => import("./vue-ui-skeleton-C2paDc2u.js")), ie = $(() => import("./UserOptions-yZJ8noVU.js")), ce = $(() => import("./PackageVersion-BVH19wf6.js")), { vue_ui_wheel: ve } = $e(), d = ne, P = p(() => !!d.dataset && Object.keys(d.dataset).length), x = c(_e()), he = c(null), N = c(0), w = c(null), R = c(null), U = c(null), X = c(null), E = c(0), e = p({
+    const ue = $(() => import("./PenAndPaper-C9Iqlmr3.js")), re = $(() => import("./vue-ui-skeleton-Cg2RwgBg.js")), ie = $(() => import("./UserOptions-LIF1UWJS.js")), ce = $(() => import("./PackageVersion-BaWtR2QJ.js")), { vue_ui_wheel: ve } = $e(), d = ne, P = p(() => !!d.dataset && Object.keys(d.dataset).length), x = c(_e()), he = c(null), N = c(0), w = c(null), R = c(null), U = c(null), X = c(null), E = c(0), e = p({
       get: () => j(),
       set: (t) => t
     }), { userOptionsVisible: F, setUserOptionsVisibility: L, keepUserOptionState: B } = Re({ config: e.value }), { svgRef: G } = Ue({ config: e.value.style.chart.title });

package/dist/{vue-ui-word-cloud-BHPSrRVK.js → vue-ui-word-cloud-BroXfHOc.js}

@@ -1,12 +1,12 @@
 import { useCssVars as De, defineAsyncComponent as j, computed as se, ref as g, watch as be, shallowRef as Fe, onMounted as Ee, onBeforeUnmount as Ue, createElementBlock as N, openBlock as x, unref as r, normalizeStyle as he, createBlock as ie, createCommentVNode as B, createVNode as we, createSlots as Ge, withCtx as O, renderSlot as F, normalizeProps as Q, guardReactiveProps as ee, normalizeClass as Me, createElementVNode as Ce, Fragment as Le, renderList as je, toDisplayString as Pe, createTextVNode as He, nextTick as ze } from "vue";
-import { u as qe, c as Ae, aj as Ze, v as Je, t as Ke, p as me, a as Qe, o as et, e as Oe, g as tt, f as ot, X as at, q as lt, r as nt, x as st } from "./index-CaxNz2cE.js";
+import { u as qe, c as Ae, aj as Ze, v as Je, t as Ke, p as me, a as Qe, o as et, e as Oe, g as tt, f as ot, X as at, q as lt, r as nt, x as st } from "./index-DEIYaZgn.js";
 import { t as it, u as rt, d as ut } from "./useResponsive-JZ9xq-JV.js";
-import { u as Ne } from "./useNestedProp-DpK9-Xt0.js";
-import { u as ct } from "./usePrinter-BprQttno.js";
+import { u as Ne } from "./useNestedProp-BEehCUIF.js";
+import { u as ct } from "./usePrinter-qQMLh6Yb.js";
 import { u as dt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as vt } from "./useChartAccessibility-9icAAmYg.js";
 import { u as ht } from "./usePanZoom-BQMvRXEQ.js";
-import mt from "./Title-BTCPUIcD.js";
+import mt from "./Title-wKsVP3Tb.js";
 import { _ as ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function pt(w, p) {
   const { width: u, height: f } = w, m = p.getImageData(0, 0, u, f).data;
@@ -148,7 +148,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
     De((t) => ({
       c9496d9a: t.slicerColor
     }));
-    const u = j(() => import("./vue-ui-accordion-BZ16n4QT.js")), f = j(() => import("./BaseIcon-PZPlJOYf.js")), c = j(() => import("./DataTable-bcUa-A_V.js")), m = j(() => import("./PackageVersion-BVH19wf6.js")), l = j(() => import("./PenAndPaper-U4bWifCe.js")), a = j(() => import("./Tooltip-B9AfUFVK.js")), s = j(() => import("./UserOptions-yZJ8noVU.js")), { vue_ui_word_cloud: C } = qe(), d = w, h = se({
+    const u = j(() => import("./vue-ui-accordion-BiBydzl9.js")), f = j(() => import("./BaseIcon-fYqf6uWD.js")), c = j(() => import("./DataTable-CDJecyZ0.js")), m = j(() => import("./PackageVersion-BaWtR2QJ.js")), l = j(() => import("./PenAndPaper-C9Iqlmr3.js")), a = j(() => import("./Tooltip-0n7pdXhW.js")), s = j(() => import("./UserOptions-LIF1UWJS.js")), { vue_ui_word_cloud: C } = qe(), d = w, h = se({
       get() {
         return !!d.dataset && d.dataset.length;
       },