vue-data-ui 3.0.0-next.8 → 3.0.0

package/dist/{vue-ui-table-B1tjuVi0.js → vue-ui-table-BXOLZXuz.js}

@@ -1,6 +1,6 @@
-import { a8 as z, A as P, l as T, r as U, f as V, h as X, q as j, z as Y, d as W, F as J, u as K, p as Z } from "./index-Cfm5-hMQ.js";
-import q from "./vue-ui-xy-UzQacbnA.js";
-import Q from "./vue-ui-donut-CWvzqAAa.js";
+import { a7 as P, t as z, l as T, w as U, i as V, j as X, v as j, A as Y, e as W, F as J, u as K, p as Z } from "./index-BtNwOUja.js";
+import q from "./vue-ui-xy-DDOT8cyx.js";
+import Q from "./vue-ui-donut-BtnIwS_E.js";
 import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createElementVNode as a, createCommentVNode as b, toDisplayString as d, Fragment as I, renderList as _, normalizeClass as p, createTextVNode as w, withDirectives as O, vModelText as S, withKeys as L, withModifiers as A, vModelSelect as $, createBlock as E, createVNode as ee } from "vue";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const se = {
@@ -442,7 +442,7 @@ Provide an array of objects of type:
     dataLabel: V,
     downloadCsv: U,
     lightenHexColor: T,
-    treeShake: P,
+    treeShake: z,
     // specific
     applyDonutOption() {
       const n = this.selectedDonutCategory.options.map((s, r) => ({
@@ -465,7 +465,7 @@ Provide an array of objects of type:
       const s = this.dataset.header.map((e) => e.name), r = n === "all" ? this.bodyCopy.map((e) => e.td) : this.visibleRows.map((e) => e.td), i = [s].concat(r), t = this.createCsvContent(i);
       this.downloadCsv({ csvContent: t, title: "vue-ui-table" });
     },
-    calcLinearProgression: z,
+    calcLinearProgression: P,
     closeAllDropdowns() {
       const n = document.getElementsByClassName("th-dropdown");
       n.length && Array.from(n).forEach((s) => {
@@ -788,7 +788,7 @@ Provide an array of objects of type:
 }, Ie = { key: 0 }, Fe = { class: "th-filter" }, ve = {
   key: 0,
   class: "th-date"
-}, we = { class: "date-wrapper--inputs" }, _e = { class: "date-fieldset" }, ke = ["for"], Oe = ["id", "onUpdate:modelValue", "onInput"], Se = { class: "date-fieldset" }, Le = ["for"], Ae = ["id", "onUpdate:modelValue", "onInput"], Me = { class: "date-wrapper--button" }, De = ["onClick"], Ge = ["innerHTML"], Te = ["innerHTML"], xe = ["innerHTML"], Ee = ["onClick", "disabled"], Be = ["placeholder", "onUpdate:modelValue", "name"], He = ["onClick"], Re = ["innerHTML"], ze = ["innerHTML"], Pe = ["innerHTML"], Ue = ["onClick", "innerHTML"], Ve = ["innerHTML"], Xe = {
+}, we = { class: "date-wrapper--inputs" }, _e = { class: "date-fieldset" }, ke = ["for"], Oe = ["id", "onUpdate:modelValue", "onInput"], Se = { class: "date-fieldset" }, Le = ["for"], Ae = ["id", "onUpdate:modelValue", "onInput"], Me = { class: "date-wrapper--button" }, De = ["onClick"], Ge = ["innerHTML"], Te = ["innerHTML"], xe = ["innerHTML"], Ee = ["onClick", "disabled"], Be = ["placeholder", "onUpdate:modelValue", "name"], He = ["onClick"], Re = ["innerHTML"], Pe = ["innerHTML"], ze = ["innerHTML"], Ue = ["onClick", "innerHTML"], Ve = ["innerHTML"], Xe = {
   key: 5,
   class: "th-range-filter"
 }, je = ["for"], Ye = ["id", "max", "min", "onUpdate:modelValue"], We = ["id", "max", "min", "onUpdate:modelValue"], Je = ["for"], Ke = ["onClick", "disabled"], Ze = ["id"], qe = ["onClick"], Qe = ["onClick", "onKeyup"], $e = ["innerHTML", "onClick", "onKeyup"], et = ["data-row"], tt = ["data-row"], st = ["data-row", "onClick", "onKeyup", "id"], nt = ["innerHTML"], rt = { key: 1 }, ot = { key: 2 }, lt = { key: 5 }, at = ["innerHTML"], it = { key: 0 }, ct = { style: { "margin-left": "12px" } }, ut = { class: "format-num" }, ht = { style: { "margin-left": "12px" } }, dt = {
@@ -821,7 +821,7 @@ Provide an array of objects of type:
 }, Ot = ["max", "value"], St = { key: 1 }, Lt = ["disabled"], At = ["innerHTML", "disabled"], Mt = ["innerHTML"], Dt = { class: "chart-modal-options" }, Gt = ["innerHTML"], Tt = ["innerHTML"], xt = ["innerHTML"], Et = {
   style: { width: "100%", height: "fit-content" },
   ref: "chartModal"
-}, Bt = { class: "vue-ui-table-fieldset" }, Ht = { class: "vue-ui-table-fieldset-wrapper" }, Rt = ["name", "id", "checked", "onInput"], zt = ["for"], Pt = ["disabled"], Ut = ["innerHTML"], Vt = { style: { width: "100%", "margin-bottom": "12px" } }, Xt = {
+}, Bt = { class: "vue-ui-table-fieldset" }, Ht = { class: "vue-ui-table-fieldset-wrapper" }, Rt = ["name", "id", "checked", "onInput"], Pt = ["for"], zt = ["disabled"], Ut = ["innerHTML"], Vt = { style: { width: "100%", "margin-bottom": "12px" } }, Xt = {
   key: 2,
   style: { width: "100%", "margin-bottom": "32px" }
 };
@@ -1032,10 +1032,10 @@ function jt(n, s, r, i, t, e) {
                     }, null, 8, Re)) : t.sorts[o] === t.constants.DESC ? (c(), u("span", {
                       key: 1,
                       innerHTML: [t.constants.NUMERIC].includes(l.type) ? e.icons.sort90 : e.icons.sortAZ
-                    }, null, 8, ze)) : (c(), u("span", {
+                    }, null, 8, Pe)) : (c(), u("span", {
                       key: 2,
                       innerHTML: e.icons.arrowSort
-                    }, null, 8, Pe))
+                    }, null, 8, ze))
                   ], 14, He)) : b("", !0),
                   l.isMultiselect ? (c(), u("button", {
                     key: 3,
@@ -1054,11 +1054,11 @@ function jt(n, s, r, i, t, e) {
                   l.rangeFilter && t.rangeFilters[o] && !t.hasNaN[o] ? (c(), u("div", Xe, [
                     a("label", {
                       for: `rangeMin${o}`
-                    }, s[29] || (s[29] = [
+                    }, [...s[29] || (s[29] = [
                       a("span", { style: { color: "grey" } }, "ᒥ", -1),
-                      w(" min "),
+                      w(" min ", -1),
                       a("span", { style: { color: "grey" } }, "ᒣ", -1)
-                    ]), 8, je),
+                    ])], 8, je),
                     O(a("input", {
                       type: "number",
                       id: `rangeMin${o}`,
@@ -1093,11 +1093,11 @@ function jt(n, s, r, i, t, e) {
                     ]),
                     a("label", {
                       for: `rangeMax${o}`
-                    }, s[30] || (s[30] = [
+                    }, [...s[30] || (s[30] = [
                       a("span", { style: { color: "grey" } }, "ᒪ", -1),
-                      w(" max "),
+                      w(" max ", -1),
                       a("span", { style: { color: "grey" } }, "ᒧ", -1)
-                    ]), 8, Je)
+                    ])], 8, Je)
                   ])) : b("", !0),
                   e.canResetColumn(o, l) ? (c(), u("button", {
                     key: 6,
@@ -1427,7 +1427,7 @@ function jt(n, s, r, i, t, e) {
                 }, null, 44, Rt),
                 a("label", {
                   for: l.name
-                }, d(l.name), 9, zt)
+                }, d(l.name), 9, Pt)
               ]))), 128))
             ]),
             a("button", {
@@ -1441,7 +1441,7 @@ function jt(n, s, r, i, t, e) {
                 innerHTML: e.icons.donut
               }, null, 8, Ut),
               w(" " + d(e.FINAL_CONFIG.translations.makeDonut), 1)
-            ], 12, Pt)
+            ], 12, zt)
           ])
         ], 4)) : b("", !0),
         [t.constants.BAR, t.constants.LINE].includes(t.chart.type) && !t.showDonutOptions ? (c(), u(I, { key: 1 }, [

package/dist/{vue-ui-table-heatmap-BI8eIQG7.js → vue-ui-table-heatmap-7YT7VF2H.js}

@@ -1,9 +1,9 @@
 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 { u as de, c as A, a as pe, o as ce, e as ve, a9 as me, F as fe, P as he, q as ge, r as be } from "./index-Cfm5-hMQ.js";
-import { u as H } from "./useNestedProp-Hh7nGEjp.js";
-import { u as ye } from "./usePrinter-B1Hgs47c.js";
+import { u as de, c as A, b as pe, o as ce, f as ve, a8 as me, F as fe, P as he, v as ge, w as be } from "./index-BtNwOUja.js";
+import { u as H } from "./useNestedProp-f2H3m6Yj.js";
+import { u as ye } from "./usePrinter-DUNjpQNe.js";
 import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ke } from "./Shape-BGr3dQKt.js";
+import { _ as ke } from "./Shape-BRzOzubn.js";
 import { _ as _e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell"], Fe = {
   key: 0,
@@ -45,7 +45,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       "8f8e7142": ee.value,
       cb3b028c: j.value
     }));
