vue-data-ui 3.0.0-next.50 → 3.0.0-next.52

package/dist/{vue-ui-tiremarks-0mS5yMkd.js → vue-ui-tiremarks-Bdys8ZwH.js}

@@ -1,13 +1,13 @@
-import { defineAsyncComponent as G, computed as f, ref as v, toRefs as xe, watch as ie, onMounted as Ae, createElementBlock as u, openBlock as r, unref as n, normalizeStyle as D, normalizeClass as H, createBlock as T, createCommentVNode as y, createSlots as Oe, withCtx as O, renderSlot as p, normalizeProps as N, guardReactiveProps as R, createVNode as Pe, Fragment as ce, renderList as ve, toDisplayString as Ie } from "vue";
-import { u as ze, c as Se, v as Fe, a as Te, w as Ne, o as Re, e as Me, x as he, X as Ee, i as Le, f as Ue } from "./index-CJ_8wwwn.js";
+import { defineAsyncComponent as H, computed as f, ref as v, toRefs as xe, watch as ie, onMounted as Ae, createElementBlock as u, openBlock as r, unref as s, normalizeStyle as j, normalizeClass as X, createBlock as T, createCommentVNode as y, createSlots as Oe, withCtx as O, renderSlot as p, normalizeProps as N, guardReactiveProps as R, createVNode as Pe, Fragment as ce, renderList as ve, toDisplayString as Ie } from "vue";
+import { u as ze, c as Se, v as Fe, a as Te, w as Ne, o as Re, e as Me, x as he, X as Ee, i as Le, f as Ue } from "./index-WItD8fls.js";
 import { t as Be, u as Ge } from "./useResponsive-DfdjqQps.js";
 import { u as De, B as He } from "./BaseScanner-DIK2NTdp.js";
-import { u as je } from "./usePrinter-Djgu-cC0.js";
-import { u as de } from "./useNestedProp-Co3NIfJz.js";
+import { u as je } from "./usePrinter-FH6Yncdh.js";
+import { u as de } from "./useNestedProp-DP91lffT.js";
 import { u as Xe } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ve } from "./useChartAccessibility-9icAAmYg.js";
