vue-data-ui 3.1.3 → 3.1.5

package/dist/{vue-ui-waffle-Cm8VfnG8.js → vue-ui-waffle-CewP8k-W.js}

@@ -1,20 +1,20 @@
-import { defineAsyncComponent as B, useSlots as Pt, computed as h, ref as i, toRefs as Ot, watch as K, shallowRef as Ke, onMounted as Lt, onBeforeUnmount as Bt, createElementBlock as v, openBlock as s, unref as c, normalizeStyle as ae, normalizeClass as Qe, createBlock as F, createCommentVNode as m, createElementVNode as k, createVNode as oe, createSlots as me, withCtx as y, renderSlot as g, normalizeProps as j, guardReactiveProps as q, Fragment as $, renderList as D, mergeProps as we, toDisplayString as M, Teleport as Ft, resolveDynamicComponent as Dt, createTextVNode as Ze, nextTick as zt } from "vue";
-import { u as Nt, c as Vt, t as Mt, a as Rt, p as R, b as Et, o as et, f as ke, g as Ut, d as Wt, k as Q, i as O, X as Gt, s as jt, x as qt, F as Ht, e as Xt, v as Yt, w as Jt, L as Kt, y as Qt, z as Zt } from "./index-CaxArMHL.js";
+import { defineAsyncComponent as L, useSlots as Pt, computed as h, ref as i, toRefs as Ft, watch as K, shallowRef as Ke, onMounted as Ot, onBeforeUnmount as Lt, createElementBlock as v, openBlock as s, unref as c, normalizeStyle as ae, normalizeClass as Qe, createBlock as B, createCommentVNode as m, createElementVNode as k, createVNode as oe, createSlots as me, withCtx as y, renderSlot as g, normalizeProps as j, guardReactiveProps as q, Fragment as $, renderList as D, mergeProps as we, toDisplayString as M, Teleport as Bt, resolveDynamicComponent as Dt, createTextVNode as Ze, nextTick as zt } from "vue";
+import { u as Nt, c as Vt, t as Mt, a as Rt, p as R, b as Et, o as et, f as ke, g as Ut, d as Wt, k as Q, i as F, X as Gt, s as jt, x as qt, F as Ht, e as Xt, v as Yt, w as Jt, L as Kt, y as Qt, z as Zt } from "./index-BkfuZCRT.js";
 import { t as el, u as tl } from "./useResponsive-DfdjqQps.js";
 import { u as ll, B as al } from "./BaseScanner-BgWxam9d.js";
-import { u as ol } from "./usePrinter-BYtPmEo8.js";
-import { u as tt } from "./useNestedProp-tWT02_6S.js";
+import { u as ol } from "./usePrinter-CEdg3j8S.js";
+import { u as tt } from "./useNestedProp-BMzw9VUz.js";
 import { u as ul } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as sl } from "./useChartAccessibility-9icAAmYg.js";
