vue-data-ui 3.3.3 → 3.4.0

package/dist/{vue-ui-strip-plot-DN13ntF-.js → vue-ui-strip-plot-CA4GL9dj.js}

@@ -1,19 +1,19 @@
-import { defineAsyncComponent as L, computed as c, ref as i, toRefs as Nt, watch as q, shallowRef as Xe, onMounted as Ft, onBeforeUnmount as Ye, watchEffect as Mt, createElementBlock as u, openBlock as r, unref as v, normalizeStyle as J, normalizeClass as E, createBlock as O, createCommentVNode as d, createVNode as me, createSlots as je, withCtx as b, renderSlot as y, normalizeProps as F, guardReactiveProps as M, createElementVNode as m, Fragment as g, renderList as _, toDisplayString as T, mergeProps as qe, resolveDynamicComponent as It, createTextVNode as Je, nextTick as Rt } from "vue";
-import { c as ge, t as Bt, b as Wt, p as z, o as Ke, f as xe, g as Qe, e as Et, h as Ze, q as Gt, C as Ht, d as K, X as Ut, a as ke, L as Vt, ac as Xt, m as Yt, r as jt, z as et, D as qt, x as Jt, y as Kt, A as Qt } from "./lib-CSDxt1Zh.js";
+import { defineAsyncComponent as L, computed as c, ref as i, toRefs as Nt, watch as q, shallowRef as Xe, onMounted as Mt, onBeforeUnmount as Ye, watchEffect as Ft, createElementBlock as u, openBlock as r, unref as v, normalizeStyle as J, normalizeClass as E, createBlock as O, createCommentVNode as d, createVNode as me, createSlots as je, withCtx as b, renderSlot as y, normalizeProps as M, guardReactiveProps as F, createElementVNode as m, Fragment as g, renderList as _, toDisplayString as T, mergeProps as qe, resolveDynamicComponent as It, createTextVNode as Je, nextTick as Rt } from "vue";
+import { c as ge, t as Bt, b as Wt, p as P, o as Qe, f as xe, g as Ke, e as Et, h as Ze, x as Gt, m as Ht, d as Q, X as Ut, a as ke, M as Vt, al as Xt, S as Yt, U as jt, G as et, R as qt, P as Jt, Q as Qt, H as Kt } from "./lib-BcBZIm6u.js";
 import { t as tt, u as Zt } from "./useResponsive-DfdjqQps.js";
-import { u as el, a as lt } from "./useNestedProp-Dh-ldrr5.js";
+import { u as el, a as lt } from "./useNestedProp-B7CiTRDS.js";
 import { u as tl, B as ll } from "./BaseScanner-BgWxam9d.js";
