vue-data-ui 2.4.86 → 2.4.88

package/dist/{vue-ui-history-plot-CWfWMwqw.js → vue-ui-history-plot-o1WosOjA.js}

@@ -1,19 +1,19 @@
-import { ref as c, computed as f, onMounted as Ue, onBeforeUnmount as We, watch as He, openBlock as s, createElementBlock as r, normalizeClass as O, normalizeStyle as $, unref as y, renderSlot as x, createBlock as z, createCommentVNode as v, createSlots as Ee, withCtx as m, normalizeProps as Y, guardReactiveProps as j, createVNode as ke, Fragment as b, renderList as k, createElementVNode as T, toDisplayString as L, createTextVNode as Ge, nextTick as Ve } from "vue";
-import { u as Re, c as we, o as qe, e as Ce, g as Ze, b as Je, d as Ke, p as E, D as _e, i as I, f as F, X as Qe, l as et, h as tt, G as lt, t as at, a as st, C as G, x as ot, q as rt, r as nt, F as N } from "./index-CXx0JV8R.js";
-import { u as $e } from "./useNestedProp-B-WAbP7E.js";
-import { u as ut, U as it } from "./usePrinter-Ctor1UK0.js";
-import { _ as ct } from "./PackageVersion-qom4AEUr.js";
-import { L as vt } from "./Legend-DiFDWEo2.js";
-import { _ as ht } from "./Title-ClQ27HaB.js";
-import { _ as yt } from "./Tooltip-CGYgJoPR.js";
-import { D as dt } from "./DataTable-BfiPjHpN.js";
-import ft from "./vue-ui-accordion-BljYKOXR.js";
-import { P as xt } from "./PenAndPaper-C-1AU46J.js";
-import pt from "./vue-ui-skeleton-Cw0-Ac_0.js";
+import { ref as c, computed as f, onMounted as Ue, onBeforeUnmount as We, watch as He, openBlock as s, createElementBlock as r, normalizeClass as O, normalizeStyle as M, unref as y, renderSlot as x, createBlock as z, createCommentVNode as v, createSlots as Ee, withCtx as m, normalizeProps as Y, guardReactiveProps as j, createVNode as ke, Fragment as b, renderList as k, createElementVNode as A, toDisplayString as L, createTextVNode as Ge, nextTick as Ve } from "vue";
+import { u as Re, c as we, o as qe, e as Ce, g as Ze, b as Je, d as Ke, p as E, D as _e, i as I, f as F, X as Qe, l as et, h as tt, G as lt, t as at, a as st, C as G, x as ot, q as rt, r as nt, F as N } from "./index-DCHLGNvJ.js";
+import { u as $e } from "./useNestedProp-BPR7xHxr.js";
+import { u as ut, U as it } from "./usePrinter-BvounINk.js";
+import { _ as ct } from "./PackageVersion-BAKTtSRE.js";
+import { L as vt } from "./Legend-Di7FMl12.js";
+import { _ as ht } from "./Title-Dt5mC-vb.js";
+import { _ as yt } from "./Tooltip-CmKYX0H1.js";
+import { D as dt } from "./DataTable-Cnr3w23K.js";
+import ft from "./vue-ui-accordion-DEpeQHhr.js";
+import { P as xt } from "./PenAndPaper-BUzmu0vi.js";
+import pt from "./vue-ui-skeleton-nTL-u4Yd.js";
 import { t as mt, u as gt } from "./useResponsive-CoxXLe23.js";
 import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"], $t = { key: 1 }, Mt = ["id"], At = ["stop-color"], Tt = ["stop-color"], Lt = ["stop-color"], St = { key: 2 }, zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Nt = { key: 3 }, Pt = ["x", "y", "fill", "font-size"], Ot = ["transform", "font-size", "fill", "font-weight"], It = { key: 5 }, Ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xt = { key: 6 }, Dt = ["transform", "fill", "font-size", "text-anchor"], Yt = ["x", "y", "font-size", "fill", "font-weight"], jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ut = ["d", "stroke", "stroke-width"], Wt = ["d", "stroke", "stroke-width"], Ht = ["cx", "cy", "fill", "r"], Et = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Gt = { key: 1 }, Vt = ["x", "y", "font-size", "fill", "font-weight"], Rt = { key: 2 }, qt = ["x", "y", "font-size", "font-weight", "fill"], Zt = ["cx", "cy", "r", "onMouseenter", "onClick"], Jt = {