-import nl from "./img-DSrvx9J6.js";
-import { _ as rl } from "./Shape-DiplSMFy.js";
-import il from "./Title-CqYBs02Y.js";
-import vl from "./Legend-5qvgVkrY.js";
+import nl from "./img-Neec0VVb.js";
+import { _ as rl } from "./Shape-DBVq0fdK.js";
+import il from "./Title-ydtId0LC.js";
+import vl from "./Legend-nPGcCxG_.js";
 import { _ as cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["stop-color"], gl = ["stop-color"], bl = ["id"], ml = ["x", "y", "height", "width"], wl = ["height", "width"], kl = { key: 0 }, xl = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Cl = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], $l = { key: 1 }, Il = ["rx", "x", "y", "height", "width", "fill", "filter"], _l = ["textContent", "x", "y", "font-size", "fill", "filter"], Tl = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], Al = {
+const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["stop-color"], gl = ["stop-color"], bl = ["id"], ml = ["x", "y", "height", "width"], wl = ["height", "width"], kl = { key: 0 }, xl = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Cl = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], $l = { key: 1 }, Il = ["rx", "x", "y", "height", "width", "fill", "filter"], Tl = ["textContent", "x", "y", "font-size", "fill", "filter"], _l = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], Al = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Sl = ["id"], Pl = ["onClick"], Ol = ["innerHTML"], Ll = {
+}, Sl = ["id"], Pl = ["onClick"], Fl = ["innerHTML"], Ol = {
   __name: "vue-ui-waffle",
   props: {
     config: {
@@ -32,8 +32,8 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
   },
   emits: ["selectLegend"],
   setup(lt, { expose: at, emit: ot }) {
-    const ut = B(() => import("./Tooltip-CP0tVHAf.js")), st = B(() => import("./BaseIcon-BcOSijbz.js")), nt = B(() => import("./DataTable-Cm8Tt9PQ.js")), rt = B(() => import("./vue-ui-accordion-DUlNpLir.js")), it = B(() => import("./UserOptions-ZmwlARCV.js")), vt = B(() => import("./PenAndPaper-CyH7Ip2i.js")), ct = B(() => import("./PackageVersion-0XlRFsI_.js")), dt = B(() => import("./BaseDraggableDialog-BmN9jTP8.js")), { vue_ui_waffle: ht } = Nt(), w = lt, pt = Pt(), ue = h(() => !!w.dataset && w.dataset.length), b = i(Vt()), se = i(!1), ne = i(""), E = i(null), xe = i(0), I = i(null), Ce = i(null), $e = i(null), Ie = i(null), _e = i(null), Te = i(0), Ae = i(0), Se = i(0), Pe = i(!1), H = i(null), re = i(null), e = i(ce()), { loading: Oe, FINAL_DATASET: Z, manualLoading: ie } = ll({
-      ...Ot(w),
+    const ut = L(() => import("./Tooltip-oeu9knGI.js")), st = L(() => import("./BaseIcon-BQQGRQ2U.js")), nt = L(() => import("./DataTable-D6voeZvO.js")), rt = L(() => import("./vue-ui-accordion-DFxAHGEZ.js")), it = L(() => import("./UserOptions-CnJxN2Vo.js")), vt = L(() => import("./PenAndPaper-C6tiapdo.js")), ct = L(() => import("./PackageVersion-BeStrsPr.js")), dt = L(() => import("./BaseDraggableDialog-BO4B1Kwa.js")), { vue_ui_waffle: ht } = Nt(), w = lt, pt = Pt(), ue = h(() => !!w.dataset && w.dataset.length), b = i(Vt()), se = i(!1), ne = i(""), E = i(null), xe = i(0), I = i(null), Ce = i(null), $e = i(null), Ie = i(null), Te = i(null), _e = i(0), Ae = i(0), Se = i(0), Pe = i(!1), H = i(null), re = i(null), e = i(ce()), { loading: Fe, FINAL_DATASET: Z, manualLoading: ie } = ll({
+      ...Ft(w),
       FINAL_CONFIG: e,
       prepareConfig: ce,
       callback: () => {
@@ -84,7 +84,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           }
         }
       })
-    }), { userOptionsVisible: ve, setUserOptionsVisibility: Le, keepUserOptionState: Be } = ul({ config: e.value }), { svgRef: Fe } = sl({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ve, setUserOptionsVisibility: Oe, keepUserOptionState: Le } = ul({ config: e.value }), { svgRef: Be } = sl({ config: e.value.style.chart.title });
     function ce() {
       const t = tt({
         userConfig: w.config,
@@ -99,9 +99,9 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       } : t;
     }
     K(() => w.config, (t) => {
-      Oe.value || (e.value = ce()), ve.value = !e.value.userOptions.showOnChartHover, ze(), Te.value += 1, Ae.value += 1, Se.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.chart.tooltip.show;
+      Fe.value || (e.value = ce()), ve.value = !e.value.userOptions.showOnChartHover, ze(), _e.value += 1, Ae.value += 1, Se.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const L = Ke(null), U = Ke(null), De = h(() => !!e.value.debug);
+    const O = Ke(null), U = Ke(null), De = h(() => !!e.value.debug);
     function ze() {
       if (et(w.dataset) ? (ke({
         componentName: "VueUiWaffle",
@@ -127,19 +127,19 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             title: e.value.style.chart.title.text ? Ce.value : null,
             legend: e.value.style.chart.legend.show ? $e.value : null,
             source: Ie.value,
-            noTitle: _e.value
+            noTitle: Te.value
           });
           requestAnimationFrame(() => {
-            z.value.width = a, z.value.height = l, _.value.width = a, _.value.height = l;
+            z.value.width = a, z.value.height = l, T.value.width = a, T.value.height = l;
           });
         });
-        L.value && (U.value && L.value.unobserve(U.value), L.value.disconnect()), L.value = new ResizeObserver(t), U.value = I.value.parentNode, L.value.observe(U.value);
+        O.value && (U.value && O.value.unobserve(U.value), O.value.disconnect()), O.value = new ResizeObserver(t), U.value = I.value.parentNode, O.value.observe(U.value);
       }
     }
-    Lt(() => {
+    Ot(() => {
       Pe.value = !0, ze();
-    }), Bt(() => {
-      L.value && (U.value && L.value.unobserve(U.value), L.value.disconnect());
+    }), Lt(() => {
+      O.value && (U.value && O.value.unobserve(U.value), O.value.disconnect());
     });
     const { isPrinting: Ne, isImaging: Ve, generatePdf: Me, generateImage: Re } = ol({
       elementId: `vue-ui-waffle_${b.value}`,
@@ -158,12 +158,12 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
     const z = i({
       height: 512,
       width: 512
-    }), _ = i({
+    }), T = i({
       top: 0,
       left: 0,
       height: 512,
       width: 512
-    }), T = h(() => (_.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), A = h(() => (_.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), yt = h(() => Math.max(1e-4, _.value.width / e.value.style.chart.layout.grid.size)), Ue = h(() => Math.max(1e-4, _.value.height / e.value.style.chart.layout.grid.size));
+    }), _ = h(() => (T.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), A = h(() => (T.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), yt = h(() => Math.max(1e-4, T.value.width / e.value.style.chart.layout.grid.size)), Ue = h(() => Math.max(1e-4, T.value.height / e.value.style.chart.layout.grid.size));
     function We(t) {
       const a = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, l = t.reduce((C, be) => C + be, 0), o = t.map((C) => C / l * a), u = o.map(Math.floor), n = o.map((C) => C % 1);
       let d = a - u.reduce((C, be) => C + be, 0);
@@ -258,8 +258,8 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           t.push({
             isStartOfLine: l === 0,
             position: e.value.style.chart.layout.grid.vertical ? a : l,
-            x: (e.value.style.chart.layout.grid.vertical ? a : l) * (T.value + e.value.style.chart.layout.grid.spaceBetween),
-            y: (e.value.style.chart.layout.grid.vertical ? l : a) * (A.value + e.value.style.chart.layout.grid.spaceBetween) + _.value.top
+            x: (e.value.style.chart.layout.grid.vertical ? a : l) * (_.value + e.value.style.chart.layout.grid.spaceBetween),
+            y: (e.value.style.chart.layout.grid.vertical ? l : a) * (A.value + e.value.style.chart.layout.grid.spaceBetween) + T.value.top
           });
       return t;
     }), f = i([]), N = i(!1), Ge = i(null), je = i(null);
@@ -297,7 +297,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           };
           u();
         }
-        _t("selectLegend", Y.value.map((u) => ({
+        Tt("selectLegend", Y.value.map((u) => ({
           name: u.name,
           color: u.color,
           value: u.value,
@@ -360,7 +360,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         if (o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`, o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" stroke="none" rx="1" fill="${a.color}" />${pt.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${b.value}_${a.absoluteIndex})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (o += `<b>${Q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           a.value,
-          O({
+          F({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
             v: a.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -372,7 +372,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             series: p.value
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
-          const u = O({
+          const u = F({
             v: X.value ? 1 / Z.value.length * 100 : a.value / S.value * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
@@ -382,7 +382,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         ne.value = o;
       }
     }
-    const _t = ot, P = h(() => {
+    const Tt = ot, P = h(() => {
       const t = Y.value.map((l) => ({
         name: l.name,
         color: l.color
@@ -392,21 +392,21 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
     function ee(t) {
       return e.value.useBlurOnHover && ![null, void 0].includes(E.value) && E.value !== t ? `url(#blur_${b.value})` : "";
     }
-    function Tt(t, a) {
+    function _t(t, a) {
       return e.value.style.chart.layout.labels.captions.show ? r.value.length && !N.value && !e.value.style.chart.layout.grid.vertical && (r.value[t].isFirst && a.position < e.value.style.chart.layout.grid.size - 2 || r.value[t].isAbsoluteFirst && t % e.value.style.chart.layout.grid.size === 0 && r.value[t].absoluteStartIndex) : !1;
     }
     function At(t, a = null) {
       const l = Q(
         e.value.style.chart.layout.labels.dataLabels.formatter,
         r.value[t].value,
-        O({
+        F({
           p: e.value.style.chart.layout.labels.dataLabels.prefix,
           v: r.value[t].value,
           s: e.value.style.chart.layout.labels.dataLabels.suffix,
           r: e.value.style.chart.layout.labels.captions.roundingValue
         }),
         { datapoint: r.value[t], position: a }
-      ), o = O({ v: r.value[t].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage }), u = (e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? Kt({ source: r.value[t].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : r.value[t].name) + (e.value.style.chart.layout.labels.captions.showPercentage || e.value.style.chart.layout.labels.captions.showValue ? ":" : ""), n = e.value.style.chart.layout.labels.captions.showSerieName ? u : "";
+      ), o = F({ v: r.value[t].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage }), u = (e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? Kt({ source: r.value[t].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : r.value[t].name) + (e.value.style.chart.layout.labels.captions.showPercentage || e.value.style.chart.layout.labels.captions.showValue ? ":" : ""), n = e.value.style.chart.layout.labels.captions.showSerieName ? u : "";
       let d = "";
       return e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? d = `${o} (${l})` : e.value.style.chart.layout.labels.captions.showPercentage && !e.value.style.chart.layout.labels.captions.showValue ? d = o : !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue && (d = l), `${n}${d}`;
     }
@@ -424,7 +424,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         Q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           S.value,
-          O({
+          F({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
             v: S.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -440,14 +440,14 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         Q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           P.value.body[n],
-          O({
+          F({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
             v: P.value.body[n],
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
-        isNaN(P.value.body[n] / S.value) ? "-" : O({
+        isNaN(P.value.body[n] / S.value) ? "-" : F({
           v: P.value.body[n] / S.value * 100,
           s: "%",
           r: e.value.table.td.roundingPercentage
@@ -554,12 +554,12 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       ref: I,
       id: `vue-ui-waffle_${b.value}`,
       style: ae(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: a[2] || (a[2] = () => c(Le)(!0)),
-      onMouseleave: a[3] || (a[3] = () => c(Le)(!1))
+      onMouseenter: a[2] || (a[2] = () => c(Oe)(!0)),
+      onMouseleave: a[3] || (a[3] = () => c(Oe)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), F(c(vt), {
+      e.value.userOptions.buttons.annotator ? (s(), B(c(vt), {
         key: 0,
-        svgRef: c(Fe),
+        svgRef: c(Be),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: le.value,
@@ -568,7 +568,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       ft.value ? (s(), v("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: _e,
+        ref: Te,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : m("", !0),
@@ -578,8 +578,8 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         ref: Ce,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), F(il, {
-          key: `title_${Te.value}`,
+        (s(), B(il, {
+          key: `title_${_e.value}`,
           config: {
             title: {
               cy: "waffle-title",
@@ -595,7 +595,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       k("div", {
         id: `legend-top-${b.value}`
       }, null, 8, hl),
-      e.value.userOptions.show && ue.value && (c(Be) || c(ve)) ? (s(), F(c(it), {
+      e.value.userOptions.show && ue.value && (c(Le) || c(ve)) ? (s(), B(c(it), {
         ref_key: "userOptionsRef",
         ref: re,
         key: `user_options_${xe.value}`,
@@ -628,7 +628,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         onToggleTooltip: Ye,
         onToggleAnnotator: ge,
         style: ae({
-          visibility: c(Be) ? c(ve) ? "visible" : "hidden" : "visible"
+          visibility: c(Le) ? c(ve) ? "visible" : "hidden" : "visible"
         })
       }, me({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -690,7 +690,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
       (s(), v("svg", {
         ref_key: "svgRef",
-        ref: Fe,
+        ref: Be,
         xmlns: c(Gt),
         class: Qe({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
         viewBox: `0 0 ${z.value.width <= 0 ? 10 : z.value.width} ${z.value.height <= 0 ? 10 : z.value.height}`,
@@ -738,7 +738,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           x: l.x,
           y: l.y,
           height: A.value <= 0 ? 1e-4 : A.value,
-          width: T.value <= 0 ? 1e-4 : T.value,
+          width: _.value <= 0 ? 1e-4 : _.value,
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
           g(t.$slots, "cell", we({ ref_for: !0 }, { cell: { ...l, color: r.value[o].color, ...r.value[o] }, isSelected: [null, void 0].includes(E.value) ? !0 : r.value[o].serieIndex === E.value }), void 0, !0)
@@ -747,8 +747,8 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           key: 1,
           x: 12,
           y: 12,
-          height: _.value.height - 24,
-          width: _.value.width - 24,
+          height: T.value.height - 24,
+          width: T.value.width - 24,
           rx: 3,
           fill: "none",
           stroke: "black"
@@ -763,7 +763,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
             height: A.value <= 0 ? 1e-4 : A.value,
-            width: T.value <= 0 ? 1e-4 : T.value,
+            width: _.value <= 0 ? 1e-4 : _.value,
             fill: "white",
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
@@ -774,7 +774,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
             height: A.value <= 0 ? 1e-4 : A.value,
-            width: T.value <= 0 ? 1e-4 : T.value,
+            width: _.value <= 0 ? 1e-4 : _.value,
             fill: e.value.style.chart.layout.rect.useGradient && e.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${b.value}_${o})` : r.value[o].color,
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
@@ -786,7 +786,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
               x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
               y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
               height: A.value <= 0 ? 1e-4 : A.value,
-              width: T.value <= 0 ? 1e-4 : T.value,
+              width: _.value <= 0 ? 1e-4 : _.value,
               fill: `url(#pattern_${b.value}_${r.value[o].absoluteIndex})`,
               stroke: "none",
               filter: ee(r.value[o].serieIndex)
@@ -794,7 +794,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           ])) : m("", !0)
         ], 64)) : m("", !0),
         (s(!0), v($, null, D(W.value, (l, o) => (s(), v($, null, [
-          Tt(o, l) ? (s(), v("text", {
+          _t(o, l) ? (s(), v("text", {
             key: `datalabel_${o}`,
             textContent: M(At(o, l)),
             x: l.x + e.value.style.chart.layout.labels.captions.offsetX + e.value.style.chart.layout.grid.spaceBetween / 2 + 6,
@@ -802,7 +802,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             "font-size": e.value.style.chart.layout.labels.captions.fontSize,
             fill: c(Ht)(r.value[o].color),
             filter: ee(r.value[o].serieIndex)
-          }, null, 8, _l)) : m("", !0)
+          }, null, 8, Tl)) : m("", !0)
         ], 64))), 256)),
         (s(!0), v($, null, D(W.value, (l, o) => (s(), v("rect", {
           x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -814,7 +814,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           onMouseover: (u) => It(o),
           onMouseleave: (u) => $t(o),
           onClick: (u) => Ct(o)
-        }, null, 40, Tl))), 256)),
+        }, null, 40, _l))), 256)),
         g(t.$slots, "svg", { svg: z.value }, void 0, !0)
       ], 14, pl)),
       t.$slots.watermark ? (s(), v("div", Al, [
@@ -823,7 +823,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       k("div", {
         id: `legend-bottom-${b.value}`
       }, null, 8, Sl),
-      Pe.value ? (s(), F(Ft, {
+      Pe.value ? (s(), B(Bt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${b.value}` : `#legend-bottom-${b.value}`
       }, [
@@ -831,7 +831,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           ref_key: "chartLegend",
           ref: $e
         }, [
-          e.value.style.chart.legend.show ? (s(), F(vl, {
+          e.value.style.chart.legend.show ? (s(), B(vl, {
             key: `legend_${Se.value}`,
             legendSet: G.value,
             config: xt.value,
@@ -844,7 +844,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
               }, M(l.name) + M(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + M(e.value.style.chart.legend.showValue ? c(Q)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
-                c(O)({
+                c(F)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: l.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -852,7 +852,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
                   isAnimating: N.value
                 }),
                 { datapoint: l }
-              ) : "") + " " + M(e.value.style.chart.legend.showPercentage ? f.value.includes(l.uid) ? `${e.value.style.chart.legend.showValue ? "(" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? "(" : ""}${isNaN(l.value / S.value) ? "-" : c(O)({ v: l.value / S.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: N.value })}${e.value.style.chart.legend.showValue ? ")" : ""}` : ""), 13, Pl)
+              ) : "") + " " + M(e.value.style.chart.legend.showPercentage ? f.value.includes(l.uid) ? `${e.value.style.chart.legend.showValue ? "(" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? "(" : ""}${isNaN(l.value / S.value) ? "-" : c(F)({ v: l.value / S.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: N.value })}${e.value.style.chart.legend.showValue ? ")" : ""}` : ""), 13, Pl)
             ]),
             _: 2
           }, [
@@ -899,7 +899,9 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         fontSize: e.value.style.chart.tooltip.fontSize,
         isFullscreen: V.value,
         smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
+        smoothForce: e.value.style.chart.tooltip.smoothForce,
+        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": y(() => [
           g(t.$slots, "tooltip-before", j(q({ ...pe.value })), void 0, !0)
@@ -908,14 +910,14 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           g(t.$slots, "tooltip-after", j(q({ ...pe.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize", "isFullscreen", "smooth", "backdropFilter"]),
-      ue.value ? (s(), F(Dt(J.value.component), we({ key: 7 }, J.value.props, {
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      ue.value ? (s(), B(Dt(J.value.component), we({ key: 7 }, J.value.props, {
         ref_key: "tableUnit",
         ref: H,
         onClose: Je
       }), me({
         content: y(() => [
-          (s(), F(c(nt), {
+          (s(), B(c(nt), {
             key: `table_${Ae.value}`,
             colNames: te.value.colNames,
             head: te.value.head,
@@ -929,7 +931,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
               k("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Ol)
+              }, null, 8, Fl)
             ]),
             td: y(({ td: l }) => [
               Ze(M(l.name || l), 1)
@@ -963,10 +965,10 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           key: "1"
         } : void 0
       ]), 1040)) : m("", !0),
-      c(Oe) ? (s(), F(al, { key: 8 })) : m("", !0)
+      c(Fe) ? (s(), B(al, { key: 8 })) : m("", !0)
     ], 46, dl));
   }
-}, ql = /* @__PURE__ */ cl(Ll, [["__scopeId", "data-v-854ba354"]]);
+}, ql = /* @__PURE__ */ cl(Ol, [["__scopeId", "data-v-d3879ed9"]]);
 export {
   ql as default
 };

package/dist/{vue-ui-wheel-Bhsklf_m.js → vue-ui-wheel-Ik8FoLfz.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, t as Se, b as Fe, o as ze, f as Te, x as oe, m as Me, X as Ne, k as Re, h as ue, i as Ue } from "./index-CaxArMHL.js";
+import { u as xe, c as Pe, t as Se, b as Fe, o as ze, f as Te, x as oe, m as Me, X as Ne, k as Re, h as ue, i as Ue } from "./index-BkfuZCRT.js";
 import { t as Be, u as Ee } from "./useResponsive-DfdjqQps.js";
-import { u as ie } from "./useNestedProp-tWT02_6S.js";
-import { u as Le } from "./usePrinter-BYtPmEo8.js";
+import { u as ie } from "./useNestedProp-BMzw9VUz.js";
+import { u as Le } from "./usePrinter-CEdg3j8S.js";
 import { u as Xe } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as De } from "./useChartAccessibility-9icAAmYg.js";
-import Ge from "./Title-CqYBs02Y.js";
-import Ye from "./img-DSrvx9J6.js";
+import Ge from "./Title-ydtId0LC.js";
+import Ye from "./img-Neec0VVb.js";
 import { u as je, B as He } from "./BaseScanner-BgWxam9d.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-CyH7Ip2i.js")), he = N(() => import("./UserOptions-ZmwlARCV.js")), de = N(() => import("./PackageVersion-0XlRFsI_.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-C6tiapdo.js")), he = N(() => import("./UserOptions-CnJxN2Vo.js")), de = N(() => import("./PackageVersion-BeStrsPr.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,