vue-data-ui 3.0.0-next.4 → 3.0.0-next.41

package/dist/{vue-ui-treemap-BSPd3wFo.js → vue-ui-treemap-cLoY4lkA.js}

@@ -1,14 +1,14 @@
 import { defineAsyncComponent as J, useSlots as Ot, onMounted as st, computed as b, ref as $, shallowRef as B, watch as _t, onBeforeUnmount as St, createElementBlock as y, openBlock as h, unref as d, normalizeStyle as L, normalizeClass as $e, createBlock as Q, createCommentVNode as _, createElementVNode as S, createVNode as xe, createSlots as It, withCtx as O, renderSlot as w, normalizeProps as ee, guardReactiveProps as te, Fragment as ge, renderList as Te, withKeys as ut, withModifiers as Oe, mergeProps as rt, createTextVNode as _e, toDisplayString as X, nextTick as Ft } from "vue";
-import { u as Nt, c as Se, t as Pt, p as I, a as zt, b as At, o as Rt, e as Vt, d as ye, i as me, f as ie, X as Lt, l as it, F as ct, x as dt, q as Mt, r as Dt, y as Bt } from "./index-BnnNoGGd.js";
+import { u as zt, c as Se, t as Nt, p as I, a as Pt, b as At, o as Rt, e as Vt, d as ye, i as me, f as ie, X as Lt, l as it, F as ct, y as dt, q as Mt, r as Dt, z as Bt } from "./index-D-ozSgn5.js";
 import { t as Ht, u as Ut } from "./useResponsive-DfdjqQps.js";
-import { u as vt } from "./useNestedProp-B6Dz15k2.js";
-import { u as Et } from "./usePrinter-Dd-RkmL8.js";
+import { u as vt } from "./useNestedProp-xgFDyd-D.js";
+import { u as Et } from "./usePrinter-CyhyubAW.js";
 import { u as Wt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as qt } from "./useChartAccessibility-9icAAmYg.js";
