vue-data-ui 3.4.6 → 3.4.8

package/dist/{vue-ui-radar-wYNRX7Uh.js → vue-ui-radar-lgRCmyNP.js}

@@ -13,7 +13,7 @@ import ua from "./Legend-G6GMcdAc.js";
 import { t as ia } from "./themes-AUNCOb2G.js";
 import { u as ca } from "./useSvgExport-DrjCWun4.js";
 import { _ as va } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "height"], fa = ["id"], ya = ["stop-color"], ma = ["stop-color"], ba = { key: 1 }, ka = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ca = { key: 0 }, wa = ["d", "stroke", "stroke-width"], _a = ["d", "stroke", "stroke-width"], $a = { key: 2 }, Ta = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], Aa = ["points", "stroke", "stroke-width"], Pa = ["points", "stroke", "stroke-width", "fill"], Sa = { key: 3 }, xa = ["cx", "cy", "fill", "r", "stroke"], Oa = {
+const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "height"], fa = ["id"], ya = ["stop-color"], ma = ["stop-color"], ba = { key: 1 }, ka = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ca = { key: 0 }, wa = ["d", "stroke", "stroke-width"], _a = ["d", "stroke", "stroke-width"], $a = { key: 2 }, Ta = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], Aa = ["points", "stroke", "stroke-width"], Pa = ["points", "stroke", "stroke-width", "fill"], Sa = { key: 3 }, Oa = ["cx", "cy", "fill", "r", "stroke"], xa = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Fa = ["id"], Ia = ["onClick"], La = {
@@ -40,7 +40,7 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
   },
   emits: ["selectLegend"],
   setup(et, { expose: tt, emit: at }) {
-    const ot = $(() => import("./Tooltip-oWCO1HKy.js")), lt = $(() => import("./BaseIcon-BmMbm4d0.js")), st = $(() => import("./vue-ui-sparkbar-Dl1kY_5e.js")), nt = $(() => import("./vue-ui-accordion-CZ0thhxa.js")), rt = $(() => import("./DataTable-BT7VF2ua.js")), ut = $(() => import("./PenAndPaper-DSvu9dwa.js")), it = $(() => import("./UserOptions-CnzumGJj.js")), ct = $(() => import("./PackageVersion-BSldVhnp.js")), vt = $(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_radar: dt } = Zt(), S = et, ge = v(() => !!S.dataset && Object.keys(S.dataset).length), b = c(Bt()), ee = c(!1), te = c(""), fe = c(0), _ = c(null), ye = c(null), me = c(null), be = c(null), ke = c(null), Ce = c(0), we = c(0), _e = c(0), $e = c(!1), W = c(null), ae = c(null), e = c(le()), { loading: Te, FINAL_DATASET: x } = ea({
+    const ot = $(() => import("./Tooltip-oWCO1HKy.js")), lt = $(() => import("./BaseIcon-BmMbm4d0.js")), st = $(() => import("./vue-ui-sparkbar-BlvXLcfO.js")), nt = $(() => import("./vue-ui-accordion-CZ0thhxa.js")), rt = $(() => import("./DataTable-BT7VF2ua.js")), ut = $(() => import("./PenAndPaper-DSvu9dwa.js")), it = $(() => import("./UserOptions-CGnQt6Fd.js")), ct = $(() => import("./PackageVersion-D-auaEEJ.js")), vt = $(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_radar: dt } = Zt(), S = et, ge = v(() => !!S.dataset && Object.keys(S.dataset).length), b = c(Bt()), ee = c(!1), te = c(""), fe = c(0), _ = c(null), ye = c(null), me = c(null), be = c(null), ke = c(null), Ce = c(0), we = c(0), _e = c(0), $e = c(!1), W = c(null), ae = c(null), e = c(le()), { loading: Te, FINAL_DATASET: O } = ea({
       ...Lt(S),
       FINAL_CONFIG: e,
       prepareConfig: le,
@@ -104,12 +104,12 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
     ve(() => S.config, (t) => {
       e.value = le(), oe.value = !e.value.userOptions.showOnChartHover, Se(), Ce.value += 1, we.value += 1, _e.value += 1, y.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, y.value.showTable = e.value.table.show, y.value.showTooltip = e.value.style.chart.tooltip ? e.value.style.chart.tooltip.show : !1;
     }, { deep: !0 });
-    const T = Ye(null), V = Ye(null), O = v(() => e.value.debug);
+    const T = Ye(null), V = Ye(null), x = v(() => e.value.debug);
     function Se() {
       if (Mt(S.dataset) && z({
         componentName: "VueUiRadar",
         type: "dataset",
-        debug: O.value
+        debug: x.value
       }), e.value.responsive) {
         const t = Jt(() => {
           const { width: o, height: a } = Kt({
@@ -132,7 +132,7 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
     }), Rt(() => {
       T.value && (V.value && T.value.unobserve(V.value), T.value.disconnect());
     });
-    const { isPrinting: xe, isImaging: Oe, generatePdf: Fe, generateImage: Ie } = aa({
+    const { isPrinting: Oe, isImaging: xe, generatePdf: Fe, generateImage: Ie } = aa({
       elementId: `vue-ui-radar_${b.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-radar",
       options: e.value.userOptions.print
@@ -183,17 +183,17 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
       }));
     }
     function yt() {
-      const t = x.value;
+      const t = O.value;
       if ([null, void 0].includes(t?.categories)) {
         z({
           componentName: "VueUiRadar",
           type: "dataset",
-          debug: O.value
+          debug: x.value
         }), z({
           componentName: "VueUiRadar",
           type: "datasetAttribute",
           property: "categories ({ name: string; prefix?: string; suffix?: string}[])",
-          debug: O.value
+          debug: x.value
         });
         return;
       }
@@ -201,7 +201,7 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
         componentName: "VueUiRadar",
         type: "datasetAttributeEmpty",
         property: "categories",
-        debug: O.value
+        debug: x.value
       }) : t.categories.forEach((o, a) => {
         Ke({
           datasetObject: o,
@@ -212,14 +212,14 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
             type: "datasetAttribute",
             property: `category.${l} at index ${a}`,
             index: a,
-            debug: O.value
+            debug: x.value
           });
         });
       }), [null, void 0].includes(t?.series) ? z({
         componentName: "VueUiRadar",
         type: "datasetAttribute",
         property: "series ({ name: string; values: number[]; color?: string; target: number}[])",
-        debug: O.value
+        debug: x.value
       }) : t.series.forEach((o, a) => {
         Ke({
           datasetObject: o,
@@ -231,18 +231,18 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
             key: "series",
             property: l,
             index: a,
-            debug: O.value
+            debug: x.value
           });
         });
       });
     }
     ve(
-      () => x.value,
+      () => O.value,
       () => yt(),
       { deep: !0, immediate: !0 }
     );
     const C = v(() => {
-      const t = Array.isArray(x.value?.categories) ? x.value.categories : [], o = Le.value ?? D;
+      const t = Array.isArray(O.value?.categories) ? O.value.categories : [], o = Le.value ?? D;
       return t.map((a, l) => ({
         name: a?.name ?? "",
         categoryId: `radar_category_${b.value}_${l}`,
@@ -250,7 +250,7 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
         prefix: a?.prefix ?? "",
         suffix: a?.suffix ?? ""
       }));
-    }), w = v(() => x.value.series.map((t, o) => ({
+    }), w = v(() => O.value.series.map((t, o) => ({
       ...t,
       color: qe(t.color) || Le.value[o] || D[o] || D[o % D.length],
       serieId: `radar_serie_${b.value}_${o}`,
@@ -334,7 +334,7 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
         { name: e.value.translations.datapoint, color: "" },
         { name: e.value.translations.target, color: "" },
         ...F.value
-      ], o = x.value.series.map((l) => [
+      ], o = O.value.series.map((l) => [
         l.name,
         pe(
           l.formatter,
@@ -435,7 +435,7 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
     }
     function ie(t = null) {
       je(() => {
-        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = [[""], [e.value.translations.target], ...F.value.flatMap((m) => [[m.name], ["%"]])], l = x.value.series.map((m, We) => [m.name, m.target, ...m.values.flatMap((U) => [
+        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = [[""], [e.value.translations.target], ...F.value.flatMap((m) => [[m.name], ["%"]])], l = O.value.series.map((m, We) => [m.name, m.target, ...m.values.flatMap((U) => [
           U,
           isNaN(U / m.target) ? "" : U / m.target * 100
         ])]), s = o.concat([a]).concat(l), d = Ht(s);
@@ -507,9 +507,9 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
     const At = v(() => F.value.map((t) => ({
       ...t,
       name: t.display
-    }))), Pt = v(() => e.value.style.chart.backgroundColor), St = v(() => e.value.style.chart.legend), xt = v(() => e.value.style.chart.title), { exportSvg: Ot, getSvg: Ft } = ca({
+    }))), Pt = v(() => e.value.style.chart.backgroundColor), St = v(() => e.value.style.chart.legend), Ot = v(() => e.value.style.chart.title), { exportSvg: xt, getSvg: Ft } = ca({
       svg: j,
-      title: xt,
+      title: Ot,
       legend: St,
       legendItems: At,
       backgroundColor: Pt
@@ -519,7 +519,7 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
         const { blob: o, url: a, text: l, dataUrl: s } = await Ft();
         e.value.userOptions.callbacks.svg({ blob: o, url: a, text: l, dataUrl: s });
       } else
-        Ot();
+        xt();
     }
     return tt({
       getData: ft,
@@ -585,8 +585,8 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
         key: `user_options_${fe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: u(Oe),
-        isPrinting: u(xe),
+        isImaging: u(xe),
+        isPrinting: u(Oe),
         uid: b.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -652,26 +652,33 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
           ]),
           key: "4"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: h(() => [
+            f(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: h(() => [
             f(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: h(({ toggleFullscreen: a, isFullscreen: l }) => [
             f(t.$slots, "optionFullscreen", E(M({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: h(({ toggleAnnotator: a, isAnnotator: l }) => [
             f(t.$slots, "optionAnnotator", E(M({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
       (n(), r("svg", {
@@ -788,13 +795,13 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
               stroke: g.value.includes(d) ? "transparent" : e.value.style.chart.backgroundColor,
               "stroke-width": 0.5,
               class: H({ "animated-out": g.value.includes(d) && e.value.useCssAnimation, "animated-in": B.value && X.value === d && e.value.useCssAnimation })
-            }, null, 10, xa))), 256))
+            }, null, 10, Oa))), 256))
           ]))), 256))
         ])) : p("", !0),
         f(t.$slots, "svg", { svg: i.value }, void 0, !0)
       ], 14, ha)),
-      t.$slots.watermark ? (n(), r("div", Oa, [
-        f(t.$slots, "watermark", E(M({ isPrinting: u(xe) || u(Oe) })), void 0, !0)
+      t.$slots.watermark ? (n(), r("div", xa, [
+        f(t.$slots, "watermark", E(M({ isPrinting: u(Oe) || u(xe) })), void 0, !0)
       ])) : p("", !0),
       k("div", {
         id: `legend-bottom-${b.value}`
@@ -932,7 +939,7 @@ const da = ["id"], pa = ["id"], ha = ["xmlns", "viewBox"], ga = ["width", "heigh
       u(Te) ? (n(), P(ta, { key: 8 })) : p("", !0)
     ], 46, da));
   }
-}, Za = /* @__PURE__ */ va(za, [["__scopeId", "data-v-c8e9bea6"]]);
+}, Za = /* @__PURE__ */ va(za, [["__scopeId", "data-v-5ffe4c34"]]);
 export {
   Za as default
 };