vue-data-ui 3.0.0-next.24 → 3.0.0-next.26

package/dist/{vue-ui-candlestick-BLhgKIos.js → vue-ui-candlestick-C-HIjwPy.js}

@@ -1,15 +1,15 @@
-import { defineAsyncComponent as U, computed as b, ref as r, toRefs as zt, watch as he, shallowRef as He, onMounted as St, onBeforeUnmount as We, watchEffect as Lt, nextTick as W, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as fe, normalizeClass as Ge, createBlock as F, createCommentVNode as g, createElementVNode as d, createVNode as Xe, createSlots as Tt, withCtx as x, renderSlot as m, normalizeProps as R, guardReactiveProps as O, Fragment as N, renderList as P, toDisplayString as K, createTextVNode as It } from "vue";
-import { u as Ft, c as Rt, A as Ot, a as Nt, C as Q, o as je, e as V, D as Pt, v as G, f as $, X as Vt, w as Z, s as Et, E as Ye, q as Bt, r as Mt, x as Ut, y as Dt } from "./index-BlXaaLFe.js";
+import { defineAsyncComponent as U, computed as b, ref as r, toRefs as zt, watch as fe, shallowRef as He, onMounted as St, onBeforeUnmount as We, watchEffect as Lt, nextTick as W, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as ge, normalizeClass as Ge, createBlock as F, createCommentVNode as g, createElementVNode as d, createVNode as Xe, createSlots as Tt, withCtx as x, renderSlot as m, normalizeProps as R, guardReactiveProps as O, Fragment as N, renderList as P, toDisplayString as K, createTextVNode as It } from "vue";
+import { u as Ft, c as Rt, A as Ot, a as Nt, C as Q, o as je, e as V, D as Pt, v as G, f as $, X as Vt, w as Z, s as Et, E as Ye, q as Bt, r as Mt, x as Ut, y as Dt } from "./index-gToq10k7.js";
 import { t as qe, u as Ht } from "./useResponsive-DfdjqQps.js";
-import { u as Je } from "./useNestedProp-Cy-hEFSJ.js";
-import { u as Wt } from "./usePrinter-D5YEoSwm.js";
+import { u as Je } from "./useNestedProp-gmapANmc.js";
+import { u as Wt } from "./usePrinter-CbZEI2_c.js";
 import { u as Gt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Xt } from "./useChartAccessibility-9icAAmYg.js";
 import { u as jt, B as Yt } from "./BaseScanner-DIK2NTdp.js";
-import qt from "./Title-C31zTrEg.js";
-import { S as Jt } from "./Slicer-w37VlSJL.js";
+import qt from "./Title-IaxR8U-N.js";
+import { S as Jt } from "./Slicer-CoD6AOHL.js";
 import { u as Kt } from "./useTimeLabels-DFkUfjfs.js";
