vue-data-ui 3.4.6 → 3.4.8

package/dist/{vue-ui-waffle-BhQ0m4Ia.js → vue-ui-waffle-CTt7dxCY.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as F, useSlots as zt, computed as c, ref as i, toRefs as Vt, watch as J, shallowRef as Ke, onMounted as Mt, onBeforeUnmount as Rt, createElementBlock as v, openBlock as n, unref as h, normalizeStyle as le, normalizeClass as Ze, createBlock as B, createCommentVNode as m, createElementVNode as k, createVNode as ae, createSlots as we, withCtx as g, renderSlot as y, normalizeProps as G, guardReactiveProps as W, Fragment as $, renderList as D, mergeProps as ke, toDisplayString as oe, Teleport as Et, resolveDynamicComponent as Ut, createTextVNode as et, nextTick as Gt } from "vue";
-import { c as Wt, t as Ht, b as jt, p as M, o as tt, f as xe, g as qt, e as Xt, a as Q, d as P, X as Yt, s as Jt, i as Qt, J as Kt, h as Zt, P as el, Q as tl, I as ll, G as al, H as ol } from "./lib-C_mNZmhD.js";
+import { c as Wt, t as Ht, b as jt, p as M, o as tt, f as Ce, g as qt, e as Xt, a as Q, d as P, X as Yt, s as Jt, i as Qt, J as Kt, h as Zt, P as el, Q as tl, I as ll, G as al, H as ol } from "./lib-C_mNZmhD.js";
 import { t as ul, u as sl } from "./useResponsive-DfdjqQps.js";
 import { u as nl, a as lt } from "./useNestedProp-BjZe1Y85.js";
 import { u as rl, B as il } from "./BaseScanner-BgWxam9d.js";
