vue-data-ui 2.6.6 → 2.6.8

package/dist/{vue-ui-funnel-BZy4SvlW.js → vue-ui-funnel-CVQHETom.js}

@@ -1,20 +1,21 @@
-import { useCssVars as xe, computed as v, onMounted as Le, ref as c, watch as Te, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as _, normalizeClass as T, createBlock as A, createCommentVNode as f, createSlots as Ae, withCtx as k, renderSlot as y, normalizeProps as H, guardReactiveProps as X, createVNode as Ne, createElementVNode as C, mergeProps as q, Fragment as M, renderList as V, toDisplayString as B, createTextVNode as Oe, nextTick as ze } from "vue";
-import { u as Se, o as Pe, e as fe, g as Fe, c as De, d as Ie, l as Me, i as U, f as E, X as Ve, G as Be, F as Y, a as Ue, q as Ee, r as Ge } from "./index-B9qF6XbP.js";
-import { u as be } from "./useNestedProp-g5oKzlVy.js";
-import { u as Re, U as je } from "./usePrinter-DsiBLAy1.js";
-import { _ as He } from "./Title-D6h1gTvZ.js";
-import { P as Xe } from "./PenAndPaper-6UYizrkQ.js";
-import { D as qe } from "./DataTable-CJN0sipt.js";
-import Ye from "./vue-ui-accordion-DBmchkva.js";
-import { t as We, u as Je } from "./useResponsive-BWapHhVH.js";
-import Ke from "./vue-ui-skeleton-CHEZlRpn.js";
-import { u as Qe } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Ze } from "./PackageVersion-DqmHcoqz.js";
-import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["id"], ot = ["stop-color"], rt = ["stop-color"], nt = ["stop-color"], ut = ["stroke", "stroke-width"], it = ["stroke", "stroke-width"], ct = ["x", "y", "font-size", "fill", "font-weight"], vt = ["points", "fill"], dt = ["stroke", "stroke-width", "rx"], ht = ["x", "y", "font-size", "fill", "font-weight"], ft = ["x", "y", "font-size", "fill", "font-weight"], bt = {
+import { useCssVars as Le, computed as v, onMounted as Te, ref as c, watch as Ae, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as _, normalizeClass as T, createBlock as A, createCommentVNode as f, createSlots as Ne, withCtx as k, renderSlot as y, normalizeProps as H, guardReactiveProps as X, createVNode as Oe, createElementVNode as C, mergeProps as q, Fragment as M, renderList as R, toDisplayString as V, createTextVNode as ze, nextTick as Se } from "vue";
+import { u as Pe, o as Fe, e as fe, g as De, c as Ie, d as Me, l as Re, i as B, f as U, X as Ve, G as Be, F as Y, a as Ue, q as Ee, r as Ge } from "./index-CZlI7PiS.js";
+import { u as be } from "./useNestedProp-Cg0NIwr6.js";
+import { u as je, U as He } from "./usePrinter-D-sSdR2l.js";
+import { _ as Xe } from "./Title-DePxeqVl.js";
+import { P as qe } from "./PenAndPaper-CoEXEMcN.js";
+import { D as Ye } from "./DataTable-D0-zzsJg.js";
+import We from "./vue-ui-accordion-DVtmOO3I.js";
+import { t as Je, u as Ke } from "./useResponsive-BWapHhVH.js";
+import Qe from "./vue-ui-skeleton-D8r-yAkW.js";
+import { u as Ze } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as et } from "./PackageVersion-J_USnljf.js";
+import { u as tt } from "./useChartAccessibility-BWojgys7.js";
+import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const lt = ["id"], st = ["xmlns", "viewBox"], ot = ["width", "height"], rt = ["id"], nt = ["stop-color"], ut = ["stop-color"], it = ["stop-color"], ct = ["stroke", "stroke-width"], vt = ["stroke", "stroke-width"], dt = ["x", "y", "font-size", "fill", "font-weight"], ht = ["points", "fill"], ft = ["stroke", "stroke-width", "rx"], bt = ["x", "y", "font-size", "fill", "font-weight"], mt = ["x", "y", "font-size", "fill", "font-weight"], yt = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, mt = ["innerHTML"], yt = {
+}, gt = ["innerHTML"], pt = {
   __name: "vue-ui-funnel",
   props: {
     config: {
@@ -31,17 +32,17 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
     }
   },
   setup(me, { expose: ye }) {
-    xe((t) => ({
-      "1de04001": $e.value
+    Le((t) => ({
+      "3ce0aba8": _e.value
     }));
-    const { vue_ui_funnel: ge } = Se(), m = me, x = v(() => !!m.dataset && m.dataset.length);
-    Le(W);
+    const { vue_ui_funnel: ge } = Pe(), m = me, x = v(() => !!m.dataset && m.dataset.length);
+    Te(W);
     function W() {
-      if (Pe(m.dataset) ? fe({
+      if (Fe(m.dataset) ? fe({
         componentName: "VueUiFunnel",
         type: "dataset"
       }) : m.dataset.forEach((t, l) => {
-        Fe({
+        De({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((a) => {
@@ -53,8 +54,8 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
           });
         });
       }), e.value.responsive) {
-        const t = We(() => {
-          const { width: l, height: a } = Je({
+        const t = Je(() => {
+          const { width: l, height: a } = Ke({
             chart: N.value,
             title: e.value.style.chart.title.text ? te.value : null,
             source: ee.value,
@@ -85,7 +86,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
         ae.value = new ResizeObserver(t), ae.value.observe(N.value.parentNode);
       }
     }
-    const N = c(null), O = c(De()), J = c(0), K = c(0), Q = c(0), Z = c(null), ee = c(null), te = c(null), ae = c(null), w = c(!1);
+    const N = c(null), O = c(Ie()), J = c(0), K = c(0), Q = c(0), Z = c(null), ee = c(null), te = c(null), ae = c(null), w = c(!1);
     function le() {
       const t = be({
         userConfig: m.config,
@@ -101,14 +102,14 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
     const e = v({
       get: () => le(),
       set: (t) => t
-    }), { userOptionsVisible: G, setUserOptionsVisibility: se, keepUserOptionState: oe } = Qe({ config: e.value });
-    Te(() => m.config, (t) => {
-      e.value = le(), G.value = !e.value.userOptions.showOnChartHover, W(), K.value += 1, Q.value += 1, d.value.circles = e.value.style.chart.circles.dataLabels.fontSize, d.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, d.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, z.value.showTable = e.value.table.show;
+    }), { userOptionsVisible: E, setUserOptionsVisibility: se, keepUserOptionState: oe } = Ze({ config: e.value }), { svgRef: pe } = tt({ config: e.value.style.chart.title });
+    Ae(() => m.config, (t) => {
+      e.value = le(), E.value = !e.value.userOptions.showOnChartHover, W(), K.value += 1, Q.value += 1, d.value.circles = e.value.style.chart.circles.dataLabels.fontSize, d.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, d.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, z.value.showTable = e.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: re, isImaging: ne, generatePdf: ue, generateImage: ie } = Re({
+    const { isPrinting: re, isImaging: ne, generatePdf: ue, generateImage: ie } = je({
       elementId: `funnel_${O.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-funnel"
-    }), pe = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), z = c({
+    }), ke = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), z = c({
       showTable: e.value.table.show
     }), d = c({
       circles: e.value.style.chart.circles.dataLabels.fontSize,
@@ -122,7 +123,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
       set: (t) => t
     }), g = v(() => x.value ? m.dataset.map((t, l) => ({
       ...t,
-      color: t.color ? Ie(t.color) : Me(e.value.style.chart.bars.defaultColor, l / m.dataset.length)
+      color: t.color ? Me(t.color) : Re(e.value.style.chart.bars.defaultColor, l / m.dataset.length)
     })) : []);
     setTimeout(() => {
       w.value = !0;
@@ -153,20 +154,20 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
         x: p.value.left + a + ve.value,
         y: r
       };
-    })), ke = v(() => {
+    })), Ce = v(() => {
       const t = o.value.map((l) => `${l.x + l.width},${l.y + (L.value - $.value) / 2}`);
       return `${o.value[0].x},${o.value[0].y + (L.value - $.value) / 2} ${t.toString()} ${o.value.at(-1).x},${o.value.at(-1).y + (L.value - $.value) / 2}`;
-    }), Ce = v(() => ({
+    }), we = v(() => ({
       x1: o.value[0].cx,
       y1: o.value[0].cy,
       x2: o.value.at(-1).cx,
       y2: o.value.at(-1).cy
     })), S = c(!1);
-    function we(t) {
+    function $e(t) {
       S.value = t, J.value += 1;
     }
-    const $e = v(() => `${g.value.length * 150}ms`), D = c(!1);
-    function R() {
+    const _e = v(() => `${g.value.length * 150}ms`), D = c(!1);
+    function G() {
       D.value = !D.value;
     }
     function de() {
@@ -184,20 +185,20 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
         e.value.table.columnNames.value,
         e.value.table.columnNames.percentage
       ], l = P.value.head.map((b, h) => {
-        const F = U(
+        const F = B(
           e.value.style.chart.bars.dataLabels.value.formatter,
           P.value.body[h],
-          E({
+          U({
             p: e.value.style.chart.bars.dataLabels.value.prefix,
             v: P.value.body[h],
             s: e.value.style.chart.bars.dataLabels.value.suffix,
             r: e.value.table.td.roundingValue
           }),
           { datapoint: o.value[h] }
-        ), j = U(
+        ), j = B(
           e.value.style.chart.circles.dataLabels.formatter,
           o.value[h].proportion * 100,
-          E({
+          U({
             v: o.value[h].proportion * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
@@ -234,23 +235,23 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
       };
     });
     function he() {
-      ze(() => {
+      Se(() => {
         const t = P.value.head.map((r, b) => [[
           r.name
         ], [P.value.body[b]], [o.value[b].proportion * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value], ["%"]]].concat(t), a = Ee(l);
         Ge({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-funnel" });
       });
     }
-    function _e() {
+    function xe() {
       return g.value;
     }
     return ye({
-      getData: _e,
+      getData: xe,
       generatePdf: ue,
       generateCsv: he,
       generateImage: ie,
       toggleTable: de,
-      toggleAnnotator: R
+      toggleAnnotator: G
     }), (t, l) => (s(), u("div", {
       ref_key: "funnelChart",
       ref: N,
@@ -260,15 +261,15 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
       onMouseenter: l[1] || (l[1] = () => n(se)(!0)),
       onMouseleave: l[2] || (l[2] = () => n(se)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), A(Xe, {
+      e.value.userOptions.buttons.annotator ? (s(), A(qe, {
         key: 0,
         parent: N.value,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: D.value,
-        onClose: R
+        onClose: G
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : f("", !0),
-      pe.value ? (s(), u("div", {
+      ke.value ? (s(), u("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Z,
@@ -281,7 +282,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
         ref: te,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (s(), A(He, {
+        (s(), A(Xe, {
           key: `title_${K.value}`,
           config: {
             title: {
@@ -295,7 +296,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
           }
         }, null, 8, ["config"]))
       ], 512)) : f("", !0),
-      e.value.userOptions.show && x.value && (n(oe) || n(G)) ? (s(), A(je, {
+      e.value.userOptions.show && x.value && (n(oe) || n(E)) ? (s(), A(He, {
         ref: "details",
         key: `user_option_${J.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -316,16 +317,16 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: D.value,
-        onToggleAnnotator: R,
-        onToggleFullscreen: we,
+        onToggleAnnotator: G,
+        onToggleFullscreen: $e,
         onGeneratePdf: n(ue),
         onGenerateImage: n(ie),
         onToggleTable: de,
         onGenerateCsv: he,
         style: _({
-          visibility: n(oe) ? n(G) ? "visible" : "hidden" : "visible"
+          visibility: n(oe) ? n(E) ? "visible" : "hidden" : "visible"
         })
-      }, Ae({ _: 2 }, [
+      }, Ne({ _: 2 }, [
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: k(() => [
@@ -371,12 +372,14 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
       x.value ? (s(), u("svg", {
         key: 4,
+        ref_key: "svgRef",
+        ref: pe,
         xmlns: n(Ve),
         class: T({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
         viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
         style: _(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Ne(Ze),
+        Oe(et),
         t.$slots["chart-background"] ? (s(), u("foreignObject", {
           key: 0,
           x: 0,
@@ -388,7 +391,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
           }
         }, [
           y(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, lt)) : f("", !0),
+        ], 8, ot)) : f("", !0),
         C("defs", null, [
           C("linearGradient", {
             id: `funnel_area_${O.value}`,
@@ -401,18 +404,18 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
               offset: "0%",
               "stop-color": e.value.style.chart.backgroundColor,
               "stop-opacity": 0
-            }, null, 8, ot),
+            }, null, 8, nt),
             C("stop", {
               offset: "20%",
               "stop-color": e.value.style.chart.area.color
-            }, null, 8, rt),
+            }, null, 8, ut),
             C("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.area.color
-            }, null, 8, nt)
-          ], 8, st)
+            }, null, 8, it)
+          ], 8, rt)
         ]),
-        e.value.style.chart.circleLinks.show ? (s(), u("line", q({ key: 1 }, Ce.value, {
+        e.value.style.chart.circleLinks.show ? (s(), u("line", q({ key: 1 }, we.value, {
           stroke: e.value.style.chart.circleLinks.color,
           "stroke-width": 12 * e.value.style.chart.circleLinks.widthRatio,
           "stroke-linecap": "round",
@@ -423,8 +426,8 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
             strokeDasharray: e.value.useCssAnimation ? p.value.height : 0,
             strokeDashoffset: e.value.useCssAnimation ? p.value.height : 0
           }
-        }), null, 16, ut)) : f("", !0),
-        (s(!0), u(M, null, V(o.value, ({ cx: a, cy: r, r: b, fill: h }, F) => (s(), u("circle", q({ ref_for: !0 }, { cx: a, cy: r, r: b, fill: h }, {
+        }), null, 16, ct)) : f("", !0),
+        (s(!0), u(M, null, R(o.value, ({ cx: a, cy: r, r: b, fill: h }, F) => (s(), u("circle", q({ ref_for: !0 }, { cx: a, cy: r, r: b, fill: h }, {
           stroke: e.value.style.chart.circles.stroke,
           "stroke-width": e.value.style.chart.circles.strokeWidth,
           class: {
@@ -433,8 +436,8 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
           style: {
             animationDelay: `${150 * F}ms`
           }
-        }), null, 16, it))), 256)),
-        (s(!0), u(M, null, V(o.value, (a, r) => (s(), u("text", {
+        }), null, 16, vt))), 256)),
+        (s(!0), u(M, null, R(o.value, (a, r) => (s(), u("text", {
           x: a.cx,
           y: a.cy + d.value.circles / 3 + e.value.style.chart.circles.dataLabels.offsetY,
           "text-anchor": "middle",
@@ -447,19 +450,19 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
           style: _({
             animationDelay: `${150 * r}ms`
           })
-        }, B(n(U)(
+        }, V(n(B)(
           e.value.style.chart.circles.dataLabels.formatter,
           a.proportion * 100,
-          n(E)({
+          n(U)({
             v: a.proportion * 100,
             s: "%",
             r: e.value.style.chart.circles.dataLabels.rounding
           }),
           { datapoint: a }
-        )), 15, ct))), 256)),
+        )), 15, dt))), 256)),
         e.value.style.chart.area.show ? (s(), u("polygon", {
           key: 2,
-          points: ke.value,
+          points: Ce.value,
           fill: `url(#funnel_area_${O.value})`,
           class: T({
             animated: e.value.useCssAnimation && !w.value
@@ -467,8 +470,8 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
           style: _({
             transition: e.value.useCssAnimation ? `all ${150 * g.value.length}ms ease-in` : "none"
           })
-        }, null, 14, vt)) : f("", !0),
-        (s(!0), u(M, null, V(o.value, ({ x: a, y: r, height: b, width: h, fill: F }, j) => (s(), u("rect", q({ ref_for: !0 }, { x: a, y: r, height: b, width: h, fill: F }, {
+        }, null, 14, ht)) : f("", !0),
+        (s(!0), u(M, null, R(o.value, ({ x: a, y: r, height: b, width: h, fill: F }, j) => (s(), u("rect", q({ ref_for: !0 }, { x: a, y: r, height: b, width: h, fill: F }, {
           stroke: e.value.style.chart.bars.stroke,
           "stroke-width": e.value.style.chart.bars.strokeWidth,
           rx: e.value.style.chart.bars.borderRadius,
@@ -478,8 +481,8 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
           style: {
             animationDelay: `${150 * j}ms`
           }
-        }), null, 16, dt))), 256)),
-        (s(!0), u(M, null, V(o.value, (a, r) => (s(), u("g", null, [
+        }), null, 16, ft))), 256)),
+        (s(!0), u(M, null, R(o.value, (a, r) => (s(), u("g", null, [
           C("text", {
             x: a.x + a.width + e.value.style.chart.bars.dataLabels.name.offsetX + 12,
             y: a.cy - d.value.names / 2 + e.value.style.chart.bars.dataLabels.name.offsetY,
@@ -493,7 +496,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
             style: _({
               animationDelay: `${150 * r}ms`
             })
-          }, B(a.name), 15, ht),
+          }, V(a.name), 15, bt),
           C("text", {
             x: a.x + a.width + e.value.style.chart.bars.dataLabels.value.offsetX + 12,
             y: a.cy + d.value.values + e.value.style.chart.bars.dataLabels.value.offsetY,
@@ -507,24 +510,24 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
             style: _({
               animationDelay: `${150 * r}ms`
             })
-          }, B(n(U)(
+          }, V(n(B)(
             e.value.style.chart.bars.dataLabels.value.formatter,
             a.value,
-            n(E)({
+            n(U)({
               p: e.value.style.chart.bars.dataLabels.value.prefix,
               v: a.value,
               s: e.value.style.chart.bars.dataLabels.value.suffix,
               r: e.value.style.chart.bars.dataLabels.value.rounding
             }),
             { datapoint: a }
-          )), 15, ft)
+          )), 15, mt)
         ]))), 256)),
         y(t.$slots, "svg", { svg: i.value }, void 0, !0)
-      ], 14, at)) : f("", !0),
-      t.$slots.watermark ? (s(), u("div", bt, [
+      ], 14, st)) : f("", !0),
+      t.$slots.watermark ? (s(), u("div", yt, [
         y(t.$slots, "watermark", H(X({ isPrinting: n(re) || n(ne) })), void 0, !0)
       ])) : f("", !0),
-      x.value ? f("", !0) : (s(), A(Ke, {
+      x.value ? f("", !0) : (s(), A(Qe, {
         key: 6,
         config: {
           type: "verticalBar",
@@ -547,7 +550,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
       }, [
         y(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      x.value ? (s(), A(Ye, {
+      x.value ? (s(), A(We, {
         key: 8,
         hideDetails: "",
         config: {
@@ -564,7 +567,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
         }
       }, {
         content: k(() => [
-          (s(), A(qe, {
+          (s(), A(Ye, {
             key: `table_${Q.value}`,
             colNames: I.value.colNames,
             head: I.value.head,
@@ -577,19 +580,19 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
               C("div", {
                 innerHTML: a,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, mt)
+              }, null, 8, gt)
             ]),
             td: k(({ td: a }) => [
-              Oe(B(a.name ? a.name : a), 1)
+              ze(V(a.name ? a.name : a), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : f("", !0)
-    ], 46, tt));
+    ], 46, lt));
   }
-}, zt = /* @__PURE__ */ et(yt, [["__scopeId", "data-v-6313f861"]]);
+}, Ft = /* @__PURE__ */ at(pt, [["__scopeId", "data-v-f0e3fa4f"]]);
 export {
-  zt as default
+  Ft as default
 };

package/dist/vue-ui-galaxy-B0W8yBZU.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-DD4PT0Pl.cjs"),ce=require("./Legend-CEw2uq9s.cjs"),de=require("./Title-BQSh4ukk.cjs"),ve=require("./Tooltip-DtqrGu-Q.cjs"),he=require("./DataTable-CaD8j-SL.cjs"),X=require("./usePrinter-BtJq2wwh.cjs"),pe=require("./vue-ui-skeleton-Tk4j6G2D.cjs"),fe=require("./vue-ui-accordion-2He8z0Sy.cjs"),Y=require("./useNestedProp-DU7JFxpL.cjs"),ye=require("./PackageVersion-CCgJTyH9.cjs"),ge=require("./PenAndPaper-DvNBHCpq.cjs"),me=require("./useUserOptionState-BgepsfED.cjs"),be=require("./useChartAccessibility-Cm7nkzTG.cjs"),ke=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ce=["id"],we={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},xe={key:2,style:"width:100%;background:transparent;padding-bottom:24px"},$e=["xmlns","viewBox"],Be=["width","height"],Se=["id"],Te=["stdDeviation"],Ne=["d","stroke","stroke-width"],Pe=["d","stroke","stroke-width"],_e=["filter"],Ve=["d","stroke","stroke-width"],Ee=["d","stroke-width","onMouseenter","onClick"],Le={key:5,class:"vue-data-ui-watermark"},Oe=["onClick"],Ae={key:0},Fe={key:1},ze={key:8,ref:"source",dir:"auto"},Ie=["innerHTML"],De={__name:"vue-ui-galaxy",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend","selectDatapoint"],setup(J,{expose:K,emit:Q}){const{vue_ui_galaxy:Z}=r.useConfig(),c=J,k=e.computed(()=>!!c.dataset&&c.dataset.length);e.onMounted(()=>{_()});function _(){r.objectIsEmpty(c.dataset)?r.error({componentName:"VueUiGalaxy",type:"dataset"}):c.dataset.forEach((l,a)=>{r.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","values"]}).forEach(o=>{r.error({componentName:"VueUiGalaxy",type:"datasetSerieAttribute",property:o,index:a})})})}const g=e.ref(r.createUid()),C=e.ref(null),ee=e.ref(null),$=e.ref(!1),B=e.ref(""),d=e.ref(null),V=e.ref(0),E=e.ref(0),L=e.ref(0),O=e.ref(0),t=e.computed({get:()=>z(),set:l=>l}),{userOptionsVisible:S,setUserOptionsVisibility:A,keepUserOptionState:F}=me.useUserOptionState({config:t.value}),{svgRef:te}=be.useChartAccessibility({config:t.value.style.chart.title});function z(){const l=Y.useNestedProp({userConfig:c.config,defaultConfig:Z});return l.theme?{...Y.useNestedProp({userConfig:r.themes.vue_ui_galaxy[l.theme]||c.config,defaultConfig:l}),customPalette:r.themePalettes[l.theme]||r.palette}:l}e.watch(()=>c.config,l=>{t.value=z(),S.value=!t.value.userOptions.showOnChartHover,_(),E.value+=1,L.value+=1,O.value+=1,u.value.dataLabels.show=t.value.style.chart.layout.labels.dataLabels.show,u.value.showTable=t.value.table.show,u.value.showTooltip=t.value.style.chart.tooltip.show},{deep:!0});const{isPrinting:I,isImaging:D,generatePdf:q,generateImage:M}=X.usePrinter({elementId:`galaxy_${g.value}`,fileName:t.value.style.chart.title.text||"vue-ui-galaxy"}),le=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),oe=e.computed(()=>r.convertCustomPalette(t.value.customPalette)),u=e.ref({dataLabels:{show:t.value.style.chart.layout.labels.dataLabels.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),m=e.ref({height:180,width:250}),U=Q,i=e.ref([]);function T(l){i.value.includes(l.id)?i.value=i.value.filter(a=>a!==l.id):i.value.push(l.id),U("selectLegend",b.value.map(a=>({name:a.name,color:a.color,value:a.value})))}const p=e.computed(()=>c.dataset.map((l,a)=>({name:l.name,color:r.convertColorToHex(l.color)||oe.value[a]||r.palette[a]||r.palette[a%r.palette.length],value:l.values?r.sanitizeArray(l.values).reduce((o,n)=>o+n,0):0,absoluteValues:r.sanitizeArray(l.values),id:r.createUid(),seriesIndex:a})).sort((l,a)=>a.value-l.value));function ae(){return p.value.map(l=>({name:l.name,color:l.color,value:l.value}))}const v=e.computed(()=>p.value.filter(l=>!i.value.includes(l.id)).map(l=>l.value).reduce((l,a)=>l+a,0)),re=e.ref(190),G=e.computed(()=>p.value.filter(l=>!i.value.includes(l.id))),b=e.computed(()=>{const l=[];for(let a=0;a<G.value.length;a+=1){const o=G.value[a];let n=o.value/v.value*re.value;a>0&&l.length&&(n+=l[a-1].points),l.push({points:n,...o,seriesIndex:a,proportion:o.value/v.value,path:r.createSpiralPath({points:n,startX:115+t.value.style.chart.layout.arcs.offsetX,startY:90+t.value.style.chart.layout.arcs.offsetY})})}return l.filter((a,o)=>!i.value.includes(a.id)).toSorted((a,o)=>o.points-a.points)}),y=e.ref(!1);function ne(l){y.value=l,V.value+=1}const N=e.ref(null);function se({datapoint:l,_relativeIndex:a,seriesIndex:o,show:n=!1}){N.value={datapoint:l,seriesIndex:o,series:p.value,config:t.value},$.value=n,d.value=l.id;let s="";const f=t.value.style.chart.tooltip.customFormat;r.isFunction(f)&&r.functionReturnsString(()=>f({seriesIndex:o,datapoint:l,series:p.value,config:t.value}))?B.value=f({seriesIndex:o,datapoint:l,series:p.value,config:t.value}):(s+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.name}</div>`,s+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${l.color}"/></svg>`,t.value.style.chart.tooltip.showValue&&(s+=`<b>${r.applyDataLabel(t.value.style.chart.layout.labels.dataLabels.formatter,l.value,r.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:l.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.tooltip.roundingValue}),{datapoint:l,seriesIndex:o})}</b>`),t.value.style.chart.tooltip.showPercentage&&(t.value.style.chart.tooltip.showValue?s+=`<span>(${r.dataLabel({v:l.proportion*100,s:"%",r:t.value.style.chart.tooltip.roundingPercentage})})</span></div>`:s+=`<b>${r.dataLabel({v:l.proportion*100,s:"%",r:t.value.style.chart.tooltip.roundingPercentage})}</b></div>`),B.value=`<div>${s}</div>`)}const R=e.computed(()=>p.value.map((l,a)=>({...l,proportion:(l.value||0)/c.dataset.map(o=>(o.values||[]).reduce((n,s)=>n+s,0)).reduce((o,n)=>o+n,0),opacity:i.value.includes(l.id)?.5:1,shape:l.shape||"circle",segregate:()=>T(l),isSegregated:i.value.includes(l.id)}))),ue=e.computed(()=>({cy:"galaxy-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),h=e.computed(()=>{const l=b.value.map(o=>({name:o.name,color:o.color})),a=b.value.map(o=>o.value);return{head:l,body:a}});function W(){e.nextTick(()=>{const l=h.value.head.map((n,s)=>[[n.name],[h.value.body[s]],[isNaN(h.value.body[s]/v.value)?"-":h.value.body[s]/v.value*100]]),a=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(l),o=r.createCsvContent(a);r.downloadCsv({csvContent:o,title:t.value.style.chart.title.text||"vue-ui-galaxy"})})}const w=e.computed(()=>{const l=[' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',r.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:v.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.table.td.roundingValue}),"100%"],a=h.value.head.map((s,f)=>{const ie=r.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:h.value.body[f],s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.table.td.roundingValue});return[{color:s.color,name:s.name},ie,isNaN(h.value.body[f]/v.value)?"-":r.dataLabel({v:h.value.body[f]/v.value*100,s:"%",r:t.value.table.td.roundingPercentage})]}),o={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint};return{colNames:[t.value.table.columnNames.series,t.value.table.columnNames.value,t.value.table.columnNames.percentage],head:l,body:a,config:o}});function H(){u.value.showTable=!u.value.showTable}function j(){u.value.showTooltip=!u.value.showTooltip}const x=e.ref(!1);function P(){x.value=!x.value}return K({getData:ae,generatePdf:q,generateCsv:W,generateImage:M,toggleTable:H,toggleTooltip:j,toggleAnnotator:P}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"galaxyChart",ref:C,class:e.normalizeClass(`vue-ui-galaxy ${y.value?"vue-data-ui-wrapper-fullscreen":""} ${t.value.useCssAnimation?"":"vue-ui-dna"}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;${t.value.style.chart.title.text?"":"padding-top:36px"};background:${t.value.style.chart.backgroundColor}`),id:`galaxy_${g.value}`,onMouseenter:a[3]||(a[3]=()=>e.unref(A)(!0)),onMouseleave:a[4]||(a[4]=()=>e.unref(A)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ge.PenAndPaper,{key:0,parent:C.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:x.value,onClose:P},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),le.value?(e.openBlock(),e.createElementBlock("div",we,null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",xe,[(e.openBlock(),e.createBlock(de._sfc_main,{key:`title_${E.value}`,config:{title:{cy:"galaxy-div-title",...t.value.style.chart.title},subtitle:{cy:"galaxy-div-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&k.value&&(e.unref(F)||e.unref(S))?(e.openBlock(),e.createBlock(X.UserOptions,{ref_key:"details",ref:ee,key:`user_option_${V.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(I),isImaging:e.unref(D),uid:g.value,hasTooltip:t.value.userOptions.buttons.tooltip&&t.value.style.chart.tooltip.show,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isTooltip:u.value.showTooltip,isFullscreen:y.value,titles:{...t.value.userOptions.buttonTitles},chartElement:C.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:x.value,onToggleFullscreen:ne,onGeneratePdf:e.unref(q),onGenerateCsv:W,onGenerateImage:e.unref(M),onToggleTable:H,onToggleTooltip:j,onToggleAnnotator:P,style:e.normalizeStyle({visibility:e.unref(F)?e.unref(S)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:n})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:n})),void 0,!0)]),key:"5"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:n})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:n})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasXls","hasImg","hasTable","hasFullscreen","isTooltip","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),k.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:te,xmlns:e.unref(r.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":y.value,"vue-data-ui-fulscreen--off":!y.value}),viewBox:`0 0 ${m.value.width} ${m.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(ye._sfc_main),l.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:m.value.width,height:m.value.height,style:{pointerEvents:"none"}},[e.renderSlot(l.$slots,"chart-background",{},void 0,!0)],8,Be)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("filter",{id:`blur_${g.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},[e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:100/t.value.style.chart.layout.arcs.gradient.intensity},null,8,Te)],8,Se)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,o=>(e.openBlock(),e.createElementBlock("g",null,[o.value?(e.openBlock(),e.createElementBlock("path",{key:0,d:o.path,fill:"none",stroke:t.value.style.chart.backgroundColor,"stroke-width":(t.value.style.chart.layout.arcs.strokeWidth+t.value.style.chart.layout.arcs.borderWidth)*(d.value===o.id&&t.value.style.chart.layout.arcs.hoverEffect.show?t.value.style.chart.layout.arcs.hoverEffect.multiplicator:1),"stroke-linecap":"round"},null,8,Ne)):e.createCommentVNode("",!0),o.value?(e.openBlock(),e.createElementBlock("path",{key:1,d:o.path,fill:"none",stroke:o.color,"stroke-width":t.value.style.chart.layout.arcs.strokeWidth*(d.value===o.id&&t.value.style.chart.layout.arcs.hoverEffect.show?t.value.style.chart.layout.arcs.hoverEffect.multiplicator:1),"stroke-linecap":"round",class:e.normalizeClass(`${d.value&&d.value!==o.id&&t.value.useBlurOnHover?"vue-ui-galaxy-blur":""}`)},null,10,Pe)):e.createCommentVNode("",!0),o.value&&t.value.style.chart.layout.arcs.gradient.show?(e.openBlock(),e.createElementBlock("g",{key:2,filter:`url(#blur_${g.value})`},[e.createElementVNode("path",{d:o.path,fill:"none",stroke:t.value.style.chart.layout.arcs.gradient.color,"stroke-width":t.value.style.chart.layout.arcs.strokeWidth/2*(d.value===o.id&&t.value.style.chart.layout.arcs.hoverEffect.show?t.value.style.chart.layout.arcs.hoverEffect.multiplicator:1),"stroke-linecap":"round",class:e.normalizeClass(`vue-ui-galaxy-gradient ${d.value&&d.value!==o.id&&t.value.useBlurOnHover?"vue-ui-galaxy-blur":""}`)},null,10,Ve)],8,_e)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(o,n)=>(e.openBlock(),e.createElementBlock("g",null,[o.value?(e.openBlock(),e.createElementBlock("path",{key:0,d:o.path,fill:"none",stroke:"transparent","stroke-width":t.value.style.chart.layout.arcs.strokeWidth+t.value.style.chart.layout.arcs.borderWidth,"stroke-linecap":"round",onMouseenter:s=>se({datapoint:o,seriesIndex:o.seriesIndex,show:!0}),onMouseleave:a[0]||(a[0]=s=>{$.value=!1,d.value=null}),onClick:s=>U("selectDatapoint",o)},null,40,Ee)):e.createCommentVNode("",!0)]))),256)),e.renderSlot(l.$slots,"svg",{svg:m.value},void 0,!0)],14,$e)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Le,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(I)||e.unref(D)})),void 0,!0)])):e.createCommentVNode("",!0),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(pe.default,{key:6,config:{type:"galaxy",style:{backgroundColor:t.value.style.chart.backgroundColor,galaxy:{color:"#CCCCCC"}}}},null,8,["config"])),t.value.style.chart.legend.show?(e.openBlock(),e.createBlock(ce.Legend,{key:`legend_${O.value}`,legendSet:R.value,config:ue.value,onClickMarker:a[1]||(a[1]=({legend:o})=>T(o))},{item:e.withCtx(({legend:o,index:n})=>[e.createElementVNode("div",{onClick:s=>T(o),style:e.normalizeStyle(`opacity:${i.value.includes(o.id)?.5:1}`)},[e.createTextVNode(e.toDisplayString(o.name)+": "+e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.layout.labels.dataLabels.formatter,o.value,e.unref(r.dataLabel)({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:o.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.legend.roundingValue}),{datapoint:o,seriesIndex:n}))+" ",1),i.value.includes(o.id)?(e.openBlock(),e.createElementBlock("span",Fe," ( - % ) ")):(e.openBlock(),e.createElementBlock("span",Ae," ("+e.toDisplayString(isNaN(o.value/v.value)?"-":e.unref(r.dataLabel)({v:o.value/v.value*100,s:"%",r:t.value.style.chart.legend.roundingPercentage}))+") ",1))],12,Oe)]),_:1},8,["legendSet","config"])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"legend",{legend:R.value},void 0,!0),l.$slots.source?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createVNode(ve._sfc_main,{show:u.value.showTooltip&&$.value,backgroundColor:t.value.style.chart.tooltip.backgroundColor,color:t.value.style.chart.tooltip.color,borderRadius:t.value.style.chart.tooltip.borderRadius,borderColor:t.value.style.chart.tooltip.borderColor,borderWidth:t.value.style.chart.tooltip.borderWidth,fontSize:t.value.style.chart.tooltip.fontSize,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity,position:t.value.style.chart.tooltip.position,offsetY:t.value.style.chart.tooltip.offsetY,parent:C.value,content:B.value,isFullscreen:y.value,isCustom:e.unref(r.isFunction)(t.value.style.chart.tooltip.customFormat)},{"tooltip-before":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...N.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...N.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isFullscreen","isCustom"]),k.value?(e.openBlock(),e.createBlock(fe.default,{key:9,hideDetails:"",config:{open:u.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(he.DataTable,{key:`table_${L.value}`,colNames:w.value.colNames,head:w.value.head,body:w.value.body,config:w.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:a[2]||(a[2]=o=>u.value.showTable=!1)},{th:e.withCtx(({th:o})=>[e.createElementVNode("div",{innerHTML:o,style:{display:"flex","align-items":"center"}},null,8,Ie)]),td:e.withCtx(({td:o})=>[e.createTextVNode(e.toDisplayString(o.name||o),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,Ce))}},qe=ke._export_sfc(De,[["__scopeId","data-v-67e1681a"]]);exports.default=qe;