-import Qt from "./img-Uixyjj8A.js";
+import Qt from "./img-B3U0-8wy.js";
 import { u as Zt } from "./useTimeLabelCollider-V7AOiPLB.js";
 import { _ as el } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "width", "height"], ol = { key: 1 }, sl = ["id"], ul = ["stop-color"], il = ["stop-color"], nl = ["stop-color"], rl = ["id"], vl = ["stop-color"], dl = ["stop-color"], yl = ["stop-color"], cl = { key: 0 }, hl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], gl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pl = ["x", "y", "font-size", "fill", "font-weight"], bl = ["transform", "text-anchor", "font-size", "fill", "font-weight"], ml = ["transform", "text-anchor", "font-size", "fill", "font-weight"], xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], kl = { key: 0 }, wl = ["cx", "cy", "r", "fill"], Al = ["cx", "cy", "r", "fill"], _l = { key: 1 }, Cl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $l = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zl = ["x", "y", "height", "width", "fill", "rx"], Sl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Ll = ["x", "y", "height", "width", "fill", "onMouseover"], Tl = {
@@ -32,10 +32,15 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
     }
   },
   setup(Ke, { expose: Qe }) {
-    const Ze = U(() => import("./vue-ui-accordion-BEife378.js")), et = U(() => import("./DataTable-C52vrt0E.js")), tt = U(() => import("./PackageVersion-foDSwBnR.js")), lt = U(() => import("./PenAndPaper-BHk86d8V.js")), at = U(() => import("./Tooltip-DTeSp5uD.js")), ot = U(() => import("./UserOptions-CUhQWPrm.js")), { vue_ui_candlestick: st } = Ft(), c = Ke, ee = b(() => !!c.dataset && c.dataset.length), w = r(Rt()), ut = r(null), te = r(!1), le = r(""), ae = r(void 0), ge = r(0), z = r(null), pe = r(null), be = r(null), me = r(null), xe = r(null), ke = r(null), X = r(0), we = r(0), Ae = r(0), oe = r(null), D = r(null), e = r(ie()), { loading: _e, FINAL_DATASET: A, manualLoading: se } = jt({
+    const Ze = U(() => import("./vue-ui-accordion-DLihDfed.js")), et = U(() => import("./DataTable-6ZKiedr4.js")), tt = U(() => import("./PackageVersion-DF_M_33r.js")), lt = U(() => import("./PenAndPaper-i2SC47RS.js")), at = U(() => import("./Tooltip-DCh0ZmS5.js")), ot = U(() => import("./UserOptions-J_zxxPnc.js")), { vue_ui_candlestick: st } = Ft(), c = Ke, ee = b(() => !!c.dataset && c.dataset.length), w = r(Rt()), ut = r(null), te = r(!1), le = r(""), ae = r(void 0), pe = r(0), z = r(null), be = r(null), me = r(null), xe = r(null), ke = r(null), we = r(null), X = r(0), Ae = r(0), _e = r(0), oe = r(null), D = r(null), e = r(ie()), { loading: Ce, FINAL_DATASET: A, manualLoading: se } = jt({
       ...zt(c),
       FINAL_CONFIG: e,
       prepareConfig: ie,
+      callback: () => {
+        Promise.resolve().then(async () => {
+          await de();
+        });
+      },
       skeletonDataset: [
         [17040672e5, 10, 20, 2, 10, 30],
         [17067456e5, 10, 30, 5, 20, 50],
@@ -91,7 +96,7 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
           }
         }
       })
-    }), { userOptionsVisible: ue, setUserOptionsVisibility: Ce, keepUserOptionState: $e } = Gt({ config: e.value }), { svgRef: ze } = Xt({ config: e.value.style.title });
+    }), { userOptionsVisible: ue, setUserOptionsVisibility: $e, keepUserOptionState: ze } = Gt({ config: e.value }), { svgRef: Se } = Xt({ config: e.value.style.title });
     function ie() {
       const t = Je({
         userConfig: c.config,
@@ -105,9 +110,9 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
         })
       } : a = t, c.config && Q(c.config, "style.zoom.startIndex") ? a.style.zoom.startIndex = c.config.style.zoom.startIndex : a.style.zoom.startIndex = null, c.config && Q(c.config, "style.zoom.endIndex") ? a.style.zoom.endIndex = c.config.style.zoom.endIndex : a.style.zoom.endIndex = null, c.config && Q(c.config, "style.layout.grid.yAxis.scale.min") ? a.style.layout.grid.yAxis.scale.min = c.config.style.layout.grid.yAxis.scale.min : a.style.layout.grid.yAxis.scale.min = null, c.config && Q(c.config, "style.layout.grid.yAxis.scale.max") ? a.style.layout.grid.yAxis.scale.max = c.config.style.layout.grid.yAxis.scale.max : a.style.layout.grid.yAxis.scale.max = null, a;
     }
