vue-data-ui 2.4.71 → 2.4.73

package/dist/{vue-ui-word-cloud-BPlfNdCZ.js → vue-ui-word-cloud-C3W2SptW.js}

@@ -1,18 +1,18 @@
 import { useCssVars as De, computed as g, openBlock as u, createElementBlock as h, createVNode as le, renderSlot as d, createElementVNode as x, normalizeStyle as j, pushScopeId as Ee, popScopeId as Ge, ref as n, watch as ae, onMounted as Le, onBeforeUnmount as Xe, unref as v, createBlock as O, createCommentVNode as y, createSlots as je, withCtx as m, normalizeProps as A, guardReactiveProps as _, normalizeClass as Ce, Fragment as He, renderList as Ye, toDisplayString as ke, createTextVNode as qe, nextTick as we } from "vue";
-import { u as Je, a3 as Ke, v as Qe, c as $e, t as Ze, a as et, p as X, o as tt, e as xe, g as ot, f as at, X as lt, q as st, r as nt, x as rt } from "./index-c1hnhYfV.js";
-import { _ as ut } from "./Title-P0Dd2k62.js";
-import { u as it, U as ct } from "./usePrinter-VLD0kjns.js";
+import { u as Je, a3 as Ke, v as Qe, c as $e, t as Ze, a as et, p as X, o as tt, e as xe, g as ot, f as at, X as lt, q as st, r as nt, x as rt } from "./index-MWHrTFPq.js";
+import { _ as ut } from "./Title-C7EOYmwp.js";
+import { u as it, U as ct } from "./usePrinter-CEEgHfhF.js";
 import { d as dt, t as vt, u as ht } from "./useResponsive-CoxXLe23.js";
-import mt from "./vue-ui-accordion-WE2vM_c9.js";
-import { D as ft } from "./DataTable-DPeuneOh.js";
-import pt from "./BaseIcon-D-UKDgjn.js";
+import mt from "./vue-ui-accordion-BnV2tlGp.js";
+import { D as pt } from "./DataTable-DtvVWOjy.js";
+import ft from "./BaseIcon-CgOl0yXt.js";
 import { _ as Te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { u as Se } from "./useNestedProp-CGSgnhXD.js";
-import { _ as gt } from "./PackageVersion-BWyr7kAX.js";
-import { _ as yt } from "./Tooltip-kI9lsKQk.js";
-import { P as bt } from "./PenAndPaper-BFVJi7-v.js";
+import { u as Se } from "./useNestedProp-CTDeT4KA.js";
+import { _ as gt } from "./PackageVersion-CBKqLhAX.js";
+import { _ as yt } from "./Tooltip-Bip4kr-u.js";
+import { P as bt } from "./PenAndPaper-DtLD2Sq6.js";
 import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
-const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2canvas-ignore": "" }, $t = {
+const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2canvas-ignore": "" }, $t = {
   key: 0,
   class: "reset-wrapper"
 }, xt = {
@@ -66,11 +66,11 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
   setup(c, { emit: U }) {
     const r = c;
     De(($) => ({
-      "90ad3208": H.value,
-      "4f9eef70": I.value,
-      "6e07ae3e": w.value,
-      "2fd430a0": c.selectColor,
-      "6b8169a4": S.value
+      "782b8172": H.value,
+      "102109e6": I.value,
+      "642212d7": w.value,
+      "1f5369d4": c.selectColor,
+      "22b98ab8": S.value
     }));
     const H = g(() => r.inputColor), S = g(() => r.background), w = g(() => `${r.selectColor}33`), I = g(() => r.borderColor);
     function M() {
@@ -97,7 +97,7 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
           class: "vue-data-ui-refresh-button",
           onClick: M
         }, [
-          le(pt, {
+          le(ft, {
             name: "refresh",
             stroke: c.textColor
           }, null, 8, ["stroke"])
@@ -119,7 +119,7 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
       ])
     ]));
   }
