vue-data-ui 2.12.5 → 2.12.7-beta.0

package/dist/{vue-ui-table-BFjE28sw.js → vue-ui-table-DBaT_TfA.js}

@@ -1,6 +1,6 @@
-import { a5 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, G as J, u as K, p as Z } from "./index-vjCxtaM0.js";
-import q from "./vue-ui-xy-CEop49z6.js";
-import Q from "./vue-ui-donut-CRdQFQgA.js";
+import { a4 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, G as J, u as K, p as Z } from "./index-BiHmNd1-.js";
+import q from "./vue-ui-xy-9e_epIN4.js";
+import Q from "./vue-ui-donut-D3_z61HI.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 = {

package/dist/{vue-ui-table-heatmap-DipFDu39.js → vue-ui-table-heatmap-CYW4YfKN.js}

@@ -1,30 +1,29 @@
-import { useCssVars as te, computed as v, ref as h, useSlots as ae, onMounted as z, watch as oe, createElementBlock as l, openBlock as n, unref as u, normalizeClass as E, normalizeStyle as C, createBlock as se, createCommentVNode as c, createElementVNode as g, createSlots as ne, withCtx as b, renderSlot as r, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as le, nextTick as re } from "vue";
-import { u as ue, c as H, a as ie, o as de, e as pe, a6 as ve, G as ce, O as me, q as fe, r as he } from "./index-vjCxtaM0.js";
-import { u as A } from "./useNestedProp-Du1hnYFA.js";
-import { u as ge, U as be } from "./usePrinter-CcgJXHIK.js";
-import { _ as ye } from "./Shape-DICeBEtN.js";
-import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const _e = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell"], Oe = {
+import { useCssVars as se, computed as v, defineAsyncComponent as z, ref as h, useSlots as ne, onMounted as E, watch as le, createElementBlock as l, openBlock as n, unref as u, normalizeClass as G, normalizeStyle as C, createBlock as re, createCommentVNode as c, createElementVNode as g, createSlots as ue, withCtx as b, renderSlot as r, normalizeProps as B, guardReactiveProps as A, Fragment as k, renderList as w, mergeProps as f, createVNode as ie, nextTick as de } from "vue";
+import { u as pe, c as H, a as ve, o as ce, e as me, a5 as fe, G as he, O as ge, q as be, r as ye } from "./index-BiHmNd1-.js";
+import { u as D } from "./useNestedProp-tRqS0ZAM.js";
+import { u as Ce } from "./usePrinter-CRCbl1WG.js";
+import { u as ke } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as Ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const _e = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell"], xe = {
   key: 0,
   style: { display: "flex", "flex-direction": "row", gap: "2px", "align-items": "center" }
-}, xe = ["height", "width"], Fe = {
+}, Fe = ["height", "width"], Pe = {
   key: 0,
   role: "cell",
   "data-cell": "sum"
-}, Pe = {
+}, Ne = {
   key: 1,
   role: "cell",
   "data-cell": "average"
-}, Ne = {
+}, Ve = {
   key: 2,
   role: "cell",
   "data-cell": "median"
-}, Ve = {
+}, Re = {
   key: 1,
   ref: "source",
   dir: "auto"
-}, Re = {
+}, Se = {
   __name: "vue-ui-table-heatmap",
   props: {
     config: {
@@ -40,140 +39,140 @@ const _e = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell
       }
     }
   },
