vue-data-ui 3.3.2 → 3.4.0

package/dist/{vue-ui-onion-CEbv2ii4.js → vue-ui-onion-DbanwrFr.js}

@@ -1,16 +1,16 @@
-import { defineAsyncComponent as _, computed as i, ref as r, toRefs as Ot, watch as E, shallowRef as Ve, onMounted as St, onBeforeUnmount as _t, createElementBlock as c, openBlock as u, unref as s, normalizeStyle as D, normalizeClass as j, createBlock as A, createCommentVNode as p, createElementVNode as I, createVNode as ie, createSlots as Ue, withCtx as h, renderSlot as g, normalizeProps as R, guardReactiveProps as z, Fragment as Y, renderList as X, toDisplayString as L, Teleport as At, resolveDynamicComponent as It, mergeProps as Pt, createTextVNode as Ee, nextTick as Ye } from "vue";
-import { c as Ft, t as Dt, b as Mt, p as Xe, e as Rt, o as Ge, f as ce, h as zt, d as B, X as Lt, a as ve, z as He, x as Bt, y as Nt, A as Vt } from "./lib-CEjkWSLj.js";
+import { defineAsyncComponent as _, computed as i, ref as r, toRefs as Ot, watch as E, shallowRef as Ve, onMounted as St, onBeforeUnmount as _t, createElementBlock as c, openBlock as u, unref as s, normalizeStyle as D, normalizeClass as j, createBlock as A, createCommentVNode as p, createElementVNode as I, createVNode as ie, createSlots as Ue, withCtx as h, renderSlot as g, normalizeProps as R, guardReactiveProps as L, Fragment as Y, renderList as X, toDisplayString as z, Teleport as At, resolveDynamicComponent as It, mergeProps as Pt, createTextVNode as Ee, nextTick as Ye } from "vue";
+import { c as Ft, t as Dt, b as Mt, p as Xe, e as Rt, o as Ge, f as ce, h as Lt, d as B, X as zt, a as ve, G as He, P as Bt, Q as Nt, H as Vt } from "./lib-BcBZIm6u.js";
 import { t as Ut, u as Et } from "./useResponsive-DfdjqQps.js";
-import { u as Yt, a as We } from "./useNestedProp-Ce3PwN8T.js";
+import { u as Yt, a as We } from "./useNestedProp-B7CiTRDS.js";
 import { u as Xt, B as Gt } from "./BaseScanner-BgWxam9d.js";
-import { u as Ht } from "./usePrinter-DJ1iH-F_.js";
+import { u as Ht } from "./usePrinter-C1GiglOH.js";
 import { u as Wt } from "./useSvgExport-DrjCWun4.js";
 import { u as jt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as qt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Jt } from "./useAutoSizeLabelsInsideViewbox-CovTrBjm.js";
-import Kt from "./img-J2dLIr8Y.js";
-import Qt from "./Title-Camz1Lce.js";
-import Zt from "./Legend-By4rru90.js";
+import { u as Qt } from "./useAutoSizeLabelsInsideViewbox-BHq4FD8x.js";
+import Jt from "./img-CFY3JivG.js";
+import Kt from "./Title-CFmv95In.js";
+import Zt from "./Legend-C8u37J42.js";
 import { t as ea } from "./themes-Dw-dDudK.js";
 import { _ as ta } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "height"], sa = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], ua = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], ra = ["id"], ia = ["stdDeviation"], ca = ["filter"], va = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], da = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter", "onMouseleave", "onClick"], ha = { key: 2 }, ga = ["onMouseenter", "onMouseleave", "onClick"], pa = ["x", "y", "font-size", "fill", "font-weight"], fa = {
@@ -33,8 +33,8 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
     }
   },
   emits: ["selectLegend"],