-}, Pt = /* @__PURE__ */ Te(Nt, [["__scopeId", "data-v-3fd7d274"]]), zt = ["id"], Ot = ["xmlns", "viewBox"], At = ["width", "height"], _t = ["transform"], It = ["fill", "font-weight", "x", "y", "font-size", "transform", "onMouseover"], Mt = {
+}, Pt = /* @__PURE__ */ Te(Nt, [["__scopeId", "data-v-b4e6aee9"]]), zt = ["id"], Ot = ["xmlns", "viewBox"], At = ["width", "height"], _t = ["transform"], It = ["fill", "font-weight", "x", "y", "font-size", "transform", "onMouseover"], Mt = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Wt = ["innerHTML"], Rt = {
@@ -190,7 +190,7 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
       K();
     }, 10);
     function J() {
-      F.value = fe.value;
+      F.value = pe.value;
     }
     const V = n(null);
     Le(() => {
@@ -220,7 +220,7 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
     const { isPrinting: de, isImaging: ve, generatePdf: he, generateImage: me } = it({
       elementId: `wordCloud_${I.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-word-cloud"
-    }), f = n({
+    }), p = n({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
@@ -235,21 +235,21 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
       return t.x < a.x + a.width && t.x + t.width > a.x && t.y < a.y + a.height && t.y + t.height > a.y;
     }
     function Oe(t, a, o) {
-      const i = [], l = { x: -a / 2, y: -o / 2, width: a, height: o }, p = 0, P = 0;
+      const i = [], l = { x: -a / 2, y: -o / 2, width: a, height: o }, f = 0, P = 0;
       return t.forEach((z) => {
         let te = !1;
         for (let L = 0; L < Math.max(a, o) / 2 && !te; L += e.value.style.chart.words.packingWeight)
           for (let oe = 0; oe < 360 && !te; oe += e.value.style.chart.words.packingWeight) {
-            const be = oe * Math.PI / 180, We = p + L * Math.cos(be) - z.width / 2, Re = P + L * Math.sin(be) - z.height / 2, k = { ...z, x: We, y: Re }, Ue = k.x >= l.x && k.y >= l.y && k.x + k.width <= l.x + l.width && k.y + k.height <= l.y + l.height, Ve = i.some((Be) => ze(k, Be));
+            const be = oe * Math.PI / 180, We = f + L * Math.cos(be) - z.width / 2, Re = P + L * Math.sin(be) - z.height / 2, k = { ...z, x: We, y: Re }, Ue = k.x >= l.x && k.y >= l.y && k.x + k.width <= l.x + l.width && k.y + k.height <= l.y + l.height, Ve = i.some((Be) => ze(k, Be));
             Ue && !Ve && (i.push(k), te = !0);
           }
       }), i;
     }
     const W = n([]);
     ae(() => r.dataset, K, { immediate: !0 });
-    const fe = g(() => Math.min(...w.value.map((t) => t.value))), Ae = g(() => Math.max(...w.value.map((t) => t.value)));
+    const pe = g(() => Math.min(...w.value.map((t) => t.value))), Ae = g(() => Math.max(...w.value.map((t) => t.value)));
     function K() {
-      const t = [...w.value].filter((l) => l.value >= F.value).map((l) => l.value), a = Math.max(...t), o = Math.min(...t), i = [...w.value].filter((l) => l.value >= F.value).map((l, p) => {
+      const t = [...w.value].filter((l) => l.value >= F.value).map((l) => l.value), a = Math.max(...t), o = Math.min(...t), i = [...w.value].filter((l) => l.value >= F.value).map((l, f) => {
         const P = (l.value - o) / (a - o) * (s.value.maxFontSize - s.value.minFontSize) + s.value.minFontSize, z = Pe(l.name, P);
         return {
           ...l,
@@ -257,10 +257,10 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
           fontSize: P,
           width: z.width,
           height: z.height,
-          color: e.value.style.chart.words.usePalette ? e.value.customPalette[p] || e.value.customPalette[p % e.value.customPalette.length] || X[p] || X[p % X.length] : e.value.style.chart.words.color
+          color: e.value.style.chart.words.usePalette ? e.value.customPalette[f] || e.value.customPalette[f % e.value.customPalette.length] || X[f] || X[f % X.length] : e.value.style.chart.words.color
         };
       });
-      W.value = Oe(i, s.value.width, s.value.height).sort((l, p) => p.fontSize - l.fontSize);
+      W.value = Oe(i, s.value.width, s.value.height).sort((l, f) => f.fontSize - l.fontSize);
     }
     const B = g(() => {
       const t = W.value.map((o) => ({
@@ -269,7 +269,7 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
       })), a = W.value.map((o) => o.value);
       return { head: t, body: a };
     });
-    function pe() {
+    function fe() {
       we(() => {
         const t = B.value.head.map((i, l) => [[
           i.name
@@ -281,8 +281,8 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
-      ], a = B.value.head.map((l, p) => {
-        const P = at({ p: e.value.table.td.prefix, v: B.value.body[p], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
+      ], a = B.value.head.map((l, f) => {
+        const P = at({ p: e.value.table.td.prefix, v: B.value.body[f], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: l.color,
@@ -320,10 +320,10 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
       return W.value;
     }
     function ge() {
-      f.value.showTable = !f.value.showTable;
+      p.value.showTable = !p.value.showTable;
     }
     function ye() {
-      f.value.showTooltip = !f.value.showTooltip;
+      p.value.showTooltip = !p.value.showTooltip;
     }
     const G = n(!1);
     function Q() {
@@ -331,7 +331,7 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
     }
     U({
       getData: Ie,
-      generateCsv: pe,
+      generateCsv: fe,
       generatePdf: he,
       generateImage: me,
       toggleTable: ge,
@@ -340,7 +340,7 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
     });
     const N = n(null), R = n(!1), Z = n(""), ee = n(null);
     function Me(t) {
-      if (!f.value.showTooltip) return;
+      if (!p.value.showTooltip) return;
       N.value = t.id, ee.value = { datapoint: t, config: e.value };
       const a = e.value.style.chart.tooltip.customFormat;
       if (R.value = !1, rt(a))
@@ -412,12 +412,12 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
         chartElement: b.value,
         position: e.value.userOptions.position,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
-        isTooltip: f.value.showTooltip,
+        isTooltip: p.value.showTooltip,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: G.value,
         onToggleFullscreen: _e,
         onGeneratePdf: v(he),
-        onGenerateCsv: pe,
+        onGenerateCsv: fe,
         onGenerateImage: v(me),
         onToggleTable: ge,
         onToggleTooltip: ye,
@@ -501,7 +501,7 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
               y: o.y,
               "font-size": o.fontSize,
               transform: `translate(${o.width / 2}, ${o.height / 2})`,
-              class: Ce({ animated: e.value.useCssAnimation, "word-selected": N.value && N.value === o.id && f.value.showTooltip, "word-not-selected": N.value && N.value !== o.id && f.value.showTooltip }),
+              class: Ce({ animated: e.value.useCssAnimation, "word-selected": N.value && N.value === o.id && p.value.showTooltip, "word-not-selected": N.value && N.value !== o.id && p.value.showTooltip }),
               "text-anchor": "middle",
               "dominant-baseline": "central",
               onMouseover: (l) => Me(o),
@@ -520,7 +520,7 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
         d(t.$slots, "watermark", A(_({ isPrinting: v(de) || v(ve) })), void 0, !0)
       ])) : y("", !0),
       le(yt, {
-        show: f.value.showTooltip && Y.value,
+        show: p.value.showTooltip && Y.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -552,7 +552,7 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
           key: 0,
           value: F.value,
           "onUpdate:value": a[1] || (a[1] = (o) => F.value = o),
-          min: fe.value,
+          min: pe.value,
           max: Ae.value,
           textColor: e.value.style.chart.color,
           inputColor: e.value.style.chart.zoom.color,
@@ -581,7 +581,7 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
         key: 6,
         hideDetails: "",
         config: {
-          open: f.value.showTable,
+          open: p.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -594,14 +594,14 @@ const kt = (c) => (Ee("data-v-3fd7d274"), c = c(), Ge(), c), wt = { "data-html2c
         }
       }, {
         content: m(() => [
-          (u(), O(ft, {
+          (u(), O(pt, {
             key: `table_${se.value}`,
             colNames: D.value.colNames,
             head: D.value.head,
             body: D.value.body,
             config: D.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: a[2] || (a[2] = (o) => f.value.showTable = !1)
+            onClose: a[2] || (a[2] = (o) => p.value.showTable = !1)
           }, {
             th: m(({ th: o }) => [
               x("div", {

package/dist/{vue-ui-xy-CKeq1JdU.js → vue-ui-xy-Br-7q7r_.js}

@@ -1,17 +1,17 @@
-import { c as J, a as K, t as Q, z as j, p as $, V as X, O as R, f as U, L as ee, G as te, i as re, a4 as ae, a1 as le, a5 as ie, v as se, a6 as ne, d as he, B as oe, b as ce, q as de, R as ue, a7 as ge, r as fe, e as Ie, a2 as me, y as Ne, C as xe, x as be, a8 as Fe, Z as _e, o as Ae, s as ye, w as Le, F as Ce, A as Se, u as ke } from "./index-c1hnhYfV.js";
-import { D as we } from "./DataTable-DPeuneOh.js";
-import { _ as Oe } from "./Title-P0Dd2k62.js";
-import { _ as Ge, u as ve } from "./Tooltip-kI9lsKQk.js";
-import { U as ze } from "./usePrinter-VLD0kjns.js";
-import { _ as pe } from "./Shape-BtwbxjIw.js";
-import Me from "./BaseIcon-D-UKDgjn.js";
-import Ve from "./vue-ui-table-sparkline-BmYjar6g.js";
-import Te from "./vue-ui-skeleton-BiAyTdIj.js";
-import { S as Pe } from "./Slicer-C7m6owvG.js";
-import Re from "./vue-ui-accordion-WE2vM_c9.js";
-import { u as Z } from "./useNestedProp-CGSgnhXD.js";
-import { _ as De } from "./PackageVersion-BWyr7kAX.js";
-import { P as He } from "./PenAndPaper-BFVJi7-v.js";
+import { c as J, a as K, t as Q, z as j, p as $, V as X, O as R, f as U, L as ee, G as te, i as re, a4 as ae, a1 as le, a5 as ie, v as se, a6 as ne, d as he, B as oe, b as ce, q as de, R as ue, a7 as ge, r as fe, e as Ie, a2 as me, y as Ne, C as xe, x as be, a8 as Fe, Z as _e, o as Ae, s as ye, w as Le, F as Ce, A as Se, u as ke } from "./index-MWHrTFPq.js";
+import { D as we } from "./DataTable-DtvVWOjy.js";
+import { _ as Oe } from "./Title-C7EOYmwp.js";
+import { _ as Ge, u as ve } from "./Tooltip-Bip4kr-u.js";
+import { U as ze } from "./usePrinter-CEEgHfhF.js";
+import { _ as pe } from "./Shape-DmSvDf5d.js";
+import Me from "./BaseIcon-CgOl0yXt.js";
+import Ve from "./vue-ui-table-sparkline-BJ6dbbuD.js";
+import Te from "./vue-ui-skeleton-Bo8ydREb.js";
+import { S as Pe } from "./Slicer-D6mP0vjU.js";
+import Re from "./vue-ui-accordion-BnV2tlGp.js";
+import { u as Z } from "./useNestedProp-CTDeT4KA.js";
+import { _ as De } from "./PackageVersion-CBKqLhAX.js";
+import { P as He } from "./PenAndPaper-DtLD2Sq6.js";
 import { resolveComponent as T, openBlock as l, createElementBlock as i, normalizeClass as P, normalizeStyle as L, createBlock as D, createCommentVNode as c, createSlots as Be, withCtx as M, renderSlot as S, normalizeProps as H, guardReactiveProps as B, createVNode as q, createElementVNode as f, Fragment as I, renderList as m, toDisplayString as k, mergeProps as We, withDirectives as Ee, vModelCheckbox as Ye, createTextVNode as qe } from "vue";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ue = J(), Ze = {
@@ -1795,25 +1795,25 @@ function ra(r, s, o, u, t, e) {
         }, [
           a.useArea && a.plots.length > 1 ? (l(), i("g", ir, [
             a.smooth ? (l(), i(I, { key: 0 }, [
+              f("path", {
+                d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
+                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
+              }, null, 8, sr),
               r.$slots.pattern ? (l(), i("path", {
                 key: 0,
                 d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
                 fill: `url(#pattern_${t.uniqueId}_${a.slotAbsoluteIndex})`
-              }, null, 8, sr)) : (l(), i("path", {
-                key: 1,
-                d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
-                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
-              }, null, 8, nr))
+              }, null, 8, nr)) : c("", !0)
             ], 64)) : (l(), i(I, { key: 1 }, [
+              f("path", {
+                d: `M${a.area}Z`,
+                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
+              }, null, 8, hr),
               r.$slots.pattern ? (l(), i("path", {
                 key: 0,
                 d: `M${a.area}Z`,
                 fill: `url(#pattern_${t.uniqueId}_${a.slotAbsoluteIndex})`
-              }, null, 8, hr)) : (l(), i("path", {
-                key: 1,
-                d: `M${a.area}Z`,
-                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
-              }, null, 8, or))
+              }, null, 8, or)) : c("", !0)
             ], 64))
           ])) : c("", !0),
           a.smooth && a.plots.length > 1 ? (l(), i("path", {
@@ -2288,6 +2288,7 @@ function ra(r, s, o, u, t, e) {
       minimapSelectedColorOpacity: e.FINAL_CONFIG.chart.zoom.minimap.selectedColorOpacity,
       minimapSelectedIndex: t.selectedSerieIndex,
       minimapIndicatorColor: e.FINAL_CONFIG.chart.zoom.minimap.indicatorColor,
+      verticalHandles: e.FINAL_CONFIG.chart.zoom.minimap.verticalHandles,
       max: t.maxX,
       min: 0,
       valueStart: t.slicer.start,
@@ -2307,7 +2308,7 @@ function ra(r, s, o, u, t, e) {
         S(r.$slots, "reset-action", H(B({ reset: a })), void 0, !0)
       ]),
       _: 3
-    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "onReset", "onTrapMouse"])) : c("", !0),
+    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "verticalHandles", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "onReset", "onTrapMouse"])) : c("", !0),
     e.FINAL_CONFIG.chart.legend.show ? (l(), i("div", {
       key: 8,
       ref: "chartLegend",
@@ -2471,7 +2472,7 @@ function ra(r, s, o, u, t, e) {
     }, 8, ["config"])) : c("", !0)
   ], 46, Je);
 }
