vue-data-ui 2.7.2 → 2.7.3

package/dist/{vue-ui-onion-DjoQuBo8.js → vue-ui-onion-DGU0vHXZ.js}

@@ -1,20 +1,20 @@
-import { computed as h, ref as r, watch as we, onMounted as Xe, onBeforeUnmount as Ge, createElementBlock as u, openBlock as s, unref as i, normalizeStyle as B, normalizeClass as U, createBlock as C, createCommentVNode as g, createElementVNode as O, createVNode as $e, createSlots as Ee, withCtx as f, renderSlot as d, normalizeProps as _, guardReactiveProps as P, Fragment as M, renderList as N, toDisplayString as I, createTextVNode as He, nextTick as We } from "vue";
-import { u as je, c as qe, t as Je, p as Ce, a as Ke, b as Qe, o as Ze, e as K, d as et, X as tt, f as R, i as Q, x as xe, q as at, r as lt, y as ot } from "./index-gC66Se26.js";
-import { t as nt, u as st } from "./useResponsive-Cw4oZ8sQ.js";
-import { _ as rt } from "./Title-Co3F59jq.js";
-import { u as ut, U as it } from "./usePrinter-KMFl0n0s.js";
-import { L as ct } from "./Legend-CmKaL7xe.js";
-import { D as dt } from "./DataTable-C_28ZqiP.js";
-import { _ as vt } from "./Tooltip-Cr89wMKa.js";
-import ht from "./vue-ui-skeleton-7Zfds6H1.js";
-import ft from "./vue-ui-accordion-j2beIma_.js";
-import { u as Te } from "./useNestedProp-BusTOV-6.js";
-import { _ as gt } from "./PackageVersion-39l3KkzC.js";
-import { P as pt } from "./PenAndPaper-CmcfpltX.js";
+import { computed as h, ref as r, watch as we, onMounted as Xe, onBeforeUnmount as Ge, createElementBlock as u, openBlock as n, unref as i, normalizeStyle as B, normalizeClass as U, createBlock as C, createCommentVNode as g, createElementVNode as _, createVNode as $e, createSlots as Ee, withCtx as f, renderSlot as d, normalizeProps as O, guardReactiveProps as P, Fragment as M, renderList as N, toDisplayString as I, createTextVNode as He, nextTick as We } from "vue";
+import { u as je, c as qe, t as Je, p as Ce, a as Ke, b as Qe, o as Ze, e as K, d as et, X as tt, f as R, i as Q, x as xe, q as at, r as lt, y as ot } from "./index-B_dU_4T8.js";
+import { t as st, u as nt } from "./useResponsive-Cw4oZ8sQ.js";
+import { _ as rt } from "./Title-ND4kMErl.js";
+import { u as ut, U as it } from "./usePrinter-CLObTJ4a.js";
+import { L as ct } from "./Legend-B4eIw732.js";
+import { D as dt } from "./DataTable-BFNGlApm.js";
+import { _ as vt } from "./Tooltip-BWe5TPIJ.js";
+import ht from "./vue-ui-skeleton-CTZKsfWs.js";
+import ft from "./vue-ui-accordion-C5dj9Voo.js";
+import { u as Te } from "./useNestedProp-7s4Pw7x0.js";
+import { _ as gt } from "./PackageVersion-BZ8-AoE_.js";
+import { _ as pt } from "./PenAndPaper--_AE7XzJ.js";
 import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as mt } from "./useChartAccessibility-BWojgys7.js";
 import { _ as bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], xt = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Tt = ["id"], Ot = ["stdDeviation"], _t = ["filter"], Pt = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], It = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter"], At = { key: 2 }, St = ["onMouseenter"], Ft = ["x", "y", "font-size", "fill", "font-weight"], Mt = {
+const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], xt = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Tt = ["id"], _t = ["stdDeviation"], Ot = ["filter"], Pt = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], It = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter"], At = { key: 2 }, St = ["onMouseenter"], Ft = ["x", "y", "font-size", "fill", "font-weight"], Mt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Nt = ["onClick"], Rt = ["innerHTML"], Dt = {
@@ -34,8 +34,8 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
     }
   },
   emits: ["selectLegend"],