-    const X = oe(() => import("./UserOptions-Dn5TCQxg.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
+    const X = oe(() => import("./UserOptions-Ck8fz9f4.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
     z(() => {
       q["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
     });

package/dist/{vue-ui-table-sparkline-CqBD7xhZ.js → vue-ui-table-sparkline-BfgqajJ2.js}

@@ -1,7 +1,7 @@
 import { useCssVars as Fe, defineAsyncComponent as J, ref as p, useSlots as Ve, onMounted as me, computed as _, watch as be, shallowRef as Te, onBeforeUnmount as We, createElementBlock as c, openBlock as v, unref as u, normalizeClass as K, createCommentVNode as g, createElementVNode as f, normalizeStyle as r, toDisplayString as C, withDirectives as Me, createVNode as D, Fragment as Q, renderList as Y, createBlock as Ue, createSlots as Be, withCtx as P, renderSlot as O, mergeProps as ge, nextTick as Ee } from "vue";
-import { u as ye } from "./useNestedProp-Hh7nGEjp.js";
-import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a9 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-Cfm5-hMQ.js";
-import { u as je } from "./usePrinter-B1Hgs47c.js";
+import { u as ye } from "./useNestedProp-f2H3m6Yj.js";
+import { u as Ge, c as Le, a as Re, p as T, b as He, d as Xe, o as qe, f as he, g as Je, a8 as Ke, e as Qe, k as W, i as M, v as Ye, w as Ze } from "./index-BtNwOUja.js";
+import { u as je } from "./usePrinter-DUNjpQNe.js";
 import { u as et } from "./useUserOptionState-BIvW1Kz7.js";
 import { v as tt } from "./vClickOutside-C6WiFswA.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -41,9 +41,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
   },
   setup(ke, { expose: _e }) {
     Fe((t) => ({
-      "3f28d054": t.tdo
+      "3ff44dec": t.tdo
     }));
-    const Ce = J(() => import("./vue-ui-sparkline-BMjQ_uYx.js")), N = J(() => import("./BaseIcon-BuOIF6t5.js")), xe = J(() => import("./UserOptions-Dn5TCQxg.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
+    const Ce = J(() => import("./vue-ui-sparkline-DczR2ZAf.js")), N = J(() => import("./BaseIcon-CXtL10fo.js")), xe = J(() => import("./UserOptions-Ck8fz9f4.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
     me(() => {
       Se["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });
@@ -73,13 +73,13 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
       elementId: `table_${U.value}`,
       fileName: e.value.title.text || "vue-ui-table-sparkline",
       options: e.value.userOptions.print
-    }), Ie = _(() => qe(e.value.customPalette)), F = p(null), L = p(!1), Ae = _(() => e.value.responsiveBreakpoint);
+    }), Ie = _(() => Xe(e.value.customPalette)), F = p(null), L = p(!1), Ae = _(() => e.value.responsiveBreakpoint);
     me(() => {
       ue();
     });
     const R = p(e.value.colNames), I = Te(null);
     function ue() {
-      Xe(x.dataset) && he({
+      qe(x.dataset) && he({
         componentName: "VueUiTableSparkline",
         type: "dataset"
       }), I.value && I.value.disconnect(), I.value = new ResizeObserver((t) => {
@@ -132,9 +132,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
         orders: a[o]
       }));
     }
-    const $ = _(() => Oe(se.value)), m = p($.value), $e = _(() => Math.max(...m.value.map((t) => (t.values || []).length))), H = p(void 0), q = p(!1), b = p(void 0), re = p(1);
+    const $ = _(() => Oe(se.value)), m = p($.value), $e = _(() => Math.max(...m.value.map((t) => (t.values || []).length))), H = p(void 0), X = p(!1), b = p(void 0), re = p(1);
     function A() {
-      q.value = !1, b.value = void 0, y.value = void 0, re.value = 1, z.value.forEach((t) => t.state = 1), w.value = {
+      X.value = !1, b.value = void 0, y.value = void 0, re.value = 1, z.value.forEach((t) => t.state = 1), w.value = {
         name: 1,
         sum: 1,
         average: 1,
@@ -151,7 +151,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
         b.value = void 0, A();
         return;
       }
-      q.value = !0, b.value = l;
+      X.value = !0, b.value = l;
       const n = $.value.map((i) => i.values[l] || []), s = a;
       z.value[l].state = s, re.value = s, l === H.value ? H.value = void 0 : H.value = l;
       const d = n.map((i, h) => [h, i]).sort((i, h) => s * (h[1] - i[1])).map((i) => i[0]).map((i) => $.value[i]);
@@ -184,16 +184,16 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
         y.value = void 0, A();
         return;
       }
-      y.value = t, q.value = !0, w.value[t] = a, [null, void 0].includes(l) || (z.value[l].state = w.value[t]);
+      y.value = t, X.value = !0, w.value[t] = a, [null, void 0].includes(l) || (z.value[l].state = w.value[t]);
       const n = w.value[t], s = [...m.value].sort((o, d) => {
         const i = o[t] ?? (typeof o[t] == "number" ? 0 : ""), h = d[t] ?? (typeof d[t] == "number" ? 0 : "");
         return typeof i == "string" && typeof h == "string" ? n === -1 ? i.localeCompare(h) : h.localeCompare(i) : typeof i == "number" && typeof h == "number" ? n === -1 ? i - h : h - i : 0;
       });
       m.value = s;
     }
-    const S = p(void 0), X = p(void 0);
+    const S = p(void 0), q = p(void 0);
     function De({ dataIndex: t, serieIndex: l }) {
-      S.value = t, X.value = l, E.value[t] && !L.value && E.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+      S.value = t, q.value = l, E.value[t] && !L.value && E.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
     }
     const de = p(!1);
     function Pe(t) {
@@ -272,7 +272,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
       f("div", {
         style: { overflow: "auto" },
         onPointerleave: l[2] || (l[2] = (a) => {
-          X.value = void 0, S.value = void 0;
+          q.value = void 0, S.value = void 0;
         })
       }, [
         f("table", {
@@ -511,7 +511,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                 "data-cell": k.value[o] ? k.value[o].value : "",
                 class: "vue-ui-data-table__tbody__td",
                 onPointerenter: (d) => {
-                  X.value = n, S.value = o;
+                  q.value = n, S.value = o;
                 }
               }, C([null, void 0].includes(a.values[o]) ? "-" : u(W)(
                 e.value.formatter,
@@ -622,6 +622,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                         show: e.value.sparkline.animation.show && !u(ae) && !u(le),
                         animationFrames: e.value.sparkline.animation.animationFrames
                       },
+                      padding: {
+                        right: 12
+                      },
                       line: {
                         color: a.color,
                         smooth: e.value.sparkline.smooth,
@@ -656,7 +659,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
       ], 512)) : g("", !0)
     ], 42, lt));
   }
-}, wt = /* @__PURE__ */ at(bt, [["__scopeId", "data-v-b297ae47"]]);
+}, wt = /* @__PURE__ */ at(bt, [["__scopeId", "data-v-a5b69075"]]);
 export {
   wt as default
 };