-const ba = /* @__PURE__ */ Xe(Ze, [["render", ra], ["__scopeId", "data-v-ad08f597"]]);
+const ba = /* @__PURE__ */ Xe(Ze, [["render", ra], ["__scopeId", "data-v-e67e9b01"]]);
 export {
   ba as default
 };

package/dist/{vue-ui-xy-canvas-B9MvlWhR.js → vue-ui-xy-canvas-BpjQGfiF.js}

@@ -1,16 +1,16 @@
 import { ref as i, computed as x, useSlots as Ta, onMounted as aa, watch as A, nextTick as ce, onBeforeUnmount as Oa, openBlock as z, createElementBlock as K, normalizeStyle as B, normalizeClass as Ra, unref as S, createBlock as E, createCommentVNode as H, createSlots as Pa, withCtx as b, renderSlot as L, normalizeProps as Y, guardReactiveProps as V, createElementVNode as Q, createVNode as Fa, toDisplayString as la, createTextVNode as Ea } from "vue";
-import { u as Da, c as Na, t as Aa, a as Ha, p as _, C as de, b as _a, D as we, i as ee, f as ae, Z as Ua, J as Wa, d as ta, a4 as Xa, o as Ba, e as Ya, x as oa, y as Va, q as Za, r as Ga, s as le, l as ja } from "./index-c1hnhYfV.js";
+import { u as Da, c as Na, t as Aa, a as Ha, p as _, C as de, b as _a, D as we, i as ee, f as ae, Z as Ua, J as Wa, d as ta, a4 as Xa, o as Ba, e as Ya, x as oa, y as Va, q as Za, r as Ga, s as le, l as ja } from "./index-MWHrTFPq.js";
 import { d as qa, c as Ja, a as ra, t as Ka, l as k, r as ze, b as D, p as ua, u as Qa } from "./useResponsive-CoxXLe23.js";