-import qe from "./Title-CxOYqn0J.js";
-import Ye from "./img-B7ogJ4e0.js";
+import qe from "./Title-k4QgmSIv.js";
+import Ye from "./img-3dhgTl6e.js";
 import { _ as We } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { key: 1 }, et = ["d", "stroke-width", "stroke"], tt = { key: 2 }, at = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], lt = { key: 3 }, ot = ["x", "y", "height"], st = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], nt = {
   key: 4,
@@ -29,7 +29,7 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
     }
   },
   setup(fe, { expose: ge }) {
-    const ye = G(() => import("./PenAndPaper-CiXy6ifX.js")), pe = G(() => import("./UserOptions-RZkXTOCa.js")), me = G(() => import("./PackageVersion-_JpUHIQF.js")), { vue_ui_tiremarks: ke } = ze(), w = fe, be = f(() => !!w.dataset && Object.keys(w.dataset).length), M = v(Se()), C = v(null), we = v(null), j = v(null), X = v(null), V = v(0), q = v(0), $ = v(null), P = v(null), e = v(U()), { loading: Y, FINAL_DATASET: E } = De({
+    const ye = H(() => import("./PenAndPaper-CGyRnyF7.js")), pe = H(() => import("./UserOptions-DLoccAqI.js")), me = H(() => import("./PackageVersion-BIrL3taE.js")), { vue_ui_tiremarks: ke } = ze(), w = fe, be = f(() => !!w.dataset && Object.keys(w.dataset).length), M = v(Se()), C = v(null), we = v(null), V = v(null), q = v(null), Y = v(0), W = v(0), $ = v(null), P = v(null), e = v(U()), { loading: J, FINAL_DATASET: E } = De({
       ...xe(w),
       FINAL_CONFIG: e,
       prepareConfig: U,
@@ -53,7 +53,7 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
           }
         }
       })
-    }), { userOptionsVisible: L, setUserOptionsVisibility: W, keepUserOptionState: J } = Xe({ config: e.value }), { svgRef: K } = Ve({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: L, setUserOptionsVisibility: K, keepUserOptionState: Q } = Xe({ config: e.value }), { svgRef: Z } = Ve({ config: e.value.style.chart.title });
     function U() {
       const t = de({
         userConfig: w.config,
@@ -67,28 +67,28 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
       } : t;
     }
     ie(() => w.config, (t) => {
-      e.value = U(), L.value = !e.value.userOptions.showOnChartHover, le(), q.value += 1;
+      e.value = U(), L.value = !e.value.userOptions.showOnChartHover, se(), W.value += 1;
     }, { deep: !0 });
-    const { isPrinting: Q, isImaging: Z, generatePdf: ee, generateImage: te } = je({
+    const { isPrinting: ee, isImaging: te, generatePdf: ae, generateImage: le } = je({
       elementId: M.value,
       fileName: e.value.style.chart.title.text || "vue-ui-tiremarks",
       options: e.value.userOptions.print
     }), Ce = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), i = v(e.value.style.chart.animation.use ? 0 : Ne(E.value.percentage));
     ie(() => E.value, (t) => {
-      e.value.style.chart.animation.use ? ae(t.percentage) : i.value = t.percentage || 0;
+      e.value.style.chart.animation.use ? oe(t.percentage) : i.value = t.percentage || 0;
     }, { deep: !0 }), Ae(() => {
-      le();
+      se();
     });
-    function ae(t) {
+    function oe(t) {
       let l = e.value.style.chart.animation.speed;
       const a = Math.abs(t - i.value) / (l * 120);
-      function s() {
-        i.value < t ? i.value = Math.min(i.value + a, t) : i.value > t && (i.value = Math.max(i.value - a, t)), i.value !== t && requestAnimationFrame(s);
+      function o() {
+        i.value < t ? i.value = Math.min(i.value + a, t) : i.value > t && (i.value = Math.max(i.value - a, t)), i.value !== t && requestAnimationFrame(o);
       }
-      s();
+      o();
     }
     const _e = f(() => !!e.value.debug);
-    function le() {
+    function se() {
       if (Re(w.dataset) && Me({
         componentName: "VueUiTiremarks",
         type: "dataset",
@@ -97,16 +97,16 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
         const t = Be(() => {
           const { width: l, height: a } = Ge({
             chart: C.value,
-            title: e.value.style.chart.title.text ? j.value : null,
-            source: X.value
+            title: e.value.style.chart.title.text ? V.value : null,
+            source: q.value
           });
           requestAnimationFrame(() => {
-            oe.value = Math.max(0.1, l), se.value = Math.max(0.1, a - 12);
+            B.value = Math.max(0.1, l), G.value = Math.max(0.1, a - 12);
           });
         });
         $.value && (P.value && $.value.unobserve(P.value), $.value.disconnect()), $.value = new ResizeObserver(t), P.value = C.value.parentNode, $.value.observe(P.value);
       }
-      ae(E.value.percentage || 0);
+      oe(E.value.percentage || 0);
     }
     const I = f(() => e.value.style.chart.layout.display === "vertical"), c = f(() => {
       const t = e.value.style.chart.percentage.show, l = {
@@ -126,55 +126,55 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
         left: e.value.style.chart.percentage.horizontalPosition === "left" ? l.left : 16,
         right: e.value.style.chart.percentage.horizontalPosition === "right" ? l.right : 10
       };
-    }), z = f(() => Object.values(c.value).reduce((t, l) => t + l, 0)), oe = v(e.value.style.chart.width), se = v(e.value.style.chart.height), o = f(() => ({
-      height: se.value,
-      width: oe.value
+    }), z = f(() => Object.values(c.value).reduce((t, l) => t + l, 0)), B = v(e.value.style.chart.width), G = v(e.value.style.chart.height), n = f(() => ({
+      height: G.value,
+      width: B.value
     })), ne = f(() => ({
       horizontal: {
         x: g.value.x + (e.value.style.chart.percentage.horizontalPosition === "left" ? 6 : 3),
-        y: o.value.height / 2 - g.value.fontSize / 2
+        y: n.value.height / 2 - g.value.fontSize / 2
       },
       vertical: {
-        x: o.value.width / 2 - 20,
+        x: n.value.width / 2 - 20,
         y: g.value.y - g.value.fontSize / 2
       }
     })[e.value.style.chart.layout.display]), h = f(() => I.value ? {
-      mark: (o.value.height - z.value) / 100 * 0.5,
-      space: (o.value.height - z.value) / 100 * 0.5
+      mark: (n.value.height - z.value) / 100 * 0.5,
+      space: (n.value.height - z.value) / 100 * 0.5
     } : {
-      mark: (o.value.width - z.value) / 100 * 0.5,
-      space: (o.value.width - z.value) / 100 * 0.5
+      mark: (n.value.width - z.value) / 100 * 0.5,
+      space: (n.value.width - z.value) / 100 * 0.5
     }), re = f(() => {
       const t = [];
       for (let a = 0; a < 100; a += 1) {
-        const s = e.value.style.chart.layout.ticks.gradient.show ? he(e.value.style.chart.layout.activeColor, a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.activeColor;
+        const o = e.value.style.chart.layout.ticks.gradient.show ? he(e.value.style.chart.layout.activeColor, a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.activeColor;
         if (I.value) {
-          const _ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.width - c.value.left - c.value.right) / 100 / 3 : 0, d = c.value.left + 4 + _, m = o.value.width - c.value.right - 4 - _, k = o.value.height - c.value.bottom - a * h.value.mark - a * h.value.space - h.value.mark, b = o.value.height - c.value.bottom - a * h.value.mark - a * h.value.space - h.value.mark, x = (m - d) / e.value.style.chart.layout.curveAngleX, A = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
+          const _ = e.value.style.chart.layout.crescendo ? (100 - a) * (n.value.width - c.value.left - c.value.right) / 100 / 3 : 0, d = c.value.left + 4 + _, m = n.value.width - c.value.right - 4 - _, k = n.value.height - c.value.bottom - a * h.value.mark - a * h.value.space - h.value.mark, b = n.value.height - c.value.bottom - a * h.value.mark - a * h.value.space - h.value.mark, x = (m - d) / e.value.style.chart.layout.curveAngleX, A = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
           t.push({
             x1: d,
             x2: m,
             y1: k,
             y2: b,
             curve: `M ${d} ${k} C ${d + x} ${k - A}, ${m - x} ${b - A}, ${m} ${b}`,
-            color: s
+            color: o
           });
         } else {
-          const _ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.height - c.value.top - c.value.bottom) / 100 / 3 : 0, d = c.value.left + a * h.value.mark + a * h.value.space - h.value.mark, m = d, k = c.value.top + 4 + _, b = o.value.height - c.value.bottom - 4 - _, x = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), A = (b - k) / e.value.style.chart.layout.curveAngleX;
+          const _ = e.value.style.chart.layout.crescendo ? (100 - a) * (n.value.height - c.value.top - c.value.bottom) / 100 / 3 : 0, d = c.value.left + a * h.value.mark + a * h.value.space - h.value.mark, m = d, k = c.value.top + 4 + _, b = n.value.height - c.value.bottom - 4 - _, x = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), A = (b - k) / e.value.style.chart.layout.curveAngleX;
           t.push({
             x1: d,
             x2: m,
             y1: k,
             y2: b,
             curve: `M ${d} ${k} C ${d + x} ${k + A}, ${m + x} ${b - A}, ${m} ${b}`,
-            color: s
+            color: o
           });
         }
       }
       return t;
     }), g = f(() => {
       let t, l, a;
-      const s = e.value.style.chart.percentage.fontSize / 3;
-      return I.value ? e.value.style.chart.percentage.verticalPosition === "top" ? (t = o.value.width / 2, l = c.value.top / 2, a = "middle") : e.value.style.chart.percentage.verticalPosition === "bottom" && (t = o.value.width / 2, l = o.value.height - c.value.bottom / 2 + s, a = "middle") : e.value.style.chart.percentage.horizontalPosition === "left" ? (t = 4, l = o.value.height / 2 + s, a = "start") : e.value.style.chart.percentage.horizontalPosition === "right" && (t = o.value.width - c.value.right + 8, l = o.value.height / 2 + s, a = "start"), {
+      const o = e.value.style.chart.percentage.fontSize / 3;
+      return I.value ? e.value.style.chart.percentage.verticalPosition === "top" ? (t = n.value.width / 2, l = c.value.top / 2, a = "middle") : e.value.style.chart.percentage.verticalPosition === "bottom" && (t = n.value.width / 2, l = n.value.height - c.value.bottom / 2 + o, a = "middle") : e.value.style.chart.percentage.horizontalPosition === "left" ? (t = 4, l = n.value.height / 2 + o, a = "start") : e.value.style.chart.percentage.horizontalPosition === "right" && (t = n.value.width - c.value.right + 8, l = n.value.height / 2 + o, a = "start"), {
         x: t,
         y: l,
         textAnchor: a,
@@ -184,46 +184,46 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
       };
     }), S = v(!1);
     function ue(t) {
-      S.value = t, V.value += 1;
+      S.value = t, Y.value += 1;
     }
     const F = v(!1);
-    function B() {
+    function D() {
       F.value = !F.value;
     }
     async function $e({ scale: t = 2 } = {}) {
       if (!C.value) return;
-      const { width: l, height: a } = C.value.getBoundingClientRect(), s = l / a, { imageUri: _, base64: d } = await Ye({ domElement: C.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = C.value.getBoundingClientRect(), o = l / a, { imageUri: _, base64: d } = await Ye({ domElement: C.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: _,
         base64: d,
         title: e.value.style.chart.title.text,
         width: l,
         height: a,
-        aspectRatio: s
+        aspectRatio: o
       };
     }
     return ge({
       getImage: $e,
-      generatePdf: ee,
-      generateImage: te,
-      toggleAnnotator: B,
+      generatePdf: ae,
+      generateImage: le,
+      toggleAnnotator: D,
       toggleFullscreen: ue
     }), (t, l) => (r(), u("div", {
       ref_key: "tiremarksChart",
       ref: C,
-      class: H(`vue-ui-tiremarks ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: D(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      class: X(`vue-ui-tiremarks ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      style: j(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: M.value,
-      onMouseenter: l[0] || (l[0] = () => n(W)(!0)),
-      onMouseleave: l[1] || (l[1] = () => n(W)(!1))
+      onMouseenter: l[0] || (l[0] = () => s(K)(!0)),
+      onMouseleave: l[1] || (l[1] = () => s(K)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), T(n(ye), {
+      e.value.userOptions.buttons.annotator ? (r(), T(s(ye), {
         key: 0,
-        svgRef: n(K),
+        svgRef: s(Z),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: F.value,
-        onClose: B
+        onClose: D
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
       Ce.value ? (r(), u("div", {
         key: 1,
@@ -235,11 +235,11 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
       e.value.style.chart.title.text ? (r(), u("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: j,
+        ref: V,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
         (r(), T(qe, {
-          key: `title_${q.value}`,
+          key: `title_${W.value}`,
           config: {
             title: {
               cy: "wheel-title",
@@ -252,13 +252,13 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && be.value && (n(J) || n(L)) ? (r(), T(n(pe), {
+      e.value.userOptions.show && be.value && (s(Q) || s(L)) ? (r(), T(s(pe), {
         ref: "details",
-        key: `user_options_${V.value}`,
+        key: `user_options_${Y.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: n(Q),
-        isImaging: n(Z),
+        isPrinting: s(ee),
+        isImaging: s(te),
         uid: M.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -273,17 +273,17 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: ue,
-        onGeneratePdf: n(ee),
-        onGenerateImage: n(te),
-        onToggleAnnotator: B,
-        style: D({
-          visibility: n(J) ? n(L) ? "visible" : "hidden" : "visible"
+        onGeneratePdf: s(ae),
+        onGenerateImage: s(le),
+        onToggleAnnotator: D,
+        style: j({
+          visibility: s(Q) ? s(L) ? "visible" : "hidden" : "visible"
         })
       }, Oe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: O(({ isOpen: a, color: s }) => [
-            p(t.$slots, "menuIcon", N(R({ isOpen: a, color: s })), void 0, !0)
+          fn: O(({ isOpen: a, color: o }) => [
+            p(t.$slots, "menuIcon", N(R({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -303,34 +303,34 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: O(({ toggleFullscreen: a, isFullscreen: s }) => [
-            p(t.$slots, "optionFullscreen", N(R({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          fn: O(({ toggleFullscreen: a, isFullscreen: o }) => [
+            p(t.$slots, "optionFullscreen", N(R({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: O(({ toggleAnnotator: a, isAnnotator: s }) => [
-            p(t.$slots, "optionAnnotator", N(R({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+          fn: O(({ toggleAnnotator: a, isAnnotator: o }) => [
+            p(t.$slots, "optionAnnotator", N(R({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "4"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
       (r(), u("svg", {
         ref_key: "svgRef",
-        ref: K,
-        xmlns: n(Ee),
-        class: H({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
-        viewBox: `0 0 ${o.value.width} ${o.value.height}`,
-        style: D(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
+        ref: Z,
+        xmlns: s(Ee),
+        class: X({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
+        viewBox: `0 0 ${B.value} ${G.value}`,
+        style: j(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Pe(n(me)),
+        Pe(s(me)),
         t.$slots["chart-background"] ? (r(), u("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: o.value.width,
-          height: o.value.height,
+          width: n.value.width,
+          height: n.value.height,
           style: {
             pointerEvents: "none"
           }
@@ -338,27 +338,27 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
           p(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Qe)) : y("", !0),
         e.value.style.chart.layout.curved ? (r(), u("g", Ze, [
-          (r(!0), u(ce, null, ve(re.value, (a, s) => (r(), u("path", {
+          (r(!0), u(ce, null, ve(re.value, (a, o) => (r(), u("path", {
             d: a.curve,
             "stroke-width": h.value.mark,
-            stroke: i.value >= s ? a.color : e.value.style.chart.layout.inactiveColor,
+            stroke: i.value >= o ? a.color : e.value.style.chart.layout.inactiveColor,
             "stroke-linecap": "round",
             fill: "none",
-            class: H({ "vue-ui-tick-animated": e.value.style.chart.animation.use && s <= i.value })
+            class: X({ "vue-ui-tick-animated": e.value.style.chart.animation.use && o <= i.value })
           }, null, 10, et))), 256))
         ])) : (r(), u("g", tt, [
-          (r(!0), u(ce, null, ve(re.value, (a, s) => (r(), u("line", {
+          (r(!0), u(ce, null, ve(re.value, (a, o) => (r(), u("line", {
             x1: a.x1,
             y1: a.y1,
             x2: a.x2,
             y2: a.y2,
             "stroke-width": h.value.mark,
-            stroke: i.value >= s ? a.color : e.value.style.chart.layout.inactiveColor,
+            stroke: i.value >= o ? a.color : e.value.style.chart.layout.inactiveColor,
             "stroke-linecap": "round"
           }, null, 8, at))), 256))
         ])),
         e.value.style.chart.percentage.show ? (r(), u("g", lt, [
-          n(Y) ? (r(), u("rect", {
+          s(J) ? (r(), u("rect", {
             key: 0,
             x: ne.value.x,
             y: ne.value.y,
@@ -371,36 +371,36 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
             x: g.value.x,
             y: g.value.y,
             "font-size": g.value.fontSize,
-            fill: e.value.style.chart.layout.ticks.gradient.show && e.value.style.chart.percentage.useGradientColor ? n(he)(e.value.style.chart.layout.activeColor, i.value / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.percentage.color,
+            fill: e.value.style.chart.layout.ticks.gradient.show && e.value.style.chart.percentage.useGradientColor ? s(he)(e.value.style.chart.layout.activeColor, i.value / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.percentage.color,
             "font-weight": g.value.bold ? "bold" : "normal",
             "text-anchor": g.value.textAnchor
-          }, Ie(n(Le)(
+          }, Ie(s(Le)(
             e.value.style.chart.percentage.formatter,
             i.value,
-            n(Ue)({
+            s(Ue)({
               v: i.value,
               s: "%",
               r: e.value.style.chart.percentage.rounding
             })
           )), 9, st))
         ])) : y("", !0),
-        p(t.$slots, "svg", { svg: o.value }, void 0, !0)
+        p(t.$slots, "svg", { svg: n.value }, void 0, !0)
       ], 14, Ke)),
       t.$slots.watermark ? (r(), u("div", nt, [
-        p(t.$slots, "watermark", N(R({ isPrinting: n(Q) || n(Z) })), void 0, !0)
+        p(t.$slots, "watermark", N(R({ isPrinting: s(ee) || s(te) })), void 0, !0)
       ])) : y("", !0),
       t.$slots.source ? (r(), u("div", {
         key: 5,
         ref_key: "source",
-        ref: X,
+        ref: q,
         dir: "auto"
       }, [
         p(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      n(Y) ? (r(), T(He, { key: 6 })) : y("", !0)
+      s(J) ? (r(), T(He, { key: 6 })) : y("", !0)
     ], 46, Je));
   }
-}, kt = /* @__PURE__ */ We(rt, [["__scopeId", "data-v-d043cc94"]]);
+}, kt = /* @__PURE__ */ We(rt, [["__scopeId", "data-v-74c1d831"]]);
 export {
   kt as default
 };

package/dist/{vue-ui-treemap-BkU919fN.js → vue-ui-treemap-BBeNdVUy.js}

@@ -1,14 +1,14 @@
 import { defineAsyncComponent as se, useSlots as Lt, onMounted as vt, computed as k, ref as y, shallowRef as E, toRefs as Mt, watch as Se, onBeforeUnmount as Vt, createElementBlock as m, openBlock as p, unref as r, normalizeStyle as V, normalizeClass as Ie, createBlock as Q, createCommentVNode as x, createElementVNode as F, createVNode as Fe, createSlots as Dt, withCtx as _, renderSlot as C, normalizeProps as ee, guardReactiveProps as te, Fragment as ye, renderList as Ne, withKeys as dt, withModifiers as ze, mergeProps as ht, createTextVNode as Pe, toDisplayString as j, nextTick as Bt } from "vue";
-import { u as Et, c as be, v as Ht, t as Ut, p as A, a as Wt, b as qt, o as pt, e as Gt, d as ce, i as we, f as ve, X as Xt, l as ft, F as gt, y as mt, q as Yt, r as jt, z as Zt } from "./index-CJ_8wwwn.js";
+import { u as Et, c as be, v as Ht, t as Ut, p as A, a as Wt, b as qt, o as pt, e as Gt, d as ce, i as we, f as ve, X as Xt, l as ft, F as gt, y as mt, q as Yt, r as jt, z as Zt } from "./index-WItD8fls.js";
 import { t as Kt, u as Jt } from "./useResponsive-DfdjqQps.js";
-import { u as yt } from "./useNestedProp-Co3NIfJz.js";
-import { u as Qt } from "./usePrinter-Djgu-cC0.js";
+import { u as yt } from "./useNestedProp-DP91lffT.js";
+import { u as Qt } from "./usePrinter-FH6Yncdh.js";
 import { u as el } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as tl } from "./useChartAccessibility-9icAAmYg.js";
-import ll from "./BaseIcon-D3lVmh4q.js";
-import ol from "./Title-CxOYqn0J.js";
-import al from "./Legend-Dj4hW4ih.js";
-import nl from "./img-B7ogJ4e0.js";
+import ll from "./BaseIcon-DS7JPu4C.js";
+import ol from "./Title-k4QgmSIv.js";
+import al from "./Legend-Qj7Y95Ag.js";
+import nl from "./img-3dhgTl6e.js";
 import { u as sl, B as ul } from "./BaseScanner-DIK2NTdp.js";
 import { _ as rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function bt(n, i) {
@@ -201,7 +201,7 @@ const ml = ["id"], yl = ["tabindex", "onClick", "onKeydown", "data-last-crumb",
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(n, { expose: i, emit: s }) {
-    const c = se(() => import("./DataTable-DBPMgoC3.js")), u = se(() => import("./PenAndPaper-CiXy6ifX.js")), d = se(() => import("./vue-ui-accordion-3yBUN0ar.js")), v = se(() => import("./Tooltip-CzRs24i2.js")), g = se(() => import("./UserOptions-RZkXTOCa.js")), f = se(() => import("./PackageVersion-_JpUHIQF.js")), { vue_ui_treemap: H } = Et(), b = n, O = s, S = Lt();
+    const c = se(() => import("./DataTable-BgDT80Ts.js")), u = se(() => import("./PenAndPaper-CGyRnyF7.js")), d = se(() => import("./vue-ui-accordion-D9Co_5os.js")), v = se(() => import("./Tooltip-bNI5fnsQ.js")), g = se(() => import("./UserOptions-DLoccAqI.js")), f = se(() => import("./PackageVersion-BIrL3taE.js")), { vue_ui_treemap: H } = Et(), b = n, O = s, S = Lt();
     vt(() => {
       S["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });

package/dist/{vue-ui-vertical-bar-ByPC7JmK.js → vue-ui-vertical-bar-DnmdYB50.js}

@@ -1,15 +1,15 @@
 import { useCssVars as Mt, defineAsyncComponent as le, useSlots as Bt, computed as b, ref as i, toRefs as Rt, watch as nt, shallowRef as ut, onMounted as Te, nextTick as ve, onBeforeUnmount as Et, createElementBlock as v, openBlock as u, unref as s, normalizeStyle as h, normalizeClass as D, createBlock as X, createCommentVNode as y, renderSlot as x, createVNode as oe, createSlots as Se, withCtx as w, normalizeProps as Y, guardReactiveProps as K, createElementVNode as n, toDisplayString as p, Fragment as J, renderList as Q, mergeProps as Dt, withKeys as Xt, createTextVNode as Ut } from "vue";
-import { u as Gt, c as Wt, v as Ht, t as jt, p as U, a as qt, C as Le, b as Yt, w as L, o as Pe, e as ne, d as Ne, i as de, f as G, X as Kt, s as Ae, x as Jt, q as Qt, r as Zt, y as ea, z as ta } from "./index-CJ_8wwwn.js";
+import { u as Gt, c as Wt, v as Ht, t as jt, p as U, a as qt, C as Le, b as Yt, w as L, o as Pe, e as ne, d as Ne, i as de, f as G, X as Kt, s as Ae, x as Jt, q as Qt, r as Zt, y as ea, z as ta } from "./index-WItD8fls.js";
 import { t as aa, u as la } from "./useResponsive-DfdjqQps.js";
-import { u as st } from "./useNestedProp-Co3NIfJz.js";
-import { u as oa } from "./usePrinter-Djgu-cC0.js";
+import { u as st } from "./useNestedProp-DP91lffT.js";
+import { u as oa } from "./usePrinter-FH6Yncdh.js";
 import { u as na } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ua } from "./useChartAccessibility-9icAAmYg.js";
-import sa from "./vue-ui-accordion-3yBUN0ar.js";
-import rt from "./Legend-Dj4hW4ih.js";
-import ra from "./Title-CxOYqn0J.js";
-import { _ as it } from "./Shape-BLUp5WPA.js";
-import ia from "./img-B7ogJ4e0.js";
+import sa from "./vue-ui-accordion-D9Co_5os.js";
+import rt from "./Legend-Qj7Y95Ag.js";
+import ra from "./Title-k4QgmSIv.js";
+import { _ as it } from "./Shape-C4x_rgi6.js";
+import ia from "./img-3dhgTl6e.js";
 import { u as va, B as da } from "./BaseScanner-DIK2NTdp.js";
 import { _ as ca } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ha = ["id"], pa = ["onClick"], fa = ["xmlns", "viewBox"], ya = ["x", "width", "height"], ga = ["id"], ba = ["stop-color"], ma = ["stop-color"], ka = { key: 1 }, xa = ["x", "y", "width", "height", "fill", "rx"], _a = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], wa = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], $a = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ta = { class: "vue-ui-horizontal-bar-child-label" }, Sa = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], La = ["x", "y", "font-size", "fill", "font-weight"], Pa = { class: "vue-ui-horizontal-bar-parent-label" }, Na = ["x", "y", "font-size", "fill", "font-weight"], Aa = ["x", "y", "font-size", "fill", "font-weight"], za = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Va = {
@@ -36,7 +36,7 @@ const ha = ["id"], pa = ["onClick"], fa = ["xmlns", "viewBox"], ya = ["x", "widt
     Mt((t) => ({
       "7f2de844": t.tdo
     }));
-    const ht = le(() => import("./BaseIcon-D3lVmh4q.js")), pt = le(() => import("./PackageVersion-_JpUHIQF.js")), ft = le(() => import("./PenAndPaper-CiXy6ifX.js")), yt = le(() => import("./Tooltip-CzRs24i2.js")), gt = le(() => import("./UserOptions-RZkXTOCa.js")), { vue_ui_vertical_bar: bt } = Gt(), mt = Bt(), g = vt, ce = b({
+    const ht = le(() => import("./BaseIcon-DS7JPu4C.js")), pt = le(() => import("./PackageVersion-BIrL3taE.js")), ft = le(() => import("./PenAndPaper-CGyRnyF7.js")), yt = le(() => import("./Tooltip-bNI5fnsQ.js")), gt = le(() => import("./UserOptions-DLoccAqI.js")), { vue_ui_vertical_bar: bt } = Gt(), mt = Bt(), g = vt, ce = b({
       get() {
         return !!g.dataset && g.dataset.length;
       },

package/dist/{vue-ui-waffle-GWXnMKeQ.js → vue-ui-waffle-qZfdtYHb.js}

@@ -1,14 +1,14 @@
 import { defineAsyncComponent as G, useSlots as Ct, computed as f, ref as i, toRefs as $t, watch as ee, shallowRef as We, onMounted as It, onBeforeUnmount as _t, createElementBlock as v, openBlock as n, unref as c, normalizeStyle as te, normalizeClass as qe, createBlock as N, createCommentVNode as b, createElementVNode as C, createVNode as fe, createSlots as je, withCtx as g, renderSlot as y, normalizeProps as W, guardReactiveProps as q, Fragment as $, renderList as F, mergeProps as He, toDisplayString as j, createTextVNode as Tt, nextTick as At } from "vue";
-import { u as St, c as Pt, v as Lt, t as Ot, p as V, a as Ft, o as Xe, e as pe, g as Bt, b as zt, i as Y, f as P, X as Nt, s as Vt, x as Mt, F as Dt, d as Rt, q as Et, r as Ut, L as Gt, y as Wt, z as qt } from "./index-CJ_8wwwn.js";
+import { u as St, c as Pt, v as Lt, t as Ot, p as V, a as Ft, o as Xe, e as pe, g as Bt, b as zt, i as Y, f as P, X as Nt, s as Vt, x as Mt, F as Dt, d as Rt, q as Et, r as Ut, L as Gt, y as Wt, z as qt } from "./index-WItD8fls.js";
 import { t as jt, u as Ht } from "./useResponsive-DfdjqQps.js";
-import { u as Ye } from "./useNestedProp-Co3NIfJz.js";
-import { u as Xt } from "./usePrinter-Djgu-cC0.js";
+import { u as Ye } from "./useNestedProp-DP91lffT.js";
+import { u as Xt } from "./usePrinter-FH6Yncdh.js";
 import { u as Yt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Jt } from "./useChartAccessibility-9icAAmYg.js";
-import Kt from "./Title-CxOYqn0J.js";
-import Qt from "./Legend-Dj4hW4ih.js";
-import { _ as Zt } from "./Shape-BLUp5WPA.js";
-import el from "./img-B7ogJ4e0.js";
+import Kt from "./Title-k4QgmSIv.js";
+import Qt from "./Legend-Qj7Y95Ag.js";
+import { _ as Zt } from "./Shape-C4x_rgi6.js";
+import el from "./img-3dhgTl6e.js";
 import { u as tl, B as ll } from "./BaseScanner-DIK2NTdp.js";
 import { _ as al } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ol = ["id"], ul = ["xmlns", "viewBox"], sl = ["id"], nl = ["stop-color"], rl = ["stop-color"], il = ["id"], vl = ["x", "y", "height", "width"], cl = ["height", "width"], dl = { key: 0 }, hl = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], fl = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], pl = { key: 1 }, yl = ["rx", "x", "y", "height", "width", "fill", "filter"], gl = ["textContent", "x", "y", "font-size", "fill", "filter"], ml = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], bl = {
@@ -32,7 +32,7 @@ const ol = ["id"], ul = ["xmlns", "viewBox"], sl = ["id"], nl = ["stop-color"],
   },
   emits: ["selectLegend"],
   setup(Je, { expose: Ke, emit: Qe }) {
-    const Ze = G(() => import("./DataTable-DBPMgoC3.js")), et = G(() => import("./PenAndPaper-CiXy6ifX.js")), tt = G(() => import("./vue-ui-accordion-3yBUN0ar.js")), lt = G(() => import("./Tooltip-CzRs24i2.js")), at = G(() => import("./UserOptions-RZkXTOCa.js")), ot = G(() => import("./PackageVersion-_JpUHIQF.js")), { vue_ui_waffle: ut } = St(), m = Je, st = Ct(), le = f(() => !!m.dataset && m.dataset.length), k = i(Pt()), nt = i(null), ae = i(!1), oe = i(""), M = i(null), ye = i(0), L = i(null), ge = i(null), me = i(null), be = i(null), we = i(null), ke = i(0), xe = i(0), Ce = i(0), e = i(ne()), { loading: $e, FINAL_DATASET: J, manualLoading: ue } = tl({
+    const Ze = G(() => import("./DataTable-BgDT80Ts.js")), et = G(() => import("./PenAndPaper-CGyRnyF7.js")), tt = G(() => import("./vue-ui-accordion-D9Co_5os.js")), lt = G(() => import("./Tooltip-bNI5fnsQ.js")), at = G(() => import("./UserOptions-DLoccAqI.js")), ot = G(() => import("./PackageVersion-BIrL3taE.js")), { vue_ui_waffle: ut } = St(), m = Je, st = Ct(), le = f(() => !!m.dataset && m.dataset.length), k = i(Pt()), nt = i(null), ae = i(!1), oe = i(""), M = i(null), ye = i(0), L = i(null), ge = i(null), me = i(null), be = i(null), we = i(null), ke = i(0), xe = i(0), Ce = i(0), e = i(ne()), { loading: $e, FINAL_DATASET: J, manualLoading: ue } = tl({
       ...$t(m),
       FINAL_CONFIG: e,
       prepareConfig: ne,