-import { u as al } from "./usePrinter-Cq8Pt6Lh.js";
+import { u as al } from "./usePrinter-C1GiglOH.js";
 import { u as ol } from "./useSvgExport-DrjCWun4.js";
 import { u as sl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as rl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as nl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import ul from "./img-DI-W68vp.js";
-import { _ as il } from "./Shape-BS9UGhNq.js";
-import vl from "./Title-B6rAo9Oz.js";
+import ul from "./img-CFY3JivG.js";
+import { _ as il } from "./Shape-BhNvlGIN.js";
+import vl from "./Title-CFmv95In.js";
 import { t as cl } from "./themes-Dw-dDudK.js";
 import { _ as hl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"], bl = { key: 1 }, yl = { key: 0 }, ml = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gl = { key: 1 }, xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], kl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Cl = ["x", "y", "fill", "font-size"], Al = ["transform", "font-size", "fill", "text-anchor"], Ll = ["transform", "font-size", "fill", "text-anchor", "innerHTML"], _l = ["fill", "font-size", "transform"], Tl = ["fill", "font-size", "x", "y"], $l = ["x1", "x2", "y1", "y2", "stroke"], Sl = ["cx", "cy", "fill"], Ol = ["cx", "cy", "fill"], zl = ["id"], Pl = ["stop-color"], Dl = ["stop-color"], Nl = ["stop-color"], Fl = { key: 0 }, Ml = ["x", "y", "font-size", "fill"], Il = {
+const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"], bl = { key: 1 }, yl = { key: 0 }, ml = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gl = { key: 1 }, xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], kl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Cl = ["x", "y", "fill", "font-size"], Al = ["transform", "font-size", "fill", "text-anchor"], Ll = ["transform", "font-size", "fill", "text-anchor", "innerHTML"], _l = ["fill", "font-size", "transform"], Tl = ["fill", "font-size", "x", "y"], $l = ["x1", "x2", "y1", "y2", "stroke"], Sl = ["cx", "cy", "fill"], Ol = ["cx", "cy", "fill"], Pl = ["id"], zl = ["stop-color"], Dl = ["stop-color"], Nl = ["stop-color"], Ml = { key: 0 }, Fl = ["x", "y", "font-size", "fill"], Il = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Rl = ["innerHTML"], Bl = {
@@ -34,14 +34,14 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(at, { expose: ot, emit: st }) {
-    const rt = L(() => import("./Tooltip-DaInVNiV.js")), nt = L(() => import("./BaseIcon-DG6cvf2h.js")), ut = L(() => import("./vue-ui-accordion-CaClZrCp.js")), it = L(() => import("./DataTable-DUpZ_s2c.js")), vt = L(() => import("./UserOptions-CJXSEhan.js")), ct = L(() => import("./PenAndPaper-D9LruJaM.js")), ht = L(() => import("./PackageVersion-CQvYRebC.js")), dt = L(() => import("./BaseDraggableDialog-Cysanw8-.js")), { vue_ui_strip_plot: pt } = el(), x = at, ft = st, G = c({
+    const rt = L(() => import("./Tooltip-Cs4v8OnI.js")), nt = L(() => import("./BaseIcon-B5KaGWWC.js")), ut = L(() => import("./vue-ui-accordion-BKkTS12x.js")), it = L(() => import("./DataTable-DOx3zgih.js")), vt = L(() => import("./UserOptions-C0YT60JN.js")), ct = L(() => import("./PenAndPaper-Dj2diYr0.js")), ht = L(() => import("./PackageVersion-DyDViSOy.js")), dt = L(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_strip_plot: pt } = el(), x = at, ft = st, G = c({
       get() {
         return !!x.dataset && x.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), Q = i(ge()), we = i(0), Z = i(!1), ee = i(""), w = i(null), Ce = i(null), Ae = i(null), Le = i(null), _e = i(!1), Te = i(0), $e = i(0), I = i(null), te = i(null), le = i(null), ae = i(null), H = i(null), oe = i(null), e = i(ve()), { loading: se, FINAL_DATASET: re, manualLoading: ne } = tl({
+    }), K = i(ge()), we = i(0), Z = i(!1), ee = i(""), w = i(null), Ce = i(null), Ae = i(null), Le = i(null), _e = i(!1), Te = i(0), $e = i(0), I = i(null), te = i(null), le = i(null), ae = i(null), H = i(null), oe = i(null), e = i(ve()), { loading: se, FINAL_DATASET: re, manualLoading: ne } = tl({
       ...Nt(x),
       FINAL_CONFIG: e,
       prepareConfig: ve,
@@ -142,26 +142,26 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           userConfig: cl.vue_ui_strip_plot[t.theme] || x.config,
           defaultConfig: t
         }),
-        customPalette: Wt[t.theme] || z
+        customPalette: Wt[t.theme] || P
       } : t;
     }
     q(() => x.config, async (t) => {
-      se.value || (e.value = ve()), ue.value = !e.value.userOptions.showOnChartHover, ze(), Te.value += 1, $e.value += 1, p.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show, D.value = e.value.style.chart.width, A.value = e.value.style.chart.height, B.value = e.value.style.chart.plots.radius;
+      se.value || (e.value = ve()), ue.value = !e.value.userOptions.showOnChartHover, Pe(), Te.value += 1, $e.value += 1, p.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show, D.value = e.value.style.chart.width, A.value = e.value.style.chart.height, B.value = e.value.style.chart.plots.radius;
     }, { deep: !0 }), q(() => x.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (ne.value = !1);
     }, { deep: !0 });
-    const C = Xe(null), P = Xe(null);
-    Ft(() => {
-      ze();
+    const C = Xe(null), z = Xe(null);
+    Mt(() => {
+      Pe();
     });
     const ce = c(() => !!e.value.debug);
-    function ze() {
-      if (Ke(x.dataset) ? (xe({
+    function Pe() {
+      if (Qe(x.dataset) ? (xe({
         componentName: "VueUiStripPlot",
         type: "dataset",
         debug: ce.value
       }), ne.value = !0) : x.dataset.forEach((t, a) => {
-        Qe({
+        Ke({
           datasetObject: t,
           requiredAttributes: ["name", "plots"]
         }).forEach((l) => {
@@ -173,7 +173,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
             debug: ce.value
           });
         }), t.plots && t.plots.forEach((l, o) => {
-          Qe({
+          Ke({
             datasetObject: l,
             requiredAttributes: ["name", "value"]
           }).forEach((n) => {
@@ -186,7 +186,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
             });
           });
         });
-      }), Ke(x.dataset) || (ne.value = e.value.loading), e.value.responsive) {
+      }), Qe(x.dataset) || (ne.value = e.value.loading), e.value.responsive) {
         const t = tt(() => {
           const { width: a, height: l } = Zt({
             chart: w.value,
@@ -204,20 +204,20 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
             }) : B.value = e.value.style.chart.plots.radius;
           });
         });
-        C.value && (P.value && C.value.unobserve(P.value), C.value.disconnect()), C.value = new ResizeObserver(t), P.value = w.value.parentNode, C.value.observe(P.value);
+        C.value && (z.value && C.value.unobserve(z.value), C.value.disconnect()), C.value = new ResizeObserver(t), z.value = w.value.parentNode, C.value.observe(z.value);
       }
       _e.value = !0, setTimeout(() => {
         R.value = !1;
       }, kt.value * 50);
     }
     Ye(() => {
-      C.value && (P.value && C.value.unobserve(P.value), C.value.disconnect());
+      C.value && (z.value && C.value.unobserve(z.value), C.value.disconnect());
     });
-    const { isPrinting: Pe, isImaging: De, generatePdf: Ne, generateImage: Fe } = al({
-      elementId: `strip-plot_${Q.value}`,
+    const { isPrinting: ze, isImaging: De, generatePdf: Ne, generateImage: Me } = al({
+      elementId: `strip-plot_${K.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-strip-plot",
       options: e.value.userOptions.print
-    }), bt = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), Me = c(() => Et(e.value.customPalette)), R = i(e.value.useCssAnimation), U = i({
+    }), bt = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), Fe = c(() => Et(e.value.customPalette)), R = i(e.value.useCssAnimation), U = i({
       top: e.value.style.chart.padding.top,
       bottom: e.value.style.chart.padding.bottom,
       left: e.value.style.chart.padding.left,
@@ -251,7 +251,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
     const de = i(0), gt = tt((t) => {
       de.value = t;
     }, 100);
-    Mt((t) => {
+    Ft((t) => {
       const a = H.value;
       if (!a) return;
       const l = new ResizeObserver((o) => {
@@ -283,7 +283,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
       return {
         ...t,
         id: l,
-        color: t.color ? Ze(t.color) : Me.value[a] || z[a] || z[a % z.length],
+        color: t.color ? Ze(t.color) : Fe.value[a] || P[a] || P[a % P.length],
         plots: t.plots.map((o, n) => ({
           ...o,
           value: Gt(o.value),
@@ -291,7 +291,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           parentName: t.name,
           parentIndex: a,
           plotIndex: n,
-          color: t.color ? Ze(t.color) : Me.value[a] || z[a] || z[a % z.length],
+          color: t.color ? Ze(t.color) : Fe.value[a] || P[a] || P[a % P.length],
           id: ge()
         })).sort((o, n) => o.value - n.value)
       };
@@ -328,7 +328,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
     function Lt({ datapoint: t, seriesIndex: a }) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), fe.value = { datapoint: t, seriesIndex: a, config: e.value, series: V.value }, Z.value = !0, f.value = t;
       const l = e.value.style.chart.tooltip.customFormat;
-      if (et(l) && Qt(() => l({
+      if (et(l) && Kt(() => l({
         seriesIndex: a,
         datapoint: t,
         series: V.value,
@@ -345,7 +345,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.value.style.chart.plots.gradient.show ? `url(#${t.parentId})` : t.color}"/></svg>${t.name}</div>`, o += `<div>${ke(
           e.value.style.chart.labels.formatter,
           t.value,
-          K({
+          Q({
             p: e.value.style.chart.labels.prefix,
             v: t.value,
             s: e.value.style.chart.labels.suffix,
@@ -367,7 +367,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         const a = X.value.head.map((n, h) => [[
           n.name
         ], [X.value.body[h]]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value]]].concat(a), o = Jt(l);
-        t ? t(o) : Kt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-strip-plot" });
+        t ? t(o) : Qt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-strip-plot" });
       });
     }
     const Y = c(() => {
@@ -375,7 +375,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
       ], a = X.value.head.map((n, h) => {
-        const N = K({
+        const N = Q({
           p: e.value.style.chart.labels.prefix,
           v: X.value.body[h],
           s: e.value.style.chart.labels.suffix,
@@ -492,24 +492,24 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
     function He() {
       p.value.showTable = !1, te.value && te.value.setTableIconState(!1);
     }
-    const St = c(() => e.value.style.chart.backgroundColor), Ot = c(() => e.value.style.chart.title), { exportSvg: zt, getSvg: Pt } = ol({
+    const St = c(() => e.value.style.chart.backgroundColor), Ot = c(() => e.value.style.chart.title), { exportSvg: Pt, getSvg: zt } = ol({
       svg: ie,
       title: Ot,
       backgroundColor: St
     });
     async function Ue({ isCb: t }) {
       if (t) {
-        const { blob: a, url: l, text: o, dataUrl: n } = await Pt();
+        const { blob: a, url: l, text: o, dataUrl: n } = await zt();
         e.value.userOptions.callbacks.svg({ blob: a, url: l, text: o, dataUrl: n });
       } else
-        zt();
+        Pt();
     }
     return ot({
       getData: _t,
       getImage: Tt,
       generatePdf: Ne,
       generateCsv: be,
-      generateImage: Fe,
+      generateImage: Me,
       generateSvg: Ue,
       toggleTable: Be,
       toggleLabels: We,
@@ -521,7 +521,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
       ref: w,
       class: E(`vue-data-ui-component vue-ui-strip-plot ${S.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${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};${e.value.responsive ? "height:100%" : ""}`),
-      id: `strip-plot_${Q.value}`,
+      id: `strip-plot_${K.value}`,
       onMouseenter: a[1] || (a[1] = () => v(Se)(!0)),
       onMouseleave: a[2] || (a[2] = () => v(Se)(!1))
     }, [
@@ -566,9 +566,9 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         key: `user_option_${we.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: v(Pe),
+        isPrinting: v(ze),
         isImaging: v(De),
-        uid: Q.value,
+        uid: K.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -590,7 +590,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         onToggleFullscreen: Re,
         onGeneratePdf: v(Ne),
         onGenerateCsv: be,
-        onGenerateImage: v(Fe),
+        onGenerateImage: v(Me),
         onGenerateSvg: Ue,
         onToggleTable: Be,
         onToggleLabels: We,
@@ -603,7 +603,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: b(({ isOpen: l, color: o }) => [
-            y(t.$slots, "menuIcon", F(M({ isOpen: l, color: o })), void 0, !0)
+            y(t.$slots, "menuIcon", M(F({ isOpen: l, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -652,14 +652,14 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: b(({ toggleFullscreen: l, isFullscreen: o }) => [
-            y(t.$slots, "optionFullscreen", F(M({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
+            y(t.$slots, "optionFullscreen", M(F({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: b(({ toggleAnnotator: l, isAnnotator: o }) => [
-            y(t.$slots, "optionAnnotator", F(M({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
+            y(t.$slots, "optionAnnotator", M(F({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -743,7 +743,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           }, T(v(ke)(
             e.value.style.chart.labels.formatter,
             l.value,
-            v(K)({
+            v(Q)({
               p: e.value.style.chart.labels.prefix,
               v: l.value,
               s: e.value.style.chart.labels.suffix,
@@ -835,7 +835,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
             m("stop", {
               offset: "10%",
               "stop-color": v(Yt)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, Pl),
+            }, null, 8, zl),
             m("stop", {
               offset: "90%",
               "stop-color": v(jt)(l.color, 0.1)
@@ -844,7 +844,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
               offset: "100%",
               "stop-color": l.color
             }, null, 8, Nl)
-          ], 8, zl))), 256))
+          ], 8, Pl))), 256))
         ]),
         (r(!0), u(g, null, _(wt.value, (l, o) => (r(), u(g, null, [
           (r(!0), u(g, null, _(l.plots, (n, h) => (r(), O(il, qe({ ref_for: !0 }, t.$attrs, {
@@ -860,7 +860,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
             onMouseleave: (N) => Ct({ datapoint: n, seriesIndex: h }),
             onClick: (N) => At({ datapoint: n, seriesIndex: h })
           }), null, 16, ["plot", "radius", "shape", "stroke", "strokeWidth", "color", "style", "class", "onMouseenter", "onMouseleave", "onClick"]))), 256)),
-          p.value.dataLabels.show ? (r(), u("g", Fl, [
+          p.value.dataLabels.show ? (r(), u("g", Ml, [
             (r(!0), u(g, null, _(l.plots, (n, h) => (r(), u(g, null, [
               h === l.plots.length - 1 || f.value && f.value.id === n.id && !p.value.showTooltip ? (r(), u("text", {
                 key: 0,
@@ -873,21 +873,21 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
               }, T(n.name) + " " + T(e.value.style.chart.labels.bestPlotLabel.showValue ? v(ke)(
                 e.value.style.chart.labels.formatter,
                 n.value,
-                v(K)({
+                v(Q)({
                   p: `(${e.value.style.chart.labels.prefix}`,
                   v: n.value,
                   s: `${e.value.style.chart.labels.suffix})`,
                   r: e.value.style.chart.labels.bestPlotLabel.rounding
                 }),
                 { datapoint: n, seriesIndex: h }
-              ) : ""), 13, Ml)) : d("", !0)
+              ) : ""), 13, Fl)) : d("", !0)
             ], 64))), 256))
           ])) : d("", !0)
         ], 64))), 256)),
         y(t.$slots, "svg", { svg: s.value }, void 0, !0)
       ], 14, pl)),
       t.$slots.watermark ? (r(), u("div", Il, [
-        y(t.$slots, "watermark", F(M({ isPrinting: v(Pe) || v(De) })), void 0, !0)
+        y(t.$slots, "watermark", M(F({ isPrinting: v(ze) || v(De) })), void 0, !0)
       ])) : d("", !0),
       t.$slots.source ? (r(), u("div", {
         key: 5,
@@ -918,10 +918,10 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": b(() => [
-          y(t.$slots, "tooltip-before", F(M({ ...fe.value })), void 0, !0)
+          y(t.$slots, "tooltip-before", M(F({ ...fe.value })), void 0, !0)
         ]),
         "tooltip-after": b(() => [
-          y(t.$slots, "tooltip-after", F(M({ ...fe.value })), void 0, !0)
+          y(t.$slots, "tooltip-after", M(F({ ...fe.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),

package/dist/{vue-ui-table-Qb5tDX1n.js → vue-ui-table-BAbQsJGk.js}

@@ -1,11 +1,11 @@
-import { a2 as Y, t as W, m as G, y as J, d as K, r as Z, x as q, a6 as Q, h as $, E as ee, s as E, p as te } from "./lib-CSDxt1Zh.js";
-import { u as se } from "./useNestedProp-Dh-ldrr5.js";
-import ne from "./vue-ui-xy-Da6oy2rm.js";
-import re from "./vue-ui-donut-CDKS6sVu.js";
-import le from "./BaseIcon-DG6cvf2h.js";
-import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createCommentVNode as b, createElementVNode as a, toDisplayString as h, withDirectives as O, withKeys as L, withModifiers as S, vModelText as A, createVNode as P, Fragment as C, renderList as k, normalizeClass as p, createTextVNode as _, vModelSelect as H, createBlock as R, ref as oe, computed as ae, useCssVars as ie } from "vue";
+import { L as Y, t as W, S as G, Q as J, d as K, U as Z, P as q, ai as Q, h as $, J as ee, s as E, p as te } from "./lib-BcBZIm6u.js";
+import { u as se } from "./useNestedProp-B7CiTRDS.js";
+import ne from "./vue-ui-xy-D3LqMzve.js";
+import re from "./vue-ui-donut-Yw81BFf2.js";
+import le from "./BaseIcon-B5KaGWWC.js";
+import { resolveComponent as D, createElementBlock as u, openBlock as c, normalizeStyle as g, createCommentVNode as b, createElementVNode as a, toDisplayString as h, withDirectives as O, withKeys as L, withModifiers as S, vModelText as A, createVNode as P, Fragment as C, renderList as k, normalizeClass as p, createTextVNode as _, vModelSelect as H, createBlock as R, ref as oe, computed as ae, useCssVars as ie } from "vue";
 import { _ as ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const D = {
+const x = {
   name: "vue-ui-table",
   props: {
     config: {
@@ -885,8 +885,8 @@ Provide an array of objects of type:
     v4e093505: n.colorButtonSortActiveColorText,
     v1e742f57: n.colorButtonSortActiveOutline
   }));
-}, U = D.setup;
-D.setup = U ? (n, t) => (z(), U(n, t)) : z;
+}, U = x.setup;
+x.setup = U ? (n, t) => (z(), U(n, t)) : z;
 const ue = ["innerHTML"], he = ["data-is-open"], de = { class: "vue-ui-table-export-hub-options" }, ge = { class: "vue-ui-table-export-hub-option-wrapper" }, me = { class: "label" }, ye = ["innerHTML"], be = { class: "vue-ui-table-export-hub-option-wrapper" }, fe = { class: "label" }, Ne = ["innerHTML"], Ce = { class: "vue-ui-table-dialog-field" }, pe = {
   class: "label vue-ui-table-dialog-input-label",
   style: { width: "100%" }
@@ -899,7 +899,7 @@ const ue = ["innerHTML"], he = ["data-is-open"], de = { class: "vue-ui-table-exp
 }, Se = { key: 0 }, Ae = { class: "th-filter" }, Me = {
   key: 0,
   class: "th-date"
-}, Ge = { class: "date-wrapper--inputs" }, xe = { class: "date-fieldset" }, De = ["for"], Te = ["id", "onUpdate:modelValue", "onInput"], Be = { class: "date-fieldset" }, Ee = ["for"], Pe = ["id", "onUpdate:modelValue", "onInput"], He = { class: "date-wrapper--button" }, Re = ["onClick"], ze = ["innerHTML"], Ue = ["innerHTML"], Ve = ["innerHTML"], Xe = ["onClick", "disabled"], je = ["placeholder", "onUpdate:modelValue", "name"], Ye = ["onClick"], We = ["innerHTML"], Je = ["innerHTML"], Ke = ["innerHTML"], Ze = ["onClick", "innerHTML"], qe = ["innerHTML"], Qe = {
+}, Ge = { class: "date-wrapper--inputs" }, De = { class: "date-fieldset" }, xe = ["for"], Te = ["id", "onUpdate:modelValue", "onInput"], Be = { class: "date-fieldset" }, Ee = ["for"], Pe = ["id", "onUpdate:modelValue", "onInput"], He = { class: "date-wrapper--button" }, Re = ["onClick"], ze = ["innerHTML"], Ue = ["innerHTML"], Ve = ["innerHTML"], Xe = ["onClick", "disabled"], je = ["placeholder", "onUpdate:modelValue", "name"], Ye = ["onClick"], We = ["innerHTML"], Je = ["innerHTML"], Ke = ["innerHTML"], Ze = ["onClick", "innerHTML"], qe = ["innerHTML"], Qe = {
   key: 5,
   class: "th-range-filter"
 }, $e = ["for"], et = ["id", "max", "min", "onUpdate:modelValue"], tt = ["id", "max", "min", "onUpdate:modelValue"], st = ["for"], nt = ["onClick", "disabled"], rt = ["id"], lt = ["onClick"], ot = ["onClick", "onKeyup"], at = ["innerHTML", "onClick", "onKeyup"], it = ["data-row"], ct = ["data-row"], ut = ["data-row", "onClick", "onKeyup", "id"], ht = ["innerHTML"], dt = { key: 1 }, gt = { key: 2 }, mt = { key: 5 }, yt = ["innerHTML"], bt = { key: 0 }, ft = { style: { "margin-left": "12px" } }, Nt = { class: "format-num" }, Ct = { style: { "margin-left": "12px" } }, pt = {
@@ -923,10 +923,10 @@ const ue = ["innerHTML"], he = ["data-is-open"], de = { class: "vue-ui-table-exp
 }, St = ["innerHTML"], At = {
   key: 4,
   class: "vue-ui-table-pagination format-num"
-}, Mt = ["innerHTML", "disabled"], Gt = ["disabled"], xt = {
+}, Mt = ["innerHTML", "disabled"], Gt = ["disabled"], Dt = {
   key: 0,
   class: "vue-ui-table-page-scroller-wrapper"
-}, Dt = {
+}, xt = {
   for: "pageScroller",
   style: { "font-size": "14px" }
 }, Tt = ["max", "value"], Bt = { key: 1 }, Et = ["disabled"], Pt = ["innerHTML", "disabled"], Ht = ["innerHTML"], Rt = { class: "chart-modal-options" }, zt = ["innerHTML"], Ut = ["innerHTML"], Vt = ["innerHTML"], Xt = {
@@ -937,7 +937,7 @@ const ue = ["innerHTML"], he = ["data-is-open"], de = { class: "vue-ui-table-exp
   style: { width: "100%", "margin-bottom": "32px" }
 };
 function es(n, t, r, i, s, e) {
-  const m = x("BaseIcon"), f = x("VueUiXy"), w = x("VueUiDonut");
+  const m = D("BaseIcon"), f = D("VueUiXy"), w = D("VueUiDonut");
   return c(), u("div", {
     class: "vue-data-ui-component vue-ui-table-main",
     style: g(`font-family: ${e.FINAL_CONFIG.fontFamily}`)
@@ -1131,10 +1131,10 @@ function es(n, t, r, i, s, e) {
                 a("div", Ae, [
                   o.type === s.constants.DATE && s.dates[l] ? (c(), u("div", Me, [
                     a("div", Ge, [
-                      a("div", xe, [
+                      a("div", De, [
                         a("label", {
                           for: `from_${l}`
-                        }, h(e.FINAL_CONFIG.translations.from), 9, De),
+                        }, h(e.FINAL_CONFIG.translations.from), 9, xe),
                         O(a("input", {
                           id: `from_${l}`,
                           type: "date",
@@ -1513,8 +1513,8 @@ function es(n, t, r, i, s, e) {
           disabled: s.currentPage === 0,
           style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage === 0 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
         }, " 1 ", 12, Gt),
-        e.pages.length > 10 ? (c(), u("div", xt, [
-          a("label", Dt, h(e.FINAL_CONFIG.translations.page) + " " + h(s.currentPage + 1) + " / " + h(e.pages.length), 1),
+        e.pages.length > 10 ? (c(), u("div", Dt, [
+          a("label", xt, h(e.FINAL_CONFIG.translations.page) + " " + h(s.currentPage + 1) + " / " + h(e.pages.length), 1),
           a("input", {
             class: "vue-ui-table-page-scroller",
             id: "pageScroller",
@@ -1676,7 +1676,7 @@ function es(n, t, r, i, s, e) {
     ], 4)) : b("", !0)
   ], 4);
 }
-const cs = /* @__PURE__ */ ce(D, [["render", es], ["__scopeId", "data-v-8f72e543"]]);
+const cs = /* @__PURE__ */ ce(x, [["render", es], ["__scopeId", "data-v-8f72e543"]]);
 export {
   cs as default
 };

package/dist/{vue-ui-table-heatmap-hMrgJ25a.js → vue-ui-table-heatmap-DU6GKPVy.js}

@@ -1,15 +1,15 @@
-import { useCssVars as ae, computed as c, defineAsyncComponent as oe, ref as h, useSlots as se, onMounted as U, watch as ne, createElementBlock as r, openBlock as n, unref as i, normalizeClass as z, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as u, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
-import { c as A, o as de, f as pe, a3 as ce, E as ve, a0 as me, x as fe, y as he } from "./lib-CSDxt1Zh.js";
-import { u as ge, a as H } from "./useNestedProp-Dh-ldrr5.js";
-import { u as be } from "./usePrinter-Cq8Pt6Lh.js";
+import { useCssVars as ae, computed as c, defineAsyncComponent as oe, ref as h, useSlots as se, onMounted as z, watch as ne, createElementBlock as r, openBlock as n, unref as i, normalizeClass as E, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as u, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
+import { c as A, o as de, f as pe, ag as ce, J as ve, ae as me, P as fe, Q as he } from "./lib-BcBZIm6u.js";
+import { u as ge, a as H } from "./useNestedProp-B7CiTRDS.js";
+import { u as be } from "./usePrinter-C1GiglOH.js";
 import { u as ye } from "./useUserOptionState-BIvW1Kz7.js";
 import { t as Ce } from "./themes-Dw-dDudK.js";
-import { _ as ke } from "./Shape-BS9UGhNq.js";
+import { _ as ke } from "./Shape-BhNvlGIN.js";
 import { _ as _e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell"], xe = {
+const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell"], Pe = {
   key: 0,
   style: { display: "flex", "flex-direction": "row", gap: "2px", "align-items": "center" }
-}, Fe = ["height", "width"], Pe = {
+}, xe = ["height", "width"], Fe = {
   key: 0,
   role: "cell",
   "data-cell": "sum"
@@ -46,15 +46,15 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       cea75ac0: ee.value,
       v98a6fd0a: j.value
     }));
-    const X = oe(() => import("./UserOptions-CJXSEhan.js")), { vue_ui_table_heatmap: W } = ge(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
-    U(() => {
-      q["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
+    const X = oe(() => import("./UserOptions-C0YT60JN.js")), { vue_ui_table_heatmap: W } = ge(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), J = se();
+    z(() => {
+      J["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
     });
     const t = c({
-      get: () => P(),
+      get: () => F(),
       set: (e) => e
-    }), { userOptionsVisible: $, setUserOptionsVisibility: x, keepUserOptionState: F } = ye({ config: t.value });
-    function P() {
+    }), { userOptionsVisible: $, setUserOptionsVisibility: P, keepUserOptionState: x } = ye({ config: t.value });
+    function F() {
       const e = H({
         userConfig: m.config,
         defaultConfig: W
@@ -67,14 +67,14 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       } : e;
     }
     ne(() => m.config, (e) => {
-      t.value = P(), $.value = !t.value.userOptions.showOnChartHover, V();
+      t.value = F(), $.value = !t.value.userOptions.showOnChartHover, V();
     }, { deep: !0 });
-    const { isPrinting: J, isImaging: K, generatePdf: N, generateImage: S } = be({
+    const { isPrinting: Q, isImaging: q, generatePdf: N, generateImage: S } = be({
       elementId: `table_heatmap_${_.value}`,
       fileName: "vue-ui-table-heatmap",
       options: t.value.userOptions.print
-    }), Q = c(() => t.value.table.responsiveBreakpoint), Y = c(() => !!m.dataset && m.dataset.length);
-    U(() => {
+    }), K = c(() => t.value.table.responsiveBreakpoint), Y = c(() => !!m.dataset && m.dataset.length);
+    z(() => {
       V();
     });
     function V() {
@@ -84,7 +84,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       });
       const e = new ResizeObserver((o) => {
         o.forEach((a) => {
-          d.value = a.contentRect.width < Q.value;
+          d.value = a.contentRect.width < K.value;
         });
       });
       y.value && e.observe(y.value);
@@ -119,7 +119,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       ...e,
       colors: e.displayValues.map((o) => isNaN(o) ? t.value.style.backgroundColor : Z(o, e.serieExtremes))
     }))), j = c(() => t.value.style.backgroundColor), ee = c(() => `${t.value.table.borderWidth}px`);
-    function E(e = null) {
+    function U(e = null) {
       ie(() => {
         const o = T.value.map((l) => [
           [l.name],
@@ -136,24 +136,24 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
     }
     return L({
       generatePdf: N,
-      generateCsv: E,
+      generateCsv: U,
       generateImage: S
     }), (e, o) => (n(), r("div", {
       ref_key: "tableContainer",
       ref: y,
       style: C(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${t.value.userOptions.show ? "36px" : ""}; ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}; position:relative;`),
-      class: z({ "vue-data-ui-component": !0, "vue-ui-responsive": d.value }),
+      class: E({ "vue-data-ui-component": !0, "vue-ui-responsive": d.value }),
       id: `table_heatmap_${_.value}`,
-      onMouseenter: o[0] || (o[0] = () => i(x)(!0)),
-      onMouseleave: o[1] || (o[1] = () => i(x)(!1))
+      onMouseenter: o[0] || (o[0] = () => i(P)(!0)),
+      onMouseleave: o[1] || (o[1] = () => i(P)(!1))
     }, [
-      t.value.userOptions.show && Y.value && (i(F) || i($)) ? (n(), le(i(X), {
+      t.value.userOptions.show && Y.value && (i(x) || i($)) ? (n(), le(i(X), {
         ref: "details",
         key: `user_option_${O.value}`,
         backgroundColor: t.value.style.backgroundColor,
         color: t.value.style.color,
-        isPrinting: i(J),
-        isImaging: i(K),
+        isPrinting: i(Q),
+        isImaging: i(q),
         uid: _.value,
         hasPdf: t.value.userOptions.buttons.pdf,
         hasXls: t.value.userOptions.buttons.csv,
@@ -167,10 +167,10 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
         printScale: t.value.userOptions.print.scale,
         onToggleFullscreen: te,
         onGeneratePdf: i(N),
-        onGenerateCsv: E,
+        onGenerateCsv: U,
         onGenerateImage: i(S),
         style: C({
-          visibility: i(F) ? i($) ? "visible" : "hidden" : "visible"
+          visibility: i(x) ? i($) ? "visible" : "hidden" : "visible"
         })
       }, re({ _: 2 }, [
         e.$slots.menuIcon ? {
@@ -210,7 +210,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
       g("table", {
-        class: z({ "vue-ui-table-heatmap": !0 }),
+        class: E({ "vue-ui-table-heatmap": !0 }),
         style: C(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
       }, [
         g("caption", null, [
@@ -232,7 +232,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
               role: "cell",
               "data-cell": t.value.table.head.values[p]
             }, [
-              a.color && p === 0 ? (n(), r("div", xe, [
+              a.color && p === 0 ? (n(), r("div", Pe, [
                 a.color ? (n(), r("svg", {
                   key: 0,
                   height: t.value.style.shapeSize,
@@ -246,7 +246,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
                     radius: 9,
                     shape: a.shape || "circle"
                   }, null, 8, ["color", "shape"])
-                ], 8, Fe)) : v("", !0),
+                ], 8, xe)) : v("", !0),
                 u(e.$slots, "rowTitle", f({ ref_for: !0 }, { value: l, rowIndex: s, colIndex: p, type: typeof l, isResponsive: d.value }), void 0, !0)
               ])) : (n(), r(k, { key: 1 }, [
                 p === 0 ? u(e.$slots, "rowTitle", f({
@@ -259,7 +259,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
                 }, { value: l, rowIndex: s, colIndex: p, type: typeof l, isResponsive: d.value, color: a.colors[p], textColor: i(ve)(a.colors[p]) }), void 0, !0) : v("", !0)
               ], 64))
             ], 8, Oe))), 256)),
-            t.value.table.showSum ? (n(), r("td", Pe, [
+            t.value.table.showSum ? (n(), r("td", Fe, [
               u(e.$slots, "sum", f({ ref_for: !0 }, { value: a.sum, rowIndex: s, isResponsive: d.value }), void 0, !0)
             ])) : v("", !0),
             t.value.table.showAverage ? (n(), r("td", Ne, [