vue-data-ui 3.9.11 → 3.9.13

package/dist/{vue-ui-strip-plot-DA8uwUaL.js → vue-ui-strip-plot-CJWXdisu.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as $, computed as h, ref as i, toRefs as Ht, watch as q, shallowRef as Xe, onMounted as Ut, onBeforeUnmount as Ye, watchEffect as Vt, createElementBlock as u, openBlock as r, unref as c, normalizeStyle as J, normalizeClass as R, createBlock as O, createCommentVNode as f, createVNode as ge, withCtx as v, renderSlot as d, normalizeProps as m, guardReactiveProps as C, createSlots as qe, createElementVNode as k, Fragment as x, renderList as T, toDisplayString as S, mergeProps as Je, resolveDynamicComponent as jt, createTextVNode as Ze, nextTick as Xt } from "vue";
-import { c as me, t as Yt, i as qt, p as P, o as Ke, g as Ce, k as Qe, j as Jt, l as et, T as Zt, M as Kt, d as Z, X as Qt, a as ke, _ as el, as as tl, n as ll, r as al, x as tt, a1 as ol, u as sl, q as rl, Z as nl } from "./lib-W9waxHL3.js";
+import { defineAsyncComponent as $, computed as h, ref as i, toRefs as Ht, watch as q, shallowRef as Xe, onMounted as Ut, onBeforeUnmount as Ye, watchEffect as Vt, createElementBlock as u, openBlock as r, unref as c, normalizeStyle as J, normalizeClass as R, createBlock as O, createCommentVNode as f, createVNode as ge, withCtx as v, renderSlot as d, normalizeProps as m, guardReactiveProps as C, createSlots as qe, createElementVNode as k, Fragment as x, renderList as T, toDisplayString as S, mergeProps as Je, resolveDynamicComponent as jt, createTextVNode as Ke, nextTick as Xt } from "vue";
+import { c as me, t as Yt, i as qt, j as P, o as Qe, g as Ce, l as Ze, k as Jt, m as et, U as Kt, N as Qt, d as K, X as Zt, a as ke, $ as el, at as tl, q as ll, u as al, y as tt, a2 as ol, v as sl, r as rl, _ as nl } from "./lib-BwysEpWI.js";
 import { t as lt, u as ul } from "./useResponsive-DfdjqQps.js";
-import { u as il, a as xe } from "./useNestedProp-D-jUHecl.js";
+import { u as il, a as xe } from "./useNestedProp--5lL-kf1.js";
 import { u as cl, B as vl } from "./BaseScanner-BMpwQAfz.js";