@@ -13,7 +13,7 @@ import gl from "./Title-l36lOBMx.js";
 import { t as yl } from "./themes-AUNCOb2G.js";
 import bl from "./Legend-G6GMcdAc.js";
 import { _ as ml } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["stop-color"], Il = ["stop-color"], Tl = ["id"], _l = ["x", "y", "height", "width"], Sl = ["height", "width"], Al = { key: 0 }, Ol = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Pl = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Ll = { key: 1 }, Fl = ["rx", "x", "y", "height", "width", "fill", "filter"], Bl = ["textContent", "x", "y", "font-size", "fill", "filter"], Dl = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], Nl = {
+const wl = ["id"], kl = ["id"], Cl = ["xmlns", "viewBox"], xl = ["id"], $l = ["stop-color"], Il = ["stop-color"], Tl = ["id"], _l = ["x", "y", "height", "width"], Sl = ["height", "width"], Al = { key: 0 }, Ol = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Pl = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Ll = { key: 1 }, Fl = ["rx", "x", "y", "height", "width", "fill", "filter"], Bl = ["textContent", "x", "y", "font-size", "fill", "filter"], Dl = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], Nl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, zl = ["id"], Vl = ["onClick"], Ml = ["innerHTML"], Rl = {
@@ -34,7 +34,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
   },
   emits: ["selectLegend"],
   setup(at, { expose: ot, emit: ut }) {
-    const st = F(() => import("./Tooltip-oWCO1HKy.js")), nt = F(() => import("./BaseIcon-BmMbm4d0.js")), rt = F(() => import("./DataTable-BT7VF2ua.js")), it = F(() => import("./vue-ui-accordion-CZ0thhxa.js")), vt = F(() => import("./UserOptions-CnzumGJj.js")), ct = F(() => import("./PenAndPaper-DSvu9dwa.js")), dt = F(() => import("./PackageVersion-BSldVhnp.js")), ht = F(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_waffle: pt } = nl(), w = at, ft = zt(), ue = c(() => !!w.dataset && w.dataset.length), b = i(Wt()), se = i(!1), ne = i(""), R = i(null), Ce = i(0), I = i(null), $e = i(null), Ie = i(null), Te = i(null), _e = i(null), Se = i(0), Ae = i(0), Oe = i(0), Pe = i(!1), H = i(null), re = i(null), e = i(de()), { loading: Le, FINAL_DATASET: K, manualLoading: ie } = rl({
+    const st = F(() => import("./Tooltip-oWCO1HKy.js")), nt = F(() => import("./BaseIcon-BmMbm4d0.js")), rt = F(() => import("./DataTable-BT7VF2ua.js")), it = F(() => import("./vue-ui-accordion-CZ0thhxa.js")), vt = F(() => import("./UserOptions-CGnQt6Fd.js")), ct = F(() => import("./PenAndPaper-DSvu9dwa.js")), dt = F(() => import("./PackageVersion-D-auaEEJ.js")), ht = F(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_waffle: pt } = nl(), w = at, ft = zt(), ue = c(() => !!w.dataset && w.dataset.length), b = i(Wt()), se = i(!1), ne = i(""), R = i(null), xe = i(0), I = i(null), $e = i(null), Ie = i(null), Te = i(null), _e = i(null), Se = i(0), Ae = i(0), Oe = i(0), Pe = i(!1), H = i(null), re = i(null), e = i(de()), { loading: Le, FINAL_DATASET: K, manualLoading: ie } = rl({
       ...Vt(w),
       FINAL_CONFIG: e,
       prepareConfig: de,
@@ -101,11 +101,11 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       } : t;
     }
     J(() => w.config, (t) => {
-      Le.value || (e.value = de()), ve.value = !e.value.userOptions.showOnChartHover, Ne(), Se.value += 1, Ae.value += 1, Oe.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.chart.tooltip.show;
+      Le.value || (e.value = de()), ve.value = !e.value.userOptions.showOnChartHover, Ne(), Se.value += 1, Ae.value += 1, Oe.value += 1, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const L = Ke(null), E = Ke(null), De = c(() => !!e.value.debug);
     function Ne() {
-      if (tt(w.dataset) ? (xe({
+      if (tt(w.dataset) ? (Ce({
         componentName: "VueUiWaffle",
         type: "dataset",
         debug: De.value
@@ -114,7 +114,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((a) => {
-          xe({
+          Ce({
             componentName: "VueUiWaffle",
             type: "datasetSerieAttribute",
             property: a,
@@ -147,12 +147,12 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       elementId: `vue-ui-waffle_${b.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-waffle",
       options: e.value.userOptions.print
-    }), gt = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = c(() => Xt(e.value.customPalette)), x = i({
+    }), gt = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = c(() => Xt(e.value.customPalette)), C = i({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
     J(e, () => {
-      x.value = {
+      C.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
       };
@@ -167,11 +167,11 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       width: 512
     }), _ = c(() => (T.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), S = c(() => (T.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), yt = c(() => Math.max(1e-4, T.value.width / e.value.style.chart.layout.grid.size)), Ue = c(() => Math.max(1e-4, T.value.height / e.value.style.chart.layout.grid.size));
     function Ge(t) {
-      const l = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, a = t.reduce((C, me) => C + me, 0), o = t.map((C) => C / a * l), u = o.map(Math.floor), s = o.map((C) => C % 1);
-      let d = l - u.reduce((C, me) => C + me, 0);
+      const l = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, a = t.reduce((x, me) => x + me, 0), o = t.map((x) => x / a * l), u = o.map(Math.floor), s = o.map((x) => x % 1);
+      let d = l - u.reduce((x, me) => x + me, 0);
       for (; d > 0; ) {
-        let C = s.indexOf(Math.max(...s));
-        u[C] += 1, s[C] = 0, d -= 1;
+        let x = s.indexOf(Math.max(...s));
+        u[x] += 1, s[x] = 0, d -= 1;
       }
       return u;
     }
@@ -197,7 +197,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       const t = p.value.map((l, a) => j.value ? 1 : (l.values || []).reduce((o, u) => o + u));
       return Ge(t);
     }), q = c(() => (K.value.forEach((t, l) => {
-      [null, void 0].includes(t.values) && xe({
+      [null, void 0].includes(t.values) && Ce({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
         property: "values (number[])",
@@ -228,7 +228,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         proportion: t.proportion
       }));
     }
-    const xt = c(() => {
+    const Ct = c(() => {
       let t = 0;
       return q.value.map((l, a) => {
         const o = t, u = o + l.proportion, s = [];
@@ -240,7 +240,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
           rects: s
         };
       });
-    }), r = c(() => xt.value.flatMap((t, l) => t.rects.map((a, o) => ({
+    }), r = c(() => Ct.value.flatMap((t, l) => t.rects.map((a, o) => ({
       isFirst: o === 0,
       isLongEnough: a.length > 2,
       name: t.name,
@@ -276,10 +276,10 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       if (!(a === 0 && l === 0)) {
         if (f.value.includes(t)) {
           let s = function() {
-            o > u ? (cancelAnimationFrame(We.value), p.value = p.value.map((d, C) => d.uid === t ? {
+            o > u ? (cancelAnimationFrame(We.value), p.value = p.value.map((d, x) => d.uid === t ? {
               ...d,
               values: [u]
-            } : d), X.value = !1) : (X.value = !0, o += u * 0.025, p.value = p.value.map((d, C) => d.uid === t ? {
+            } : d), X.value = !1) : (X.value = !0, o += u * 0.025, p.value = p.value.map((d, x) => d.uid === t ? {
               ...d,
               values: [o]
             } : d), We.value = requestAnimationFrame(s));
@@ -328,7 +328,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         s: e.value.style.chart.layout.labels.dataLabels.suffix,
         r: e.value.style.chart.legend.roundingValue
       }), { datapoint: t, index: l }) : ""}${e.value.style.chart.legend.showPercentage ? f.value.includes(t.uid) ? `${e.value.style.chart.legend.showValue ? " (" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? " (" : ""}${isNaN(t.value / A.value) ? "-" : P({ v: t.value / A.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })}${e.value.style.chart.legend.showValue ? ")" : ""}` : ""}`
-    }))), Ct = c(() => ({
+    }))), xt = c(() => ({
       cy: "waffle-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -489,13 +489,13 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       };
     }), V = i(!1);
     function qe(t) {
-      V.value = t, Ce.value += 1;
+      V.value = t, xe.value += 1;
     }
     function Xe() {
-      x.value.showTable = !x.value.showTable;
+      C.value.showTable = !C.value.showTable;
     }
     function Ye() {
-      x.value.showTooltip = !x.value.showTooltip;
+      C.value.showTooltip = !C.value.showTooltip;
     }
     const te = i(!1);
     function be() {
@@ -514,7 +514,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       };
     }
     const Y = c(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = x.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, l = C.value.showTable;
       return {
         component: t ? ht : it,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -543,11 +543,11 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         }
       };
     });
-    J(() => x.value.showTable, (t) => {
+    J(() => C.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && H.value ? H.value.open() : "close" in H.value && H.value.close());
     });
     function Je() {
-      x.value.showTable = !1, re.value && re.value.setTableIconState(!1);
+      C.value.showTable = !1, re.value && re.value.setTableIconState(!1);
     }
     const Pt = c(() => z.value.map((t) => ({
       ...t,
@@ -627,7 +627,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       e.value.userOptions.show && ue.value && (h(Be) || h(ve)) ? (n(), B(h(vt), {
         ref_key: "userOptionsRef",
         ref: re,
-        key: `user_options_${Ce.value}`,
+        key: `user_options_${xe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: h(ze),
@@ -641,7 +641,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: V.value,
-        isTooltip: x.value.showTooltip,
+        isTooltip: C.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: I.value,
         position: e.value.userOptions.position,
@@ -697,26 +697,33 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
           ]),
           key: "4"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: g(() => [
+            y(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: g(() => [
             y(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: g(({ toggleFullscreen: a, isFullscreen: o }) => [
             y(t.$slots, "optionFullscreen", G(W({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: g(({ toggleAnnotator: a, isAnnotator: o }) => [
             y(t.$slots, "optionAnnotator", G(W({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
       (n(), v("svg", {
@@ -745,7 +752,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
               offset: "100%",
               "stop-color": a.color
             }, null, 8, Il)
-          ], 8, Cl))), 256))
+          ], 8, xl))), 256))
         ]),
         k("defs", null, [
           k("filter", {
@@ -847,7 +854,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
           onClick: (u) => $t(o)
         }, null, 40, Dl))), 256)),
         y(t.$slots, "svg", { svg: N.value }, void 0, !0)
-      ], 14, xl)),
+      ], 14, Cl)),
       t.$slots.watermark ? (n(), v("div", Nl, [
         y(t.$slots, "watermark", G(W({ isPrinting: h(ze) || h(Ve) })), void 0, !0)
       ])) : m("", !0),
@@ -865,7 +872,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
           e.value.style.chart.legend.show ? (n(), B(bl, {
             key: `legend_${Oe.value}`,
             legendSet: z.value,
-            config: Ct.value,
+            config: xt.value,
             onClickMarker: l[0] || (l[0] = ({ legend: a }) => je(a.uid))
           }, we({
             item: g(({ legend: a }) => [
@@ -904,7 +911,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         y(t.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0),
       ae(h(st), {
-        show: x.value.showTooltip && se.value && f.value.length < w.dataset.length,
+        show: C.value.showTooltip && se.value && f.value.length < w.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -988,7 +995,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       h(Le) ? (n(), B(il, { key: 8 })) : m("", !0)
     ], 46, wl));
   }
-}, la = /* @__PURE__ */ ml(Rl, [["__scopeId", "data-v-78e01575"]]);
+}, la = /* @__PURE__ */ ml(Rl, [["__scopeId", "data-v-c2d9f6f7"]]);
 export {
   la as default
 };