vue-data-ui 3.0.0-next.30 → 3.0.0-next.32

package/dist/{vue-ui-galaxy-CHu9EpUI.js → vue-ui-galaxy-C5qk-fEV.js}

@@ -1,10 +1,10 @@
-import { defineAsyncComponent as k, computed as g, onMounted as Ue, ref as n, watch as We, createElementBlock as i, openBlock as r, unref as o, normalizeStyle as M, normalizeClass as B, createBlock as x, createCommentVNode as c, renderSlot as v, createVNode as de, createSlots as He, withCtx as d, normalizeProps as P, guardReactiveProps as S, createElementVNode as _, Fragment as he, renderList as ge, toDisplayString as A, createTextVNode as Xe, nextTick as je } from "vue";
-import { u as Ye, o as qe, e as pe, g as Je, c as ye, t as Ke, p as G, a as Qe, b as Ze, G as fe, d as et, M as tt, f as C, X as lt, i as be, x as me, q as at, r as ot, y as st } from "./index-Bxh2efzz.js";
-import { u as ke } from "./useNestedProp-BGEUK51b.js";
-import { u as rt } from "./usePrinter-CfB_poc_.js";
+import { defineAsyncComponent as k, computed as p, onMounted as Ue, ref as n, watch as We, createElementBlock as i, openBlock as r, unref as o, normalizeStyle as M, normalizeClass as B, createBlock as x, createCommentVNode as c, renderSlot as v, createVNode as de, createSlots as He, withCtx as d, normalizeProps as P, guardReactiveProps as S, createElementVNode as _, Fragment as he, renderList as pe, toDisplayString as I, createTextVNode as Xe, nextTick as je } from "vue";
+import { u as Ye, o as qe, e as ge, g as Je, c as ye, t as Ke, p as G, a as Qe, b as Ze, G as fe, d as et, M as tt, f as C, X as lt, i as be, x as me, q as at, r as ot, y as st } from "./index-DB4XIP_N.js";
+import { u as ke } from "./useNestedProp-iTa19l34.js";
+import { u as rt } from "./usePrinter-id381vkp.js";
 import { u as ut } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as nt } from "./useChartAccessibility-9icAAmYg.js";