-  setup(Oe, { expose: _e, emit: Pe }) {
-    const { vue_ui_onion: Ie } = je(), w = Oe, D = h(() => !!w.dataset && w.dataset.length), x = r(qe()), Ae = r(null), Z = r(0), L = r(!1), X = r(""), y = r([]), A = r(null), ee = r(null), te = r(null), ae = r(null), le = r(null), oe = r(0), ne = r(0), se = r(0), e = h({
+  setup(_e, { expose: Oe, emit: Pe }) {
+    const { vue_ui_onion: Ie } = je(), w = _e, D = h(() => !!w.dataset && w.dataset.length), x = r(qe()), Ae = r(null), Z = r(0), L = r(!1), X = r(""), y = r([]), A = r(null), ee = r(null), te = r(null), ae = r(null), le = r(null), oe = r(0), se = r(0), ne = r(0), e = h({
       get: () => ce(),
       set: (t) => t
     }), { userOptionsVisible: G, setUserOptionsVisibility: re, keepUserOptionState: ue } = yt({ config: e.value }), { svgRef: ie } = mt({ config: e.value.style.chart.title });
@@ -53,7 +53,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
       } : t;
     }
     we(() => w.config, (t) => {
-      e.value = ce(), G.value = !e.value.userOptions.showOnChartHover, ge(), oe.value += 1, ne.value += 1, se.value += 1, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = ce(), G.value = !e.value.userOptions.showOnChartHover, ge(), oe.value += 1, se.value += 1, ne.value += 1, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: de, isImaging: ve, generatePdf: he, generateImage: fe } = ut({
       elementId: `vue-ui-onion_${x.value}`,
@@ -62,7 +62,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
     }), Se = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), Fe = h(() => Qe(e.value.customPalette)), m = r({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), n = r({
+    }), s = r({
       height: 512,
       width: 512,
       padding: {
@@ -81,8 +81,8 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
         componentName: "VueUiOnion",
         type: "dataset"
       }), e.value.responsive) {
-        const o = nt(() => {
-          const { width: a, height: l } = st({
+        const o = st(() => {
+          const { width: a, height: l } = nt({
             chart: A.value,
             title: e.value.style.chart.title.text ? ee.value : null,
             legend: e.value.style.chart.legend.show ? te.value : null,
@@ -90,7 +90,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
             noTitle: le.value
           });
           requestAnimationFrame(() => {
-            n.value.width = a, n.value.height = l, n.value.padding.top = Math.max(a, l) * 0.125, n.value.padding.right = Math.max(a, l) * 0.125, n.value.padding.bottom = Math.max(a, l) * 0.125, n.value.padding.left = Math.max(a, l) * 0.125, n.value.minRadius = Math.min(a, l) * 0.125;
+            s.value.width = a, s.value.height = l, s.value.padding.top = Math.max(a, l) * 0.125, s.value.padding.right = Math.max(a, l) * 0.125, s.value.padding.bottom = Math.max(a, l) * 0.125, s.value.padding.left = Math.max(a, l) * 0.125, s.value.minRadius = Math.min(a, l) * 0.125;
           });
         });
         V.value = new ResizeObserver(o), V.value.observe(A.value.parentNode);
@@ -100,16 +100,16 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
       V.value && V.value.disconnect();
     });
     const c = h(() => ({
-      top: n.value.padding.top,
-      left: n.value.padding.left,
-      right: n.value.width - n.value.padding.right,
-      bottom: n.value.height - n.value.padding.bottom,
-      centerX: n.value.width / 2,
-      centerY: n.value.height / 2,
-      width: n.value.width - n.value.padding.right - n.value.padding.left,
-      height: n.value.height - n.value.padding.bottom - n.value.padding.top,
-      minRadius: n.value.minRadius,
-      maxRadius: Math.min(n.value.width, n.value.height) - n.value.padding.top * 2
+      top: s.value.padding.top,
+      left: s.value.padding.left,
+      right: s.value.width - s.value.padding.right,
+      bottom: s.value.height - s.value.padding.bottom,
+      centerX: s.value.width / 2,
+      centerY: s.value.height / 2,
+      width: s.value.width - s.value.padding.right - s.value.padding.left,
+      height: s.value.height - s.value.padding.bottom - s.value.padding.top,
+      minRadius: s.value.minRadius,
+      maxRadius: Math.min(s.value.width, s.value.height) - s.value.padding.top * 2
     })), v = h(() => (w.dataset.forEach((t, o) => {
       [null, void 0].includes(t.name) && K({
         componentName: "VueUiOnion",
@@ -285,7 +285,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
     function j() {
       Y.value = !Y.value;
     }
-    return _e({
+    return Oe({
       getData: Be,
       generatePdf: he,
       generateCsv: ye,
@@ -293,7 +293,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
       toggleTable: be,
       toggleTooltip: ke,
       toggleAnnotator: j
-    }), (t, o) => (s(), u("div", {
+    }), (t, o) => (n(), u("div", {
       class: U(`vue-ui-onion ${T.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "onionChart",
       ref: A,
@@ -302,7 +302,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
       onMouseenter: o[4] || (o[4] = () => i(re)(!0)),
       onMouseleave: o[5] || (o[5] = () => i(re)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), C(pt, {
+      e.value.userOptions.buttons.annotator ? (n(), C(pt, {
         key: 0,
         svgRef: i(ie),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -310,20 +310,20 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
         active: Y.value,
         onClose: j
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
-      Se.value ? (s(), u("div", {
+      Se.value ? (n(), u("div", {
         key: 1,
         ref_key: "noTitle",
         ref: le,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : g("", !0),
-      e.value.style.chart.title.text ? (s(), u("div", {
+      e.value.style.chart.title.text ? (n(), u("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: ee,
         style: "width:100%;background:transparent"
       }, [
-        (s(), C(rt, {
+        (n(), C(rt, {
           key: `title_${oe.value}`,
           config: {
             title: {
@@ -337,7 +337,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
           }
         }, null, 8, ["config"]))
       ], 512)) : g("", !0),
-      e.value.userOptions.show && D.value && (i(ue) || i(G)) ? (s(), C(it, {
+      e.value.userOptions.show && D.value && (i(ue) || i(G)) ? (n(), C(it, {
         ref_key: "details",
         ref: Ae,
         key: `user_options${Z.value}`,
@@ -373,7 +373,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: f(({ isOpen: a, color: l }) => [
-            d(t.$slots, "menuIcon", _(P({ isOpen: a, color: l })), void 0, !0)
+            d(t.$slots, "menuIcon", O(P({ isOpen: a, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -415,41 +415,41 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: f(({ toggleFullscreen: a, isFullscreen: l }) => [
-            d(t.$slots, "optionFullscreen", _(P({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
+            d(t.$slots, "optionFullscreen", O(P({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: f(({ toggleAnnotator: a, isAnnotator: l }) => [
-            d(t.$slots, "optionAnnotator", _(P({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
+            d(t.$slots, "optionAnnotator", O(P({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
           ]),
           key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
-      D.value ? (s(), u("svg", {
+      D.value ? (n(), u("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: ie,
         xmlns: i(tt),
         class: U({ "vue-data-ui-fullscreen--on": T.value, "vue-data-ui-fulscreen--off": !T.value }),
-        viewBox: `0 0 ${n.value.width <= 0 ? 10 : n.value.width} ${n.value.height <= 0 ? 10 : n.value.height}`,
+        viewBox: `0 0 ${s.value.width <= 0 ? 10 : s.value.width} ${s.value.height <= 0 ? 10 : s.value.height}`,
         style: B(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         $e(gt),
-        t.$slots["chart-background"] ? (s(), u("foreignObject", {
+        t.$slots["chart-background"] ? (n(), u("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: n.value.width <= 0 ? 10 : n.value.width,
-          height: n.value.height <= 0 ? 10 : n.value.height,
+          width: s.value.width <= 0 ? 10 : s.value.width,
+          height: s.value.height <= 0 ? 10 : s.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           d(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, $t)) : g("", !0),
-        (s(!0), u(M, null, N(b.value, (a, l) => (s(), u("circle", {
+        (n(!0), u(M, null, N(b.value, (a, l) => (n(), u("circle", {
           cx: c.value.centerX,
           cy: c.value.centerY,
           r: a.radius <= 0 ? 1e-4 : a.radius,
@@ -462,7 +462,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
           class: U({ "vue-ui-onion-path": !0, "vue-ui-onion-blur": e.value.useBlurOnHover && ![null, void 0].includes(k.value) && k.value !== l }),
           style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" }
         }, null, 10, Ct))), 256)),
-        (s(!0), u(M, null, N(b.value, (a, l) => (s(), u("circle", {
+        (n(!0), u(M, null, N(b.value, (a, l) => (n(), u("circle", {
           cx: c.value.centerX,
           cy: c.value.centerY,
           r: a.radius < 0 ? 1e-4 : a.radius,
@@ -475,25 +475,25 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
           "stroke-linecap": "round",
           style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" }
         }, null, 10, xt))), 256)),
-        O("defs", null, [
-          O("filter", {
+        _("defs", null, [
+          _("filter", {
             id: `blur_${x.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
             height: "200%"
           }, [
-            O("feGaussianBlur", {
+            _("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 100 / e.value.style.chart.gradientIntensity
-            }, null, 8, Ot)
+            }, null, 8, _t)
           ], 8, Tt)
         ]),
-        e.value.style.chart.useGradient ? (s(), u("g", {
+        e.value.style.chart.useGradient ? (n(), u("g", {
           key: 1,
           filter: `url(#blur_${x.value})`
         }, [
-          (s(!0), u(M, null, N(b.value, (a, l) => (s(), u("circle", {
+          (n(!0), u(M, null, N(b.value, (a, l) => (n(), u("circle", {
             cx: c.value.centerX,
             cy: c.value.centerY,
             r: a.radius <= 0 ? 1e-4 : a.radius,
@@ -505,8 +505,8 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
             "stroke-dashoffset": a.path.dashOffset,
             style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" }
           }, null, 8, Pt))), 256))
-        ], 8, _t)) : g("", !0),
-        (s(!0), u(M, null, N(b.value, (a, l) => (s(), u("circle", {
+        ], 8, Ot)) : g("", !0),
+        (n(!0), u(M, null, N(b.value, (a, l) => (n(), u("circle", {
           cx: c.value.centerX,
           cy: c.value.centerY,
           r: a.radius <= 0 ? 1e-4 : a.radius,
@@ -527,8 +527,8 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
             k.value = void 0, L.value = !1;
           })
         }, null, 40, It))), 256)),
-        e.value.style.chart.layout.labels.show ? (s(), u("g", At, [
-          (s(!0), u(M, null, N(b.value, (a, l) => (s(), u("g", {
+        e.value.style.chart.layout.labels.show ? (n(), u("g", At, [
+          (n(!0), u(M, null, N(b.value, (a, l) => (n(), u("g", {
             onMouseenter: (p) => me({
               datapoint: a,
               show: !0,
@@ -538,9 +538,9 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
               k.value = void 0, L.value = !1;
             })
           }, [
-            y.value.includes(a.id) ? g("", !0) : (s(), u("text", {
+            y.value.includes(a.id) ? g("", !0) : (n(), u("text", {
               key: 0,
-              x: n.value.width / 2 - $.value.gutter * 0.8 + e.value.style.chart.layout.labels.offsetX,
+              x: s.value.width / 2 - $.value.gutter * 0.8 + e.value.style.chart.layout.labels.offsetX,
               y: a.labelY + e.value.style.chart.layout.labels.offsetY,
               "text-anchor": "end",
               "font-size": e.value.style.chart.layout.labels.fontSize,
@@ -573,12 +573,12 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
             )})` : ""}`), 9, Ft))
           ], 40, St))), 256))
         ])) : g("", !0),
-        d(t.$slots, "svg", { svg: n.value }, void 0, !0)
+        d(t.$slots, "svg", { svg: s.value }, void 0, !0)
       ], 14, wt)) : g("", !0),
-      t.$slots.watermark ? (s(), u("div", Mt, [
-        d(t.$slots, "watermark", _(P({ isPrinting: i(de) || i(ve) })), void 0, !0)
+      t.$slots.watermark ? (n(), u("div", Mt, [
+        d(t.$slots, "watermark", O(P({ isPrinting: i(de) || i(ve) })), void 0, !0)
       ])) : g("", !0),
-      D.value ? g("", !0) : (s(), C(ht, {
+      D.value ? g("", !0) : (n(), C(ht, {
         key: 6,
         config: {
           type: "onion",
@@ -590,18 +590,18 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
           }
         }
       }, null, 8, ["config"])),
-      O("div", {
+      _("div", {
         ref_key: "chartLegend",
         ref: te
       }, [
-        e.value.style.chart.legend.show ? (s(), C(ct, {
-          key: `legend_${se.value}`,
+        e.value.style.chart.legend.show ? (n(), C(ct, {
+          key: `legend_${ne.value}`,
           legendSet: v.value,
           config: Le.value,
           onClickMarker: o[2] || (o[2] = ({ legend: a }) => pe(a.id))
         }, {
           item: f(({ legend: a }) => [
-            O("div", {
+            _("div", {
               "data-cy-legend-item": "",
               onClick: (l) => a.segregate(),
               style: B(`opacity:${y.value.includes(a.id) ? 0.5 : 1}`)
@@ -613,7 +613,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
           legend: v.value
         }, void 0, !0)
       ], 512),
-      t.$slots.source ? (s(), u("div", {
+      t.$slots.source ? (n(), u("div", {
         key: 7,
         ref_key: "source",
         ref: ae,
@@ -638,14 +638,14 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
         isCustom: i(xe)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": f(() => [
-          d(t.$slots, "tooltip-before", _(P({ ...W.value })), void 0, !0)
+          d(t.$slots, "tooltip-before", O(P({ ...W.value })), void 0, !0)
         ]),
         "tooltip-after": f(() => [
-          d(t.$slots, "tooltip-after", _(P({ ...W.value })), void 0, !0)
+          d(t.$slots, "tooltip-after", O(P({ ...W.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      D.value ? (s(), C(ft, {
+      D.value ? (n(), C(ft, {
         key: 8,
         hideDetails: "",
         config: {
@@ -662,8 +662,8 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
         }
       }, {
         content: f(() => [
-          (s(), C(dt, {
-            key: `table_${ne.value}`,
+          (n(), C(dt, {
+            key: `table_${se.value}`,
             colNames: z.value.colNames,
             head: z.value.head,
             body: z.value.body,
@@ -675,7 +675,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = ["width", "height"], Ct = ["c
               He(I(a), 1)
             ]),
             td: f(({ td: a }) => [
-              O("div", { innerHTML: a }, null, 8, Rt)
+              _("div", { innerHTML: a }, null, 8, Rt)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))

package/dist/{vue-ui-parallel-coordinate-plot-DWGVzaHE.js → vue-ui-parallel-coordinate-plot-B4tVo343.js}

@@ -1,17 +1,17 @@
-import { computed as b, ref as v, watch as Xe, onMounted as Ye, onBeforeUnmount as qe, createElementBlock as i, openBlock as u, unref as x, normalizeStyle as T, normalizeClass as W, createBlock as z, createCommentVNode as m, createElementVNode as F, createVNode as Me, createSlots as Je, withCtx as k, renderSlot as f, normalizeProps as S, guardReactiveProps as D, Fragment as C, renderList as I, toDisplayString as R, createTextVNode as Ke } from "vue";
-import { u as Qe, c as ee, t as Ze, p as H, a as et, o as tt, e as ze, g as at, b as lt, d as ot, D as st, S as nt, T as ut, U as it, X as rt, x as Ie, F as G, q as ct, r as vt, i as Fe, f as Pe, y as dt } from "./index-gC66Se26.js";
+import { computed as b, ref as v, watch as Xe, onMounted as Ye, onBeforeUnmount as qe, createElementBlock as i, openBlock as u, unref as x, normalizeStyle as T, normalizeClass as W, createBlock as z, createCommentVNode as m, createElementVNode as F, createVNode as Me, createSlots as Je, withCtx as k, renderSlot as f, normalizeProps as S, guardReactiveProps as D, Fragment as $, renderList as I, toDisplayString as R, createTextVNode as Ke } from "vue";
+import { u as Qe, c as ee, t as Ze, p as H, a as et, o as tt, e as ze, g as at, b as lt, d as ot, D as st, S as nt, T as ut, U as it, X as rt, x as Ie, F as G, q as ct, r as vt, i as Fe, f as Pe, y as dt } from "./index-B_dU_4T8.js";
 import { t as ht, u as pt } from "./useResponsive-Cw4oZ8sQ.js";
-import { _ as mt } from "./Title-Co3F59jq.js";
-import { L as yt } from "./Legend-CmKaL7xe.js";
-import { _ as ft } from "./Tooltip-Cr89wMKa.js";
-import { _ as gt } from "./Shape-iIO-95sh.js";
-import { u as bt, U as xt } from "./usePrinter-KMFl0n0s.js";
-import { D as kt } from "./DataTable-C_28ZqiP.js";
-import wt from "./vue-ui-accordion-j2beIma_.js";
-import Ct from "./vue-ui-skeleton-7Zfds6H1.js";
-import { u as Ne } from "./useNestedProp-BusTOV-6.js";
-import { _ as $t } from "./PackageVersion-39l3KkzC.js";
-import { P as At } from "./PenAndPaper-CmcfpltX.js";
+import { _ as mt } from "./Title-ND4kMErl.js";
+import { L as yt } from "./Legend-B4eIw732.js";
+import { _ as ft } from "./Tooltip-BWe5TPIJ.js";
+import { _ as gt } from "./Shape-BQd108EW.js";
+import { u as bt, U as xt } from "./usePrinter-CLObTJ4a.js";
+import { D as kt } from "./DataTable-BFNGlApm.js";
+import wt from "./vue-ui-accordion-C5dj9Voo.js";
+import $t from "./vue-ui-skeleton-CTZKsfWs.js";
+import { u as Ne } from "./useNestedProp-7s4Pw7x0.js";
+import { _ as Ct } from "./PackageVersion-BZ8-AoE_.js";
+import { _ as At } from "./PenAndPaper--_AE7XzJ.js";
 import { u as Tt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as _t } from "./useChartAccessibility-BWojgys7.js";
 import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -161,9 +161,9 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), $ = v([]);
+    }), C = v([]);
     function ge(t) {
-      $.value.includes(t) ? $.value = $.value.filter((l) => l !== t) : $.value.push(t);
+      C.value.includes(t) ? C.value = C.value.filter((l) => l !== t) : C.value.push(t);
     }
     const M = b(() => _.dataset.map((t, l) => {
       const a = ot(t.color) || We.value[l] || H[l] || H[l % H.length];
@@ -181,9 +181,9 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
       };
     })), Ee = b(() => M.value.map((t) => ({
       ...t,
-      opacity: $.value.includes(t.id) ? 0.5 : 1,
+      opacity: C.value.includes(t.id) ? 0.5 : 1,
       segregate: () => ge(t.id),
-      isSegregated: $.value.includes(t.id)
+      isSegregated: C.value.includes(t.id)
     }))), Ve = b(() => ({
       cy: "pcp-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
@@ -192,8 +192,8 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), be = b(() => Math.max(
-      ...M.value.filter((t) => !$.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((l) => l.values.length)))
-    )), w = b(() => c.value.width / be.value), q = b(() => M.value.filter((t) => !$.value.includes(t.id))), g = b(() => {
+      ...M.value.filter((t) => !C.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((l) => l.values.length)))
+    )), w = b(() => c.value.width / be.value), q = b(() => M.value.filter((t) => !C.value.includes(t.id))), g = b(() => {
       let t = [];
       for (let l = 0; l < be.value; l += 1) {
         const a = Math.min(...q.value.flatMap((p) => p.series.map((B) => B.values[l] || 0) || 0)), o = Math.max(...q.value.flatMap((p) => p.series.map((B) => B.values[l] || 0) || 0)), n = o === a ? a / 4 : a, s = o === a ? o * 2 : o, r = st(n, s, e.value.style.chart.yAxis.scaleTicks), A = r.ticks.map((p, B) => {
@@ -324,12 +324,12 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
       const t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], l = ke.value.head, a = ke.value.body, o = t.concat([l]).concat(a), n = ct(o);
       vt({ csvContent: n, title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot" });
     }
-    const Ce = Se;
+    const $e = Se;
     function Be(t) {
-      Ce("selectDatapoint", t);
+      $e("selectDatapoint", t);
     }
-    function $e(t) {
-      Ce("selectLegend", {
+    function Ce(t) {
+      $e("selectLegend", {
         ...t,
         isSegregated: !t.isSegregated,
         opacity: t.isSegregated ? 1 : 0.5
@@ -501,7 +501,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
         viewBox: `0 0 ${c.value.chartWidth <= 0 ? 10 : c.value.chartWidth} ${c.value.chartHeight <= 0 ? 10 : c.value.chartHeight}`,
         style: T(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Me($t),
+        Me(Ct),
         t.$slots["chart-background"] ? (u(), i("foreignObject", {
           key: 0,
           x: c.value.left,
@@ -514,7 +514,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
         }, [
           f(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Ft)) : m("", !0),
-        (u(!0), i(C, null, I(g.value, (a, o) => (u(), i("g", Pt, [
+        (u(!0), i($, null, I(g.value, (a, o) => (u(), i("g", Pt, [
           F("line", {
             x1: c.value.left + w.value * o + w.value / 2,
             x2: c.value.left + w.value * o + w.value / 2,
@@ -531,8 +531,8 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
             "font-weight": e.value.style.chart.yAxis.labels.axisNamesBold ? "bold" : "",
             "text-anchor": "middle"
           }, R(a.name), 9, Ot),
-          e.value.style.chart.yAxis.labels.ticks.show ? (u(), i(C, { key: 0 }, [
-            (u(!0), i(C, null, I(a.ticks, (n) => (u(), i("line", {
+          e.value.style.chart.yAxis.labels.ticks.show ? (u(), i($, { key: 0 }, [
+            (u(!0), i($, null, I(a.ticks, (n) => (u(), i("line", {
               x1: n.x,
               x2: n.x - 10,
               y1: n.y,
@@ -541,7 +541,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
               "stroke-width": e.value.style.chart.yAxis.strokeWidth,
               style: T(`opacity:${y.value && !h.value.showTooltip ? 0.2 : 1}`)
             }, null, 12, Lt))), 256)),
-            (u(!0), i(C, null, I(a.ticks, (n) => (u(), i("text", {
+            (u(!0), i($, null, I(a.ticks, (n) => (u(), i("text", {
               x: n.x - 12 + e.value.style.chart.yAxis.labels.ticks.offsetX,
               y: n.y + e.value.style.chart.yAxis.labels.ticks.offsetY + d.value.ticksFontSize / 3,
               fill: e.value.style.chart.yAxis.labels.ticks.color,
@@ -552,10 +552,10 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
             }, R(xe({ value: n.value, index: o, datapoint: n })), 13, St))), 256))
           ], 64)) : m("", !0)
         ]))), 256)),
-        (u(!0), i(C, null, I(J.value, (a) => (u(), i("g", null, [
-          (u(!0), i(C, null, I(a.series, (o, n) => (u(), i("g", null, [
+        (u(!0), i($, null, I(J.value, (a) => (u(), i("g", null, [
+          (u(!0), i($, null, I(a.series, (o, n) => (u(), i("g", null, [
             e.value.style.chart.plots.show ? (u(), i("g", Dt, [
-              (u(!0), i(C, null, I(o.datapoints, (s) => (u(), z(gt, {
+              (u(!0), i($, null, I(o.datapoints, (s) => (u(), z(gt, {
                 plot: { x: s.x, y: s.y },
                 color: a.color,
                 shape: a.shape,
@@ -575,7 +575,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
                 style: T(`opacity:${y.value ? y.value === o.id ? e.value.style.chart.plots.opacity : 0.2 : e.value.style.chart.plots.opacity}`),
                 onClick: () => Be(s)
               }, null, 8, ["plot", "color", "shape", "radius", "stroke", "onMouseenter", "style", "onClick"]))), 256)),
-              h.value.showTooltip ? m("", !0) : (u(), i(C, { key: 0 }, [
+              h.value.showTooltip ? m("", !0) : (u(), i($, { key: 0 }, [
                 y.value && y.value === o.id && o.datapoints.length ? (u(), i("text", {
                   key: 0,
                   x: o.datapoints[0].x - d.value.ticksFontSize,
@@ -586,7 +586,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
                   "font-weight": "bold"
                 }, R(o.name), 9, Rt)) : m("", !0)
               ], 64)),
-              e.value.style.chart.comments.show ? (u(!0), i(C, { key: 1 }, I(o.datapoints, (s) => (u(), i("g", null, [
+              e.value.style.chart.comments.show ? (u(!0), i($, { key: 1 }, I(o.datapoints, (s) => (u(), i("g", null, [
                 s.comment ? (u(), i("foreignObject", {
                   key: 0,
                   style: { overflow: "visible" },
@@ -603,7 +603,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
                 ], 8, Ut)) : m("", !0)
               ]))), 256)) : m("", !0)
             ])) : m("", !0),
-            h.value.dataLabels.show || y.value && y.value === o.id ? (u(!0), i(C, { key: 1 }, I(o.datapoints, (s, r) => (u(), i("text", {
+            h.value.dataLabels.show || y.value && y.value === o.id ? (u(!0), i($, { key: 1 }, I(o.datapoints, (s, r) => (u(), i("text", {
               x: s.x + 12 + e.value.style.chart.yAxis.labels.datapoints.offsetX,
               y: s.y + e.value.style.chart.yAxis.labels.datapoints.offsetY + d.value.datapointFontSize / 3,
               fill: e.value.style.chart.yAxis.labels.datapoints.useSerieColor ? a.color : e.value.style.chart.yAxis.labels.datapoints.color,
@@ -667,7 +667,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
       t.$slots.watermark ? (u(), i("div", Bt, [
         f(t.$slots, "watermark", S(D({ isPrinting: x(pe) || x(me) })), void 0, !0)
       ])) : m("", !0),
-      P.value ? m("", !0) : (u(), z(Ct, {
+      P.value ? m("", !0) : (u(), z($t, {
         key: 6,
         config: {
           type: "parallelCoordinatePlot",
@@ -685,15 +685,15 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
           legendSet: Ee.value,
           config: Ve.value,
           onClickMarker: l[4] || (l[4] = ({ legend: a }) => {
-            ge(a.id), $e(a);
+            ge(a.id), Ce(a);
           })
         }, {
           item: k(({ legend: a, index: o }) => [
             F("div", {
               onClick: (n) => {
-                a.segregate(), $e(a);
+                a.segregate(), Ce(a);
               },
-              style: T(`opacity:${$.value.includes(a.id) ? 0.5 : 1}`)
+              style: T(`opacity:${C.value.includes(a.id) ? 0.5 : 1}`)
             }, R(a.name), 13, Ht)
           ]),
           _: 1