-  setup(je, { expose: qe, emit: Je }) {
-    const Ke = _(() => import("./Tooltip-VOcQEHa4.js")), Qe = _(() => import("./BaseIcon-eZbszQrv.js")), Ze = _(() => import("./vue-ui-accordion-VTP418mC.js")), et = _(() => import("./DataTable-yAMEyP6y.js")), tt = _(() => import("./UserOptions-CSja1SGU.js")), at = _(() => import("./PenAndPaper-Bo-lMUik.js")), lt = _(() => import("./PackageVersion-r-Q1R3nV.js")), ot = _(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_onion: nt } = Yt(), C = je, de = i(() => !!C.dataset && C.dataset.length), y = r(Ft()), st = r(null), he = r(0), q = r(!1), J = r(""), b = r([]), $ = r(null), ge = r(null), pe = r(null), fe = r(null), me = r(null), ye = r(0), be = r(0), ke = r(0), x = r(!1), we = r(!1), N = r(null), e = r(Z()), { loading: k, FINAL_DATASET: Ce, manualLoading: K } = Xt({
+  setup(je, { expose: qe, emit: Qe }) {
+    const Je = _(() => import("./Tooltip-Cs4v8OnI.js")), Ke = _(() => import("./BaseIcon-B5KaGWWC.js")), Ze = _(() => import("./vue-ui-accordion-BKkTS12x.js")), et = _(() => import("./DataTable-DOx3zgih.js")), tt = _(() => import("./UserOptions-C0YT60JN.js")), at = _(() => import("./PenAndPaper-Dj2diYr0.js")), lt = _(() => import("./PackageVersion-DyDViSOy.js")), ot = _(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_onion: nt } = Yt(), C = je, de = i(() => !!C.dataset && C.dataset.length), y = r(Ft()), st = r(null), he = r(0), q = r(!1), Q = r(""), b = r([]), $ = r(null), ge = r(null), pe = r(null), fe = r(null), me = r(null), ye = r(0), be = r(0), ke = r(0), x = r(!1), we = r(!1), N = r(null), e = r(Z()), { loading: k, FINAL_DATASET: Ce, manualLoading: J } = Xt({
       ...Ot(C),
       FINAL_CONFIG: e,
       prepareConfig: Z,
@@ -70,7 +70,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
           }
         }
       })
-    }), { userOptionsVisible: Q, setUserOptionsVisibility: $e, keepUserOptionState: xe } = jt({ config: e.value }), { svgRef: G } = qt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: K, setUserOptionsVisibility: $e, keepUserOptionState: xe } = jt({ config: e.value }), { svgRef: G } = qt({ config: e.value.style.chart.title });
     function Z() {
       const t = We({
         userConfig: C.config,
@@ -85,7 +85,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
       } : t;
     }
     E(() => C.config, (t) => {
-      k.value || (e.value = Z()), Q.value = !e.value.userOptions.showOnChartHover, Ie(), ye.value += 1, be.value += 1, ke.value += 1, f.value.showTable = e.value.table.show, f.value.showTooltip = e.value.style.chart.tooltip.show;
+      k.value || (e.value = Z()), K.value = !e.value.userOptions.showOnChartHover, Ie(), ye.value += 1, be.value += 1, ke.value += 1, f.value.showTable = e.value.table.show, f.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: Te, isImaging: Oe, generatePdf: Se, generateImage: _e } = Ht({
       elementId: `vue-ui-onion_${y.value}`,
@@ -118,7 +118,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
     const it = i({
       get: () => e.value.style.chart.layout.labels.fontSize,
       set: (t) => t
-    }), { autoSizeLabels: Ae } = Jt({
+    }), { autoSizeLabels: Ae } = Qt({
       svgRef: G,
       fontSize: e.value.style.chart.layout.labels.fontSize,
       minFontSize: e.value.style.chart.layout.labels.minFontSize,
@@ -131,7 +131,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         componentName: "VueUiOnion",
         type: "dataset",
         debug: ct.value
-      }), K.value = !0), Ge(C.dataset) || (K.value = e.value.loading), e.value.responsive) {
+      }), J.value = !0), Ge(C.dataset) || (J.value = e.value.loading), e.value.responsive) {
         const o = Ut(() => {
           ee && clearTimeout(ee), x.value = !0;
           let { width: a, height: l } = Et({
@@ -183,7 +183,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         ...t,
         percentage: t.percentage || 0,
         targetPercentage: t.percentage || 0,
-        color: zt(t.color) || rt.value[o] || Xe[o],
+        color: Lt(t.color) || rt.value[o] || Xe[o],
         id: a,
         shape: "circle",
         opacity: b.value.includes(a) ? 0.5 : 1,
@@ -200,7 +200,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
       })}`
     }))), V = r(m.value), vt = i(() => e.value.useStartAnimation), dt = r(null), ht = i(() => Math.max(...m.value.map((t) => t.percentage))), ae = r(!1);
     E(() => m.value, Pe, { immediate: !0, deep: !0 }), E(() => C.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (K.value = !1);
+      Array.isArray(t) && t.length > 0 && (J.value = !1);
     }, { deep: !0 });
     function Pe() {
       if (vt.value && !ae.value && !k.value) {
@@ -257,7 +257,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         `.trim()
       };
     }
