vue-data-ui 3.0.0-next.51 → 3.0.0-next.53

package/dist/{vue-ui-tiremarks-BtYB3Ynv.js → vue-ui-tiremarks-DnzIhE4J.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-DJKz3EWJ.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-CmsPu0cE.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-Iy7FxhyL.js";
-import { u as de } from "./useNestedProp-DoTKbeYP.js";
+import { u as je } from "./usePrinter-DgCbkcwp.js";
+import { u as de } from "./useNestedProp-KzfIE1rT.js";
 import { u as Xe } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ve } from "./useChartAccessibility-9icAAmYg.js";
-import qe from "./Title-3ACEciQv.js";
-import Ye from "./img-Ck7tqm17.js";
+import qe from "./Title-CpX0CIVb.js";
+import Ye from "./img-BsHSatQe.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-Bf9A4qL1.js")), pe = G(() => import("./UserOptions-oB62jZT7.js")), me = G(() => import("./PackageVersion-DQcP7Cwd.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-EQIrBBev.js")), pe = H(() => import("./UserOptions-D900w6Ut.js")), me = H(() => import("./PackageVersion-Dch5dyul.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-45640ee7"]]);
+}, kt = /* @__PURE__ */ We(rt, [["__scopeId", "data-v-74c1d831"]]);
 export {
   kt as default
 };

package/dist/{vue-ui-treemap-ZpdTWlqY.js → vue-ui-treemap-CfuAZa3x.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-DJKz3EWJ.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-CmsPu0cE.js";
 import { t as Kt, u as Jt } from "./useResponsive-DfdjqQps.js";
-import { u as yt } from "./useNestedProp-DoTKbeYP.js";
-import { u as Qt } from "./usePrinter-Iy7FxhyL.js";
+import { u as yt } from "./useNestedProp-KzfIE1rT.js";
+import { u as Qt } from "./usePrinter-DgCbkcwp.js";
 import { u as el } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as tl } from "./useChartAccessibility-9icAAmYg.js";