-import { _ as el } from "./Tooltip-kI9lsKQk.js";
-import { L as al } from "./Legend-BvGqIXVZ.js";
-import { _ as ll } from "./Title-P0Dd2k62.js";
-import { S as tl } from "./Slicer-C7m6owvG.js";
-import { u as ol, U as rl } from "./usePrinter-VLD0kjns.js";
-import ul from "./vue-ui-accordion-WE2vM_c9.js";
-import { D as sl } from "./DataTable-DPeuneOh.js";
-import nl from "./vue-ui-skeleton-BiAyTdIj.js";
-import { u as sa } from "./useNestedProp-CGSgnhXD.js";
-import { P as il } from "./PenAndPaper-BFVJi7-v.js";
+import { _ as el } from "./Tooltip-Bip4kr-u.js";
+import { L as al } from "./Legend-CUhyETYn.js";
+import { _ as ll } from "./Title-C7EOYmwp.js";
+import { S as tl } from "./Slicer-D6mP0vjU.js";
+import { u as ol, U as rl } from "./usePrinter-CEEgHfhF.js";
+import ul from "./vue-ui-accordion-BnV2tlGp.js";
+import { D as sl } from "./DataTable-DtvVWOjy.js";
+import nl from "./vue-ui-skeleton-Bo8ydREb.js";
+import { u as sa } from "./useNestedProp-CTDeT4KA.js";
+import { P as il } from "./PenAndPaper-DtLD2Sq6.js";
 import { u as vl } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const dl = ["id"], hl = ["onClick"], yl = {

package/dist/{vue-ui-xy-canvas-DM7CW018.cjs → vue-ui-xy-canvas-BqLqQpxG.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),u=require("./index-CDbl3nHi.cjs"),c=require("./useResponsive-BJ7DTGpm.cjs"),ot=require("./Tooltip-Bbb_oXZ2.cjs"),rt=require("./Legend-CYuhb0PP.cjs"),nt=require("./Title-Ct1AFzwA.cjs"),ut=require("./Slicer-Cn_Jhg4Z.cjs"),Ee=require("./usePrinter-DW-eWQbz.cjs"),st=require("./vue-ui-accordion-cPXglVwE.cjs"),it=require("./DataTable-CY8wYhvy.cjs"),ct=require("./vue-ui-skeleton-DccfcP2M.cjs"),Ne=require("./useNestedProp-BaEkcxlF.cjs"),vt=require("./PenAndPaper--vMes7_g.cjs"),dt=require("./useUserOptionState-BgepsfED.cjs"),ht=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ft=["id"],yt=["onClick"],gt={key:2,class:"vue-data-ui-watermark"},pt=["innerHTML"],mt={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(re,{expose:Be,emit:De}){const p=re,{vue_ui_xy_canvas:Fe}=u.useConfig(),Z=l.ref(u.createUid()),N=l.ref(null),S=l.ref(null),B=l.ref(null),i=l.ref(null),g=l.ref(1),T=l.ref(1),H=l.ref(!1),f=l.ref(null),V=l.ref(""),ne=l.ref(null),C=l.ref([]),O=l.ref(1),M=l.ref(!0),z=l.ref(!0),G=l.ref(null),ue=l.ref(0),se=l.ref(0),U=l.ref(!1),ie=l.ref(null),ce=l.ref(null),ve=l.ref(null),de=l.ref(null),j=l.ref(0),J=l.ref(0),K=l.ref(0),Q=l.computed(()=>!!p.dataset&&p.dataset.length),Ae=l.useSlots();l.onMounted(()=>{Ae["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const t=l.computed({get:()=>ye(),set:e=>e}),{userOptionsVisible:ee,setUserOptionsVisibility:he,keepUserOptionState:fe}=dt.useUserOptionState({config:t.value});function ye(){const e=Ne.useNestedProp({userConfig:p.config,defaultConfig:Fe});let a={};return e.theme?a={...Ne.useNestedProp({userConfig:u.themes.vue_ui_xy_canvas[e.theme]||p.config,defaultConfig:e}),customPalette:u.themePalettes[e.theme]||u.palette}:a=e,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.min")?a.style.chart.scale.min=p.config.style.chart.scale.min:a.style.chart.scale.min=null,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.max")?a.style.chart.scale.max=p.config.style.chart.scale.max:a.style.chart.scale.max=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.startIndex")?a.style.chart.zoom.startIndex=p.config.style.chart.zoom.startIndex:a.style.chart.zoom.startIndex=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.endIndex")?a.style.chart.zoom.endIndex=p.config.style.chart.zoom.endIndex:a.style.chart.zoom.endIndex=null,a}l.watch(()=>p.config,e=>{t.value=ye(),ee.value=!t.value.showOnChartHover,le(),j.value+=1,J.value+=1,K.value+=1},{deep:!0}),l.watch(()=>p.dataset,()=>{le(),j.value+=1,J.value+=1,K.value+=1},{deep:!0});const ge=l.ref(t.value.style.chart.aspectRatio),{isPrinting:pe,isImaging:me,generatePdf:be,generateImage:xe}=Ee.usePrinter({elementId:`xy_canvas_${Z.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),s=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function He(e){U.value=e,se.value+=1}const ke=l.computed(()=>u.convertCustomPalette(t.value.customPalette)),w=l.computed(()=>R.value?Math.max(...R.value.filter((e,a)=>!C.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),o=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:T.value,left:g.value*t.value.style.chart.paddingProportions.left,top:T.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:T.value-T.value*t.value.style.chart.paddingProportions.bottom,width:e,height:T.value-T.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(n.value.end-n.value.start)}});function Le(e,a){return e/a}function Ve({hasAutoScale:e,series:a,min:r,max:d,scale:h,yOffset:m,individualHeight:v,stackIndex:b=null}){return a.map((L,oe)=>{const $=h.min<0?Math.abs(h.min):0,I=Le(L+$,$+h.max);let P,D;e&&(P=Math.abs(h.min),D=Le(L+P,h.max+P));let F=0;return b===null?F=o.value.bottom-o.value.height*(e?D:I):F=o.value.bottom-m-v*(e?D:I),{x:o.value.left+o.value.slot*oe+o.value.slot/2,y:F,value:L}})}const x=l.computed(()=>{const e=t.value.style.chart.scale.min!==null?t.value.style.chart.scale.min:Math.min(...R.value.filter((v,b)=>!C.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(n.value.start,n.value.end))),a=t.value.style.chart.scale.max!==null?t.value.style.chart.scale.max:Math.max(...R.value.filter((v,b)=>!C.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(n.value.start,n.value.end))),r=u.calculateNiceScale(e<0?e:0,a===e?e+1<0?0:e+1:a<0?0:a,t.value.style.chart.scale.ticks),d=r.min<0?Math.abs(r.min):0,h=o.value.bottom-o.value.height*(d/(r.max+d)),m=r.ticks.map(v=>({y:o.value.bottom-o.value.height*((v+d)/(r.max+d)),x:o.value.left-8,value:v}));return{absoluteMin:d,max:a,min:e,scale:r,yLabels:m,zero:h}}),Ue=l.computed(()=>y.value.map(e=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),u=require("./index-DwCsX1sv.cjs"),c=require("./useResponsive-BJ7DTGpm.cjs"),ot=require("./Tooltip-DLISx9B0.cjs"),rt=require("./Legend-DzWbU4w8.cjs"),nt=require("./Title-BlC0Lcua.cjs"),ut=require("./Slicer-DGe_w6Mr.cjs"),Ee=require("./usePrinter-DTDziYU0.cjs"),st=require("./vue-ui-accordion-IzKVFSed.cjs"),it=require("./DataTable-C010-IaF.cjs"),ct=require("./vue-ui-skeleton-DZILAxJl.cjs"),Ne=require("./useNestedProp-B618ZN94.cjs"),vt=require("./PenAndPaper-bCXNnqQx.cjs"),dt=require("./useUserOptionState-BgepsfED.cjs"),ht=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ft=["id"],yt=["onClick"],gt={key:2,class:"vue-data-ui-watermark"},pt=["innerHTML"],mt={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(re,{expose:Be,emit:De}){const p=re,{vue_ui_xy_canvas:Fe}=u.useConfig(),Z=l.ref(u.createUid()),N=l.ref(null),S=l.ref(null),B=l.ref(null),i=l.ref(null),g=l.ref(1),T=l.ref(1),H=l.ref(!1),f=l.ref(null),V=l.ref(""),ne=l.ref(null),C=l.ref([]),O=l.ref(1),M=l.ref(!0),z=l.ref(!0),G=l.ref(null),ue=l.ref(0),se=l.ref(0),U=l.ref(!1),ie=l.ref(null),ce=l.ref(null),ve=l.ref(null),de=l.ref(null),j=l.ref(0),J=l.ref(0),K=l.ref(0),Q=l.computed(()=>!!p.dataset&&p.dataset.length),Ae=l.useSlots();l.onMounted(()=>{Ae["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const t=l.computed({get:()=>ye(),set:e=>e}),{userOptionsVisible:ee,setUserOptionsVisibility:he,keepUserOptionState:fe}=dt.useUserOptionState({config:t.value});function ye(){const e=Ne.useNestedProp({userConfig:p.config,defaultConfig:Fe});let a={};return e.theme?a={...Ne.useNestedProp({userConfig:u.themes.vue_ui_xy_canvas[e.theme]||p.config,defaultConfig:e}),customPalette:u.themePalettes[e.theme]||u.palette}:a=e,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.min")?a.style.chart.scale.min=p.config.style.chart.scale.min:a.style.chart.scale.min=null,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.max")?a.style.chart.scale.max=p.config.style.chart.scale.max:a.style.chart.scale.max=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.startIndex")?a.style.chart.zoom.startIndex=p.config.style.chart.zoom.startIndex:a.style.chart.zoom.startIndex=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.endIndex")?a.style.chart.zoom.endIndex=p.config.style.chart.zoom.endIndex:a.style.chart.zoom.endIndex=null,a}l.watch(()=>p.config,e=>{t.value=ye(),ee.value=!t.value.showOnChartHover,le(),j.value+=1,J.value+=1,K.value+=1},{deep:!0}),l.watch(()=>p.dataset,()=>{le(),j.value+=1,J.value+=1,K.value+=1},{deep:!0});const ge=l.ref(t.value.style.chart.aspectRatio),{isPrinting:pe,isImaging:me,generatePdf:be,generateImage:xe}=Ee.usePrinter({elementId:`xy_canvas_${Z.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),s=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function He(e){U.value=e,se.value+=1}const ke=l.computed(()=>u.convertCustomPalette(t.value.customPalette)),w=l.computed(()=>R.value?Math.max(...R.value.filter((e,a)=>!C.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),o=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:T.value,left:g.value*t.value.style.chart.paddingProportions.left,top:T.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:T.value-T.value*t.value.style.chart.paddingProportions.bottom,width:e,height:T.value-T.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(n.value.end-n.value.start)}});function Le(e,a){return e/a}function Ve({hasAutoScale:e,series:a,min:r,max:d,scale:h,yOffset:m,individualHeight:v,stackIndex:b=null}){return a.map((L,oe)=>{const $=h.min<0?Math.abs(h.min):0,I=Le(L+$,$+h.max);let P,D;e&&(P=Math.abs(h.min),D=Le(L+P,h.max+P));let F=0;return b===null?F=o.value.bottom-o.value.height*(e?D:I):F=o.value.bottom-m-v*(e?D:I),{x:o.value.left+o.value.slot*oe+o.value.slot/2,y:F,value:L}})}const x=l.computed(()=>{const e=t.value.style.chart.scale.min!==null?t.value.style.chart.scale.min:Math.min(...R.value.filter((v,b)=>!C.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(n.value.start,n.value.end))),a=t.value.style.chart.scale.max!==null?t.value.style.chart.scale.max:Math.max(...R.value.filter((v,b)=>!C.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(n.value.start,n.value.end))),r=u.calculateNiceScale(e<0?e:0,a===e?e+1<0?0:e+1:a<0?0:a,t.value.style.chart.scale.ticks),d=r.min<0?Math.abs(r.min):0,h=o.value.bottom-o.value.height*(d/(r.max+d)),m=r.ticks.map(v=>({y:o.value.bottom-o.value.height*((v+d)/(r.max+d)),x:o.value.left-8,value:v}));return{absoluteMin:d,max:a,min:e,scale:r,yLabels:m,zero:h}}),Ue=l.computed(()=>y.value.map(e=>`
             <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
                 <svg viewBox="0 0 10 10" height="12" width="12">
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>