-import Gt from "./BaseIcon-C_m_NEgt.js";
-import Xt from "./Title-FiH2Kirc.js";
-import jt from "./Legend-Bow74t3d.js";
-import Yt from "./img-CP2uNkKq.js";
+import Gt from "./BaseIcon-d5M_8gn6.js";
+import Xt from "./Title-C2MeWc6b.js";
+import jt from "./Legend-BY-3lPeC.js";
+import Yt from "./img-1ZBpWF3A.js";
 import { _ as Kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function ht(n, r) {
   const s = n.length;
@@ -67,28 +67,28 @@ function el(n) {
 }
 function ft(n, r) {
   const { width: s, height: i, xOffset: u, yOffset: v } = Ie(r), c = n.length, g = n.map((m) => m.normalizedValue || 0).reduce((m, x) => m + x, 0), p = g / i, H = g / s;
-  let P = u, k = v;
+  let N = u, k = v;
   const C = [];
   if (s >= i) {
     for (let m = 0; m < c; m += 1) {
-      const x = n[m], M = k + x.normalizedValue / p, z = {
-        x0: P,
+      const x = n[m], M = k + x.normalizedValue / p, P = {
+        x0: N,
         y0: k,
-        x1: P + p,
+        x1: N + p,
         y1: M
-      }, N = Object.assign({}, x, z);
-      k = M, C.push(N);
+      }, z = Object.assign({}, x, P);
+      k = M, C.push(z);
     }
     return C;
   } else {
     for (let m = 0; m < c; m += 1) {
-      const x = n[m], M = P + x.normalizedValue / H, z = {
-        x0: P,
+      const x = n[m], M = N + x.normalizedValue / H, P = {
+        x0: N,
         y0: k,
         x1: M,
         y1: k + H
-      }, N = Object.assign({}, x, z);
-      P = M, C.push(N);
+      }, z = Object.assign({}, x, P);
+      N = M, C.push(z);
     }
     return C;
   }
@@ -123,17 +123,17 @@ function ol(n, r, s, i) {
       const C = ft(v, c);
       return g.concat(C);
     }
-    const H = tl(c), P = u[0], k = u.slice(1, p);
-    if (Zt(v, P, H)) {
-      const C = v.concat(P);
+    const H = tl(c), N = u[0], k = u.slice(1, p);
+    if (Zt(v, N, H)) {
+      const C = v.concat(N);
       u = k, v = C, c = c, g = g;
     } else {
       const C = v.length;
       let m = 0;
-      for (let N = 0; N < C; N += 1)
-        m += v[N].normalizedValue;
-      const x = al(c, m), M = ft(v, c), z = g.concat(M);
-      u = u, v = [], c = x, g = z;
+      for (let z = 0; z < C; z += 1)
+        m += v[z].normalizedValue;
+      const x = al(c, m), M = ft(v, c), P = g.concat(M);
+      u = u, v = [], c = x, g = P;
     }
   }
 }
@@ -204,32 +204,32 @@ const nl = ["id"], sl = {
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(n, { expose: r, emit: s }) {
-    const i = J(() => import("./DataTable-kd4xY9pT.js")), u = J(() => import("./PenAndPaper-BZddJqUG.js")), v = J(() => import("./vue-ui-accordion-qNR0BQCP.js")), c = J(() => import("./vue-ui-skeleton-gHkpLBcj.js")), g = J(() => import("./Tooltip-BLtR7DBZ.js")), p = J(() => import("./UserOptions-DOwmMJId.js")), H = J(() => import("./PackageVersion-3ZfzB951.js")), { vue_ui_treemap: P } = Nt(), k = n, C = s, m = Ot();
+    const i = J(() => import("./DataTable-CyFoVhAB.js")), u = J(() => import("./PenAndPaper-CeTnED7E.js")), v = J(() => import("./vue-ui-accordion-CzcfvDc6.js")), c = J(() => import("./vue-ui-skeleton-CIU55VVP.js")), g = J(() => import("./Tooltip-CyC0lofV.js")), p = J(() => import("./UserOptions-Q4MLYmK1.js")), H = J(() => import("./PackageVersion-QefvdSlr.js")), { vue_ui_treemap: N } = zt(), k = n, C = s, m = Ot();
     st(() => {
       m["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });
-    const x = b(() => !!k.dataset && k.dataset.length), M = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), z = $(Se()), N = $(!1), be = $(""), le = $(!1), Fe = $(0), A = $([]), U = B(null), Ne = B(null), Pe = B(null), ze = B(null), Ae = B(null), Re = $(0), Ve = $(0), Le = $(0), e = b({
+    const x = b(() => !!k.dataset && k.dataset.length), M = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), P = $(Se()), z = $(!1), be = $(""), le = $(!1), Fe = $(0), A = $([]), U = B(null), ze = B(null), Ne = B(null), Pe = B(null), Ae = B(null), Re = $(0), Ve = $(0), Le = $(0), e = b({
       get: () => He(),
       set: (t) => t
     }), { userOptionsVisible: we, setUserOptionsVisibility: Me, keepUserOptionState: De } = Wt({ config: e.value }), { svgRef: Be } = qt({ config: e.value.style.chart.title });
     function He() {
       const t = vt({
         userConfig: k.config,
-        defaultConfig: P
+        defaultConfig: N
       });
       return t.theme ? {
         ...vt({
-          userConfig: zt.vue_ui_treemap[t.theme] || k.config,
+          userConfig: Pt.vue_ui_treemap[t.theme] || k.config,
           defaultConfig: t
         }),
-        customPalette: Pt[t.theme] || I
+        customPalette: Nt[t.theme] || I
       } : t;
     }
     _t(() => k.config, (t) => {
       e.value = He(), we.value = !e.value.userOptions.showOnChartHover, Re.value += 1, Ve.value += 1, Le.value += 1, R.value.showTable = e.value.table.show, R.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: Ue, isImaging: Ee, generatePdf: We, generateImage: qe } = Et({
-      elementId: `treemap_${z.value}`,
+      elementId: `treemap_${P.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-treemap",
       options: e.value.userOptions.print
     }), yt = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), ce = b(() => At(e.value.customPalette)), R = $({
@@ -267,9 +267,9 @@ const nl = ["id"], sl = {
         const t = Ht(() => {
           const { width: o, height: l } = Ut({
             chart: U.value,
-            title: e.value.style.chart.title.text ? Ne.value : null,
-            legend: e.value.style.chart.legend.show ? Pe.value : null,
-            source: ze.value,
+            title: e.value.style.chart.title.text ? ze.value : null,
+            legend: e.value.style.chart.legend.show ? Ne.value : null,
+            source: Pe.value,
             noTitle: Ae.value
           });
           requestAnimationFrame(() => {
@@ -451,7 +451,7 @@ const nl = ["id"], sl = {
           { datapoint: t, seriesIndex: o }
         )}</b>`, be.value = `<div>${a}</div>`;
       }
-      N.value = !0;
+      z.value = !0;
     }
     const D = b(() => {
       const t = re.value.map((l) => ({
@@ -567,7 +567,7 @@ const nl = ["id"], sl = {
       ref: U,
       class: $e(`vue-ui-treemap ${le.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: L(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      id: `treemap_${z.value}`,
+      id: `treemap_${P.value}`,
       onMouseenter: o[3] || (o[3] = () => d(Me)(!0)),
       onMouseleave: o[4] || (o[4] = () => d(Me)(!1))
     }, [
@@ -589,7 +589,7 @@ const nl = ["id"], sl = {
       e.value.style.chart.title.text ? (h(), y("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Ne,
+        ref: ze,
         style: L(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
         (h(), Q(Xt, {
@@ -613,7 +613,7 @@ const nl = ["id"], sl = {
         color: e.value.style.chart.color,
         isPrinting: d(Ue),
         isImaging: d(Ee),
-        uid: z.value,
+        uid: P.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -786,7 +786,7 @@ const nl = ["id"], sl = {
               seriesIndex: a
             }),
             onMouseleave: o[0] || (o[0] = (f) => {
-              V.value = null, N.value = !1;
+              V.value = null, z.value = !1;
             }),
             style: L(`opacity:${V.value ? V.value.id === l.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
             class: $e([
@@ -854,13 +854,13 @@ const nl = ["id"], sl = {
       }, null, 8, ["config"])),
       S("div", {
         ref_key: "chartLegend",
-        ref: Pe
+        ref: Ne
       }, [
         e.value.style.chart.legend.show ? (h(), Q(jt, {
           key: `legend_${Le.value}`,
           legendSet: Qe.value,
           config: kt.value,
-          id: `treemap_legend_${z.value}`,
+          id: `treemap_legend_${P.value}`,
           onClickMarker: o[1] || (o[1] = ({ legend: l }) => et(l))
         }, {
           item: O(({ legend: l, index: a }) => [
@@ -888,13 +888,13 @@ const nl = ["id"], sl = {
       t.$slots.source ? (h(), y("div", {
         key: 8,
         ref_key: "source",
-        ref: ze,
+        ref: Pe,
         dir: "auto"
       }, [
         w(t.$slots, "source", {}, void 0, !0)
       ], 512)) : _("", !0),
       xe(d(g), {
-        show: R.value.showTooltip && N.value,
+        show: R.value.showTooltip && z.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -907,7 +907,9 @@ const nl = ["id"], sl = {
         parent: U.value,
         content: be.value,
         isFullscreen: le.value,
-        isCustom: d(dt)(e.value.style.chart.tooltip.customFormat)
+        isCustom: d(dt)(e.value.style.chart.tooltip.customFormat),
+        smooth: e.value.style.chart.tooltip.smooth,
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter
       }, {
         "tooltip-before": O(() => [
           w(t.$slots, "tooltip-before", ee(te({ ...ke.value })), void 0, !0)
@@ -916,7 +918,7 @@ const nl = ["id"], sl = {
           w(t.$slots, "tooltip-after", ee(te({ ...ke.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
+      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
       x.value ? (h(), Q(d(v), {
         key: 9,
         hideDetails: "",
@@ -959,7 +961,7 @@ const nl = ["id"], sl = {
       }, 8, ["config"])) : _("", !0)
     ], 46, nl));
   }
-}, Vl = /* @__PURE__ */ Kt($l, [["__scopeId", "data-v-69c6df1d"]]);
+}, Vl = /* @__PURE__ */ Kt($l, [["__scopeId", "data-v-9d4d76d4"]]);
 export {
   Vl as default
 };