-    he(() => c.config, (t) => {
-      _e.value || (e.value = ie()), ue.value = !e.value.userOptions.showOnChartHover, Se(), X.value += 1, Ae.value += 1, we.value += 1, _.value.showTable = e.value.table.show, _.value.showTooltip = e.value.style.tooltip.show;
-    }, { deep: !0 }), he(() => c.dataset, (t) => {
+    fe(() => c.config, (t) => {
+      Ce.value || (e.value = ie()), ue.value = !e.value.userOptions.showOnChartHover, Le(), X.value += 1, _e.value += 1, Ae.value += 1, _.value.showTable = e.value.table.show, _.value.showTooltip = e.value.style.tooltip.show;
+    }, { deep: !0 }), fe(() => c.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (se.value = !1), h.value.start = 0, h.value.end = t.length, X.value += 1;
     }, { deep: !0 });
     const y = r({
@@ -117,10 +122,10 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
       yAxisFontSize: e.value.style.layout.grid.yAxis.dataLabels.fontSize
     }), S = He(null), E = He(null);
     St(() => {
-      Se();
+      Le();
     });
     const L = b(() => !!e.value.debug);
-    function Se() {
+    function Le() {
       if (je(c.dataset) && (V({
         componentName: "VueUiCandlestick",
         type: "dataset",
@@ -129,11 +134,11 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
         const a = qe(() => {
           const { width: l, height: o } = Ht({
             chart: z.value,
-            title: e.value.style.title.text ? pe.value : null,
-            slicer: me.value,
-            legend: be.value,
-            source: xe.value,
-            noTitle: ke.value
+            title: e.value.style.title.text ? be.value : null,
+            slicer: xe.value,
+            legend: me.value,
+            source: ke.value,
+            noTitle: we.value
           });
           requestAnimationFrame(() => {
             y.value.width = l, y.value.height = o - 12, e.value.responsiveProportionalSizing ? (y.value.xAxisFontSize = Ye({
@@ -153,12 +158,12 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
         });
         S.value && (E.value && S.value.unobserve(E.value), S.value.disconnect()), S.value = new ResizeObserver(a), E.value = z.value.parentNode, S.value.observe(E.value);
       }
-      Ve();
+      de();
     }
     We(() => {
       S.value && (E.value && S.value.unobserve(E.value), S.value.disconnect());
     });
-    const { isPrinting: Le, isImaging: Te, generatePdf: Ie, generateImage: Fe } = Wt({
+    const { isPrinting: Te, isImaging: Ie, generatePdf: Fe, generateImage: Re } = Wt({
       elementId: `vue-ui-candlestick_${w.value}`,
       fileName: e.value.style.title.text || "vue-ui-candlestick",
       options: e.value.userOptions.print
@@ -178,7 +183,7 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
     }), We(() => {
       ne.value = 0;
     });
-    const Re = b(() => {
+    const Oe = b(() => {
       let t = 0;
       return D.value && (t = ne.value + y.value.xAxisFontSize), t;
     });
@@ -195,14 +200,14 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
         top: t + f,
         right: y.value.width - a,
         left: o + p,
-        bottom: y.value.height - l - Re.value,
+        bottom: y.value.height - l - Oe.value,
         width: y.value.width - o - a - p,
-        height: y.value.height - t - l - Re.value - f
+        height: y.value.height - t - l - Oe.value - f
       };
     }), H = b(() => A.value.length), h = r({
       start: 0,
       end: H.value
-    }), Oe = b(() => A.value.map((t, a) => ({
+    }), Ne = b(() => A.value.map((t, a) => ({
       ...t,
       absoluteIndex: a
     })).slice(h.value.start, h.value.end)), re = b(() => (A.value.forEach((t, a) => {
@@ -243,7 +248,7 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
         index: a,
         debug: L.value
       });
-    }), Oe.value.map((t) => ({
+    }), Ne.value.map((t) => ({
       absoluteIndex: t.absoluteIndex,
       period: t[0],
       open: t[1],
@@ -251,13 +256,13 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
       low: t[3],
       last: t[4],
       volume: t[5]
-    })))), v = b(() => i.value.width / Oe.value.length), Ne = b(() => {
+    })))), v = b(() => i.value.width / Ne.value.length), Pe = b(() => {
       const t = e.value.style.layout.grid.yAxis.scale.max === null ? Math.max(...re.value.map((l) => l.high)) : e.value.style.layout.grid.yAxis.scale.max, a = e.value.style.layout.grid.yAxis.scale.min === null ? 0 : e.value.style.layout.grid.yAxis.scale.min;
       return {
         max: t,
         min: a
       };
-    }), C = b(() => Pt(Ne.value.min, Ne.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
+    }), C = b(() => Pt(Pe.value.min, Pe.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
     function j(t, a) {
       return {
         ...t,
@@ -291,7 +296,7 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
       formatter: e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
       start: h.value.start,
       end: h.value.end
-    })), Pe = b(() => e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? {
+    })), Ve = b(() => e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? {
       start: T.value.find((t) => t.absoluteIndex === h.value.start).text,
       end: T.value.find((t) => t.absoluteIndex === h.value.end - 1).text
     } : {
@@ -320,7 +325,7 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
         });
       else if (e.value.style.tooltip.show) {
         let o = "";
-        const { period: p, open: f, high: I, low: ye, last: ce, volume: J, isBullish: De } = k.value[t], { period: Rl, open: pt, high: bt, low: mt, last: xt, volume: kt } = e.value.translations, wt = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? T.value[t].text : p;
+        const { period: p, open: f, high: I, low: ce, last: he, volume: J, isBullish: De } = k.value[t], { period: Rl, open: pt, high: bt, low: mt, last: xt, volume: kt } = e.value.translations, wt = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? T.value[t].text : p;
         o += `<div><svg style="margin-right:6px" viewBox="0 0 12 12" height="12" width="12"><rect x="0" y="0" height="12" width="12" rx="${e.value.style.layout.candle.borderRadius * 3}" stroke="${e.value.style.layout.candle.stroke}" stroke-width="${e.value.style.layout.candle.strokeWidth}" 
                 fill="${e.value.style.layout.candle.gradient.show ? De ? `url(#bullish_gradient_${w.value})` : `url(#bearish_gradient_${w.value})` : De ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${wt}</div>`, o += `${kt} : <b>${isNaN(J) ? "-" : Number(J.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, o += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`;
         const At = $({
@@ -339,14 +344,14 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
         o += `<div>${bt}: <b>${_t}</b></div>`;
         const Ct = $({
           p: e.value.style.tooltip.prefix,
-          v: ye.value,
+          v: ce.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         });
         o += `<div>${mt}: <b>${Ct}</b></div>`;
         const $t = $({
           p: e.value.style.tooltip.prefix,
-          v: ce.value,
+          v: he.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         });
@@ -355,10 +360,10 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
       te.value = !0;
     }
     function ht() {
-      Ve();
+      de();
     }
     const B = r(null);
-    async function Ve() {
+    async function de() {
       (e.value.style.zoom.startIndex !== null || e.value.style.zoom.endIndex !== null) && B.value ? (e.value.style.zoom.startIndex !== null && (await W(), await W(), B.value && B.value.setStartValue(e.value.style.zoom.startIndex)), e.value.style.zoom.endIndex !== null && (await W(), await W(), B.value && B.value.setEndValue(ft(e.value.style.zoom.endIndex + 1)))) : (h.value = {
         start: 0,
         end: H.value
@@ -388,12 +393,12 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
           v: o.open.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), ye = $({
+        }), ce = $({
           p: e.value.table.td.prefix,
           v: o.high.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), ce = $({
+        }), he = $({
           p: e.value.table.td.prefix,
           v: o.low.value,
           s: e.value.table.td.suffix,
@@ -407,8 +412,8 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
         return [
           `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" rx="${e.value.style.layout.candle.borderRadius * 3}" fill="${e.value.style.layout.candle.gradient.show ? o.isBullish ? `url(#bullish_gradient_${w.value}` : `url(#bearish_gradient_${w.value})` : o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg> ${f}`,
           I,
-          ye,
           ce,
+          he,
           J,
           `${isNaN(o.volume) ? "-" : o.volume.toLocaleString()}`
         ];
@@ -435,7 +440,7 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
       return { head: l, body: t, config: a, colNames: l };
     }), M = r(!1);
     function Be(t) {
-      M.value = t, ge.value += 1;
+      M.value = t, pe.value += 1;
     }
     function Me() {
       _.value.showTable = !_.value.showTable;
@@ -444,7 +449,7 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
       _.value.showTooltip = !_.value.showTooltip;
     }
     const q = r(!1);
-    function de() {
+    function ye() {
       q.value = !q.value;
     }
     async function gt({ scale: t = 2 } = {}) {
@@ -467,52 +472,52 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
       rotationPath: ["style", "layout", "grid", "xAxis", "dataLabels", "rotation"],
       autoRotatePath: ["style", "layout", "grid", "xAxis", "dataLabels", "autoRotate"],
       isAutoSize: !1
-    }), he(e, () => {
+    }), fe(e, () => {
       _.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 }), Qe({
       getImage: gt,
-      generatePdf: Ie,
+      generatePdf: Fe,
       generateCsv: Ee,
-      generateImage: Fe,
+      generateImage: Re,
       toggleTable: Me,
       toggleTooltip: Ue,
-      toggleAnnotator: de,
+      toggleAnnotator: ye,
       toggleFullscreen: Be
     }), (t, a) => (s(), u("div", {
       ref_key: "candlestickChart",
       ref: z,
       class: Ge(`vue-ui-candlestick ${M.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: fe(`position:relative;font-family:${e.value.style.fontFamily}; text-align:center;background:${e.value.style.backgroundColor}; ${e.value.responsive ? "height: 100%" : ""}`),
+      style: ge(`position:relative;font-family:${e.value.style.fontFamily}; text-align:center;background:${e.value.style.backgroundColor}; ${e.value.responsive ? "height: 100%" : ""}`),
       id: `vue-ui-candlestick_${w.value}`,
-      onMouseenter: a[4] || (a[4] = () => n(Ce)(!0)),
-      onMouseleave: a[5] || (a[5] = () => n(Ce)(!1))
+      onMouseenter: a[4] || (a[4] = () => n($e)(!0)),
+      onMouseleave: a[5] || (a[5] = () => n($e)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (s(), F(n(lt), {
         key: 0,
-        svgRef: n(ze),
+        svgRef: n(Se),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: q.value,
-        onClose: de
+        onClose: ye
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
       it.value ? (s(), u("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ke,
+        ref: we,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : g("", !0),
       e.value.style.title.text ? (s(), u("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: pe,
+        ref: be,
         style: "width:100%;background:transparent"
       }, [
         (s(), F(qt, {
-          key: `title_${Ae.value}`,
+          key: `title_${_e.value}`,
           config: {
             title: {
               cy: "candlestick-div-title",
@@ -525,14 +530,14 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
           }
         }, null, 8, ["config"]))
       ], 512)) : g("", !0),
-      e.value.userOptions.show && ee.value && (n($e) || n(ue)) ? (s(), F(n(ot), {
+      e.value.userOptions.show && ee.value && (n(ze) || n(ue)) ? (s(), F(n(ot), {
         ref_key: "details",
         ref: ut,
-        key: `user_options_${ge.value}`,
+        key: `user_options_${pe.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: n(Te),
-        isPrinting: n(Le),
+        isImaging: n(Ie),
+        isPrinting: n(Te),
         uid: w.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -550,14 +555,14 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: Be,
-        onGeneratePdf: n(Ie),
+        onGeneratePdf: n(Fe),
         onGenerateCsv: Ee,
-        onGenerateImage: n(Fe),
+        onGenerateImage: n(Re),
         onToggleTable: Me,
         onToggleTooltip: Ue,
-        onToggleAnnotator: de,
-        style: fe({
-          visibility: n($e) ? n(ue) ? "visible" : "hidden" : "visible"
+        onToggleAnnotator: ye,
+        style: ge({
+          visibility: n(ze) ? n(ue) ? "visible" : "hidden" : "visible"
         })
       }, Tt({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -619,12 +624,12 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
       (s(), u("svg", {
         ref_key: "svgRef",
-        ref: ze,
+        ref: Se,
         xmlns: n(Vt),
         "aria-label": e.value.style.title.text || "candlestick chart",
         class: Ge({ "vue-data-ui-fullscreen--on": M.value, "vue-data-ui-fulscreen--off": !M.value }),
         viewBox: `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${y.value.height <= 0 ? 10 : y.value.height}`,
-        style: fe(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
+        style: ge(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
       }, [
         Xe(n(tt)),
         t.$slots["chart-background"] ? (s(), u("foreignObject", {
@@ -849,12 +854,12 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
         m(t.$slots, "svg", { svg: y.value }, void 0, !0)
       ], 14, ll)),
       t.$slots.watermark ? (s(), u("div", Tl, [
-        m(t.$slots, "watermark", R(O({ isPrinting: n(Le) || n(Te) })), void 0, !0)
+        m(t.$slots, "watermark", R(O({ isPrinting: n(Te) || n(Ie) })), void 0, !0)
       ])) : g("", !0),
       e.value.style.zoom.show && ee.value ? (s(), u("div", {
         key: 5,
         ref_key: "chartSlicer",
-        ref: me
+        ref: xe
       }, [
         (s(), F(Jt, {
           ref_key: "slicerComponent",
@@ -864,8 +869,8 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
           borderColor: e.value.style.backgroundColor,
           fontSize: e.value.style.zoom.fontSize,
           useResetSlot: e.value.style.zoom.useResetSlot,
-          labelLeft: Pe.value.start,
-          labelRight: Pe.value.end,
+          labelLeft: Ve.value.start,
+          labelRight: Ve.value.end,
           textColor: e.value.style.color,
           inputColor: e.value.style.zoom.color,
           selectColor: e.value.style.zoom.highlightColor,
@@ -891,14 +896,14 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
       ], 512)) : g("", !0),
       d("div", {
         ref_key: "chartLegend",
-        ref: be
+        ref: me
       }, [
         m(t.$slots, "legend", { legend: k.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (s(), u("div", {
         key: 6,
         ref_key: "source",
-        ref: xe,
+        ref: ke,
         dir: "auto"
       }, [
         m(t.$slots, "source", {}, void 0, !0)
@@ -945,7 +950,7 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
       }, {
         content: x(() => [
           (s(), F(n(et), {
-            key: `table_${we.value}`,
+            key: `table_${Ae.value}`,
             colNames: Y.value.colNames,
             head: Y.value.head,
             body: Y.value.body,
@@ -964,10 +969,10 @@ const tl = ["id"], ll = ["xmlns", "aria-label", "viewBox"], al = ["x", "y", "wid
         ]),
         _: 1
       }, 8, ["config"])) : g("", !0),
-      n(_e) ? (s(), F(Yt, { key: 8 })) : g("", !0)
+      n(Ce) ? (s(), F(Yt, { key: 8 })) : g("", !0)
     ], 46, tl));
   }
-}, Yl = /* @__PURE__ */ el(Fl, [["__scopeId", "data-v-78eb5f28"]]);
+}, Yl = /* @__PURE__ */ el(Fl, [["__scopeId", "data-v-c2fac880"]]);
 export {
   Yl as default
 };

package/dist/{vue-ui-carousel-table-CAxldPeA.js → vue-ui-carousel-table-BmiJoBXA.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as ce, ref as n, useSlots as Se, onMounted as A, computed as R, watch as N, onBeforeUnmount as G, shallowRef as ze, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as U, createBlock as he, createCommentVNode as S, normalizeClass as Ee, normalizeStyle as h, createTextVNode as D, renderSlot as p, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as w, normalizeProps as ge, guardReactiveProps as be } from "vue";
-import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-BlXaaLFe.js";
-import { u as Le } from "./useNestedProp-Cy-hEFSJ.js";
-import { u as Ge } from "./usePrinter-D5YEoSwm.js";
+import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-gToq10k7.js";
+import { u as Le } from "./useNestedProp-gmapANmc.js";
+import { u as Ge } from "./usePrinter-CbZEI2_c.js";
 import { u as De } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
@@ -25,7 +25,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     }
   },
   setup(T, { expose: ye }) {
-    const Ce = ce(() => import("./vue-ui-skeleton-HiIwRF9u.js")), $e = ce(() => import("./UserOptions-CUhQWPrm.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = Se();
+    const Ce = ce(() => import("./vue-ui-skeleton-DXITY4Wb.js")), $e = ce(() => import("./UserOptions-J_zxxPnc.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = Se();
     A(() => {
       Y();
     }), A(() => {

package/dist/{vue-ui-chestnut-BFbpADeQ.js → vue-ui-chestnut-CZlbhQrJ.js}

@@ -1,10 +1,10 @@
 import { useCssVars as ot, defineAsyncComponent as H, computed as m, ref as z, watch as st, shallowRef as ut, onMounted as nt, onBeforeUnmount as rt, createElementBlock as o, openBlock as a, unref as u, normalizeStyle as y, normalizeClass as k, createBlock as ee, createCommentVNode as h, renderSlot as F, createSlots as it, withCtx as A, normalizeProps as te, guardReactiveProps as le, createVNode as Ne, createElementVNode as n, toDisplayString as c, Fragment as p, renderList as g, createTextVNode as ae, withKeys as ct, nextTick as Fe } from "vue";
-import { u as dt, c as vt, t as yt, p as O, a as ht, b as ft, g as de, e as oe, d as ve, o as bt, X as pt, s as I, w as Ie, i as G, f as S, F as Le, m as Pe, j as gt, k as Q, n as R, q as _t, r as xt } from "./index-BlXaaLFe.js";
-import { u as Oe } from "./useNestedProp-Cy-hEFSJ.js";
-import { u as mt } from "./usePrinter-D5YEoSwm.js";
+import { u as dt, c as vt, t as yt, p as O, a as ht, b as ft, g as de, e as oe, d as ve, o as bt, X as pt, s as I, w as Ie, i as G, f as S, F as Le, m as Pe, j as gt, k as Q, n as R, q as _t, r as xt } from "./index-gToq10k7.js";
+import { u as Oe } from "./useNestedProp-gmapANmc.js";
+import { u as mt } from "./usePrinter-CbZEI2_c.js";
 import { u as kt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as wt } from "./useChartAccessibility-9icAAmYg.js";
-import $t from "./img-Uixyjj8A.js";
+import $t from "./img-B3U0-8wy.js";
 import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Tt = ["id"], zt = {
   key: 1,
@@ -47,7 +47,7 @@ const Tt = ["id"], zt = {
     ot((l) => ({
       "3b99dd82": l.tdo
     }));
-    const Me = H(() => import("./PenAndPaper-BHk86d8V.js")), Ae = H(() => import("./vue-ui-accordion-BEife378.js")), je = H(() => import("./vue-ui-skeleton-HiIwRF9u.js")), Xe = H(() => import("./UserOptions-CUhQWPrm.js")), Ee = H(() => import("./PackageVersion-foDSwBnR.js")), Ge = H(() => import("./BaseIcon-Bqx1co2m.js")), { vue_ui_chestnut: Ue } = dt(), V = Re, W = m(() => !!V.dataset && V.dataset.length), w = z(vt()), K = z(null), De = z(null), ye = z(0), e = m({
+    const Me = H(() => import("./PenAndPaper-i2SC47RS.js")), Ae = H(() => import("./vue-ui-accordion-DLihDfed.js")), je = H(() => import("./vue-ui-skeleton-DXITY4Wb.js")), Xe = H(() => import("./UserOptions-J_zxxPnc.js")), Ee = H(() => import("./PackageVersion-DF_M_33r.js")), Ge = H(() => import("./BaseIcon-CIPCGWyZ.js")), { vue_ui_chestnut: Ue } = dt(), V = Re, W = m(() => !!V.dataset && V.dataset.length), w = z(vt()), K = z(null), De = z(null), ye = z(0), e = m({
       get: () => pe(),
       set: (l) => l
     }), { userOptionsVisible: se, setUserOptionsVisibility: he, keepUserOptionState: fe } = kt({ config: e.value }), { svgRef: be } = wt({ config: e.value.style.chart.layout.title });

package/dist/{vue-ui-chord-CBpT3QLV.js → vue-ui-chord-Dq4rskRf.js}

@@ -1,14 +1,14 @@
 import { useCssVars as _t, defineAsyncComponent as Y, ref as h, shallowRef as He, computed as C, watch as St, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as i, openBlock as n, unref as d, normalizeStyle as F, normalizeClass as z, createBlock as G, createCommentVNode as v, renderSlot as $, createElementVNode as B, createSlots as Je, withCtx as _, normalizeProps as re, guardReactiveProps as ue, withModifiers as Ke, createVNode as he, Fragment as R, renderList as W, mergeProps as Tt, toDisplayString as D, createTextVNode as Ot, nextTick as Bt } from "vue";
-import { u as Lt, c as fe, t as Nt, p as ie, a as Et, o as Ft, e as et, g as zt, b as Rt, d as Xt, X as jt, F as Dt, f as ge, q as Ut, r as Vt, i as Yt } from "./index-BlXaaLFe.js";
+import { u as Lt, c as fe, t as Nt, p as ie, a as Et, o as Ft, e as et, g as zt, b as Rt, d as Xt, X as jt, F as Dt, f as ge, q as Ut, r as Vt, i as Yt } from "./index-gToq10k7.js";
 import { u as Gt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as tt } from "./useNestedProp-Cy-hEFSJ.js";
+import { u as tt } from "./useNestedProp-gmapANmc.js";
 import { u as Wt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as qt } from "./usePrinter-D5YEoSwm.js";
+import { u as qt } from "./usePrinter-CbZEI2_c.js";
 import { t as Ht, u as Qt } from "./useResponsive-DfdjqQps.js";
-import Zt from "./Legend-RgPqbRB2.js";
-import Jt from "./Title-C31zTrEg.js";
-import { _ as Kt } from "./Shape-nLYuojED.js";
-import ea from "./img-Uixyjj8A.js";
+import Zt from "./Legend-B0mt4iJx.js";
+import Jt from "./Title-IaxR8U-N.js";
+import { _ as Kt } from "./Shape-XBUldhbb.js";
+import ea from "./img-B3U0-8wy.js";
 import { _ as ta } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const aa = ["id"], oa = ["xmlns", "viewBox"], la = ["width", "height"], sa = { key: 1 }, na = ["id", "d"], ra = { key: 2 }, ua = ["transform"], ia = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], ca = ["d", "fill", "stroke", "stroke-width"], da = ["d", "fill"], va = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], ha = ["d", "fill", "stroke", "stroke-width"], fa = ["d", "fill", "stroke", "stroke-width"], ga = ["d", "fill", "stroke", "stroke-width"], pa = { key: 0 }, ba = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ma = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ya = ["cx", "cy", "r", "stroke", "stroke-width", "fill"], ka = ["transform", "fill", "text-anchor", "font-size", "font-weight"], $a = { key: 1 }, wa = ["font-size", "font-weight", "fill"], Ca = ["href"], Ma = ["transform", "text-anchor", "font-size", "font-weight", "fill"], xa = {
   key: 5,
@@ -38,7 +38,7 @@ const aa = ["id"], oa = ["xmlns", "viewBox"], la = ["width", "height"], sa = { k
     _t((t) => ({
       "3518436d": t.slicerColor
     }));
-    const st = Y(() => import("./vue-ui-accordion-BEife378.js")), nt = Y(() => import("./BaseIcon-Bqx1co2m.js")), rt = Y(() => import("./DataTable-C52vrt0E.js")), ut = Y(() => import("./PackageVersion-foDSwBnR.js")), it = Y(() => import("./PenAndPaper-BHk86d8V.js")), ct = Y(() => import("./vue-ui-skeleton-HiIwRF9u.js")), dt = Y(() => import("./UserOptions-CUhQWPrm.js")), { vue_ui_chord: vt } = Lt(), g = at, te = lt, L = h(!!g.dataset && Object.hasOwn(g.dataset, "matrix")), S = h(fe()), w = h(null), m = h(null), p = h(null), pe = h(0), N = h(null), be = h(null), me = h(null), ye = h(null), ke = h(null), $e = h(0), we = h(0), Ce = h(0), q = h(!1), X = He(null), H = He(null), a = C({
+    const st = Y(() => import("./vue-ui-accordion-DLihDfed.js")), nt = Y(() => import("./BaseIcon-CIPCGWyZ.js")), rt = Y(() => import("./DataTable-6ZKiedr4.js")), ut = Y(() => import("./PackageVersion-DF_M_33r.js")), it = Y(() => import("./PenAndPaper-i2SC47RS.js")), ct = Y(() => import("./vue-ui-skeleton-DXITY4Wb.js")), dt = Y(() => import("./UserOptions-J_zxxPnc.js")), { vue_ui_chord: vt } = Lt(), g = at, te = lt, L = h(!!g.dataset && Object.hasOwn(g.dataset, "matrix")), S = h(fe()), w = h(null), m = h(null), p = h(null), pe = h(0), N = h(null), be = h(null), me = h(null), ye = h(null), ke = h(null), $e = h(0), we = h(0), Ce = h(0), q = h(!1), X = He(null), H = He(null), a = C({
       get: () => Se(),
       set: (t) => t
     }), { userOptionsVisible: ce, setUserOptionsVisibility: Me, keepUserOptionState: xe } = Gt({ config: a.value }), { svgRef: Q } = Wt({ config: a.value.style.chart.title }), { isPrinting: Ie, isImaging: Ae, generatePdf: Pe, generateImage: _e } = qt({

package/dist/{vue-ui-circle-pack-BYjq2Knu.js → vue-ui-circle-pack-DW9-8rGV.js}

@@ -1,12 +1,12 @@
 import { useCssVars as at, computed as z, defineAsyncComponent as V, ref as b, watch as Re, shallowRef as Ee, onMounted as ot, onBeforeUnmount as st, watchEffect as nt, createElementBlock as g, openBlock as y, unref as u, normalizeStyle as le, normalizeClass as Me, createBlock as B, createCommentVNode as k, renderSlot as x, createSlots as rt, withCtx as $, normalizeProps as W, guardReactiveProps as X, createVNode as ut, Fragment as ae, renderList as it, createElementVNode as _, mergeProps as Ae, toDisplayString as Y, createTextVNode as ct, nextTick as De } from "vue";
-import { u as vt, c as Le, t as de, p as oe, a as dt, o as ht, e as ft, b as yt, d as mt, h as Ve, f as he, X as pt, l as bt, F as Z, aj as gt, q as kt, r as xt, i as Be } from "./index-BlXaaLFe.js";
-import { u as He } from "./useNestedProp-Cy-hEFSJ.js";
-import { u as wt } from "./usePrinter-D5YEoSwm.js";
+import { u as vt, c as Le, t as de, p as oe, a as dt, o as ht, e as ft, b as yt, d as mt, h as Ve, f as he, X as pt, l as bt, F as Z, aj as gt, q as kt, r as xt, i as Be } from "./index-gToq10k7.js";
+import { u as He } from "./useNestedProp-gmapANmc.js";
+import { u as wt } from "./usePrinter-CbZEI2_c.js";
 import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as zt } from "./useChartAccessibility-9icAAmYg.js";
 import { t as _t, u as $t } from "./useResponsive-DfdjqQps.js";
-import Tt from "./Title-C31zTrEg.js";
-import Pt from "./img-Uixyjj8A.js";
+import Tt from "./Title-IaxR8U-N.js";
+import Pt from "./img-B3U0-8wy.js";
 import { _ as St } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Ue(r, i = 0) {
   const f = r.reduce((a, { x: n, r: v }) => Math.min(a, n - v - i), 1 / 0), m = r.reduce((a, { x: n, r: v }) => Math.max(a, n + v + i), -1 / 0), c = r.reduce((a, { y: n, r: v }) => Math.min(a, n - v - i), 1 / 0), o = r.reduce((a, { y: n, r: v }) => Math.max(a, n + v + i), -1 / 0);
@@ -99,7 +99,7 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
       "1096c176": L.value,
       "329ac07e": ue.value
     }));
-    const m = V(() => import("./vue-ui-accordion-BEife378.js")), c = V(() => import("./DataTable-C52vrt0E.js")), o = V(() => import("./PackageVersion-foDSwBnR.js")), a = V(() => import("./PenAndPaper-BHk86d8V.js")), n = V(() => import("./vue-ui-skeleton-HiIwRF9u.js")), v = V(() => import("./UserOptions-CUhQWPrm.js")), p = r, T = f, { vue_ui_circle_pack: J } = vt(), N = z(() => !!p.dataset && p.dataset.length), P = b(Le()), w = b(null), fe = b(null), ye = b(null), me = b(0), pe = b(0), be = b(0), We = b(null), e = z({
+    const m = V(() => import("./vue-ui-accordion-DLihDfed.js")), c = V(() => import("./DataTable-6ZKiedr4.js")), o = V(() => import("./PackageVersion-DF_M_33r.js")), a = V(() => import("./PenAndPaper-i2SC47RS.js")), n = V(() => import("./vue-ui-skeleton-DXITY4Wb.js")), v = V(() => import("./UserOptions-J_zxxPnc.js")), p = r, T = f, { vue_ui_circle_pack: J } = vt(), N = z(() => !!p.dataset && p.dataset.length), P = b(Le()), w = b(null), fe = b(null), ye = b(null), me = b(0), pe = b(0), be = b(0), We = b(null), e = z({
       get: () => we(),
       set: (t) => t
     }), { svgRef: ge } = zt({ config: e.value.style.chart.title }), {

package/dist/{vue-ui-cursor-g1m-y6fq.js → vue-ui-cursor-D0tCtX4f.js}

@@ -1,6 +1,6 @@
 import { ref as c, computed as _, onMounted as R, onBeforeUnmount as S, createElementBlock as l, createCommentVNode as o, openBlock as i, normalizeStyle as E, unref as m, createElementVNode as r, normalizeClass as C, toDisplayString as p, nextTick as b } from "vue";
-import { u as F } from "./useNestedProp-Cy-hEFSJ.js";
-import { u as L, c as z, X as O, s as I } from "./index-BlXaaLFe.js";
+import { u as F } from "./useNestedProp-gmapANmc.js";
+import { u as L, c as z, X as O, s as I } from "./index-gToq10k7.js";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const N = ["xmlns", "height", "width"], T = {
   id: "follower",