-import ll from "./BaseIcon-DBAQZ9vX.js";
-import ol from "./Title-3ACEciQv.js";
-import al from "./Legend-BwFrIr1T.js";
-import nl from "./img-Ck7tqm17.js";
+import ll from "./BaseIcon-DNC2YZ6F.js";
+import ol from "./Title-CpX0CIVb.js";
+import al from "./Legend-DeGk-MxY.js";
+import nl from "./img-BsHSatQe.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-CdD7tKpP.js")), u = se(() => import("./PenAndPaper-Bf9A4qL1.js")), d = se(() => import("./vue-ui-accordion-C0GWT8Ql.js")), v = se(() => import("./Tooltip-D4AvFVyr.js")), g = se(() => import("./UserOptions-oB62jZT7.js")), f = se(() => import("./PackageVersion-DQcP7Cwd.js")), { vue_ui_treemap: H } = Et(), b = n, O = s, S = Lt();
+    const c = se(() => import("./DataTable--8a_qmts.js")), u = se(() => import("./PenAndPaper-EQIrBBev.js")), d = se(() => import("./vue-ui-accordion-CmEy3gXr.js")), v = se(() => import("./Tooltip-C442MMtl.js")), g = se(() => import("./UserOptions-D900w6Ut.js")), f = se(() => import("./PackageVersion-Dch5dyul.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-BTk4W7w-.js → vue-ui-vertical-bar-BrcmMhEE.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-DJKz3EWJ.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-CmsPu0cE.js";
 import { t as aa, u as la } from "./useResponsive-DfdjqQps.js";
-import { u as st } from "./useNestedProp-DoTKbeYP.js";
-import { u as oa } from "./usePrinter-Iy7FxhyL.js";
+import { u as st } from "./useNestedProp-KzfIE1rT.js";
+import { u as oa } from "./usePrinter-DgCbkcwp.js";
 import { u as na } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ua } from "./useChartAccessibility-9icAAmYg.js";
-import sa from "./vue-ui-accordion-C0GWT8Ql.js";
-import rt from "./Legend-BwFrIr1T.js";
-import ra from "./Title-3ACEciQv.js";
-import { _ as it } from "./Shape-DOpTDQGX.js";
-import ia from "./img-Ck7tqm17.js";
+import sa from "./vue-ui-accordion-CmEy3gXr.js";
+import rt from "./Legend-DeGk-MxY.js";
+import ra from "./Title-CpX0CIVb.js";
+import { _ as it } from "./Shape-DUJJ7Dje.js";
+import ia from "./img-BsHSatQe.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-DBAQZ9vX.js")), pt = le(() => import("./PackageVersion-DQcP7Cwd.js")), ft = le(() => import("./PenAndPaper-Bf9A4qL1.js")), yt = le(() => import("./Tooltip-D4AvFVyr.js")), gt = le(() => import("./UserOptions-oB62jZT7.js")), { vue_ui_vertical_bar: bt } = Gt(), mt = Bt(), g = vt, ce = b({
+    const ht = le(() => import("./BaseIcon-DNC2YZ6F.js")), pt = le(() => import("./PackageVersion-Dch5dyul.js")), ft = le(() => import("./PenAndPaper-EQIrBBev.js")), yt = le(() => import("./Tooltip-C442MMtl.js")), gt = le(() => import("./UserOptions-D900w6Ut.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-Fa9tb_rV.js → vue-ui-waffle-CtOGiCTd.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-DJKz3EWJ.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-CmsPu0cE.js";
 import { t as jt, u as Ht } from "./useResponsive-DfdjqQps.js";
-import { u as Ye } from "./useNestedProp-DoTKbeYP.js";
-import { u as Xt } from "./usePrinter-Iy7FxhyL.js";
+import { u as Ye } from "./useNestedProp-KzfIE1rT.js";
+import { u as Xt } from "./usePrinter-DgCbkcwp.js";
 import { u as Yt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Jt } from "./useChartAccessibility-9icAAmYg.js";
-import Kt from "./Title-3ACEciQv.js";
-import Qt from "./Legend-BwFrIr1T.js";
-import { _ as Zt } from "./Shape-DOpTDQGX.js";
-import el from "./img-Ck7tqm17.js";
+import Kt from "./Title-CpX0CIVb.js";
+import Qt from "./Legend-DeGk-MxY.js";
+import { _ as Zt } from "./Shape-DUJJ7Dje.js";
+import el from "./img-BsHSatQe.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-CdD7tKpP.js")), et = G(() => import("./PenAndPaper-Bf9A4qL1.js")), tt = G(() => import("./vue-ui-accordion-C0GWT8Ql.js")), lt = G(() => import("./Tooltip-D4AvFVyr.js")), at = G(() => import("./UserOptions-oB62jZT7.js")), ot = G(() => import("./PackageVersion-DQcP7Cwd.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--8a_qmts.js")), et = G(() => import("./PenAndPaper-EQIrBBev.js")), tt = G(() => import("./vue-ui-accordion-CmEy3gXr.js")), lt = G(() => import("./Tooltip-C442MMtl.js")), at = G(() => import("./UserOptions-D900w6Ut.js")), ot = G(() => import("./PackageVersion-Dch5dyul.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,

package/dist/{vue-ui-wheel-4Z4eLQhc.js → vue-ui-wheel-BsVgTCe_.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as N, computed as y, ref as v, toRefs as Ce, watch as ae, shallowRef as le, onMounted as Ae, onBeforeUnmount as _e, createElementBlock as c, openBlock as o, unref as l, normalizeStyle as R, createBlock as O, createCommentVNode as h, createSlots as Oe, withCtx as b, renderSlot as d, normalizeProps as I, guardReactiveProps as $, normalizeClass as U, createVNode as Ie, Fragment as ne, renderList as se, toDisplayString as $e } from "vue";
-import { u as xe, c as Pe, v as Se, a as Fe, o as ze, e as Te, x as oe, m as Me, X as Ne, i as Re, w as ue, f as Ue } from "./index-DJKz3EWJ.js";
+import { u as xe, c as Pe, v as Se, a as Fe, o as ze, e as Te, x as oe, m as Me, X as Ne, i as Re, w as ue, f as Ue } from "./index-CmsPu0cE.js";
 import { t as Be, u as Ee } from "./useResponsive-DfdjqQps.js";
-import { u as ie } from "./useNestedProp-DoTKbeYP.js";
-import { u as Le } from "./usePrinter-Iy7FxhyL.js";
+import { u as ie } from "./useNestedProp-KzfIE1rT.js";
+import { u as Le } from "./usePrinter-DgCbkcwp.js";
 import { u as Xe } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as De } from "./useChartAccessibility-9icAAmYg.js";
-import Ge from "./Title-3ACEciQv.js";
-import Ye from "./img-Ck7tqm17.js";
+import Ge from "./Title-CpX0CIVb.js";
+import Ye from "./img-BsHSatQe.js";
 import { u as je, B as He } from "./BaseScanner-DIK2NTdp.js";
 import { _ as We } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const qe = ["id"], Ve = ["xmlns", "viewBox"], Je = ["width", "height"], Ke = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], Qe = ["d", "fill"], Ze = ["cx", "cy", "r", "stroke", "stroke-width"], et = { key: 4 }, tt = ["x", "y", "height"], at = ["x", "y", "font-size", "fill", "font-weight"], lt = {
@@ -29,7 +29,7 @@ const qe = ["id"], Ve = ["xmlns", "viewBox"], Je = ["width", "height"], Ke = ["x
     }
   },
   setup(re, { expose: ce }) {
-    const ve = N(() => import("./PenAndPaper-Bf9A4qL1.js")), he = N(() => import("./UserOptions-oB62jZT7.js")), de = N(() => import("./PackageVersion-DQcP7Cwd.js")), { vue_ui_wheel: fe } = xe(), g = re, ye = y(() => !!g.dataset && Object.keys(g.dataset).length), x = v(Pe()), ge = v(null), B = v(0), p = v(null), E = v(null), L = v(null), X = v(null), D = v(0), e = v(F()), { loading: G, FINAL_DATASET: P } = je({
+    const ve = N(() => import("./PenAndPaper-EQIrBBev.js")), he = N(() => import("./UserOptions-D900w6Ut.js")), de = N(() => import("./PackageVersion-Dch5dyul.js")), { vue_ui_wheel: fe } = xe(), g = re, ye = y(() => !!g.dataset && Object.keys(g.dataset).length), x = v(Pe()), ge = v(null), B = v(0), p = v(null), E = v(null), L = v(null), X = v(null), D = v(0), e = v(F()), { loading: G, FINAL_DATASET: P } = je({
       ...Ce(g),
       FINAL_CONFIG: e,
       prepareConfig: F,

package/dist/{vue-ui-word-cloud-DoaJFhqN.js → vue-ui-word-cloud-DibZ7mA0.js}

@@ -1,13 +1,13 @@
 import { useCssVars as Ue, defineAsyncComponent as H, computed as se, ref as g, watch as be, shallowRef as Me, onMounted as De, onBeforeUnmount as Ge, createElementBlock as N, openBlock as T, unref as r, normalizeStyle as he, createBlock as ie, createCommentVNode as Y, createVNode as we, createSlots as Le, withCtx as A, renderSlot as M, normalizeProps as Q, guardReactiveProps as ee, normalizeClass as Pe, createElementVNode as ke, Fragment as He, renderList as je, toDisplayString as ze, createTextVNode as qe, nextTick as Oe } from "vue";
-import { u as Ze, c as Ae, am as Je, w as Ke, t as Qe, p as me, a as et, o as tt, e as Ie, g as ot, f as at, X as lt, q as nt, r as st, y as it } from "./index-DJKz3EWJ.js";
+import { u as Ze, c as Ae, an as Je, w as Ke, t as Qe, p as me, a as et, o as tt, e as Ie, g as ot, f as at, X as lt, q as nt, r as st, y as it } from "./index-CmsPu0cE.js";
 import { t as rt, u as ut, d as ct } from "./useResponsive-DfdjqQps.js";
-import { u as Ne } from "./useNestedProp-DoTKbeYP.js";
-import { u as dt } from "./usePrinter-Iy7FxhyL.js";
+import { u as Ne } from "./useNestedProp-KzfIE1rT.js";
+import { u as dt } from "./usePrinter-DgCbkcwp.js";
 import { u as vt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ht } from "./useChartAccessibility-9icAAmYg.js";
 import { u as mt } from "./usePanZoom-BQMvRXEQ.js";
-import ft from "./Title-3ACEciQv.js";
-import pt from "./img-Ck7tqm17.js";
+import ft from "./Title-CpX0CIVb.js";
+import pt from "./img-BsHSatQe.js";
 import { _ as gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function yt(C, p) {
   const { width: u, height: f } = C, m = p.getImageData(0, 0, u, f).data;
@@ -149,7 +149,7 @@ const kt = ["id"], Ct = ["xmlns", "viewBox"], xt = ["width", "height"], $t = ["t
     Ue((t) => ({
       a75532be: t.slicerColor
     }));
-    const u = H(() => import("./vue-ui-accordion-C0GWT8Ql.js")), f = H(() => import("./BaseIcon-DBAQZ9vX.js")), c = H(() => import("./DataTable-CdD7tKpP.js")), m = H(() => import("./PackageVersion-DQcP7Cwd.js")), l = H(() => import("./PenAndPaper-Bf9A4qL1.js")), a = H(() => import("./Tooltip-D4AvFVyr.js")), i = H(() => import("./UserOptions-oB62jZT7.js")), { vue_ui_word_cloud: x } = Ze(), d = C, h = se({
+    const u = H(() => import("./vue-ui-accordion-CmEy3gXr.js")), f = H(() => import("./BaseIcon-DNC2YZ6F.js")), c = H(() => import("./DataTable--8a_qmts.js")), m = H(() => import("./PackageVersion-Dch5dyul.js")), l = H(() => import("./PenAndPaper-EQIrBBev.js")), a = H(() => import("./Tooltip-C442MMtl.js")), i = H(() => import("./UserOptions-D900w6Ut.js")), { vue_ui_word_cloud: x } = Ze(), d = C, h = se({
       get() {
         return !!d.dataset && d.dataset.length;
       },