-  setup(D, { expose: L }) {
-    te((e) => ({
-      "1e8210e3": j.value,
-      "7fb93384": Z.value
+  setup(L, { expose: X }) {
+    se((e) => ({
+      "253c0c88": oe.value,
+      "4e7d8ad2": te.value
     }));
-    const { vue_ui_table_heatmap: X } = ue(), m = D, _ = h(H()), i = h(!1), y = h(null), I = h(!1), O = h(0), W = ae();
-    z(() => {
-      W["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
+    const W = z(() => import("./Shape-D3w9qas1.js")), q = z(() => import("./UserOptions-Ddy6CuLC.js")), { vue_ui_table_heatmap: J } = pe(), m = L, I = h(H()), i = h(!1), y = h(null), _ = h(!1), O = h(0), K = ne();
+    E(() => {
+      K["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
     });
     const t = v({
       get: () => P(),
       set: (e) => e
-    }), { userOptionsVisible: $, setUserOptionsVisibility: x, keepUserOptionState: F } = Ce({ config: t.value });
+    }), { userOptionsVisible: $, setUserOptionsVisibility: x, keepUserOptionState: F } = ke({ config: t.value });
     function P() {
-      const e = A({
+      const e = D({
         userConfig: m.config,
-        defaultConfig: X
+        defaultConfig: J
       });
       return e.theme ? {
-        ...A({
-          userConfig: ie.vue_ui_table_heatmap[e.theme] || m.config,
+        ...D({
+          userConfig: ve.vue_ui_table_heatmap[e.theme] || m.config,
           defaultConfig: e
         })
       } : e;
     }
-    oe(() => m.config, (e) => {
+    le(() => m.config, (e) => {
       t.value = P(), $.value = !t.value.userOptions.showOnChartHover, R();
     }, { deep: !0 });
-    const { isPrinting: q, isImaging: J, generatePdf: N, generateImage: V } = ge({
-      elementId: `table_heatmap_${_.value}`,
+    const { isPrinting: Q, isImaging: Y, generatePdf: N, generateImage: V } = Ce({
+      elementId: `table_heatmap_${I.value}`,
       fileName: "vue-ui-table-heatmap",
       options: t.value.userOptions.print
-    }), K = v(() => t.value.table.responsiveBreakpoint), Q = v(() => !!m.dataset && m.dataset.length);
-    z(() => {
+    }), Z = v(() => t.value.table.responsiveBreakpoint), j = v(() => !!m.dataset && m.dataset.length);
+    E(() => {
       R();
     });
     function R() {
-      de(m.dataset) && pe({
+      ce(m.dataset) && me({
         componentName: "VueUiTableHeatmap",
         type: "dataset"
       });
-      const e = new ResizeObserver((o) => {
-        o.forEach((a) => {
-          i.value = a.contentRect.width < K.value;
+      const e = new ResizeObserver((a) => {
+        a.forEach((o) => {
+          i.value = o.contentRect.width < Z.value;
         });
       });
       y.value && e.observe(y.value);
     }
-    const M = v(() => m.dataset.map((e) => {
-      const o = e.values.map((s) => isNaN(s) ? 0 : s), a = o.reduce((s, p) => s + p, 0);
+    const S = v(() => m.dataset.map((e) => {
+      const a = e.values.map((s) => isNaN(s) ? 0 : s), o = a.reduce((s, p) => s + p, 0);
       return {
         ...e,
-        values: o,
+        values: a,
         serieExtremes: {
-          max: Math.max(...o),
-          min: Math.min(...o)
+          max: Math.max(...a),
+          min: Math.min(...a)
         },
-        sum: a,
-        average: a / o.length,
-        median: ve(o),
+        sum: o,
+        average: o / a.length,
+        median: fe(a),
         displayValues: [e.name, ...e.values],
         id: H()
       };
-    })), S = v(() => {
-      const e = M.value.flatMap((o) => o.values);
+    })), M = v(() => {
+      const e = S.value.flatMap((a) => a.values);
       return {
         min: Math.min(...e),
         max: Math.max(...e)
       };
     });
-    function Y(e, o) {
-      const a = t.value.style.heatmapColors.useIndividualScale;
-      return me(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, a ? o.min : S.value.min, a ? o.max : S.value.max, e);
+    function ee(e, a) {
+      const o = t.value.style.heatmapColors.useIndividualScale;
+      return ge(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, o ? a.min : M.value.min, o ? a.max : M.value.max, e);
     }
-    const T = v(() => M.value.map((e) => ({
+    const T = v(() => S.value.map((e) => ({
       ...e,
-      colors: e.displayValues.map((o) => isNaN(o) ? t.value.style.backgroundColor : Y(o, e.serieExtremes))
-    }))), Z = v(() => t.value.style.backgroundColor), j = v(() => `${t.value.table.borderWidth}px`);
+      colors: e.displayValues.map((a) => isNaN(a) ? t.value.style.backgroundColor : ee(a, e.serieExtremes))
+    }))), te = v(() => t.value.style.backgroundColor), oe = v(() => `${t.value.table.borderWidth}px`);
     function U() {
-      re(() => {
+      de(() => {
         const e = T.value.map((s) => [
           [s.name],
           s.displayValues,
           [s.sum],
           [s.average],
           [s.median]
-        ]), o = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(e), a = fe(o);
-        he({ csvContent: a, title: "vue-ui-table-heatmap" });
+        ]), a = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(e), o = be(a);
+        ye({ csvContent: o, title: "vue-ui-table-heatmap" });
       });
     }
-    function ee(e) {
-      I.value = e, O.value += 1;
+    function ae(e) {
+      _.value = e, O.value += 1;
     }
-    return L({
+    return X({
       generatePdf: N,
       generateCsv: U,
       generateImage: V
-    }), (e, o) => (n(), l("div", {
+    }), (e, a) => (n(), l("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: E({ "vue-ui-responsive": i.value }),
-      id: `table_heatmap_${_.value}`,
-      onMouseenter: o[0] || (o[0] = () => u(x)(!0)),
-      onMouseleave: o[1] || (o[1] = () => u(x)(!1))
+      style: C(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${t.value.userOptions.show ? "36px" : ""}; ${_.value ? "vue-data-ui-wrapper-fullscreen" : ""}; position:relative;`),
+      class: G({ "vue-ui-responsive": i.value }),
+      id: `table_heatmap_${I.value}`,
+      onMouseenter: a[0] || (a[0] = () => u(x)(!0)),
+      onMouseleave: a[1] || (a[1] = () => u(x)(!1))
     }, [
-      t.value.userOptions.show && Q.value && (u(F) || u($)) ? (n(), se(be, {
+      t.value.userOptions.show && j.value && (u(F) || u($)) ? (n(), re(u(q), {
         ref: "details",
         key: `user_option_${O.value}`,
         backgroundColor: t.value.style.backgroundColor,
         color: t.value.style.color,
-        isPrinting: u(q),
-        isImaging: u(J),
-        uid: _.value,
+        isPrinting: u(Q),
+        isImaging: u(Y),
+        uid: I.value,
         hasPdf: t.value.userOptions.buttons.pdf,
         hasXls: t.value.userOptions.buttons.csv,
         hasImg: t.value.userOptions.buttons.img,
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
-        isFullscreen: I.value,
+        isFullscreen: _.value,
         titles: { ...t.value.userOptions.buttonTitles },
         chartElement: y.value,
         position: t.value.userOptions.position,
-        onToggleFullscreen: ee,
+        onToggleFullscreen: ae,
         onGeneratePdf: u(N),
         onGenerateCsv: U,
         onGenerateImage: u(V),
         style: C({
           visibility: u(F) ? u($) ? "visible" : "hidden" : "visible"
         })
-      }, ne({ _: 2 }, [
+      }, ue({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: b(({ isOpen: a, color: s }) => [
-            r(e.$slots, "menuIcon", G(B({ isOpen: a, color: s })), void 0, !0)
+          fn: b(({ isOpen: o, color: s }) => [
+            r(e.$slots, "menuIcon", B(A({ isOpen: o, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -200,14 +199,14 @@ const _e = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: b(({ toggleFullscreen: a, isFullscreen: s }) => [
-            r(e.$slots, "optionFullscreen", G(B({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          fn: b(({ toggleFullscreen: o, isFullscreen: s }) => [
+            r(e.$slots, "optionFullscreen", B(A({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
           ]),
           key: "4"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
       g("table", {
-        class: E({ "vue-ui-table-heatmap": !0 }),
+        class: G({ "vue-ui-table-heatmap": !0 }),
         style: C(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
       }, [
         g("caption", null, [
@@ -218,32 +217,32 @@ const _e = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell
             role: "row",
             style: C(`background:${t.value.table.head.backgroundColor};color:${t.value.table.head.color}`)
           }, [
-            (n(!0), l(k, null, w(t.value.table.head.values, (a, s) => (n(), l("th", Ie, [
-              r(e.$slots, "head", f({ ref_for: !0 }, { value: a, rowIndex: s, type: typeof a, isResponsive: i.value }), void 0, !0)
+            (n(!0), l(k, null, w(t.value.table.head.values, (o, s) => (n(), l("th", $e, [
+              r(e.$slots, "head", f({ ref_for: !0 }, { value: o, rowIndex: s, type: typeof o, isResponsive: i.value }), void 0, !0)
             ]))), 256))
           ], 4)
         ]),
         g("tbody", null, [
-          (n(!0), l(k, null, w(T.value, (a, s) => (n(), l("tr", $e, [
-            (n(!0), l(k, null, w(a.displayValues, (p, d) => (n(), l("td", {
+          (n(!0), l(k, null, w(T.value, (o, s) => (n(), l("tr", we, [
+            (n(!0), l(k, null, w(o.displayValues, (p, d) => (n(), l("td", {
               role: "cell",
               "data-cell": t.value.table.head.values[d]
             }, [
-              a.color && d === 0 ? (n(), l("div", Oe, [
-                a.color ? (n(), l("svg", {
+              o.color && d === 0 ? (n(), l("div", xe, [
+                o.color ? (n(), l("svg", {
                   key: 0,
                   height: t.value.style.shapeSize,
                   width: t.value.style.shapeSize,
                   viewBox: "0 0 20 20",
                   style: { background: "none", overflow: "visible" }
                 }, [
-                  le(ye, {
+                  ie(u(W), {
                     plot: { x: 10, y: 10 },
-                    color: a.color,
+                    color: o.color,
                     radius: 9,
-                    shape: a.shape || "circle"
+                    shape: o.shape || "circle"
                   }, null, 8, ["color", "shape"])
-                ], 8, xe)) : c("", !0),
+                ], 8, Fe)) : c("", !0),
                 r(e.$slots, "rowTitle", f({ ref_for: !0 }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value }), void 0, !0)
               ])) : (n(), l(k, { key: 1 }, [
                 d === 0 ? r(e.$slots, "rowTitle", f({
@@ -253,27 +252,27 @@ const _e = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell
                 d > 0 ? r(e.$slots, "cell", f({
                   key: 1,
                   ref_for: !0
-                }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value, color: a.colors[d], textColor: u(ce)(a.colors[d]) }), void 0, !0) : c("", !0)
+                }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value, color: o.colors[d], textColor: u(he)(o.colors[d]) }), void 0, !0) : c("", !0)
               ], 64))
-            ], 8, we))), 256)),
-            t.value.table.showSum ? (n(), l("td", Fe, [
-              r(e.$slots, "sum", f({ ref_for: !0 }, { value: a.sum, rowIndex: s, isResponsive: i.value }), void 0, !0)
+            ], 8, Oe))), 256)),
+            t.value.table.showSum ? (n(), l("td", Pe, [
+              r(e.$slots, "sum", f({ ref_for: !0 }, { value: o.sum, rowIndex: s, isResponsive: i.value }), void 0, !0)
             ])) : c("", !0),
-            t.value.table.showAverage ? (n(), l("td", Pe, [
-              r(e.$slots, "average", f({ ref_for: !0 }, { value: a.average, rowIndex: s, isResponsive: i.value }), void 0, !0)
+            t.value.table.showAverage ? (n(), l("td", Ne, [
+              r(e.$slots, "average", f({ ref_for: !0 }, { value: o.average, rowIndex: s, isResponsive: i.value }), void 0, !0)
             ])) : c("", !0),
-            t.value.table.showMedian ? (n(), l("td", Ne, [
-              r(e.$slots, "median", f({ ref_for: !0 }, { value: a.median, rowIndex: s, isResponsive: i.value }), void 0, !0)
+            t.value.table.showMedian ? (n(), l("td", Ve, [
+              r(e.$slots, "median", f({ ref_for: !0 }, { value: o.median, rowIndex: s, isResponsive: i.value }), void 0, !0)
             ])) : c("", !0)
           ]))), 256))
         ])
       ], 4),
-      e.$slots.source ? (n(), l("div", Ve, [
+      e.$slots.source ? (n(), l("div", Re, [
         r(e.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0)
     ], 46, _e));
   }
-}, Be = /* @__PURE__ */ ke(Re, [["__scopeId", "data-v-dd493d6a"]]);
+}, Be = /* @__PURE__ */ Ie(Se, [["__scopeId", "data-v-4276aa7b"]]);
 export {
   Be as default
 };