-    const mt = Je;
+    const mt = Qe;
     function Fe(t) {
       b.value.includes(t) ? b.value = b.value.filter((o) => o !== t) : b.value.push(t), mt("selectLegend", T.value);
     }
@@ -308,7 +308,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
       S.value = void 0, q.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: t.absoluteIndex });
     }
     const ne = r(null);
-    function ze({ datapoint: t, seriesIndex: o, show: a = !0 }) {
+    function Le({ datapoint: t, seriesIndex: o, show: a = !0 }) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: t.absoluteIndex });
       const l = t.absoluteIndex;
       S.value = o, ne.value = {
@@ -325,7 +325,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         series: m.value,
         config: e.value
       })))
-        J.value = w({
+        Q.value = w({
           seriesIndex: l,
           datapoint: t,
           series: m.value,
@@ -343,10 +343,10 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: t, seriesIndex: o }
-        ) : ""}${ue && re ? ")" : ""}</div>`, J.value = `<div>${v}</div>`;
+        ) : ""}${ue && re ? ")" : ""}</div>`, Q.value = `<div>${v}</div>`;
       }
     }
-    function Le() {
+    function ze() {
       f.value.showTable = !f.value.showTable;
     }
     function Be() {
@@ -358,7 +358,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
     }
     async function bt({ scale: t = 2 } = {}) {
       if (!$.value) return;
-      const { width: o, height: a } = $.value.getBoundingClientRect(), l = o / a, { imageUri: v, base64: w } = await Kt({ domElement: $.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: a } = $.value.getBoundingClientRect(), l = o / a, { imageUri: v, base64: w } = await Jt({ domElement: $.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: v,
         base64: w,
@@ -425,7 +425,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
       generateCsv: oe,
       generateImage: _e,
       generateSvg: Ne,
-      toggleTable: Le,
+      toggleTable: ze,
       toggleTooltip: Be,
       toggleAnnotator: se,
       toggleFullscreen: De
@@ -459,7 +459,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         ref: ge,
         style: "width:100%;background:transparent"
       }, [
-        (u(), A(Qt, {
+        (u(), A(Kt, {
           key: `title_${ye.value}`,
           config: {
             title: {
@@ -476,7 +476,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
       I("div", {
         id: `legend-top-${y.value}`
       }, null, 8, la),
-      e.value.userOptions.show && de.value && (s(xe) || s(Q)) ? (u(), A(s(tt), {
+      e.value.userOptions.show && de.value && (s(xe) || s(K)) ? (u(), A(s(tt), {
         ref_key: "details",
         ref: st,
         key: `user_options${he.value}`,
@@ -507,17 +507,17 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         onGenerateCsv: oe,
         onGenerateImage: s(_e),
         onGenerateSvg: Ne,
-        onToggleTable: Le,
+        onToggleTable: ze,
         onToggleTooltip: Be,
         onToggleAnnotator: se,
         style: D({
-          visibility: s(xe) ? s(Q) ? "visible" : "hidden" : "visible"
+          visibility: s(xe) ? s(K) ? "visible" : "hidden" : "visible"
         })
       }, Ue({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: h(({ isOpen: a, color: l }) => [
-            g(t.$slots, "menuIcon", R(z({ isOpen: a, color: l })), void 0, !0)
+            g(t.$slots, "menuIcon", R(L({ isOpen: a, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -559,14 +559,14 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: h(({ toggleFullscreen: a, isFullscreen: l }) => [
-            g(t.$slots, "optionFullscreen", R(z({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
+            g(t.$slots, "optionFullscreen", R(L({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: h(({ toggleAnnotator: a, isAnnotator: l }) => [
-            g(t.$slots, "optionAnnotator", R(z({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
+            g(t.$slots, "optionAnnotator", R(L({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -574,7 +574,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
       (u(), c("svg", {
         ref_key: "svgRef",
         ref: G,
-        xmlns: s(Lt),
+        xmlns: s(zt),
         class: j({ "vue-data-ui-fullscreen--on": F.value, "vue-data-ui-fulscreen--off": !F.value, resizing: x.value }),
         viewBox: `0 0 ${n.value.width <= 0 ? 10 : n.value.width} ${n.value.height <= 0 ? 10 : n.value.height}`,
         style: D(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
@@ -679,7 +679,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
             transform: "rotate(-90deg)",
             transformOrigin: "50% 50%"
           },
-          onMouseenter: (v) => ze({
+          onMouseenter: (v) => Le({
             datapoint: a,
             show: !0,
             seriesIndex: l
@@ -689,7 +689,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         }, null, 40, da))), 256)),
         e.value.style.chart.layout.labels.show ? (u(), c("g", ha, [
           (u(!0), c(Y, null, X(T.value, (a, l) => (u(), c("g", {
-            onMouseenter: (v) => ze({
+            onMouseenter: (v) => Le({
               datapoint: a,
               show: !0,
               seriesIndex: l
@@ -706,11 +706,11 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
               "font-size": e.value.style.chart.layout.labels.fontSize,
               fill: e.value.useBlurOnHover && ![null, void 0].includes(S.value) && S.value === l ? a.color : e.value.style.chart.layout.labels.color,
               "font-weight": e.value.style.chart.layout.labels.bold ? "bold" : "normal"
-            }, L(a.name ? a.name + ": " : "") + " " + L(e.value.style.chart.layout.labels.percentage.show ? s(B)({
+            }, z(a.name ? a.name + ": " : "") + " " + z(e.value.style.chart.layout.labels.percentage.show ? s(B)({
               v: a.percentage,
               s: "%",
               r: e.value.style.chart.layout.labels.roundingPercentage
-            }) : "") + " " + L(!e.value.style.chart.layout.labels.percentage.show && e.value.style.chart.layout.labels.value.show ? `: ${s(ve)(
+            }) : "") + " " + z(!e.value.style.chart.layout.labels.percentage.show && e.value.style.chart.layout.labels.value.show ? `: ${s(ve)(
               e.value.style.chart.layout.labels.value.formatter,
               a.value,
               s(B)({
@@ -736,7 +736,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         g(t.$slots, "svg", { svg: n.value }, void 0, !0)
       ], 14, oa)),
       t.$slots.watermark ? (u(), c("div", fa, [
-        g(t.$slots, "watermark", R(z({ isPrinting: s(Te) || s(Oe) })), void 0, !0)
+        g(t.$slots, "watermark", R(L({ isPrinting: s(Te) || s(Oe) })), void 0, !0)
       ])) : p("", !0),
       I("div", {
         id: `legend-bottom-${y.value}`
@@ -761,7 +761,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
                 "data-cy-legend-item": "",
                 onClick: (l) => a.segregate(),
                 style: D(`opacity:${b.value.includes(a.id) ? 0.5 : 1}`)
-              }, L(a.display), 13, ya))
+              }, z(a.display), 13, ya))
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : g(t.$slots, "legend", {
@@ -778,7 +778,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
       }, [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
-      ie(s(Ke), {
+      ie(s(Je), {
         show: f.value.showTooltip && q.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -790,7 +790,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: $.value,
-        content: J.value,
+        content: Q.value,
         isFullscreen: F.value,
         isCustom: s(He)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
@@ -799,10 +799,10 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": h(() => [
-          g(t.$slots, "tooltip-before", R(z({ ...ne.value })), void 0, !0)
+          g(t.$slots, "tooltip-before", R(L({ ...ne.value })), void 0, !0)
         ]),
         "tooltip-after": h(() => [
-          g(t.$slots, "tooltip-after", R(z({ ...ne.value })), void 0, !0)
+          g(t.$slots, "tooltip-after", R(L({ ...ne.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
@@ -823,7 +823,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
             onClose: o[2] || (o[2] = (a) => f.value.showTable = !1)
           }, {
             th: h(({ th: a }) => [
-              Ee(L(a), 1)
+              Ee(z(a), 1)
             ]),
             td: h(({ td: a }) => [
               I("div", { innerHTML: a }, null, 8, ba)
@@ -836,7 +836,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         e.value.table.useDialog ? {
           name: "title",
           fn: h(() => [
-            Ee(L(U.value.title), 1)
+            Ee(z(U.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -848,7 +848,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
               class: "vue-ui-user-options-button",
               onClick: o[1] || (o[1] = (a) => oe(e.value.userOptions.callbacks.csv))
             }, [
-              ie(s(Qe), {
+              ie(s(Ke), {
                 name: "excel",
                 stroke: U.value.props.color
               }, null, 8, ["stroke"])
@@ -860,7 +860,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
       s(k) ? (u(), A(Gt, { key: 8 })) : p("", !0)
     ], 46, aa));
   }
-}, za = /* @__PURE__ */ ta(ka, [["__scopeId", "data-v-75c2d02d"]]);
+}, La = /* @__PURE__ */ ta(ka, [["__scopeId", "data-v-75c2d02d"]]);
 export {
-  za as default
+  La as default
 };