-import { u as dl } from "./usePrinter-DhoMn87n.js";
+import { u as dl } from "./usePrinter-BJzHDpYF.js";
 import { u as hl } from "./useSvgExport-ByUukOZt.js";
 import { u as bl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as pl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as yl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import gl from "./img-BJzUSmkm.js";
-import { _ as ml } from "./Shape-_iTOIp3x.js";
-import Cl from "./Title-DFtCaCah.js";
+import gl from "./img-DKigoPDs.js";
+import { _ as ml } from "./Shape-DAHhCEdg.js";
+import Cl from "./Title-BhURirpm.js";
 import { _ as kl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", grid: { stroke: "#5A5A5A", horizontalGrid: { stroke: "#4A4A4A" }, verticalGrid: { stroke: "#4A4A4A" } }, plots: { stroke: "#1A1A1A" }, labels: { bestPlotLabel: { color: "#CCCCCC" }, axis: { color: "#CCCCCC" }, xAxisLabels: { color: "#CCCCCC" }, yAxisLabels: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ot = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", grid: { stroke: "#5D4037", horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, plots: { stroke: "#FFF8E1" }, labels: { bestPlotLabel: { color: "#424242" }, axis: { color: "#424242" }, xAxisLabels: { color: "#424242" }, yAxisLabels: { color: "#424242" } }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, st = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", grid: { stroke: "#5D4037", horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, plots: { stroke: "#1E1E1E" }, labels: { bestPlotLabel: { color: "#BDBDBD" }, axis: { color: "#BDBDBD" }, xAxisLabels: { color: "#BDBDBD" }, yAxisLabels: { color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", grid: { stroke: "#5F6A5F", horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, plots: { stroke: "#00FF00" }, labels: { bestPlotLabel: { color: "#AACCAA" }, axis: { color: "#99CC99" }, xAxisLabels: { color: "#99CC99" }, yAxisLabels: { color: "#99CC99" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, nt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", grid: { show: !1, horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, plots: { stroke: "#fbfafa" }, labels: { bestPlotLabel: { color: "#A0AC94" }, axis: { color: "#A0AC94" }, xAxisLabels: { color: "#A0AC94" }, yAxisLabels: { show: !1, color: "#A0AC94" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, ut = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", grid: { stroke: "#829C98", horizontalGrid: { stroke: "#829C98" }, verticalGrid: { stroke: "#829C98" } }, plots: { stroke: "#404C5A" }, labels: { bestPlotLabel: { color: "#61747E" }, axis: { color: "#61747E" }, xAxisLabels: { color: "#61747E" }, yAxisLabels: { color: "#61747E" } }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, it = {
   default: {},
@@ -51,14 +51,14 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
   },
   emits: ["selectDatapoint"],
   setup(ct, { expose: vt, emit: dt }) {
-    const ht = $(() => import("./Tooltip-B79qvriT.js")), bt = $(() => import("./BaseIcon-r3_sTK1A.js")), ft = $(() => import("./vue-ui-accordion-B6BX2vhq.js")), pt = $(() => import("./DataTable-DNeCys3I.js")), yt = $(() => import("./UserOptions-B-2A_KRb.js")), gt = $(() => import("./PenAndPaper-CsqBamFZ.js")), mt = $(() => import("./PackageVersion-DPLuuWzw.js")), Ct = $(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_strip_plot: kt } = il(), { isThemeValid: xt, warnInvalidTheme: At } = bl(), g = ct, wt = dt, W = h({
+    const ht = $(() => import("./Tooltip-TDyKgLB6.js")), bt = $(() => import("./BaseIcon-4i3dd7Ty.js")), ft = $(() => import("./vue-ui-accordion-tQNKwbVi.js")), pt = $(() => import("./DataTable-WrXCJkfE.js")), yt = $(() => import("./UserOptions-CzJWRC4s.js")), gt = $(() => import("./PenAndPaper-DxIUvoQ8.js")), mt = $(() => import("./PackageVersion-D3cMhAlf.js")), Ct = $(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_strip_plot: kt } = il(), { isThemeValid: xt, warnInvalidTheme: At } = bl(), g = ct, wt = dt, W = h({
       get() {
         return !!g.dataset && g.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), K = i(me()), Ae = i(0), Q = i(!1), ee = i(""), w = i(null), we = i(null), Le = i(null), _e = i(null), $e = i(!1), Te = i(0), Se = i(0), N = i(null), te = i(null), le = i(null), ae = i(null), H = i(null), oe = i(null), e = i(ce()), { loading: se, FINAL_DATASET: re, manualLoading: ne } = cl({
+    }), Q = i(me()), Ae = i(0), Z = i(!1), ee = i(""), w = i(null), we = i(null), Le = i(null), _e = i(null), $e = i(!1), Te = i(0), Se = i(0), N = i(null), te = i(null), le = i(null), ae = i(null), H = i(null), oe = i(null), e = i(ce()), { loading: se, FINAL_DATASET: re, manualLoading: ne } = cl({
       ...Ht(g),
       FINAL_CONFIG: e,
       prepareConfig: ce,
@@ -180,12 +180,12 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
     });
     const ve = h(() => !!e.value.debug);
     function Oe() {
-      if (Ke(g.dataset) ? (Ce({
+      if (Qe(g.dataset) ? (Ce({
         componentName: "VueUiStripPlot",
         type: "dataset",
         debug: ve.value
       }), ne.value = !0) : g.dataset.forEach((t, a) => {
-        Qe({
+        Ze({
           datasetObject: t,
           requiredAttributes: ["name", "plots"]
         }).forEach((l) => {
@@ -197,7 +197,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
             debug: ve.value
           });
         }), t.plots && t.plots.forEach((l, o) => {
-          Qe({
+          Ze({
             datasetObject: l,
             requiredAttributes: ["name", "value"]
           }).forEach((n) => {
@@ -210,7 +210,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
             });
           });
         });
-      }), Ke(g.dataset) || (ne.value = e.value.loading), e.value.responsive) {
+      }), Qe(g.dataset) || (ne.value = e.value.loading), e.value.responsive) {
         const t = lt(() => {
           const { width: a, height: l } = ul({
             chart: w.value,
@@ -238,7 +238,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
       L.value && (z.value && L.value.unobserve(z.value), L.value.disconnect());
     });
     const { isPrinting: Pe, isImaging: ze, generatePdf: Be, generateImage: Ee } = dl({
-      elementId: `strip-plot_${K.value}`,
+      elementId: `strip-plot_${Q.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-strip-plot",
       options: e.value.userOptions.print
     }), Lt = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ne = h(() => Jt(e.value.customPalette)), M = i(e.value.useCssAnimation), U = i({
@@ -310,7 +310,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         color: t.color ? et(t.color) : Ne.value[a] || P[a] || P[a % P.length],
         plots: t.plots.map((o, n) => ({
           ...o,
-          value: Zt(o.value),
+          value: Kt(o.value),
           parentId: l,
           parentName: t.name,
           parentIndex: a,
@@ -331,7 +331,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         max: Math.max(...t),
         min: Math.min(...t)
       };
-    }), D = h(() => Kt(be.value.min < 0 ? be.value.min : 0, be.value.max, e.value.style.chart.grid.scaleSteps)), Ft = h(() => (A.value || []).map((t, a) => ({
+    }), D = h(() => Qt(be.value.min < 0 ? be.value.min : 0, be.value.max, e.value.style.chart.grid.scaleSteps)), Ft = h(() => (A.value || []).map((t, a) => ({
       ...t,
       plots: t.plots.map((l) => ({
         ...l,
@@ -344,13 +344,13 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
       value: t
     }))), fe = i(null), y = i(null);
     function Ot({ datapoint: t, seriesIndex: a }) {
-      Q.value = !1, y.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
+      Z.value = !1, y.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
     }
     function Pt({ datapoint: t, seriesIndex: a }) {
       wt("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
     }
     function zt({ 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 }, Q.value = !0, y.value = t;
+      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, y.value = t;
       const l = e.value.style.chart.tooltip.customFormat;
       if (tt(l) && nl(() => l({
         seriesIndex: a,
@@ -369,7 +369,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         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,
-          Z({
+          K({
             p: e.value.style.chart.labels.prefix,
             v: t.value,
             s: e.value.style.chart.labels.suffix,
@@ -399,7 +399,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
       ], a = j.value.head.map((n, b) => {
-        const E = Z({
+        const E = K({
           p: e.value.style.chart.labels.prefix,
           v: j.value.body[b],
           s: e.value.style.chart.labels.suffix,
@@ -545,7 +545,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
       ref: w,
       class: R(`vue-data-ui-component vue-ui-strip-plot ${F.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_${K.value}`,
+      id: `strip-plot_${Q.value}`,
       onMouseenter: a[1] || (a[1] = () => c(De)(!0)),
       onMouseleave: a[2] || (a[2] = () => c(De)(!1))
     }, [
@@ -612,7 +612,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         color: e.value.style.chart.color,
         isPrinting: c(Pe),
         isImaging: c(ze),
-        uid: K.value,
+        uid: Q.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,
@@ -718,7 +718,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
       (r(), u("svg", {
         ref_key: "svgRef",
         ref: ie,
-        xmlns: c(Qt),
+        xmlns: c(Zt),
         class: R({ "vue-data-ui-fullscreen--on": F.value, "vue-data-ui-fulscreen--off": !F.value }),
         viewBox: `0 0 ${B.value} ${_.value}`,
         style: J(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
@@ -794,7 +794,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
           }, S(c(ke)(
             e.value.style.chart.labels.formatter,
             l.value,
-            c(Z)({
+            c(K)({
               p: e.value.style.chart.labels.prefix,
               v: l.value,
               s: e.value.style.chart.labels.suffix,
@@ -924,7 +924,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
               }, S(n.name) + " " + S(e.value.style.chart.labels.bestPlotLabel.showValue ? c(ke)(
                 e.value.style.chart.labels.formatter,
                 n.value,
-                c(Z)({
+                c(K)({
                   p: `(${e.value.style.chart.labels.prefix}`,
                   v: n.value,
                   s: `${e.value.style.chart.labels.suffix})`,
@@ -949,7 +949,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         d(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
       ge(c(ht), {
-        show: p.value.showTooltip && Q.value,
+        show: p.value.showTooltip && Z.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -999,7 +999,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
               }, null, 8, Xl)
             ]),
             td: v(({ td: l }) => [
-              Ze(S(l.name || l), 1)
+              Ke(S(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1009,7 +1009,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         e.value.table.useDialog ? {
           name: "title",
           fn: v(() => [
-            Ze(S(I.value.title), 1)
+            Ke(S(I.value.title), 1)
           ]),
           key: "0"
         } : void 0,

package/dist/{vue-ui-table-CldDVgkf.js → vue-ui-table-BHWwypkc.js}

@@ -1,11 +1,11 @@
-import { m as Y, t as W, n as G, q as J, d as K, r as Z, u as q, v as Q, l as $, w as ee, s as E, p as te } from "./lib-W9waxHL3.js";
-import { u as se } from "./useNestedProp-D-jUHecl.js";
-import { V as ne } from "./vue-ui-xy-BSBAegJ1.js";
-import { V as re } from "./vue-ui-donut-BjSuCwQE.js";
-import le from "./BaseIcon-r3_sTK1A.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 { n as Y, t as W, q as G, r as J, d as K, u as Z, v as q, w as Q, m as $, x as ee, s as E, j as te } from "./lib-BwysEpWI.js";
+import { u as se } from "./useNestedProp--5lL-kf1.js";
+import { V as ne } from "./vue-ui-xy-D5A8tR-O.js";
+import { V as re } from "./vue-ui-donut-D3---CiY.js";
+import le from "./BaseIcon-4i3dd7Ty.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 { _ as ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const x = {
+const D = {
   name: "vue-ui-table",
   props: {
     config: {
@@ -351,9 +351,9 @@ Provide an array of objects of type:
             rounding: F
           }
         }
-      }, T = e >= 0 ? 0 : Math.abs(e), X = s + T, M = this.dataset.header[this.currentSelectionSpan.col].isPercentage, B = this.currentSelectionSpan.rows.map((v, j) => ({
-        x: i * j + i / 2,
-        y: (1 - (v.value + T) / X) * n,
+      }, T = e >= 0 ? 0 : Math.abs(e), j = s + T, M = this.dataset.header[this.currentSelectionSpan.col].isPercentage, B = this.currentSelectionSpan.rows.map((v, X) => ({
+        x: i * X + i / 2,
+        y: (1 - (v.value + T) / j) * n,
         value: M ? v.value * 100 : v.value,
         suffix: M ? "%" : this.dataset.header[this.currentSelectionSpan.col].suffix ? this.dataset.header[this.currentSelectionSpan.col].suffix : "",
         prefix: this.dataset.header[this.currentSelectionSpan.col].prefix ? this.dataset.header[this.currentSelectionSpan.col].prefix : "",
@@ -885,8 +885,8 @@ Provide an array of objects of type:
     v4ef0df91: n.colorButtonSortActiveColorText,
     v661d0ce3: n.colorButtonSortActiveOutline
   }));
-}, U = x.setup;
-x.setup = U ? (n, t) => (z(), U(n, t)) : z;
+}, U = D.setup;
+D.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" }, 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 = {
+}, 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"], je = ["onClick", "disabled"], Xe = ["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,21 +923,21 @@ 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"], Dt = {
+}, Mt = ["innerHTML", "disabled"], Gt = ["disabled"], xt = {
   key: 0,
   class: "vue-ui-table-page-scroller-wrapper"
-}, xt = {
+}, Dt = {
   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 = {
+}, Tt = ["max", "value"], Bt = { key: 1 }, Et = ["disabled"], Pt = ["innerHTML", "disabled"], Ht = ["innerHTML"], Rt = { class: "chart-modal-options" }, zt = ["innerHTML"], Ut = ["innerHTML"], Vt = ["innerHTML"], jt = {
   style: { width: "100%", height: "fit-content" },
   ref: "chartModal"
-}, jt = { class: "vue-ui-table-fieldset" }, Yt = { class: "vue-ui-table-fieldset-wrapper" }, Wt = ["name", "id", "checked", "onInput"], Jt = ["for"], Kt = ["disabled"], Zt = ["innerHTML"], qt = { key: 0 }, Qt = { style: { width: "100%", "margin-bottom": "12px" } }, $t = {
+}, Xt = { class: "vue-ui-table-fieldset" }, Yt = { class: "vue-ui-table-fieldset-wrapper" }, Wt = ["name", "id", "checked", "onInput"], Jt = ["for"], Kt = ["disabled"], Zt = ["innerHTML"], qt = { key: 0 }, Qt = { style: { width: "100%", "margin-bottom": "12px" } }, $t = {
   key: 2,
   style: { width: "100%", "margin-bottom": "32px" }
 };
 function es(n, t, r, i, s, e) {
-  const m = D("BaseIcon"), f = D("VueUiXy"), w = D("VueUiDonut");
+  const m = x("BaseIcon"), f = x("VueUiXy"), w = x("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", De, [
+                      a("div", xe, [
                         a("label", {
                           for: `from_${l}`
-                        }, h(e.FINAL_CONFIG.translations.from), 9, xe),
+                        }, h(e.FINAL_CONFIG.translations.from), 9, De),
                         O(a("input", {
                           id: `from_${l}`,
                           type: "date",
@@ -1188,7 +1188,7 @@ function es(n, t, r, i, s, e) {
                         },
                         disabled: !s.filteredDatesIndexes[l] && e.isResetDisabled(l, o),
                         class: "th-reset"
-                      }, " ✖ ", 8, Xe)
+                      }, " ✖ ", 8, je)
                     ])
                   ])) : b("", !0),
                   o.isSearch ? O((c(), u("input", {
@@ -1198,7 +1198,7 @@ function es(n, t, r, i, s, e) {
                     onInput: t[7] || (t[7] = (d) => e.debounce(e.filterBody, 400)),
                     name: `search_${l}`,
                     style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                  }, null, 44, je)), [
+                  }, null, 44, Xe)), [
                     [A, s.searches[l]]
                   ]) : b("", !0),
                   !s.hasNaN[l] && o.isSort && o.type !== s.constants.DATE ? (c(), u("button", {
@@ -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", Dt, [
-          a("label", xt, h(e.FINAL_CONFIG.translations.page) + " " + h(s.currentPage + 1) + " / " + h(e.pages.length), 1),
+        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),
           a("input", {
             class: "vue-ui-table-page-scroller",
             id: "pageScroller",
@@ -1591,12 +1591,12 @@ function es(n, t, r, i, s, e) {
           style: g(`background:${s.chart.type === s.constants.BAR && !s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${s.chart.type === s.constants.BAR && !s.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
         }, null, 14, Vt)
       ]),
-      a("div", Xt, [
+      a("div", jt, [
         s.showDonutOptions && e.availableDonutCategories.length ? (c(), u("div", {
           key: 0,
           style: g(`background:${e.FINAL_CONFIG.style.chart.modal.backgroundColor};color:${e.FINAL_CONFIG.style.chart.modal.color}`)
         }, [
-          a("fieldset", jt, [
+          a("fieldset", Xt, [
             a("legend", null, h(e.FINAL_CONFIG.translations.chooseCategoryColumn), 1),
             a("div", Yt, [
               (c(!0), u(C, null, k(e.availableDonutCategories, (o, l) => (c(), u("div", {
@@ -1676,7 +1676,7 @@ function es(n, t, r, i, s, e) {
     ], 4)) : b("", !0)
   ], 4);
 }
-const cs = /* @__PURE__ */ ce(x, [["render", es], ["__scopeId", "data-v-cba65e99"]]);
+const cs = /* @__PURE__ */ ce(D, [["render", es], ["__scopeId", "data-v-cba65e99"]]);
 export {
   cs as default
 };

package/dist/{vue-ui-table-heatmap-CDnzIKGy.js → vue-ui-table-heatmap-DvHKKwJA.js}

@@ -1,10 +1,10 @@
 import { useCssVars as de, computed as v, defineAsyncComponent as ce, ref as b, useSlots as pe, onMounted as R, watch as ve, createElementBlock as r, openBlock as s, unref as i, normalizeClass as U, normalizeStyle as y, createBlock as fe, createCommentVNode as f, createElementVNode as g, createSlots as me, withCtx as h, renderSlot as u, normalizeProps as B, guardReactiveProps as D, Fragment as k, renderList as F, mergeProps as m, createVNode as be, nextTick as ge } from "vue";
-import { c as G, o as he, g as Ce, an as ye, w as ke, al as _e, u as Ie, q as $e } from "./lib-W9waxHL3.js";
-import { u as Fe, a as w } from "./useNestedProp-D-jUHecl.js";
-import { u as we } from "./usePrinter-DhoMn87n.js";
-import { u as Oe } from "./useThemeCheck-DGJ31Vi5.js";
+import { c as G, o as he, g as Ce, ao as ye, x as ke, am as _e, v as Ie, r as $e } from "./lib-BwysEpWI.js";
+import { u as Fe, a as O } from "./useNestedProp--5lL-kf1.js";
+import { u as Oe } from "./usePrinter-BJzHDpYF.js";
+import { u as we } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Ae } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as xe } from "./Shape-_iTOIp3x.js";
+import { _ as xe } from "./Shape-DAHhCEdg.js";
 import { _ as Pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const H = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, table: { head: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, L = { style: { backgroundColor: "#FFF8E1", color: "#424242", heatmapColors: { min: "#FFECB3", max: "#D32F2F" } }, table: { head: { backgroundColor: "#FFF8E1", color: "#424242" } } }, X = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", heatmapColors: { min: "#333333", max: "#66CC66" } }, table: { head: { backgroundColor: "#1A1A1A", color: "#99AA99" } } }, W = { style: { backgroundColor: "#fbfafa", color: "#8A9892", heatmapColors: { max: "#C09E85", min: "#DCDFE7" } }, table: { head: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, q = { style: { backgroundColor: "#f6f6fb", color: "#50606C", heatmapColors: { max: "#4A6A75", min: "#EFECEC" } }, table: { head: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, J = {
   default: {},
@@ -61,7 +61,7 @@ const H = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, table: { he
       v7bb1d4dc: ue.value,
       v4b487b6d: re.value
     }));
-    const Y = ce(() => import("./UserOptions-B-2A_KRb.js")), { vue_ui_table_heatmap: Z } = Fe(), { isThemeValid: j, warnInvalidTheme: ee } = Oe(), p = K, _ = b(G()), d = b(!1), C = b(null), I = b(!1), O = b(0), te = pe();
+    const Y = ce(() => import("./UserOptions-CzJWRC4s.js")), { vue_ui_table_heatmap: Z } = Fe(), { isThemeValid: j, warnInvalidTheme: ee } = we(), p = K, _ = b(G()), d = b(!1), C = b(null), I = b(!1), w = b(0), te = pe();
     R(() => {
       te["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
     });
@@ -70,18 +70,18 @@ const H = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, table: { he
       set: (e) => e
     }), { userOptionsVisible: $, setUserOptionsVisibility: A, keepUserOptionState: x } = Ae({ config: t.value });
     function P() {
-      const e = w({
+      const e = O({
         userConfig: p.config,
         defaultConfig: Z
       }), a = e.theme;
       if (!a) return e;
       if (!j.value(e))
         return ee(e), e;
-      const o = w({
+      const o = O({
         userConfig: J[a] || p.config,
         defaultConfig: e
       });
-      return w({
+      return O({
         userConfig: p.config,
         defaultConfig: o
       });
@@ -89,7 +89,7 @@ const H = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, table: { he
     ve(() => p.config, (e) => {
       t.value = P(), $.value = !t.value.userOptions.showOnChartHover, T();
     }, { deep: !0 });
-    const { isPrinting: oe, isImaging: ae, generatePdf: E, generateImage: S } = we({
+    const { isPrinting: oe, isImaging: ae, generatePdf: E, generateImage: S } = Oe({
       elementId: `table_heatmap_${_.value}`,
       fileName: "vue-ui-table-heatmap",
       options: t.value.userOptions.print
@@ -152,7 +152,7 @@ const H = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, table: { he
       });
     }
     function ie(e) {
-      I.value = e, O.value += 1;
+      I.value = e, w.value += 1;
     }
     return Q({
       generatePdf: E,
@@ -169,7 +169,7 @@ const H = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, table: { he
     }, [
       t.value.userOptions.show && se.value && (i(x) || i($)) ? (s(), fe(i(Y), {
         ref: "details",
-        key: `user_option_${O.value}`,
+        key: `user_option_${w.value}`,
         backgroundColor: t.value.style.backgroundColor,
         color: t.value.style.color,
         isPrinting: i(oe),

package/dist/{vue-ui-table-sparkline-D3XfL4kK.js → vue-ui-table-sparkline-uK0q-dO9.js}

@@ -1,7 +1,7 @@
-import { useCssVars as Le, defineAsyncComponent as X, ref as f, useSlots as Re, onMounted as ge, computed as _, watch as me, shallowRef as je, onBeforeUnmount as He, createElementBlock as c, openBlock as v, unref as u, normalizeClass as J, createCommentVNode as m, createElementVNode as p, normalizeStyle as s, toDisplayString as A, withDirectives as qe, createVNode as F, Fragment as K, renderList as Q, createBlock as Xe, createSlots as Je, withCtx as z, renderSlot as O, mergeProps as ye, nextTick as Ke } from "vue";
-import { u as Qe, a as Y } from "./useNestedProp-D-jUHecl.js";
-import { c as Ye, i as Ze, p as T, j as et, o as tt, g as ke, k as lt, an as at, l as ot, a as B, d as V, u as nt, q as ut } from "./lib-W9waxHL3.js";
-import { u as rt } from "./usePrinter-DhoMn87n.js";
+import { useCssVars as Le, defineAsyncComponent as q, ref as f, useSlots as Re, onMounted as ge, computed as _, watch as me, shallowRef as je, onBeforeUnmount as He, createElementBlock as c, openBlock as v, unref as u, normalizeClass as J, createCommentVNode as m, createElementVNode as p, normalizeStyle as s, toDisplayString as A, withDirectives as Xe, createVNode as F, Fragment as K, renderList as Q, createBlock as qe, createSlots as Je, withCtx as z, renderSlot as O, mergeProps as ye, nextTick as Ke } from "vue";
+import { u as Qe, a as Y } from "./useNestedProp--5lL-kf1.js";
+import { c as Ye, i as Ze, j as T, k as et, o as tt, g as ke, l as lt, ao as at, m as ot, a as B, d as V, v as nt, r as ut } from "./lib-BwysEpWI.js";
+import { u as rt } from "./usePrinter-BJzHDpYF.js";
 import { u as st } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as it } from "./useUserOptionState-BIvW1Kz7.js";
 import { v as dt } from "./vClickOutside-C6WiFswA.js";
@@ -61,7 +61,7 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
     Le((t) => ({
       v3ac96fca: t.tdo
     }));
-    const $e = X(() => import("./vue-ui-sparkline-DLB7uHga.js").then((t) => t.b)), P = X(() => import("./BaseIcon-r3_sTK1A.js")), De = X(() => import("./UserOptions-B-2A_KRb.js")), { vue_ui_table_sparkline: Fe } = Qe(), { isThemeValid: ze, warnInvalidTheme: Pe } = st(), h = Ie, M = f(Ye()), Z = f(0), W = f(0), U = f(null), Ee = Re();
+    const $e = q(() => import("./vue-ui-sparkline-CsByZZt4.js").then((t) => t.b)), P = q(() => import("./BaseIcon-4i3dd7Ty.js")), De = q(() => import("./UserOptions-CzJWRC4s.js")), { vue_ui_table_sparkline: Fe } = Qe(), { isThemeValid: ze, warnInvalidTheme: Pe } = st(), h = Ie, M = f(Ye()), Z = f(0), W = f(0), U = f(null), Ee = Re();
     ge(() => {
       Ee["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });
@@ -216,9 +216,9 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
       });
       b.value = r;
     }
-    const S = f(void 0), q = f(void 0);
+    const S = f(void 0), X = f(void 0);
     function We({ dataIndex: t, serieIndex: a }) {
-      S.value = t, q.value = a, U.value[t] && !L.value && U.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+      S.value = t, X.value = a, U.value[t] && !L.value && U.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
     }
     const ve = f(!1);
     function Ue(t) {
@@ -297,7 +297,7 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
       p("div", {
         style: { overflow: "auto" },
         onPointerleave: a[2] || (a[2] = (l) => {
-          q.value = void 0, S.value = void 0;
+          X.value = void 0, S.value = void 0;
         })
       }, [
         p("table", {
@@ -305,7 +305,7 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
           style: s({ fontFamily: e.value.fontFamily, position: "relative" })
         }, [
           p("thead", ft, [
-            qe((v(), c("tr", {
+            Xe((v(), c("tr", {
               role: "row",
               class: "vue-ui-data-table__thead-row",
               style: s({
@@ -414,7 +414,7 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                     ], 8, mt)
                   ])) : m("", !0)
                 ], 4),
-                e.value.userOptions.show && n === C.value.length - 1 && (u(te) || u(G)) ? (v(), Xe(u(De), {
+                e.value.userOptions.show && n === C.value.length - 1 && (u(te) || u(G)) ? (v(), qe(u(De), {
                   ref_for: !0,
                   ref: "details",
                   key: `user_option_${Z.value}`,
@@ -536,7 +536,7 @@ const he = { title: { backgroundColor: "#1A1A1A", color: "#CCCCCC", subtitle: {
                 "data-cell": C.value[o] ? C.value[o].value : "",
                 class: "vue-ui-data-table__tbody__td",
                 onPointerenter: (d) => {
-                  q.value = n, S.value = o;
+                  X.value = n, S.value = o;
                 }
               }, A([null, void 0].includes(l.values[o]) ? "-" : u(B)(
                 e.value.formatter,