-import it from "./img-UQKhhbxb.js";
+import it from "./img-CWXYkVMQ.js";
 import { _ as ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const vt = ["id"], dt = {
   key: 1,
@@ -14,7 +14,7 @@ const vt = ["id"], dt = {
 }, ht = {
   key: 2,
   style: "width:100%;background:transparent;padding-bottom:24px"
-}, gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["id"], ft = ["stdDeviation"], bt = ["d", "stroke", "stroke-width"], mt = ["d", "stroke", "stroke-width"], kt = ["filter"], wt = ["d", "stroke", "stroke-width"], Ct = ["d", "stroke-width", "onMouseenter", "onClick"], $t = {
+}, pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["id"], ft = ["stdDeviation"], bt = ["d", "stroke", "stroke-width"], mt = ["d", "stroke", "stroke-width"], kt = ["filter"], wt = ["d", "stroke", "stroke-width"], Ct = ["d", "stroke-width", "onMouseenter", "onClick"], $t = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, xt = ["onClick"], Tt = {
@@ -39,12 +39,12 @@ const vt = ["id"], dt = {
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(we, { expose: Ce, emit: $e }) {
-    const xe = k(() => import("./vue-ui-accordion-CXj3OfMj.js")), Te = k(() => import("./DataTable-DjL9vVfm.js")), Oe = k(() => import("./Legend-DNs8ZSxL.js")), Pe = k(() => import("./PackageVersion-SqC1iXfO.js")), Se = k(() => import("./PenAndPaper-C1bF0gIz.js")), _e = k(() => import("./vue-ui-skeleton-DIb-2uan.js")), Ne = k(() => import("./Title-B21jaJ0n.js")), Le = k(() => import("./Tooltip-C4HWh3fx.js")), Ie = k(() => import("./UserOptions-DQDPN9YO.js")), { vue_ui_galaxy: Ae } = Ye(), f = we, F = g(() => !!f.dataset && f.dataset.length);
+    const xe = k(() => import("./vue-ui-accordion-DAT3uTMD.js")), Te = k(() => import("./DataTable-Cm1oLidx.js")), Oe = k(() => import("./Legend-DlUDcF1t.js")), Pe = k(() => import("./PackageVersion-DZMJZGOu.js")), Se = k(() => import("./PenAndPaper-BDNLADWh.js")), _e = k(() => import("./vue-ui-skeleton-DDLBx4bb.js")), Ne = k(() => import("./Title-B5lsq0cx.js")), Fe = k(() => import("./Tooltip-CrAURNKT.js")), Le = k(() => import("./UserOptions-CksX2mn0.js")), { vue_ui_galaxy: Ie } = Ye(), f = we, A = p(() => !!f.dataset && f.dataset.length);
     Ue(() => {
       X();
     });
     function X() {
-      qe(f.dataset) ? pe({
+      qe(f.dataset) ? ge({
         componentName: "VueUiGalaxy",
         type: "dataset"
       }) : f.dataset.forEach((t, a) => {
@@ -52,7 +52,7 @@ const vt = ["id"], dt = {
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
-          pe({
+          ge({
             componentName: "VueUiGalaxy",
             type: "datasetSerieAttribute",
             property: l,
@@ -61,14 +61,14 @@ const vt = ["id"], dt = {
         });
       });
     }
-    const N = n(ye()), T = n(null), Fe = n(null), D = n(!1), R = n(""), b = n(null), j = n(0), Y = n(0), q = n(0), J = n(0), e = g({
+    const N = n(ye()), T = n(null), Ae = n(null), D = n(!1), R = n(""), b = n(null), j = n(0), Y = n(0), q = n(0), J = n(0), e = p({
       get: () => ee(),
       set: (t) => t
     }), { userOptionsVisible: z, setUserOptionsVisibility: K, keepUserOptionState: Q } = ut({ config: e.value }), { svgRef: Z } = nt({ config: e.value.style.chart.title });
     function ee() {
       const t = ke({
         userConfig: f.config,
-        defaultConfig: Ae
+        defaultConfig: Ie
       });
       return t.theme ? {
         ...ke({
@@ -79,31 +79,31 @@ const vt = ["id"], dt = {
       } : t;
     }
     We(() => f.config, (t) => {
-      e.value = ee(), z.value = !e.value.userOptions.showOnChartHover, X(), Y.value += 1, q.value += 1, J.value += 1, p.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = ee(), z.value = !e.value.userOptions.showOnChartHover, X(), Y.value += 1, q.value += 1, J.value += 1, g.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, g.value.showTable = e.value.table.show, g.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: te, isImaging: le, generatePdf: ae, generateImage: oe } = rt({
       elementId: `galaxy_${N.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-galaxy",
       options: e.value.userOptions.print
-    }), Ve = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = g(() => Ze(e.value.customPalette)), p = n({
+    }), Ve = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = p(() => Ze(e.value.customPalette)), g = n({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), L = n({
+    }), F = n({
       height: 180,
       // or 250 if non fibo
       width: 250
     }), se = $e, y = n([]);
     function U(t) {
-      y.value.includes(t.id) ? y.value = y.value.filter((a) => a !== t.id) : y.value.push(t.id), se("selectLegend", I.value.map((a) => ({
+      y.value.includes(t.id) ? y.value = y.value.filter((a) => a !== t.id) : y.value.push(t.id), se("selectLegend", L.value.map((a) => ({
         name: a.name,
         color: a.color,
         value: a.value
       })));
     }
-    const $ = g(() => f.dataset.map((t, a) => ({
+    const $ = p(() => f.dataset.map((t, a) => ({
       name: t.name,
       color: et(t.color) || Ee.value[a] || G[a] || G[a % G.length],
       value: t.values ? fe(t.values).reduce((l, s) => l + s, 0) : 0,
@@ -118,7 +118,7 @@ const vt = ["id"], dt = {
         value: t.value
       }));
     }
-    const m = g(() => $.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value).reduce((t, a) => t + a, 0)), Be = n(190), re = g(() => $.value.filter((t) => !y.value.includes(t.id))), I = g(() => {
+    const m = p(() => $.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value).reduce((t, a) => t + a, 0)), Be = n(190), re = p(() => $.value.filter((t) => !y.value.includes(t.id))), L = p(() => {
       const t = [];
       for (let a = 0; a < re.value.length; a += 1) {
         const l = re.value[a];
@@ -180,25 +180,25 @@ const vt = ["id"], dt = {
         r: e.value.style.chart.tooltip.roundingPercentage
       })}</b></div>`), R.value = `<div>${u}</div>`);
     }
-    const ne = g(() => $.value.map((t, a) => ({
+    const ne = p(() => $.value.map((t, a) => ({
       ...t,
       proportion: (t.value || 0) / f.dataset.map((l) => (l.values || []).reduce((s, u) => s + u, 0)).reduce((l, s) => l + s, 0),
       opacity: y.value.includes(t.id) ? 0.5 : 1,
       shape: t.shape || "circle",
       segregate: () => U(t),
       isSegregated: y.value.includes(t.id)
-    }))), De = g(() => ({
+    }))), De = p(() => ({
       cy: "galaxy-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), w = g(() => {
-      const t = I.value.map((l) => ({
+    })), w = p(() => {
+      const t = L.value.map((l) => ({
         name: l.name,
         color: l.color
-      })), a = I.value.map((l) => l.value);
+      })), a = L.value.map((l) => l.value);
       return { head: t, body: a };
     });
     function ie(t = null) {
@@ -209,7 +209,7 @@ const vt = ["id"], dt = {
         t ? t(s) : ot({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-galaxy" });
       });
     }
-    const V = g(() => {
+    const V = p(() => {
       const t = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
         C({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: m.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
@@ -253,10 +253,10 @@ const vt = ["id"], dt = {
       };
     });
     function ce() {
-      p.value.showTable = !p.value.showTable;
+      g.value.showTable = !g.value.showTable;
     }
     function ve() {
-      p.value.showTooltip = !p.value.showTooltip;
+      g.value.showTooltip = !g.value.showTooltip;
     }
     const E = n(!1);
     function H() {
@@ -317,9 +317,9 @@ const vt = ["id"], dt = {
           }
         }, null, 8, ["config"]))
       ])) : c("", !0),
-      e.value.userOptions.show && F.value && (o(Q) || o(z)) ? (r(), x(o(Ie), {
+      e.value.userOptions.show && A.value && (o(Q) || o(z)) ? (r(), x(o(Le), {
         ref_key: "details",
-        ref: Fe,
+        ref: Ae,
         key: `user_option_${j.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
@@ -332,7 +332,7 @@ const vt = ["id"], dt = {
         hasImg: e.value.userOptions.buttons.img,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isTooltip: p.value.showTooltip,
+        isTooltip: g.value.showTooltip,
         isFullscreen: O.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: T.value,
@@ -409,13 +409,13 @@ const vt = ["id"], dt = {
           key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
-      F.value ? (r(), i("svg", {
+      A.value ? (r(), i("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: Z,
         xmlns: o(lt),
         class: B({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
-        viewBox: `0 0 ${L.value.width} ${L.value.height}`,
+        viewBox: `0 0 ${F.value.width} ${F.value.height}`,
         style: M(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         de(o(Pe)),
@@ -423,14 +423,14 @@ const vt = ["id"], dt = {
           key: 0,
           x: 0,
           y: 0,
-          width: L.value.width,
-          height: L.value.height,
+          width: F.value.width,
+          height: F.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           v(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, pt)) : c("", !0),
+        ], 8, gt)) : c("", !0),
         _("defs", null, [
           _("filter", {
             id: `blur_${N.value}`,
@@ -445,7 +445,7 @@ const vt = ["id"], dt = {
             }, null, 8, ft)
           ], 8, yt)
         ]),
-        (r(!0), i(he, null, ge(I.value, (l) => (r(), i("g", null, [
+        (r(!0), i(he, null, pe(L.value, (l) => (r(), i("g", null, [
           l.value ? (r(), i("path", {
             key: 0,
             d: l.path,
@@ -477,7 +477,7 @@ const vt = ["id"], dt = {
             }, null, 10, wt)
           ], 8, kt)) : c("", !0)
         ]))), 256)),
-        (r(!0), i(he, null, ge(I.value, (l, s) => (r(), i("g", null, [
+        (r(!0), i(he, null, pe(L.value, (l, s) => (r(), i("g", null, [
           l.value ? (r(), i("path", {
             key: 0,
             d: l.path,
@@ -496,12 +496,12 @@ const vt = ["id"], dt = {
             onClick: (u) => se("selectDatapoint", l)
           }, null, 40, Ct)) : c("", !0)
         ]))), 256)),
-        v(t.$slots, "svg", { svg: L.value }, void 0, !0)
-      ], 14, gt)) : c("", !0),
+        v(t.$slots, "svg", { svg: F.value }, void 0, !0)
+      ], 14, pt)) : c("", !0),
       t.$slots.watermark ? (r(), i("div", $t, [
         v(t.$slots, "watermark", P(S({ isPrinting: o(te) || o(le) })), void 0, !0)
       ])) : c("", !0),
-      F.value ? c("", !0) : (r(), x(o(_e), {
+      A.value ? c("", !0) : (r(), x(o(_e), {
         key: 6,
         config: {
           type: "galaxy",
@@ -523,7 +523,7 @@ const vt = ["id"], dt = {
           _("div", {
             onClick: (u) => U(l),
             style: M(`opacity:${y.value.includes(l.id) ? 0.5 : 1}`)
-          }, A(l.name) + A(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + A(e.value.style.chart.legend.showValue ? o(be)(
+          }, I(l.name) + I(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + I(e.value.style.chart.legend.showValue ? o(be)(
             e.value.style.chart.layout.labels.dataLabels.formatter,
             l.value,
             o(C)({
@@ -533,7 +533,7 @@ const vt = ["id"], dt = {
               r: e.value.style.chart.legend.roundingValue
             }),
             { datapoint: l, seriesIndex: s }
-          ) : "") + " " + A(e.value.style.chart.legend.showPercentage ? y.value.includes(l.id) ? `${e.value.style.chart.legend.showValue ? "(" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? "(" : ""}${isNaN(l.value / m.value) ? "-" : o(C)({
+          ) : "") + " " + I(e.value.style.chart.legend.showPercentage ? y.value.includes(l.id) ? `${e.value.style.chart.legend.showValue ? "(" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? "(" : ""}${isNaN(l.value / m.value) ? "-" : o(C)({
             v: l.value / m.value * 100,
             s: "%",
             r: e.value.style.chart.legend.roundingPercentage
@@ -545,8 +545,8 @@ const vt = ["id"], dt = {
       t.$slots.source ? (r(), i("div", Tt, [
         v(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      de(o(Le), {
-        show: p.value.showTooltip && D.value,
+      de(o(Fe), {
+        show: g.value.showTooltip && D.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -559,7 +559,9 @@ const vt = ["id"], dt = {
         parent: T.value,
         content: R.value,
         isFullscreen: O.value,
-        isCustom: o(me)(e.value.style.chart.tooltip.customFormat)
+        isCustom: o(me)(e.value.style.chart.tooltip.customFormat),
+        smooth: e.value.style.chart.tooltip.smooth,
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter
       }, {
         "tooltip-before": d(() => [
           v(t.$slots, "tooltip-before", P(S({ ...W.value })), void 0, !0)
@@ -568,12 +570,12 @@ const vt = ["id"], dt = {
           v(t.$slots, "tooltip-after", P(S({ ...W.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      F.value ? (r(), x(o(xe), {
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
+      A.value ? (r(), x(o(xe), {
         key: 9,
         hideDetails: "",
         config: {
-          open: p.value.showTable,
+          open: g.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -593,7 +595,7 @@ const vt = ["id"], dt = {
             body: V.value.body,
             config: V.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: a[2] || (a[2] = (l) => p.value.showTable = !1)
+            onClose: a[2] || (a[2] = (l) => g.value.showTable = !1)
           }, {
             th: d(({ th: l }) => [
               _("div", {
@@ -602,7 +604,7 @@ const vt = ["id"], dt = {
               }, null, 8, Ot)
             ]),
             td: d(({ td: l }) => [
-              Xe(A(l.name || l), 1)
+              Xe(I(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -611,7 +613,7 @@ const vt = ["id"], dt = {
       }, 8, ["config"])) : c("", !0)
     ], 46, vt));
   }
-}, Et = /* @__PURE__ */ ct(Pt, [["__scopeId", "data-v-de094a3d"]]);
+}, Et = /* @__PURE__ */ ct(Pt, [["__scopeId", "data-v-a0d640e8"]]);
 export {
   Et as default
 };

package/dist/{vue-ui-gauge-DXoBEk4e.js → vue-ui-gauge-C33XPj6b.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as G, computed as y, ref as m, watch as be, shallowRef as _e, onMounted as De, onBeforeUnmount as Ve, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as q, normalizeClass as we, createBlock as U, createCommentVNode as c, createElementVNode as g, withCtx as I, toDisplayString as P, createSlots as qe, renderSlot as x, normalizeProps as W, guardReactiveProps as j, createVNode as He, Fragment as k, renderList as S, mergeProps as A } from "vue";
-import { u as Ze, c as Je, t as Ke, p as xe, a as Qe, b as et, o as Se, d as tt, e as T, g as $e, m as H, N as C, O as at, X as lt, s as Z, n as rt, i as J, f as K, E as Q } from "./index-Bxh2efzz.js";
+import { u as Ze, c as Je, t as Ke, p as xe, a as Qe, b as et, o as Se, d as tt, e as T, g as $e, m as H, N as C, O as at, X as lt, s as Z, n as rt, i as J, f as K, E as Q } from "./index-DB4XIP_N.js";
 import { t as st, u as ot } from "./useResponsive-DfdjqQps.js";
-import { u as ze } from "./useNestedProp-BGEUK51b.js";
-import { u as ut } from "./usePrinter-CfB_poc_.js";
+import { u as ze } from "./useNestedProp-iTa19l34.js";
+import { u as ut } from "./usePrinter-id381vkp.js";
 import { u as nt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as it } from "./useChartAccessibility-9icAAmYg.js";
-import ct from "./Title-B21jaJ0n.js";
-import vt from "./img-UQKhhbxb.js";
+import ct from "./Title-B5lsq0cx.js";
+import vt from "./img-CWXYkVMQ.js";
 import { _ as dt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ht = ["id"], yt = { key: 0 }, ft = ["xmlns", "viewBox"], mt = ["width", "height"], pt = ["id"], gt = ["stop-color"], kt = ["stop-color"], bt = ["stop-color"], _t = ["id"], wt = ["stdDeviation"], xt = { key: 1 }, St = ["d", "fill", "stroke"], $t = ["d", "fill", "stroke"], zt = ["d", "fill"], Ct = ["id", "d"], Ft = ["fill", "font-size", "font-weight"], Ot = ["href", "startOffset"], Mt = ["x", "y", "text-anchor", "fill", "font-size", "font-weight"], Pt = ["d", "filter"], Nt = ["stroke", "stroke-width"], Xt = ["stroke", "stroke-width"], It = ["stroke", "stroke-width"], Yt = ["stroke", "stroke-width"], At = { key: 8 }, Rt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], Et = ["x", "y", "font-size", "font-weight", "fill"], Gt = { key: 0 }, Ut = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Wt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], jt = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], Tt = { key: 1 }, Lt = ["d", "fill", "stroke", "stroke-width"], Bt = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], Dt = ["x", "y", "font-size", "fill"], Vt = {
   key: 5,
@@ -28,7 +28,7 @@ const ht = ["id"], yt = { key: 0 }, ft = ["xmlns", "viewBox"], mt = ["width", "h
     }
   },
   setup(L, { expose: Ce }) {
-    const Fe = G(() => import("./PenAndPaper-C1bF0gIz.js")), Oe = G(() => import("./vue-ui-skeleton-DIb-2uan.js")), Me = G(() => import("./UserOptions-DQDPN9YO.js")), Pe = G(() => import("./PackageVersion-SqC1iXfO.js")), { vue_ui_gauge: Ne } = Ze(), d = L, R = y(() => !!d.dataset && Object.keys(d.dataset).length > 0 && d.dataset.series && d.dataset.series.length), w = m(Je()), Xe = m(null), ee = m(0), F = m(null), te = m(null), ae = m(null), le = m(null), re = m(null), se = m(0), e = y({
+    const Fe = G(() => import("./PenAndPaper-BDNLADWh.js")), Oe = G(() => import("./vue-ui-skeleton-DDLBx4bb.js")), Me = G(() => import("./UserOptions-CksX2mn0.js")), Pe = G(() => import("./PackageVersion-DZMJZGOu.js")), { vue_ui_gauge: Ne } = Ze(), d = L, R = y(() => !!d.dataset && Object.keys(d.dataset).length > 0 && d.dataset.series && d.dataset.series.length), w = m(Je()), Xe = m(null), ee = m(0), F = m(null), te = m(null), ae = m(null), le = m(null), re = m(null), se = m(0), e = y({
       get: () => ie(),
       set: (t) => t
     }), { userOptionsVisible: B, setUserOptionsVisibility: oe, keepUserOptionState: ue } = nt({ config: e.value }), { svgRef: ne } = it({ config: e.value.style.chart.title });

package/dist/{vue-ui-gizmo-DpWaeVxb.js → vue-ui-gizmo-Cr6zUxnq.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as z, ref as G, useSlots as L, onMounted as _, computed as c, watch as N, createElementBlock as s, openBlock as a, normalizeStyle as $, createVNode as F, createCommentVNode as n, unref as l, createElementVNode as t, Fragment as p, toDisplayString as y } from "vue";
-import { u as V, c as B, e as P, i as k, f as m } from "./index-Bxh2efzz.js";
-import { u as U } from "./useNestedProp-BGEUK51b.js";
+import { u as V, c as B, e as P, i as k, f as m } from "./index-DB4XIP_N.js";
+import { u as U } from "./useNestedProp-iTa19l34.js";
 const D = ["viewBox", "width"], I = { key: 0 }, M = ["id"], S = ["stop-color"], A = ["stop-color"], E = ["stroke"], O = ["stroke"], j = ["width", "fill"], T = ["fill"], q = { key: 0 }, H = ["id"], J = ["stroke"], K = ["stroke", "stroke-dasharray", "stroke-dashoffset"], Q = ["filter"], R = ["stroke", "stroke-dasharray", "stroke-dashoffset"], W = ["fill"], ee = {
   __name: "vue-ui-gizmo",
   props: {
@@ -16,7 +16,7 @@ const D = ["viewBox", "width"], I = { key: 0 }, M = ["id"], S = ["stop-color"],
     }
   },
   setup(f) {
-    const w = z(() => import("./PackageVersion-SqC1iXfO.js")), { vue_ui_gizmo: x } = V(), o = f, u = G(B()), C = L();
+    const w = z(() => import("./PackageVersion-DZMJZGOu.js")), { vue_ui_gizmo: x } = V(), o = f, u = G(B()), C = L();
     _(() => {
       h();
     }), _(() => {

package/dist/{vue-ui-heatmap-C6Xh5fmd.js → vue-ui-heatmap-ksiw1nTI.js}

@@ -1,17 +1,17 @@
 import { useCssVars as el, defineAsyncComponent as D, computed as f, ref as b, watch as Me, shallowRef as ll, onMounted as tl, onBeforeUnmount as al, createElementBlock as i, openBlock as u, unref as r, normalizeStyle as T, normalizeClass as te, createBlock as J, createCommentVNode as d, createVNode as ve, createSlots as ol, withCtx as A, renderSlot as m, normalizeProps as E, guardReactiveProps as U, Fragment as _, renderList as z, createElementVNode as v, toDisplayString as x, withKeys as sl, createTextVNode as ul, nextTick as nl } from "vue";
-import { u as il, o as rl, e as Oe, c as ye, a as vl, C as yl, P as Q, g as dl, X as cl, F as de, i as S, f as M, v as N, q as hl, r as gl, x as pl, y as fl } from "./index-Bxh2efzz.js";
-import { u as Se } from "./useNestedProp-BGEUK51b.js";
-import { u as bl } from "./usePrinter-CfB_poc_.js";
+import { u as il, o as rl, e as Oe, c as ye, a as vl, C as yl, P as Q, g as dl, X as cl, F as de, i as S, f as M, v as N, q as hl, r as gl, x as pl, y as fl } from "./index-DB4XIP_N.js";
+import { u as Se } from "./useNestedProp-iTa19l34.js";
+import { u as bl } from "./usePrinter-id381vkp.js";
 import { u as ml } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as xl } from "./useChartAccessibility-9icAAmYg.js";
-import wl from "./vue-ui-accordion-CXj3OfMj.js";
-import kl from "./Title-B21jaJ0n.js";
-import _l from "./img-UQKhhbxb.js";
+import wl from "./vue-ui-accordion-DAT3uTMD.js";
+import kl from "./Title-B5lsq0cx.js";
+import _l from "./img-CWXYkVMQ.js";
 import { _ as Cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const $l = ["id"], Ll = {
   key: 2,
   style: "width:100%;background:transparent"
-}, Tl = ["xmlns", "viewBox"], Al = ["width", "height"], zl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ml = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ol = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Sl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Nl = ["font-size", "font-weight", "fill", "x", "y"], Vl = ["x", "y", "width", "height", "onMouseover", "onClick"], Fl = { key: 0 }, Il = ["font-size", "fill", "x", "y", "font-weight"], Pl = ["font-size", "fill", "x", "y", "font-weight"], Rl = { key: 1 }, Xl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Bl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Dl = { key: 2 }, El = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ul = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Yl = { key: 4 }, Gl = ["x", "y", "width", "height", "stroke", "stroke-width"], Hl = { key: 5 }, jl = ["id"], Wl = ["stop-color"], ql = ["stop-color"], Kl = ["x", "y", "font-size", "fill"], Jl = ["x", "y", "height", "rx", "fill"], Ql = ["x", "y", "font-size", "fill"], Zl = ["stroke", "x1", "x2", "y1", "y2"], et = ["fill", "d"], lt = { key: 6 }, tt = {
+}, Tl = ["xmlns", "viewBox"], Al = ["width", "height"], zl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ml = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ol = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Sl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Nl = ["font-size", "font-weight", "fill", "x", "y"], Fl = ["x", "y", "width", "height", "onMouseover", "onClick"], Vl = { key: 0 }, Il = ["font-size", "fill", "x", "y", "font-weight"], Pl = ["font-size", "fill", "x", "y", "font-weight"], Rl = { key: 1 }, Xl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Bl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Dl = { key: 2 }, El = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ul = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Yl = { key: 4 }, Gl = ["x", "y", "width", "height", "stroke", "stroke-width"], Hl = { key: 5 }, jl = ["id"], Wl = ["stop-color"], ql = ["stop-color"], Kl = ["x", "y", "font-size", "fill"], Jl = ["x", "y", "height", "rx", "fill"], Ql = ["x", "y", "font-size", "fill"], Zl = ["stroke", "x1", "x2", "y1", "y2"], et = ["fill", "d"], lt = { key: 6 }, tt = {
   id: "colorScaleHorizontal",
   x1: "0%",
   x2: "100%",
@@ -41,11 +41,11 @@ const $l = ["id"], Ll = {
     }
   },
   emits: ["selectDatapoint"],
-  setup(Y, { expose: Ne, emit: Ve }) {
+  setup(Y, { expose: Ne, emit: Fe }) {
     el((l) => ({
-      e16f0f96: l.tdo
+      "105922cf": l.tdo
     }));
-    const Fe = D(() => import("./BaseIcon-DEGIw8ne.js")), Ie = D(() => import("./PackageVersion-SqC1iXfO.js")), Pe = D(() => import("./PenAndPaper-C1bF0gIz.js")), Re = D(() => import("./vue-ui-skeleton-DIb-2uan.js")), Xe = D(() => import("./Tooltip-C4HWh3fx.js")), Be = D(() => import("./UserOptions-DQDPN9YO.js")), { vue_ui_heatmap: De } = il(), y = Y, Ee = Ve, Z = f(() => !!y.dataset && y.dataset.length);
+    const Ve = D(() => import("./BaseIcon-B_tGgA4H.js")), Ie = D(() => import("./PackageVersion-DZMJZGOu.js")), Pe = D(() => import("./PenAndPaper-BDNLADWh.js")), Re = D(() => import("./vue-ui-skeleton-DDLBx4bb.js")), Xe = D(() => import("./Tooltip-CrAURNKT.js")), Be = D(() => import("./UserOptions-CksX2mn0.js")), { vue_ui_heatmap: De } = il(), y = Y, Ee = Fe, Z = f(() => !!y.dataset && y.dataset.length);
     rl(y.dataset) && Oe({
       componentName: "VueUiHeatmap",
       type: "dataset"
@@ -93,8 +93,8 @@ const $l = ["id"], Ll = {
     function ue() {
       je();
     }
-    const V = f(() => Math.max(...y.dataset.flatMap((l) => (l.values || []).length))), $ = f(() => {
-      const l = e.value.style.layout.padding.top + e.value.style.layout.padding.bottom + y.dataset.length * e.value.style.layout.cells.height, o = e.value.style.layout.padding.left + e.value.style.layout.padding.right + (V.value < y.dataset.length ? y.dataset.length : V.value) * e.value.style.layout.cells.height, n = l + (e.value.style.legend.show ? e.value.style.legend.position === "right" ? 0 : e.value.style.layout.cells.height * 2 : 0);
+    const F = f(() => Math.max(...y.dataset.flatMap((l) => (l.values || []).length))), $ = f(() => {
+      const l = e.value.style.layout.padding.top + e.value.style.layout.padding.bottom + y.dataset.length * e.value.style.layout.cells.height, o = e.value.style.layout.padding.left + e.value.style.layout.padding.right + (F.value < y.dataset.length ? y.dataset.length : F.value) * e.value.style.layout.cells.height, n = l + (e.value.style.legend.show ? e.value.style.legend.position === "right" ? 0 : e.value.style.layout.cells.height * 2 : 0);
       return {
         height: l,
         heightWithLegend: n,
@@ -107,15 +107,15 @@ const $l = ["id"], Ll = {
       bottom: $.value.height - e.value.style.layout.padding.bottom,
       height: $.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom,
       width: $.value.width - e.value.style.layout.padding.right - e.value.style.layout.padding.left - (ee.value === "right" && e.value.style.legend.show ? 92 : 0)
-    })), ne = f(() => a.value.height * y.dataset.length), L = f(() => Math.max(...y.dataset.flatMap((l) => l.values))), F = f(() => Math.min(...y.dataset.flatMap((l) => l.values))), I = f(() => {
+    })), ne = f(() => a.value.height * y.dataset.length), L = f(() => Math.max(...y.dataset.flatMap((l) => l.values))), V = f(() => Math.min(...y.dataset.flatMap((l) => l.values))), I = f(() => {
       const l = y.dataset.flatMap((n) => n.values);
       return l.reduce((n, s) => n + s, 0) / l.length;
     }), a = f(() => ({
-      width: t.value.width / V.value,
-      height: t.value.width / (V.value < y.dataset.length ? y.dataset.length : V.value)
+      width: t.value.width / F.value,
+      height: t.value.width / (F.value < y.dataset.length ? y.dataset.length : F.value)
     })), p = f(() => {
       const l = e.value.style.layout.dataLabels.yAxis.values.length ? e.value.style.layout.dataLabels.yAxis.values : y.dataset.map((g) => g.name), o = e.value.style.layout.dataLabels.xAxis.values, n = y.dataset.map((g) => g.values.reduce((w, re) => w + re, 0)), s = Math.max(...n), c = Math.min(...n), h = [];
-      for (let g = 0; g < V.value; g += 1)
+      for (let g = 0; g < F.value; g += 1)
         h.push(y.dataset.map((w) => w.values[g] || 0).reduce((w, re) => w + re, 0));
       const k = Math.max(...h), P = Math.min(...h);
       return {
@@ -136,7 +136,7 @@ const $l = ["id"], Ll = {
           };
         }),
         yLabels: l,
-        xLabels: o.slice(0, V.value)
+        xLabels: o.slice(0, F.value)
       };
     }), j = f(() => (y.dataset.forEach((l, o) => {
       dl({
@@ -154,7 +154,7 @@ const $l = ["id"], Ll = {
       ...l,
       temperatures: (l.values || []).map((o, n) => o >= I.value ? {
         side: "up",
-        color: Q(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, F.value, L.value, o),
+        color: Q(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, V.value, L.value, o),
         ratio: Math.abs(Math.abs(o - I.value) / Math.abs(L.value - I.value)) > 1 ? 1 : Math.abs(Math.abs(o - I.value) / Math.abs(L.value - I.value)),
         value: o,
         yAxisName: l.name,
@@ -163,7 +163,7 @@ const $l = ["id"], Ll = {
       } : {
         side: "down",
         ratio: Math.abs(1 - Math.abs(o) / Math.abs(I.value)) > 1 ? 1 : Math.abs(1 - Math.abs(o) / Math.abs(I.value)),
-        color: Q(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, F.value, L.value, o),
+        color: Q(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, V.value, L.value, o),
         value: o,
         yAxisName: l.name,
         xAxisName: p.value.xLabels[n],
@@ -191,7 +191,7 @@ const $l = ["id"], Ll = {
         seriesIndex: o,
         series: j.value,
         config: e.value
-      }) : (g += `<div>${h} ${k ? `${k}` : ""}</div>`, g += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${Q(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, F.value, L.value, c)}">⬤</span><span>${isNaN(c) ? "-" : S(
+      }) : (g += `<div>${h} ${k ? `${k}` : ""}</div>`, g += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${Q(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, V.value, L.value, c)}">⬤</span><span>${isNaN(c) ? "-" : S(
         e.value.style.layout.cells.value.formatter,
         c,
         M({
@@ -517,9 +517,9 @@ const $l = ["id"], Ll = {
                 ae.value = !1, ce.value = void 0, O.value = null, H.value = null;
               }),
               onClick: () => Je(c)
-            }, null, 40, Vl)
+            }, null, 40, Fl)
           ]))), 256)),
-          e.value.style.layout.dataLabels.yAxis.show ? (u(), i("g", Fl, [
+          e.value.style.layout.dataLabels.yAxis.show ? (u(), i("g", Vl, [
             v("text", {
               class: "vue-ui-heatmap-row-name",
               "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
@@ -644,10 +644,10 @@ const $l = ["id"], Ll = {
             fill: e.value.style.legend.color
           }, x(r(S)(
             e.value.style.layout.cells.value.formatter,
-            r(N)(F.value),
+            r(N)(V.value),
             r(M)({
               p: e.value.style.layout.dataLabels.prefix,
-              v: r(N)(F.value),
+              v: r(N)(V.value),
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
@@ -697,10 +697,10 @@ const $l = ["id"], Ll = {
             fill: e.value.style.legend.color
           }, x(r(S)(
             e.value.style.layout.cells.value.formatter,
-            r(N)(F.value),
+            r(N)(V.value),
             r(M)({
               p: e.value.style.layout.dataLabels.prefix,
-              v: r(N)(F.value),
+              v: r(N)(V.value),
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
@@ -771,7 +771,9 @@ const $l = ["id"], Ll = {
         parent: R.value,
         content: oe.value,
         isFullscreen: B.value,
-        isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function"
+        isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
+        smooth: e.value.style.tooltip.smooth,
+        backdropFilter: e.value.style.tooltip.backdropFilter
       }, {
         "tooltip-before": A(() => [
           m(l.$slots, "tooltip-before", E(U({ ...W.value })), void 0, !0)
@@ -780,7 +782,7 @@ const $l = ["id"], Ll = {
           m(l.$slots, "tooltip-after", E(U({ ...W.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
       Z.value ? (u(), J(wl, {
         key: 8,
         hideDetails: "",
@@ -814,7 +816,7 @@ const $l = ["id"], Ll = {
                 onClick: o[1] || (o[1] = (n) => C.value.showTable = !1),
                 onKeypress: o[2] || (o[2] = sl((n) => C.value.showTable = !1, ["enter"]))
               }, [
-                ve(r(Fe), {
+                ve(r(Ve), {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
@@ -871,7 +873,7 @@ const $l = ["id"], Ll = {
       }, 8, ["config"])) : d("", !0)
     ], 46, $l));
   }
-}, zt = /* @__PURE__ */ Cl(bt, [["__scopeId", "data-v-a3e4a488"]]);
+}, zt = /* @__PURE__ */ Cl(bt, [["__scopeId", "data-v-9f5bb7f1"]]);
 export {
   zt as default
 };