+const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"], $t = { key: 1 }, Mt = ["id"], Tt = ["stop-color"], At = ["stop-color"], Lt = ["stop-color"], St = { key: 2 }, zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Nt = { key: 3 }, Pt = ["x", "y", "fill", "font-size"], Ot = ["transform", "font-size", "fill", "font-weight"], It = { key: 5 }, Ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xt = { key: 6 }, Dt = ["transform", "fill", "font-size", "text-anchor"], Yt = ["x", "y", "font-size", "fill", "font-weight"], jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ut = ["d", "stroke", "stroke-width"], Wt = ["d", "stroke", "stroke-width"], Ht = ["cx", "cy", "fill", "r"], Et = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Gt = { key: 1 }, Vt = ["x", "y", "font-size", "fill", "font-weight"], Rt = { key: 2 }, qt = ["x", "y", "font-size", "font-weight", "fill"], Zt = ["cx", "cy", "r", "onMouseenter", "onClick"], Jt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Kt = ["onClick"], Qt = ["innerHTML"], el = {
@@ -33,8 +33,8 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(Me, { expose: Ae, emit: K }) {
-    const h = Me, { vue_ui_history_plot: Te } = Re(), P = c(null), Q = c(null), ee = c(0), te = c(null), le = c(0), ae = c(0), se = c(0), B = c(null), oe = c(null), X = c(we()), V = c(!1), R = c(""), g = c([]), U = c(!1), _ = c(null), D = c(!1), re = c(null), w = f({
+  setup(Me, { expose: Te, emit: K }) {
+    const h = Me, { vue_ui_history_plot: Ae } = Re(), P = c(null), Q = c(null), ee = c(0), te = c(null), le = c(0), ae = c(0), se = c(0), B = c(null), oe = c(null), X = c(we()), V = c(!1), R = c(""), g = c([]), U = c(!1), $ = c(null), D = c(!1), re = c(null), w = f({
       get: () => !!h.dataset && h.dataset.length,
       set: (t) => t
     });
@@ -118,7 +118,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
     function ue() {
       const t = $e({
         userConfig: h.config,
-        defaultConfig: Te
+        defaultConfig: Ae
       });
       let a = {};
       return t.theme ? a = {
@@ -134,12 +134,12 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
       set: (t) => t
     }), { userOptionsVisible: q, setUserOptionsVisibility: ie, keepUserOptionState: ce } = bt({ config: e.value });
     He(() => h.config, (t) => {
-      e.value = ue(), q.value = !e.value.showOnChartHover, ne(), ee.value += 1, ae.value += 1, le.value += 1, d.value.height = e.value.style.chart.height, d.value.width = e.value.style.chart.width, u.value.plots = e.value.style.chart.plots.radius, u.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, u.value.labels = e.value.style.chart.plots.labels.fontSize, u.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, u.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, u.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, u.value.yAxisName = e.value.style.chart.axes.y.name.fontSize;
+      e.value = ue(), q.value = !e.value.showOnChartHover, ne(), ee.value += 1, ae.value += 1, le.value += 1, d.value.height = e.value.style.chart.height, d.value.width = e.value.style.chart.width, u.value.plots = e.value.style.chart.plots.radius, u.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, u.value.labels = e.value.style.chart.plots.labels.fontSize, u.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, u.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, u.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, u.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: ve, isImaging: he, generatePdf: ye, generateImage: de } = ut({
       elementId: `history_plot_${X.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-history-plot"
-    }), Le = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), Se = f(() => Je(e.value.customPalette)), M = c({
+    }), Le = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), Se = f(() => Je(e.value.customPalette)), C = c({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     }), d = c({
@@ -163,17 +163,17 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
       xAxisName: e.value.style.chart.axes.x.name.fontSize,
       yAxisLabels: e.value.style.chart.axes.y.labels.fontSize,
       yAxisName: e.value.style.chart.axes.y.name.fontSize
-    }), A = f(() => w.value ? h.dataset.map((t, a) => ({
+    }), T = f(() => w.value ? h.dataset.map((t, a) => ({
       ...t,
       color: t.color ? Ke(t.color) : Se.value[a] || E[a] || E[a % E.length],
       seriesIndex: a
-    })) : []), ze = f(() => w.value ? Math.max(...A.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x))) : 1), Ne = f(() => {
+    })) : []), ze = f(() => w.value ? Math.max(...T.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x))) : 1), Ne = f(() => {
       if (!w.value) return 1;
-      const t = Math.min(...A.value.filter((a) => !g.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
+      const t = Math.min(...T.value.filter((a) => !g.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
       return t < 0 ? t : 0;
-    }), Pe = f(() => w.value ? Math.max(...A.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y))) : 1), Oe = f(() => {
+    }), Pe = f(() => w.value ? Math.max(...T.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y))) : 1), Oe = f(() => {
       if (!w.value) return 1;
-      const t = Math.min(...A.value.filter((a) => !g.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.y)));
+      const t = Math.min(...T.value.filter((a) => !g.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.y)));
       return t < 0 ? t : 0;
     }), p = f(() => {
       const t = _e(
@@ -210,8 +210,8 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
       const a = p.value.y.min < 0 ? Math.abs(p.value.y.min) : p.value.y.min > 0 ? -p.value.y.min : 0;
       return n.value.bottom - ((t || 0) + a) / (p.value.y.max + a) * n.value.height;
     }
-    const S = f(() => A.value.filter((t) => !g.value.includes(t.seriesIndex)).map((t, a) => {
-      const l = t.values.map((o, C) => ({
+    const S = f(() => T.value.filter((t) => !g.value.includes(t.seriesIndex)).map((t, a) => {
+      const l = t.values.map((o, _) => ({
         valueX: o.x,
         valueY: o.y,
         label: o.label,
@@ -230,7 +230,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
     function fe(t) {
       g.value.includes(t) ? g.value = g.value.filter((a) => a !== t) : g.value.push(t);
     }
-    const xe = f(() => A.value.map((t) => ({
+    const xe = f(() => T.value.map((t) => ({
       ...t,
       opacity: g.value.includes(t.seriesIndex) ? 0.5 : 1,
       segregate: () => fe(t.seriesIndex),
@@ -259,7 +259,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
     }
     const Z = c(null);
     function je({ datapoint: t, plotIndex: a, seriesIndex: l }) {
-      Z.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: A.value }, _.value = t;
+      Z.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: T.value }, $.value = t;
       const i = e.value.style.chart.tooltip.customFormat;
       if (D.value = !1, ot(i))
         try {
@@ -267,7 +267,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
             seriesIndex: l,
             datapoint: t,
             plotIndex: a,
-            series: A.value,
+            series: T.value,
             config: e.value
           });
           typeof o == "string" && (R.value = o, D.value = !0);
@@ -361,11 +361,11 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
           [e.value.table.columnNames.datapoint],
           [e.value.table.columnNames.x],
           [e.value.table.columnNames.y]
-        ], a = S.value.flatMap((o) => o.plots.map((C) => [
-          [C.seriesName],
-          [C.label],
-          [C.valueX],
-          [C.valueY]
+        ], a = S.value.flatMap((o) => o.plots.map((_) => [
+          [_.seriesName],
+          [_.label],
+          [_.valueX],
+          [_.valueY]
         ])), l = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
@@ -382,15 +382,15 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
       H.value = !H.value;
     }
     function ge() {
-      M.value.showTable = !M.value.showTable;
+      C.value.showTable = !C.value.showTable;
     }
     function be() {
-      M.value.showTooltip = !M.value.showTooltip;
+      C.value.showTooltip = !C.value.showTooltip;
     }
     function Be() {
       return S.value;
     }
-    return Ae({
+    return Te({
       getData: Be,
       generatePdf: ye,
       generateCsv: me,
@@ -403,7 +403,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
       ref_key: "historyPlotChart",
       ref: P,
       class: O({ "vue-ui-history-plot": !0, "vue-data-ui-wrapper-fullscreen": U.value }),
-      style: $(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
+      style: M(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: a[3] || (a[3] = () => y(ie)(!0)),
       onMouseleave: a[4] || (a[4] = () => y(ie)(!1))
     }, [
@@ -428,7 +428,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
         ref_key: "chartTitle",
         ref: Q,
         class: "vue-ui-xy-title",
-        style: $(`font-family:${e.value.style.fontFamily}`)
+        style: M(`font-family:${e.value.style.fontFamily}`)
       }, [
         (s(), z(ht, {
           key: `title_${ee.value}`,
@@ -462,7 +462,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
         isFullscreen: U.value,
         chartElement: P.value,
         position: e.value.userOptions.position,
-        isTooltip: M.value.showTooltip,
+        isTooltip: C.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: H.value,
@@ -473,7 +473,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
         onToggleTable: ge,
         onToggleTooltip: be,
         onToggleAnnotator: J,
-        style: $({
+        style: M({
           visibility: y(ce) ? y(q) ? "visible" : "hidden" : "visible"
         })
       }, Ee({ _: 2 }, [
@@ -531,7 +531,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
         key: 4,
         xmlns: y(Qe),
         viewBox: `0 0 ${d.value.width < 0 ? 0.1 : d.value.width} ${d.value.height < 0 ? 0.1 : d.value.height}`,
-        style: $(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
+        style: M(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         ke(ct),
         t.$slots["chart-background"] ? (s(), r("foreignObject", {
@@ -551,15 +551,15 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
             id: `gradient_${i}_${X.value}`,
             fy: "30%"
           }, [
-            T("stop", {
+            A("stop", {
               offset: "10%",
               "stop-color": y(et)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, At),
-            T("stop", {
+            }, null, 8, Tt),
+            A("stop", {
               offset: "90%",
               "stop-color": y(tt)(l.color, 0.1)
-            }, null, 8, Tt),
-            T("stop", {
+            }, null, 8, At),
+            A("stop", {
               offset: "100%",
               "stop-color": l.color
             }, null, 8, Lt)
@@ -662,11 +662,11 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
         (s(!0), r(b, null, k(S.value, (l, i) => (s(), r("g", null, [
           e.value.style.chart.paths.show ? (s(), r("g", {
             key: 0,
-            style: $({
-              opacity: _.value === null ? 1 : 0.3
+            style: M({
+              opacity: $.value === null ? 1 : 0.3
             })
           }, [
-            T("path", {
+            A("path", {
               d: l.path,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.paths.strokeWidth + 4,
@@ -675,7 +675,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
               "stroke-linejoin": "round",
               class: O({ animated: e.value.useCssAnimation })
             }, null, 10, Ut),
-            T("path", {
+            A("path", {
               d: l.path,
               stroke: e.value.style.chart.paths.useSerieColor ? l.color : e.value.style.chart.paths.stroke,
               "stroke-width": e.value.style.chart.paths.strokeWidth,
@@ -700,8 +700,8 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth,
             class: O({ animated: e.value.useCssAnimation }),
-            style: $({
-              opacity: _.value === null || _.value.id === o.id ? 1 : 0.3,
+            style: M({
+              opacity: $.value === null || $.value.id === o.id ? 1 : 0.3,
               transition: "opacity 0.2s ease-in-out"
             })
           }, null, 14, Et))), 256)),
@@ -714,14 +714,14 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
               "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
               "text-anchor": "middle",
               class: O({ animated: e.value.useCssAnimation }),
-              style: $({
-                opacity: _.value === null || _.value.id === o.id ? 1 : 0.3,
+              style: M({
+                opacity: $.value === null || $.value.id === o.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
               })
             }, L(o.label), 15, Vt))), 256))
           ])) : v("", !0),
           e.value.style.chart.plots.indexLabels.show ? (s(), r("g", Rt, [
-            (s(!0), r(b, null, k(l.plots, (o, C) => (s(), r("text", {
+            (s(!0), r(b, null, k(l.plots, (o, _) => (s(), r("text", {
               x: o.x + e.value.style.chart.plots.indexLabels.offsetX,
               y: o.y + e.value.style.chart.plots.indexLabels.offsetY + u.value.indexLabels / 3,
               "font-size": u.value.indexLabels,
@@ -729,11 +729,11 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
               fill: e.value.style.chart.plots.indexLabels.adaptColorToBackground ? y(lt)(l.color) : e.value.style.chart.plots.indexLabels.color,
               "text-anchor": "middle",
               class: O({ animated: e.value.useCssAnimation }),
-              style: $({
-                opacity: _.value === null || _.value.id === o.id ? 1 : 0.3,
+              style: M({
+                opacity: $.value === null || $.value.id === o.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
               })
-            }, L(e.value.style.chart.plots.indexLabels.startAtZero ? C : C + 1), 15, qt))), 256))
+            }, L(e.value.style.chart.plots.indexLabels.startAtZero ? _ : _ + 1), 15, qt))), 256))
           ])) : v("", !0)
         ]))), 256)),
         (s(!0), r(b, null, k(S.value, (l) => (s(), r("g", null, [
@@ -743,13 +743,13 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
             fill: "transparent",
             r: u.value.plots,
             stroke: "none",
-            onMouseenter: (C) => je({
+            onMouseenter: (_) => je({
               datapoint: i,
               plotIndex: o,
               seriesIndex: l.seriesIndex
             }),
-            onMouseleave: a[0] || (a[0] = (C) => {
-              V.value = !1, _.value = null;
+            onMouseleave: a[0] || (a[0] = (_) => {
+              V.value = !1, $.value = null;
             }),
             onClick: () => De(i)
           }, null, 40, Zt))), 256))
@@ -771,7 +771,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
           }
         }
       }, null, 8, ["config"])),
-      T("div", {
+      A("div", {
         ref_key: "chartLegend",
         ref: te
       }, [
@@ -784,11 +784,11 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
           })
         }, {
           item: m(({ legend: l, index: i }) => [
-            T("div", {
+            A("div", {
               onClick: (o) => {
                 l.segregate(), pe(l);
               },
-              style: $(`opacity:${g.value.includes(l.seriesIndex) ? 0.5 : 1}`)
+              style: M(`opacity:${g.value.includes(l.seriesIndex) ? 0.5 : 1}`)
             }, L(l.name), 13, Kt)
           ]),
           _: 1
@@ -806,7 +806,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
         x(t.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
       ke(yt, {
-        show: M.value.showTooltip && V.value,
+        show: C.value.showTooltip && V.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -833,7 +833,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
         key: 8,
         hideDetails: "",
         config: {
-          open: M.value.showTable,
+          open: C.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -853,10 +853,10 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
             body: W.value.body,
             config: W.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) => M.value.showTable = !1)
+            onClose: a[2] || (a[2] = (l) => C.value.showTable = !1)
           }, {
             th: m(({ th: l }) => [
-              T("div", {
+              A("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Qt)
@@ -871,7 +871,7 @@ const wt = ["id"], Ct = ["xmlns", "viewBox"], _t = ["x", "y", "width", "height"]
       }, 8, ["config"])) : v("", !0)
     ], 46, wt));
   }
-}, xl = /* @__PURE__ */ kt(el, [["__scopeId", "data-v-cf939725"]]);
+}, xl = /* @__PURE__ */ kt(el, [["__scopeId", "data-v-ee6e8aa4"]]);
 export {
   xl as default
 };

package/dist/{vue-ui-kpi-CBJZp-nE.js → vue-ui-kpi-B01FpRQ0.js}

@@ -1,7 +1,7 @@
 import { computed as D, useSlots as x, onMounted as g, watch as C, ref as $, openBlock as i, createElementBlock as s, normalizeClass as r, normalizeStyle as u, createElementVNode as k, renderSlot as n, createTextVNode as y, toDisplayString as h, createVNode as z, Fragment as A, unref as b } from "vue";
-import { u as w } from "./useNestedProp-B-WAbP7E.js";
-import { u as B, i as L, f as M } from "./index-CXx0JV8R.js";
-import E from "./vue-ui-digits-BLI4lCZC.js";
+import { u as w } from "./useNestedProp-BPR7xHxr.js";
+import { u as B, i as L, f as M } from "./index-DCHLGNvJ.js";
+import E from "./vue-ui-digits-BvVZ7uDf.js";
 const G = {
   __name: "vue-ui-kpi",
   props: {

package/dist/{vue-ui-kpi-BjGIj-IQ.cjs → vue-ui-kpi-lWq7fZr1.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("./useNestedProp-DNWKDmdP.cjs"),u=require("./index-DqxDpUy0.cjs"),y=require("./vue-ui-digits-DKs2fTGz.cjs"),C={__name:"vue-ui-kpi",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(n){const o=n,{vue_ui_kpi:m}=u.useConfig(),a=e.computed({get:()=>i(),set:t=>t}),f=e.useSlots();e.onMounted(()=>{f["chart-background"]&&console.warn("VueUiKpi does not support the #chart-background slot.")});function i(){return p.useNestedProp({userConfig:o.config,defaultConfig:m})}e.watch(()=>o.config,t=>{a.value=i(),r()},{deep:!0});const g=e.ref((typeof o.dataset=="number",o.dataset)),l=e.ref(a.value.useAnimation?a.value.animationValueStart:g.value),s=t=>{const v=a.value.animationFrames,c=Math.abs(t-l.value)/v;function d(){l.value<t?l.value=Math.min(l.value+c,t):l.value>t&&(l.value=Math.max(l.value-c,t)),l.value!==t&&requestAnimationFrame(d)}d()};e.onMounted(()=>{r()});function r(){a.value.useAnimation?(l.value=a.value.animationValueStart,s(o.dataset)):l.value=o.dataset}return e.watch(()=>o.dataset,t=>{a.value.useAnimation?s(t):l.value=t}),(t,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-kpi ${a.value.layoutClass}`),style:e.normalizeStyle(`background:${a.value.backgroundColor}; ${a.value.layoutCss}`)},[e.createElementVNode("div",{class:e.normalizeClass(`vue-ui-kpi-title ${a.value.titleClass}`),style:e.normalizeStyle(`font-family: ${a.value.fontFamily}; font-size:${a.value.titleFontSize}px; color:${a.value.titleColor}; font-weight:${a.value.titleBold?"bold":"normal"}; ${a.value.titleCss}`)},[e.renderSlot(t.$slots,"title",{comment:n.dataset}),e.createTextVNode(" "+e.toDisplayString(a.value.title),1)],6),e.renderSlot(t.$slots,"comment-before",{comment:n.dataset}),e.createElementVNode("div",{class:e.normalizeClass(`vue-ui-kpi-value ${a.value.valueClass}`),style:e.normalizeStyle(`font-family: ${a.value.fontFamily}; font-size:${a.value.valueFontSize}px; color:${a.value.valueColor}; font-weight:${a.value.valueBold?"bold":"normal"}; ${a.value.valueCss}`)},[e.renderSlot(t.$slots,"value",{comment:n.dataset}),a.value.analogDigits.show?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({height:a.value.analogDigits.height+"px"})},[e.createVNode(y.default,{dataset:Number(l.value.toFixed(a.value.valueRounding)),config:{backgroundColor:a.value.backgroundColor,digits:{color:a.value.analogDigits.color,skeletonColor:a.value.analogDigits.skeletonColor}}},null,8,["dataset","config"])],4)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(u.applyDataLabel)(a.value.formatter,l.value,e.unref(u.dataLabel)({p:a.value.prefix,v:l.value,s:a.value.suffix,r:a.value.valueRounding}))),1)],64))],6),e.renderSlot(t.$slots,"comment-after",{comment:n.dataset})],6))}};exports.default=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("./useNestedProp-LNEDZsGq.cjs"),u=require("./index-xEXHnOtJ.cjs"),y=require("./vue-ui-digits-vspu86yU.cjs"),C={__name:"vue-ui-kpi",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(n){const o=n,{vue_ui_kpi:m}=u.useConfig(),a=e.computed({get:()=>i(),set:t=>t}),f=e.useSlots();e.onMounted(()=>{f["chart-background"]&&console.warn("VueUiKpi does not support the #chart-background slot.")});function i(){return p.useNestedProp({userConfig:o.config,defaultConfig:m})}e.watch(()=>o.config,t=>{a.value=i(),r()},{deep:!0});const g=e.ref((typeof o.dataset=="number",o.dataset)),l=e.ref(a.value.useAnimation?a.value.animationValueStart:g.value),s=t=>{const v=a.value.animationFrames,c=Math.abs(t-l.value)/v;function d(){l.value<t?l.value=Math.min(l.value+c,t):l.value>t&&(l.value=Math.max(l.value-c,t)),l.value!==t&&requestAnimationFrame(d)}d()};e.onMounted(()=>{r()});function r(){a.value.useAnimation?(l.value=a.value.animationValueStart,s(o.dataset)):l.value=o.dataset}return e.watch(()=>o.dataset,t=>{a.value.useAnimation?s(t):l.value=t}),(t,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-kpi ${a.value.layoutClass}`),style:e.normalizeStyle(`background:${a.value.backgroundColor}; ${a.value.layoutCss}`)},[e.createElementVNode("div",{class:e.normalizeClass(`vue-ui-kpi-title ${a.value.titleClass}`),style:e.normalizeStyle(`font-family: ${a.value.fontFamily}; font-size:${a.value.titleFontSize}px; color:${a.value.titleColor}; font-weight:${a.value.titleBold?"bold":"normal"}; ${a.value.titleCss}`)},[e.renderSlot(t.$slots,"title",{comment:n.dataset}),e.createTextVNode(" "+e.toDisplayString(a.value.title),1)],6),e.renderSlot(t.$slots,"comment-before",{comment:n.dataset}),e.createElementVNode("div",{class:e.normalizeClass(`vue-ui-kpi-value ${a.value.valueClass}`),style:e.normalizeStyle(`font-family: ${a.value.fontFamily}; font-size:${a.value.valueFontSize}px; color:${a.value.valueColor}; font-weight:${a.value.valueBold?"bold":"normal"}; ${a.value.valueCss}`)},[e.renderSlot(t.$slots,"value",{comment:n.dataset}),a.value.analogDigits.show?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({height:a.value.analogDigits.height+"px"})},[e.createVNode(y.default,{dataset:Number(l.value.toFixed(a.value.valueRounding)),config:{backgroundColor:a.value.backgroundColor,digits:{color:a.value.analogDigits.color,skeletonColor:a.value.analogDigits.skeletonColor}}},null,8,["dataset","config"])],4)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(u.applyDataLabel)(a.value.formatter,l.value,e.unref(u.dataLabel)({p:a.value.prefix,v:l.value,s:a.value.suffix,r:a.value.valueRounding}))),1)],64))],6),e.renderSlot(t.$slots,"comment-after",{comment:n.dataset})],6))}};exports.default=C;

package/dist/{vue-ui-mini-loader-DfeNWsJk.js → vue-ui-mini-loader-DLUYnvwS.js}

@@ -1,6 +1,6 @@
 import { useCssVars as h, computed as r, ref as f, openBlock as n, createElementBlock as u, unref as M, createElementVNode as t, normalizeStyle as l, createCommentVNode as a } from "vue";
-import { u as m } from "./useNestedProp-B-WAbP7E.js";
-import { u as y, X as L } from "./index-CXx0JV8R.js";
+import { u as m } from "./useNestedProp-BPR7xHxr.js";
+import { u as y, X as L } from "./index-DCHLGNvJ.js";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const b = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"], A = ["stroke"], N = { key: 1 }, O = ["stroke"], S = { key: 2 }, F = ["stroke"], I = {
   __name: "vue-ui-mini-loader",

package/dist/{vue-ui-mini-loader-Cafts_cp.cjs → vue-ui-mini-loader-jkxJpHFv.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./useNestedProp-DNWKDmdP.cjs"),n=require("./index-DqxDpUy0.cjs"),m=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),g=["xmlns","viewBox"],C={key:0},_=["stroke"],h=["stroke"],M=["stroke"],y={key:1},B=["stroke"],f={key:2},L=["stroke"],b={__name:"vue-ui-mini-loader",props:{config:{type:Object,default(){return{}}}},setup(u){const a=u;e.useCssVars(k=>({"221651ee":c.value,d11bae38:d.value,d85c00de:p.value}));const{vue_ui_mini_loader:i}=n.useConfig(),t=e.computed(()=>v.useNestedProp({userConfig:a.config,defaultConfig:i})),s=e.ref({onion:"-10 -10 84 84",line:"-10 -10 112 84",bar:"-10 -10 106 84"}),r=e.computed(()=>({gutter:`stroke:${t.value.line.gutterColor};opacity:${t.value.line.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.line.gutterBlur}px);`})),l=e.computed(()=>({gutter:`stroke:${t.value.bar.gutterColor};opacity:${t.value.bar.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.bar.gutterBlur}px);`})),o=e.computed(()=>({gutter:`stroke:${t.value.onion.gutterColor};opacity:${t.value.onion.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.onion.gutterBlur}px);`})),c=e.computed(()=>`blur(${t.value.onion.trackBlur}px) hue-rotate(${t.value.onion.trackHueRotate}deg)`),d=e.computed(()=>`blur(${t.value.line.trackBlur}px) hue-rotate(${t.value.line.trackHueRotate}deg)`),p=e.computed(()=>`blur(${t.value.bar.trackBlur}px) hue-rotate(${t.value.bar.trackHueRotate}deg)`);return(k,x)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(n.XMLNS),viewBox:s.value[t.value.type],style:{background:"transparent"},width:"100%"},[t.value.type==="onion"?(e.openBlock(),e.createElementBlock("g",C,[e.createElementVNode("path",{d:"M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,_),e.createElementVNode("path",{d:"M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,h),e.createElementVNode("path",{d:"M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,M)])):e.createCommentVNode("",!0),t.value.type==="line"?(e.openBlock(),e.createElementBlock("g",y,[e.createElementVNode("path",{d:"M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(r.value.gutter+r.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5",stroke:t.value.line.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"line-animated"},null,8,B)])):e.createCommentVNode("",!0),t.value.type==="bar"?(e.openBlock(),e.createElementBlock("g",f,[e.createElementVNode("path",{d:"M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(l.value.gutter+l.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5",stroke:t.value.bar.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"bar-animated"},null,8,L)])):e.createCommentVNode("",!0)],8,g))}},N=m._export_sfc(b,[["__scopeId","data-v-20f54e0e"]]);exports.default=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./useNestedProp-LNEDZsGq.cjs"),n=require("./index-xEXHnOtJ.cjs"),m=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),g=["xmlns","viewBox"],C={key:0},_=["stroke"],h=["stroke"],M=["stroke"],y={key:1},B=["stroke"],f={key:2},L=["stroke"],b={__name:"vue-ui-mini-loader",props:{config:{type:Object,default(){return{}}}},setup(u){const a=u;e.useCssVars(k=>({"221651ee":c.value,d11bae38:d.value,d85c00de:p.value}));const{vue_ui_mini_loader:i}=n.useConfig(),t=e.computed(()=>v.useNestedProp({userConfig:a.config,defaultConfig:i})),s=e.ref({onion:"-10 -10 84 84",line:"-10 -10 112 84",bar:"-10 -10 106 84"}),r=e.computed(()=>({gutter:`stroke:${t.value.line.gutterColor};opacity:${t.value.line.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.line.gutterBlur}px);`})),l=e.computed(()=>({gutter:`stroke:${t.value.bar.gutterColor};opacity:${t.value.bar.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.bar.gutterBlur}px);`})),o=e.computed(()=>({gutter:`stroke:${t.value.onion.gutterColor};opacity:${t.value.onion.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.onion.gutterBlur}px);`})),c=e.computed(()=>`blur(${t.value.onion.trackBlur}px) hue-rotate(${t.value.onion.trackHueRotate}deg)`),d=e.computed(()=>`blur(${t.value.line.trackBlur}px) hue-rotate(${t.value.line.trackHueRotate}deg)`),p=e.computed(()=>`blur(${t.value.bar.trackBlur}px) hue-rotate(${t.value.bar.trackHueRotate}deg)`);return(k,x)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(n.XMLNS),viewBox:s.value[t.value.type],style:{background:"transparent"},width:"100%"},[t.value.type==="onion"?(e.openBlock(),e.createElementBlock("g",C,[e.createElementVNode("path",{d:"M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,_),e.createElementVNode("path",{d:"M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,h),e.createElementVNode("path",{d:"M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,M)])):e.createCommentVNode("",!0),t.value.type==="line"?(e.openBlock(),e.createElementBlock("g",y,[e.createElementVNode("path",{d:"M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(r.value.gutter+r.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5",stroke:t.value.line.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"line-animated"},null,8,B)])):e.createCommentVNode("",!0),t.value.type==="bar"?(e.openBlock(),e.createElementBlock("g",f,[e.createElementVNode("path",{d:"M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(l.value.gutter+l.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5",stroke:t.value.bar.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"bar-animated"},null,8,L)])):e.createCommentVNode("",!0)],8,g))}},N=m._export_sfc(b,[["__scopeId","data-v-20f54e0e"]]);exports.default=N;

package/dist/vue-ui-molecule-BBK9ofPv.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=require("./index-xEXHnOtJ.cjs"),Le=require("./Title-DcTKT_WK.cjs"),pe=require("./usePrinter-CjQvMB0_.cjs"),Oe=require("./DataTable-DVKGDaCB.cjs"),ze=require("./Tooltip-y6Z9yhlE.cjs"),O=require("./BaseIcon-CehmAXJH.cjs"),Ue=require("./vue-ui-skeleton-Tse1D8cv.cjs"),Me=require("./vue-ui-accordion-2c1jq56U.cjs"),fe=require("./useNestedProp-LNEDZsGq.cjs"),De=require("./PackageVersion-BgKxrHv-.cjs"),Ae=require("./PenAndPaper-BYVZ33fz.cjs"),Ie=require("./useUserOptionState-BgepsfED.cjs"),He=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),qe=["cx","cy","r","fill","stroke","stroke-width","onClick","onMouseover"],je={__name:"RecursiveCircles",props:{color:{type:String,default:"#000000"},dataset:{type:Array,default:()=>[]},hoveredUid:{type:String,default:null},linkColor:{type:String,default:"#CCCCCC"},stroke:{type:String,default:"#FFFFFF"},strokeHovered:{type:String,default:"#000000"}},emits:["zoom","hover"],setup(r,{emit:g}){const m=r;function u(a){g("zoom",a)}function c(a){g("hover",a)}return e.toRef(m,"dataset").value.forEach(a=>{a.nodes&&a.nodes.length>0&&a.nodes.forEach(d=>{d.ancestor=a})}),(a,d)=>{const B=e.resolveComponent("RecursiveCircles",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,v=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[v.polygonPath&&v.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.polygonPath.coordinates,(x,z)=>(e.openBlock(),e.createElementBlock("circle",{cx:x.x,cy:x.y,r:v.circleRadius,fill:`url(#gradient_${v.color})`,stroke:r.hoveredUid&&r.hoveredUid===v.uid?r.strokeHovered:r.stroke,"stroke-width":r.hoveredUid&&r.hoveredUid===v.uid?v.circleRadius/6:v.circleRadius/12,style:{cursor:"pointer"},onClick:e.withModifiers($=>u(v),["stop"]),onMouseover:$=>c(v),onMouseleave:d[0]||(d[0]=$=>c(null))},null,40,qe))),256)),v.nodes&&v.nodes.length>0?(e.openBlock(),e.createBlock(B,{key:0,dataset:v.nodes,color:r.color,stroke:r.stroke,strokeHovered:r.strokeHovered,hoveredUid:r.hoveredUid,onZoom:u,onHover:c},null,8,["dataset","color","stroke","strokeHovered","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},Ge=["x1","y1","x2","y2","stroke","stroke-width"],Xe=["x1","y1","x2","y2","stroke","stroke-width"],Ye={__name:"RecursiveLinks",props:{dataset:{type:Array,default:()=>[]},color:{type:String,default:"#DDDDDD"},backgroundColor:{type:String,default:"#FFFFFF"}},setup(r){const g=r;return e.toRef(g,"dataset").value.forEach(u=>{u.nodes&&u.nodes.length>0&&u.nodes.forEach(c=>{c.ancestor=u})}),(u,c)=>{const w=e.resolveComponent("RecursiveLinks",!0);return e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,a=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[a.polygonPath&&a.polygonPath.coordinates?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.polygonPath.coordinates,(d,B)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[a.ancestor&&a.ancestor.polygonPath?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("line",{x1:d.x,y1:d.y,x2:a.ancestor.polygonPath.coordinates[0].x,y2:a.ancestor.polygonPath.coordinates[0].y,stroke:r.backgroundColor,"stroke-width":a.circleRadius/1.5},null,8,Ge),e.createElementVNode("line",{x1:d.x,y1:d.y,x2:a.ancestor.polygonPath.coordinates[0].x,y2:a.ancestor.polygonPath.coordinates[0].y,stroke:r.color,"stroke-width":a.circleRadius/2},null,8,Xe)],64)):e.createCommentVNode("",!0)],64))),256)):e.createCommentVNode("",!0)],64))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,a=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[a.polygonPath&&a.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[a.nodes&&a.nodes.length>0?(e.openBlock(),e.createBlock(w,{key:0,dataset:a.nodes,color:r.color,backgroundColor:r.backgroundColor},null,8,["dataset","color","backgroundColor"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256))],64)}}},We=["x","y","fill","font-size"],Ze={__name:"RecursiveLabels",props:{color:{type:String,default:"#000000"},dataset:{type:Array,default:()=>[]},hoveredUid:{type:String,default:null}},emits:["zoom","hover"],setup(r,{emit:g}){const m=r;return e.toRef(m,"dataset").value.forEach(c=>{c.nodes&&c.nodes.length>0&&c.nodes.forEach(w=>{w.ancestor=c})}),(c,w)=>{const a=e.resolveComponent("RecursiveLabels",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,d=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[d.polygonPath&&d.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.polygonPath.coordinates,B=>(e.openBlock(),e.createElementBlock("text",{x:B.x,y:B.y+d.circleRadius*2,fill:r.color,"font-size":d.circleRadius,"text-anchor":"middle",style:{opacity:"0.8","pointer-events":"none"}},e.toDisplayString(d.name),9,We))),256)),d.nodes&&d.nodes.length>0?(e.openBlock(),e.createBlock(a,{key:0,dataset:d.nodes,color:r.color,hoveredUid:r.hoveredUid},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},Je={style:{position:"relative",height:"100%",width:"100%"}},Ke={__name:"BaseDirectionPad",props:{color:{type:String,default:"#FF0000"},isFullscreen:{type:Boolean,default:!1}},emits:["moveLeft","moveTop","moveRight","moveBottom","reset"],setup(r,{emit:g}){return(m,u)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`position: ${r.isFullscreen?"fixed":"absolute"};bottom:0;right:${r.isFullscreen?"12px":"0"};width:80px;height:80px`),"data-html2canvas-ignore":""},[e.createElementVNode("div",Je,[e.createElementVNode("button",{onClick:u[0]||(u[0]=e.withModifiers(c=>g("moveLeft"),["stop"])),style:{position:"absolute",left:"0",top:"50%",transform:"translateY(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(O.default,{stroke:r.color,name:"arrowLeft",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:u[1]||(u[1]=e.withModifiers(c=>g("moveTop"),["stop"])),style:{position:"absolute",top:"0",left:"50%",transform:"translateX(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(O.default,{stroke:r.color,name:"arrowTop",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:u[2]||(u[2]=e.withModifiers(c=>g("moveRight"),["stop"])),style:{position:"absolute",right:"0",top:"50%",transform:"translateY(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(O.default,{stroke:r.color,name:"arrowRight",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:u[3]||(u[3]=e.withModifiers(c=>g("moveBottom"),["stop"])),style:{position:"absolute",bottom:"0",left:"50%",transform:"translateX(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(O.default,{stroke:r.color,name:"arrowBottom",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:u[4]||(u[4]=e.withModifiers(c=>g("reset"),["stop"])),style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%,-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(O.default,{stroke:r.color,name:"close",style:{cursor:"pointer"},strokeWidth:2},null,8,["stroke"])])])],4))}},Qe=["id"],_e={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},et={key:2,style:"width:100%;background:transparent;"},tt=["xmlns","viewBox"],ot=["width","height"],lt=["id"],nt=["stop-color"],rt=["stop-color"],at={key:6,class:"vue-data-ui-watermark"},st={key:8,ref:"source",dir:"auto"},it=["innerHTML"],ut={__name:"vue-ui-molecule",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(r,{expose:g}){const m=r,{vue_ui_molecule:u}=h.useConfig(),c=e.computed(()=>!!m.dataset&&m.dataset.length);e.onMounted(()=>{w()});function w(){h.objectIsEmpty(m.dataset)&&h.error({componentName:"VueUiMolecule",type:"dataset"})}const a=e.ref(h.createUid()),d=e.ref(null),B=e.ref(!1),v=e.ref(""),x=e.ref(null),z=e.ref(null),$=e.ref(!1),b=e.ref(null),Z=e.ref(null),D=e.ref(0),J=e.ref(0),K=e.ref(0),o=e.computed({get:()=>ee(),set:t=>t}),{userOptionsVisible:A,setUserOptionsVisibility:Q,keepUserOptionState:_}=Ie.useUserOptionState({config:o.value});function ee(){const t=fe.useNestedProp({userConfig:m.config,defaultConfig:u});return t.theme?{...fe.useNestedProp({userConfig:h.themes.vue_ui_molecule[t.theme]||m.config,defaultConfig:t}),customPalette:h.themePalettes[t.theme]||h.palette}:t}e.watch(()=>m.config,t=>{o.value=ee(),A.value=!o.value.showOnChartHover,w(),J.value+=1,K.value+=1,y.value.showTable=o.value.table.show,y.value.showTooltip=o.value.style.chart.tooltip.show},{deep:!0});const{isPrinting:te,isImaging:oe,generatePdf:le,generateImage:ne}=pe.usePrinter({elementId:`cluster_${a.value}`,fileName:o.value.style.chart.title.text||"vue-ui-molecule"}),he=e.computed(()=>o.value.userOptions.show&&!o.value.style.chart.title.text),me=e.computed(()=>h.convertCustomPalette(o.value.customPalette)),y=e.ref({showTable:o.value.table.show,showDataLabels:!0,showTooltip:o.value.style.chart.tooltip.show});function re(t,l=0){return Array.isArray(t)&&t.length>0&&t[0].nodes?re(t[0].nodes,l+1):l}function ge(){const t=re(m.dataset);let l=100,n=l;for(let i=0;i<t;i+=1)l/=1,n+=l;return{height:n,width:n}}const k=e.ref(ge()),I=e.ref(`0 0 ${k.value.width} ${k.value.height}`);function ae(t,l={x:-k.value.width/2.43,y:k.value.height/2},n=k.value.width/1.1,i=24,s=0,p=0,V="#BBBBBB"){if(t&&t.length>0){const Y=h.createPolygonPath({plot:l,radius:n,sides:t.length,rotation:s});t.forEach((f,F)=>{const R=Y.coordinates[F];let P;if(f.ancestor?f.ancestor.ancestor?P=f.ancestor.color||V:(P=me.value[p]||h.palette[p]||V,p+=1):P=V,f.polygonPath={coordinates:[R]},f.circleRadius=i,f.color=P,f.uid=h.createUid(),f.nodes&&f.nodes.length>0){const W=!f.ancestor||!f.ancestor.ancestor?p:0;f.nodes=ae(f.nodes,R,n/2.9,i/2.2,s+Math.PI*F/f.nodes.length,W,P)}})}return t}function ye(t){const l=new Set;function n(s){s.forEach(p=>{p.color&&!l.has(p.color)&&l.add(p.color),p.nodes&&p.nodes.length>0&&n(p.nodes)})}n(t);const i={};return Array.from(l).forEach((s,p)=>{i[s]=`gradient_${p}`}),i}const ke=e.computed(()=>ye(C.value)),C=e.computed(()=>ae(m.dataset));function H(){$.value=!1,z.value=null,Z.value=null,b.value=null,j({polygonPath:{coordinates:[{x:k.value.width/2,y:k.value.height/2}]},circleRadius:24})}const q=e.ref(null);function j(t){x.value.focus(),e.nextTick(()=>{q.value&&cancelAnimationFrame(q.value);const l=I.value.split(" "),n=parseFloat(l[0]),i=parseFloat(l[1]),s=parseFloat(l[2]),p=parseFloat(l[3]),{x:V,y:Y}=t.polygonPath.coordinates[0],{circleRadius:f}=t,F=8.34,R=V-f*F,P=Y-f*F,W=f*F*2,Ne=f*F*2,Te=Math.sqrt((R-n)**2+(P-i)**2),L=Math.min(1200,Math.max(20,Math.floor(Te/10))),Ee=(R-n)/L,Se=(P-i)/L,Ve=(W-s)/L,Re=(Ne-p)/L;let E=0;function ve(){I.value=`${n+Ee*E} ${i+Se*E} ${s+Ve*E} ${p+Re*E}`,E+=o.value.style.chart.zoom.speed,E<=L&&(q.value=requestAnimationFrame(ve))}ve()})}function be(t){z.value===t.uid?H():(z.value=t.uid,Z.value=t,b.value={circleRadius:t.circleRadius,polygonPath:{coordinates:[{x:t.polygonPath.coordinates[0].x,y:t.polygonPath.coordinates[0].y}]}},j(t),$.value=t.uid!==C.value[0].uid)}function Ce(t){if(t.target.nodeName!=="circle")H(),$.value=!1;else return}const G=e.ref(null);function Be(t){G.value={datapoint:t,seriesIndex:-1,series:C.value,config:o.value};const l=o.value.style.chart.tooltip.customFormat;if(h.isFunction(l)&&h.functionReturnsString(()=>l({seriesIndex:-1,datapoint:t,series:C.value,config:o.value})))v.value=l({seriesIndex:-1,datapoint:t,series:C.value,config:o.value});else{let n="";n+=`<div style="display:flex;align-items:center;gap:3px"><div style="color:${t.color}">⬤</div><div>${t.name}</div></div>`,t.details&&(n+=`<div style="width:100%;border-top:1px solid ${o.value.style.chart.tooltip.borderColor};margin-top: 2px">${t.details}</div>`),v.value=`<div style="font-family:inherit">${n}</div>`}}const se=e.ref(null),S=e.ref(null);function we(t){se.value=t,t?(B.value=!0,Be(t),S.value=t.uid):(B.value=!1,v.value="",S.value=null)}function U(t){t==="right"&&(b.value.polygonPath.coordinates[0].x+=b.value.circleRadius),t==="left"&&(b.value.polygonPath.coordinates[0].x-=b.value.circleRadius),t==="top"&&(b.value.polygonPath.coordinates[0].y-=b.value.circleRadius),t==="bottom"&&(b.value.polygonPath.coordinates[0].y+=b.value.circleRadius),j(b.value)}function xe(t){const l=[];function n(i){i.forEach(s=>{const p={name:s.name,details:s.details||"-",ancestor:s.ancestor&&s.ancestor.name||"-",color:s.color||""};l.push(p),s.nodes&&s.nodes.length>0&&n(s.nodes,s.name)})}return n(t),l}const $e=e.computed(()=>xe(C.value)),N=e.computed(()=>{const t=[o.value.table.translations.nodeName,o.value.table.translations.details,o.value.table.translations.ancestor],l=$e.value.map((s,p)=>[{color:s.color,name:s.name},s.details,s.ancestor||""]),n={th:{backgroundColor:o.value.table.th.backgroundColor,color:o.value.table.th.color,outline:o.value.table.th.outline},td:{backgroundColor:o.value.table.td.backgroundColor,color:o.value.table.td.color,outline:o.value.table.td.outline},breakpoint:o.value.table.responsiveBreakpoint},i=[o.value.table.translations.nodeName,o.value.table.translations.details,o.value.table.translations.ancestor];return{head:t,body:l,config:n,colNames:i}});function ie(){e.nextTick(()=>{const t=N.value.body.map((i,s)=>[[i[0].name],[i[1]],[i[2]]]),l=[[o.value.style.chart.title.text],[o.value.style.chart.title.subtitle.text],[[...N.value.head]]].concat(t),n=h.createCsvContent(l);h.downloadCsv({csvContent:n,title:o.value.style.chart.title.text||"vue-ui-molecule"})})}function Pe(){return C.value}const T=e.ref(!1);function Fe(t){T.value=t,D.value+=1}function ue(){y.value.showTable=!y.value.showTable}function ce(){y.value.showDataLabels=!y.value.showDataLabels}function de(){y.value.showTooltip=!y.value.showTooltip}const M=e.ref(!1);function X(){M.value=!M.value}return g({getData:Pe,generatePdf:le,generateCsv:ie,generateImage:ne,toggleTable:ue,toggleLabels:ce,toggleTooltip:de,toggleAnnotator:X}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"moleculeChart",ref:x,class:e.normalizeClass(`vue-ui-molecule ${T.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`font-family:${o.value.style.fontFamily};width:100%; text-align:center;background:${o.value.style.chart.backgroundColor}`),id:`cluster_${a.value}`,onMouseleave:l[7]||(l[7]=n=>{se.value=null,S.value=null,e.unref(Q)(!1)}),onMouseenter:l[8]||(l[8]=()=>e.unref(Q)(!0))},[o.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Ae.PenAndPaper,{key:0,parent:x.value,backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color,active:M.value,onClose:X},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),he.value?(e.openBlock(),e.createElementBlock("div",_e,null,512)):e.createCommentVNode("",!0),o.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",et,[(e.openBlock(),e.createBlock(Le._sfc_main,{key:`title_${J.value}`,config:{title:{cy:"molecule-div-title",...o.value.style.chart.title},subtitle:{cy:"molecule-div-subtitle",...o.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),o.value.userOptions.show&&c.value&&(e.unref(_)||e.unref(A))?(e.openBlock(),e.createBlock(pe.UserOptions,{ref_key:"details",ref:d,key:`user_options_${D.value}`,backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color,isPrinting:e.unref(te),isImaging:e.unref(oe),uid:a.value,hasTooltip:o.value.userOptions.buttons.tooltip&&o.value.style.chart.tooltip.show,hasPdf:o.value.userOptions.buttons.pdf,hasXls:o.value.userOptions.buttons.csv,hasImg:o.value.userOptions.buttons.img,hasTable:o.value.userOptions.buttons.table,hasLabel:o.value.userOptions.buttons.labels,hasFullscreen:o.value.userOptions.buttons.fullscreen,isTooltip:y.value.showTooltip,titles:{...o.value.userOptions.buttonTitles},chartElement:x.value,position:o.value.userOptions.position,hasAnnotator:o.value.userOptions.buttons.annotator,isAnnotation:M.value,onToggleFullscreen:Fe,onGeneratePdf:e.unref(le),onGenerateCsv:ie,onGenerateImage:e.unref(ne),onToggleTable:ue,onToggleLabels:ce,onToggleTooltip:de,onToggleAnnotator:X,style:e.normalizeStyle({visibility:e.unref(_)?e.unref(A)?"visible":"hidden":"visible"})},e.createSlots({_:2},[t.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,t.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,t.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,t.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,t.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,t.$slots.optionLabels?{name:"optionLabels",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionLabels",{},void 0,!0)]),key:"5"}:void 0,t.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:i})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:i})),void 0,!0)]),key:"6"}:void 0,t.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:n,isAnnotator:i})=>[e.renderSlot(t.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:n,isAnnotator:i})),void 0,!0)]),key:"7"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasXls","hasImg","hasTable","hasLabel","hasFullscreen","isTooltip","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(h.XMLNS),viewBox:I.value,class:e.normalizeClass({"vue-data-ui-fullscreen--on":T.value,"vue-data-ui-fulscreen--off":!T.value}),style:e.normalizeStyle(`overflow: hidden; background:transparent;color:${o.value.style.chart.color}`),onClick:l[0]||(l[0]=e.withModifiers(n=>Ce(n),["stop"]))},[e.createVNode(De._sfc_main),t.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:k.value.width<=0?10:k.value.width,height:k.value.height<=0?10:k.value.height,style:{pointerEvents:"none"}},[e.renderSlot(t.$slots,"chart-background",{},void 0,!0)],8,ot)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(ke.value),n=>(e.openBlock(),e.createElementBlock("radialGradient",{id:`gradient_${n}`,cx:"50%",cy:"30%",r:"50%",fx:"50%",fy:"50%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(h.lightenHexColor)(n,.5)},null,8,nt),e.createElementVNode("stop",{offset:"100%","stop-color":n},null,8,rt)],8,lt))),256))]),e.createVNode(Ye,{dataset:C.value,color:o.value.style.chart.links.stroke,backgroundColor:o.value.style.chart.backgroundColor},null,8,["dataset","color","backgroundColor"]),e.createVNode(je,{dataset:C.value,hoveredUid:S.value,stroke:o.value.style.chart.nodes.stroke,strokeHovered:o.value.style.chart.nodes.strokeHovered,onZoom:be,onHover:we},null,8,["dataset","hoveredUid","stroke","strokeHovered"]),y.value.showDataLabels?(e.openBlock(),e.createBlock(Ze,{key:1,dataset:C.value,color:o.value.style.chart.color,hoveredUid:S.value},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"svg",{svg:k.value},void 0,!0)],14,tt)):e.createCommentVNode("",!0),$.value?(e.openBlock(),e.createBlock(Ke,{key:`direction_pad_${D.value}`,color:o.value.style.chart.color,isFullscreen:T.value,onMoveLeft:l[1]||(l[1]=n=>U("left")),onMoveRight:l[2]||(l[2]=n=>U("right")),onMoveTop:l[3]||(l[3]=n=>U("top")),onMoveBottom:l[4]||(l[4]=n=>U("bottom")),onReset:l[5]||(l[5]=n=>{H(),$.value=!1})},null,8,["color","isFullscreen"])):e.createCommentVNode("",!0),t.$slots.watermark?(e.openBlock(),e.createElementBlock("div",at,[e.renderSlot(t.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(te)||e.unref(oe)})),void 0,!0)])):e.createCommentVNode("",!0),c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Ue.default,{key:7,config:{type:"molecule",style:{backgroundColor:o.value.style.chart.backgroundColor,molecule:{color:"#CCCCCC"}}}},null,8,["config"])),t.$slots.source?(e.openBlock(),e.createElementBlock("div",st,[e.renderSlot(t.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createVNode(ze._sfc_main,{show:y.value.showTooltip&&B.value,backgroundColor:o.value.style.chart.tooltip.backgroundColor,color:o.value.style.chart.tooltip.color,borderRadius:o.value.style.chart.tooltip.borderRadius,borderColor:o.value.style.chart.tooltip.borderColor,borderWidth:o.value.style.chart.tooltip.borderWidth,fontSize:o.value.style.chart.tooltip.fontSize,backgroundOpacity:o.value.style.chart.tooltip.backgroundOpacity,position:o.value.style.chart.tooltip.position,offsetY:o.value.style.chart.tooltip.offsetY,parent:x.value,content:v.value,isFullscreen:T.value,isCustom:o.value.style.chart.tooltip.customFormat&&typeof o.value.style.chart.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...G.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...G.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isFullscreen","isCustom"]),c.value?(e.openBlock(),e.createBlock(Me.default,{key:9,hideDetails:"",config:{open:y.value.showTable,maxHeight:1e4,body:{backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color},head:{backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(Oe.DataTable,{key:`table_${K.value}`,colNames:N.value.colNames,head:N.value.head,body:N.value.body,config:N.value.config,title:`${o.value.style.chart.title.text}${o.value.style.chart.title.subtitle.text?` : ${o.value.style.chart.title.subtitle.text}`:""}`,onClose:l[6]||(l[6]=n=>y.value.showTable=!1)},{th:e.withCtx(({th:n})=>[e.createElementVNode("div",{innerHTML:n,style:{display:"flex","align-items":"center"}},null,8,it)]),td:e.withCtx(({td:n})=>[e.createTextVNode(e.toDisplayString(n.name||n),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,Qe))}},ct=He._export_sfc(ut,[["__scopeId","data-v-74208540"]]);exports.default=ct;