vue-data-ui 3.17.3 → 3.17.5

package/dist/{vue-ui-candlestick-CgtRA-EI.js → vue-ui-candlestick-B5wVhTFS.js}

@@ -1,21 +1,21 @@
 import { defineAsyncComponent as j, computed as y, ref as v, toRefs as jl, watch as me, shallowRef as Dt, onMounted as Gl, onBeforeUnmount as qe, watchEffect as Ae, nextTick as je, openBlock as i, createElementBlock as n, normalizeStyle as ae, normalizeClass as X, createElementVNode as m, toDisplayString as oe, createBlock as G, createCommentVNode as p, unref as h, withCtx as k, renderSlot as b, normalizeProps as _, guardReactiveProps as S, createSlots as Bt, createVNode as Ge, Fragment as M, renderList as B, mergeProps as Nt, resolveDynamicComponent as Kl, createTextVNode as Et } from "vue";
-import { j as Yl, t as Vt, o as Wt, q as Z, D as Jl, K, I as Ql, l as R, X as Zl, v as $e, u as ea, a0 as ta, a1 as la, T as aa, U as oa, a2 as Ut } from "./lib-DBptbyyI.js";
+import { j as Yl, t as Vt, o as Wt, q as Z, D as Jl, K, I as Ql, l as R, X as Zl, v as $e, u as ea, a0 as ta, a1 as la, T as aa, U as oa, a2 as Ut } from "./lib-DMzrGQHK.js";
 import { t as Ht, u as sa } from "./useResponsive-DfdjqQps.js";
-import { u as ua } from "./useConfig-C40HvGpD.js";
-import { u as Xt, a as qt, b as ia } from "./useTimeLabels-C-A2uZKi.js";
-import { u as na } from "./usePrinter-CEpYU3r5.js";
-import { u as ra, B as va } from "./BaseScanner-BhhkKVoj.js";
-import { u as da } from "./useSvgExport-ByUukOZt.js";
-import { u as Ke } from "./useNestedProp-Bf5XFbs8.js";
-import { u as ca } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ya } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ha } from "./useChartAccessibility-9icAAmYg.js";
-import { u as ma } from "./useTimeLabelCollider-CIsgDrl9.js";
-import pa from "./img-LXxMLmCg.js";
-import fa from "./Title-BeMKE1cj.js";
+import { u as ua } from "./useConfig-DTHxOX6V.js";
+import { u as Xt, a as qt, b as ia } from "./useTimeLabels-Cv0tD9In.js";
+import { u as na } from "./usePrinter-C4t8DdQ-.js";
+import { u as ra, B as va } from "./BaseScanner-C2j3TsSY.js";
+import { u as da } from "./useSvgExport-BTG4hVPO.js";
+import { u as Ke } from "./useNestedProp-DH0BEVVS.js";
+import { u as ca } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as ya } from "./useUserOptionState-B7Ej974k.js";
+import { u as ha } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as ma } from "./useTimeLabelCollider-D3JeJ6Ye.js";
+import pa from "./img-CjTQXS0U.js";
+import fa from "./Title-BbKoiBk2.js";
 import ga from "./vue_ui_candlestick-BAMn-VGw.js";
-import { A as ba } from "./A11yDataTable-KcVAX2cP.js";
-import { S as xa } from "./SlicerPreview-BMx3cqgX.js";
+import { A as ba } from "./A11yDataTable-BpmuNomI.js";
+import { S as xa } from "./SlicerPreview-D_CgrN_7.js";
 import { _ as ka } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = ["xmlns", "aria-describedby", "viewBox"], _a = ["x", "y", "width", "height"], Sa = { key: 1 }, za = ["id"], La = ["stop-color"], Ta = ["stop-color"], Ia = ["stop-color"], Fa = ["id"], Ma = ["stop-color"], Ra = ["stop-color"], Pa = ["stop-color"], Oa = { key: 0 }, Da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ba = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ea = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Va = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ua = ["x", "y", "font-size", "fill", "font-weight"], Ha = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Xa = ["transform", "text-anchor", "font-size", "fill", "font-weight"], qa = ["x", "y", "width", "height", "fill", "rx"], ja = { key: 0 }, Ga = ["cx", "cy", "r", "fill"], Ka = ["cx", "cy", "r", "fill"], Ya = { key: 1 }, Ja = ["x", "y", "width", "height", "rx", "fill"], Qa = ["x", "y", "width", "height", "fill", "rx"], Za = ["x", "y", "height", "width", "fill", "rx"], eo = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], to = ["d", "stroke"], lo = ["x", "y", "height", "width", "fill", "onMouseover", "onMouseleave", "onClick"], ao = ["data-start", "data-end"], oo = {
   key: 0,
@@ -47,7 +47,17 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
   },
   emits: ["selectX", "copyAlt"],
   setup(jt, { expose: Gt, emit: Kt }) {
-    const Yt = j(() => import("./BaseIcon-Cb3zzG6s.js")), Jt = j(() => import("./Tooltip-C8KGyqQk.js")), Qt = j(() => import("./vue-ui-accordion-DDuJT1xA.js")), Zt = j(() => import("./DataTable-DT2kIdQ6.js")), el = j(() => import("./PenAndPaper-Ct3qJ4lA.js")), tl = j(() => import("./UserOptions-rW2fRf3V.js")), ll = j(() => import("./PackageVersion-DP_kfXUM.js")), al = j(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_candlestick: ol } = ua(), { isThemeValid: sl, warnInvalidTheme: ul } = ca(), I = jt, _e = Kt, Se = y(() => !!I.dataset && I.dataset.length), V = v(!1), ze = v(null), z = v(Yl()), se = v(!1), Le = v(""), P = v(void 0), Ye = v(0), W = v(null), Je = v(null), Qe = v(null), ue = v(null), Ze = v(null), et = v(null), il = v(0), tt = v(0), lt = v(0), Te = v(null), ie = v(null), ne = v(null), Ie = v(null), at = v(null), pe = v(!1), fe = v(!1), U = v(null), ot = v({ x: 0, y: 0 }), re = v("pointer"), Fe = v(!1), e = v(Pe()), ve = y(() => e.value.userOptions.useCursorPointer), nl = y(() => Vt({
+    const Yt = j(() => import("./BaseIcon-DX0hTWa-.js")), Jt = j(() => import("./Tooltip-Cvt7Fi0Q.js")), Qt = j(() => import("./vue-ui-accordion-BHmfmb_6.js")), Zt = j(() => import("./DataTable-cMnb68Ik.js")), el = j(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), tl = j(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), ll = j(
+      () => import("./PackageVersion-BjeuEImy.js")
+    ), al = j(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_candlestick: ol } = ua(), { isThemeValid: sl, warnInvalidTheme: ul } = ca(), I = jt, _e = Kt, Se = y(() => !!I.dataset && I.dataset.length), V = v(!1), ze = v(null), z = v(Yl()), se = v(!1), Le = v(""), P = v(void 0), Ye = v(0), W = v(null), Je = v(null), Qe = v(null), ue = v(null), Ze = v(null), et = v(null), il = v(0), tt = v(0), lt = v(0), Te = v(null), ie = v(null), ne = v(null), Ie = v(null), at = v(null), pe = v(!1), fe = v(!1), U = v(null), ot = v({ x: 0, y: 0 }), re = v("pointer"), Fe = v(!1), e = v(Pe()), ve = y(
+      () => e.value.userOptions.useCursorPointer
+    ), nl = y(() => Vt({
       defaultConfig: {
         useCssAnimation: !1,
         userOptions: { show: !1 },
@@ -120,7 +130,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         defaultConfig: e.value,
         userConfig: nl.value
       })
-    }), { userOptionsVisible: Re, setUserOptionsVisibility: st, keepUserOptionState: ut } = ya({ config: e.value }), { svgRef: Y } = ha({ config: e.value.style.title });
+    }), { userOptionsVisible: Re, setUserOptionsVisibility: st, keepUserOptionState: ut } = ya({ config: e.value }), { svgRef: Y } = ha({
+      config: e.value.style.title
+    });
     function rl() {
       st(!0);
     }
@@ -153,11 +165,19 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         a = t;
       return a;
     }
-    me(() => I.config, (t) => {
-      H.value || (e.value = Pe()), Re.value = !e.value.userOptions.showOnChartHover, it(), il.value += 1, lt.value += 1, tt.value += 1, O.value.showTable = e.value.table.show, O.value.showTooltip = e.value.style.tooltip.show, ge();
-    }, { deep: !0 }), me(() => I.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Me.value = !1), $t();
-    }, { deep: !0 });
+    me(
+      () => I.config,
+      (t) => {
+        H.value || (e.value = Pe()), Re.value = !e.value.userOptions.showOnChartHover, it(), il.value += 1, lt.value += 1, tt.value += 1, O.value.showTable = e.value.table.show, O.value.showTooltip = e.value.style.tooltip.show, ge();
+      },
+      { deep: !0 }
+    ), me(
+      () => I.dataset,
+      (t) => {
+        Array.isArray(t) && t.length > 0 && (Me.value = !1), $t();
+      },
+      { deep: !0 }
+    );
     const x = v({
       height: e.value.style.height,
       width: e.value.style.width,
@@ -243,7 +263,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       }, 0)), t + 13;
     }
     const r = y(() => {
-      const { top: t, right: a, bottom: l, left: s } = e.value.style.layout.padding, o = yl(), u = 12;
+      const {
+        top: t,
+        right: a,
+        bottom: l,
+        left: s
+      } = e.value.style.layout.padding, o = yl(), u = 12;
       return {
         top: t + u,
         right: x.value.width - a,
@@ -345,12 +370,20 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         max: t,
         min: a
       };
-    }), N = y(() => Jl(mt.value.min, mt.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
+    }), N = y(() => Jl(
+      mt.value.min,
+      mt.value.max,
+      e.value.style.layout.grid.yAxis.dataLabels.steps
+    ));
     function be(t, a, l = null, s = null) {
       return {
         ...t,
-        x: K(r.value.left + a * c.value + c.value / 2),
-        y: K(r.value.top + (1 - (t - N.value.min) / (N.value.max - N.value.min)) * r.value.height),
+        x: K(
+          r.value.left + a * c.value + c.value / 2
+        ),
+        y: K(
+          r.value.top + (1 - (t - N.value.min) / (N.value.max - N.value.min)) * r.value.height
+        ),
         value: K(t),
         isMax: t === l,
         isMin: t === s
@@ -394,7 +427,27 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       };
     }
     const pl = y(() => ({ minimapH: t, unitW: a }) => ml.value.map((l, s) => {
-      const o = xe({ item: l.open, index: s, minimapH: t, unitW: a }), u = xe({ item: l.high, index: s, minimapH: t, unitW: a }), f = xe({ item: l.low, index: s, minimapH: t, unitW: a }), A = xe({ item: l.close, index: s, minimapH: t, unitW: a }), C = l.close > l.open;
+      const o = xe({
+        item: l.open,
+        index: s,
+        minimapH: t,
+        unitW: a
+      }), u = xe({
+        item: l.high,
+        index: s,
+        minimapH: t,
+        unitW: a
+      }), f = xe({
+        item: l.low,
+        index: s,
+        minimapH: t,
+        unitW: a
+      }), A = xe({
+        item: l.close,
+        index: s,
+        minimapH: t,
+        unitW: a
+      }), C = l.close > l.open;
       return {
         period: l.period,
         open: o,
@@ -405,14 +458,18 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         isBullish: C,
         absoluteIndex: l.absoluteIndex
       };
-    })), fl = y(() => e.value.style.zoom.minimap.show ? [{
-      name: "",
-      series: w.value.map((t) => t[2]),
-      color: "#000000",
-      isVisible: !0
-    }] : []);
+    })), fl = y(() => e.value.style.zoom.minimap.show ? [
+      {
+        name: "",
+        series: w.value.map((t) => t[2]),
+        color: "#000000",
+        isVisible: !0
+      }
+    ] : []);
     function gl(t) {
-      return K((t - N.value.min) / (N.value.max - N.value.min));
+      return K(
+        (t - N.value.min) / (N.value.max - N.value.min)
+      );
     }
     const pt = y(() => N.value.ticks.map((t) => ({
       y: r.value.bottom - r.value.height * gl(t),
@@ -448,13 +505,23 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     });
     const xl = y(() => {
       const t = e.value.style.layout.grid.xAxis.dataLabels.modulo;
-      return E.value.length ? Math.min(t, [...new Set(E.value.map((a) => a.text))].length) : t;
-    }), bt = v({ months: [], shortMonths: [], days: [], shortDays: [] });
+      return E.value.length ? Math.min(
+        t,
+        [...new Set(E.value.map((a) => a.text))].length
+      ) : t;
+    }), bt = v({
+      months: [],
+      shortMonths: [],
+      days: [],
+      shortDays: []
+    });
     let xt = 0;
     Ae(() => {
       const t = ++xt, a = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter;
       (async () => {
-        const l = await qt(a.locale).catch(() => qt("en"));
+        const l = await qt(a.locale).catch(
+          () => qt("en")
+        );
         t === xt && (bt.value = l.data);
       })();
     });
@@ -469,10 +536,16 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         return u == null ? "" : a.formatDate(new Date(u), s);
       };
     }), kl = y(() => (w.value.map((a) => a[0]) || []).map((a, l) => ({
-      text: kt.value(l, e.value.style.tooltip.timeFormat),
+      text: kt.value(
+        l,
+        e.value.style.tooltip.timeFormat
+      ),
       absoluteIndex: l
     }))), wl = y(() => (w.value.map((a) => a[0]) || []).map((a, l) => ({
-      text: kt.value(l, e.value.style.zoom.timeFormat),
+      text: kt.value(
+        l,
+        e.value.style.zoom.timeFormat
+      ),
       absoluteIndex: l
     }))), Ee = y(() => {
       const t = e.value.style.layout.grid.xAxis.dataLabels, a = E.value || [], l = Ne.value || [], s = d.value.start ?? 0, o = P.value, u = L.value, f = a.map((C) => C?.text ?? ""), A = l.map((C) => C?.text ?? "");
@@ -487,40 +560,59 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         u
       );
     }), wt = y(() => e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? {
-      start: E.value.find((t) => t.absoluteIndex === d.value.start)?.text ?? "",
-      end: E.value.find((t) => t.absoluteIndex === d.value.end - 1)?.text ?? ""
+      start: E.value.find(
+        (t) => t.absoluteIndex === d.value.start
+      )?.text ?? "",
+      end: E.value.find(
+        (t) => t.absoluteIndex === d.value.end - 1
+      )?.text ?? ""
     } : {
       start: w.value[d.value.start] ? w.value[d.value.start][0] : w.value[0][0],
       end: w.value[d.value.end - 1] ? w.value[d.value.end - 1][0] : w.value.at(-1)[0]
     }), ke = v(null);
     function Ct(t, a) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: a, seriesIndex: t + d.value.start });
+      e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: a,
+        seriesIndex: t + d.value.start
+      });
     }
     function Cl(t, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: t + d.value.start }), P.value = void 0, se.value = !1, U.value = null, re.value = "pointer";
+      e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: a,
+        seriesIndex: t + d.value.start
+      }), P.value = void 0, se.value = !1, U.value = null, re.value = "pointer";
     }
-    me(() => I.selectedXIndex, (t) => {
-      if ([null, void 0].includes(I.selectedXIndex)) {
-        P.value = null;
-        return;
-      }
-      const a = t - d.value.start;
-      a < 0 || t >= d.value.end ? P.value = null : P.value = a ?? null;
-    }, { immediate: !0 });
+    me(
+      () => I.selectedXIndex,
+      (t) => {
+        if ([null, void 0].includes(I.selectedXIndex)) {
+          P.value = null;
+          return;
+        }
+        const a = t - d.value.start;
+        a < 0 || t >= d.value.end ? P.value = null : P.value = a ?? null;
+      },
+      { immediate: !0 }
+    );
     function At(t, a, l = "pointer") {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: a, seriesIndex: t + d.value.start }), P.value = t, U.value = t, re.value = l, ke.value = {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: a,
+        seriesIndex: t + d.value.start
+      }), P.value = t, U.value = t, re.value = l, ke.value = {
         datapoint: a,
         seriesIndex: t,
         series: g.value,
         config: e.value
       }, Pl({ seriesIndex: t, datapoint: a });
       const s = e.value.style.tooltip.customFormat;
-      if (aa(s) && oa(() => s({
-        seriesIndex: t,
-        datapoint: a,
-        series: g.value,
-        config: e.value
-      })))
+      if (aa(s) && oa(
+        () => s({
+          seriesIndex: t,
+          datapoint: a,
+          series: g.value,
+          config: e.value
+        })
+      ))
         Le.value = s({
           seriesIndex: t,
           datapoint: a,
@@ -529,7 +621,14 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         });
       else if (e.value.style.tooltip.show) {
         let o = "";
-        const { period: u, open: f, high: A, low: C, close: D, volume: T, isBullish: le } = g.value[t], { period: Rt, open: Vl, high: Wl, low: Ul, close: Hl, volume: Xl } = e.value.translations, ql = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? e.value.style.tooltip.useDefaultTimeFormat ? E.value[t].text : kl.value[t].text : u;
+        const { period: u, open: f, high: A, low: C, close: D, volume: T, isBullish: le } = g.value[t], {
+          period: Rt,
+          open: Vl,
+          high: Wl,
+          low: Ul,
+          close: Hl,
+          volume: Xl
+        } = e.value.translations, ql = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? e.value.style.tooltip.useDefaultTimeFormat ? E.value[t].text : kl.value[t].text : u;
         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 ? le ? `url(#bullish_gradient_${z.value})` : `url(#bearish_gradient_${z.value})` : le ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${ql}</div>`, o += `${Xl} : <b>${isNaN(T) ? "-" : Number(T.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 He = R({
@@ -579,9 +678,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     }
     const de = v(null);
     function Al() {
-      return new Promise((t) => requestAnimationFrame(
-        () => requestAnimationFrame(() => t())
-      ));
+      return new Promise(
+        (t) => requestAnimationFrame(() => requestAnimationFrame(() => t()))
+      );
     }
     qe(() => {
       de.value && cancelAnimationFrame(de.value);
@@ -611,15 +710,29 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     }
     function Ve(t = null) {
       je(() => {
-        const a = [e.value.translations.period, e.value.translations.open, e.value.translations.high, e.value.translations.low, e.value.translations.close, e.value.translations.volume], l = g.value.map((u, f) => [
+        const a = [
+          e.value.translations.period,
+          e.value.translations.open,
+          e.value.translations.high,
+          e.value.translations.low,
+          e.value.translations.close,
+          e.value.translations.volume
+        ], l = g.value.map((u, f) => [
           e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? E.value[f].text : u.period,
           u.open.value,
           u.high.value,
           u.low.value,
           u.close.value,
           u.volume
-        ]), s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(l), o = ta(s);
-        t ? t(o) : la({ csvContent: o, title: e.value.style.title.text || "vue-ui-candlestick" });
+        ]), s = [
+          [e.value.style.title.text],
+          [e.value.style.title.subtitle.text],
+          [[""], [""], [""]]
+        ].concat([a]).concat(l), o = ta(s);
+        t ? t(o) : la({
+          csvContent: o,
+          title: e.value.style.title.text || "vue-ui-candlestick"
+        });
       });
     }
     const te = y(() => {
@@ -720,7 +833,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     }
     async function $l({ scale: t = 2 } = {}) {
       if (!W.value) return;
-      const { width: a, height: l } = W.value.getBoundingClientRect(), s = a / l, { imageUri: o, base64: u } = await pa({ domElement: W.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = W.value.getBoundingClientRect(), s = a / l, { imageUri: o, base64: u } = await pa({
+        domElement: W.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: o,
         base64: u,
@@ -736,18 +854,37 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       timeLabels: E,
       slicer: d,
       configRef: e,
-      rotationPath: ["style", "layout", "grid", "xAxis", "dataLabels", "rotation"],
-      autoRotatePath: ["style", "layout", "grid", "xAxis", "dataLabels", "autoRotate", "enable"],
+      rotationPath: [
+        "style",
+        "layout",
+        "grid",
+        "xAxis",
+        "dataLabels",
+        "rotation"
+      ],
+      autoRotatePath: [
+        "style",
+        "layout",
+        "grid",
+        "xAxis",
+        "dataLabels",
+        "autoRotate",
+        "enable"
+      ],
       isAutoSize: !1,
       rotation: e.value.style.layout.grid.xAxis.dataLabels.autoRotate.angle,
       width: _l,
       height: Sl
-    }), me(e, () => {
-      O.value = {
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.tooltip.show
-      };
-    }, { immediate: !0 });
+    }), me(
+      e,
+      () => {
+        O.value = {
+          showTable: e.value.table.show,
+          showTooltip: e.value.style.tooltip.show
+        };
+      },
+      { immediate: !0 }
+    );
     const he = y(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = O.value.showTable;
       return {
@@ -779,9 +916,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         }
       };
     });
-    me(() => O.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && ne.value ? ne.value.open() : "close" in ne.value && ne.value.close());
-    });
+    me(
+      () => O.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && ne.value ? ne.value.open() : "close" in ne.value && ne.value.close());
+      }
+    );
     function It() {
       O.value.showTable = !1, Ie.value && Ie.value.setTableIconState(!1);
     }
@@ -795,7 +935,14 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       try {
         if (t) {
           const { blob: a, url: l, text: s, dataUrl: o } = await Il();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: a, url: l, text: s, dataUrl: o }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: a,
+              url: l,
+              text: s,
+              dataUrl: o
+            })
+          );
         } else
           await Promise.resolve(Tl());
       } finally {
@@ -837,13 +984,17 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         config: e.value,
         dataset: g.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: g.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: g.value
+        })
+      );
     }
     function Dl() {
       U.value = null, Fe.value = !0;
@@ -854,7 +1005,8 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     function Nl(t) {
       if (!Y.value || ye.value || document.activeElement !== Y.value || !g.value.length) return;
       const a = t.key === "ArrowLeft", l = t.key === "ArrowRight", s = t.key === "Enter" || t.key === " ", o = t.key === "Escape";
-      if (!a && !l && !s && !o) return;
+      if (!a && !l && !s && !o)
+        return;
       if (t.preventDefault(), t.stopPropagation(), o) {
         U.value = null, re.value = "pointer", se.value = !1, P.value = void 0;
         return;
@@ -1092,7 +1244,10 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           ref: Y,
           xmlns: h(Zl),
           "aria-describedby": `chart-instructions-${z.value}`,
-          class: X({ "vue-data-ui-fullscreen--on": Q.value, "vue-data-ui-fulscreen--off": !Q.value }),
+          class: X({
+            "vue-data-ui-fullscreen--on": Q.value,
+            "vue-data-ui-fulscreen--off": !Q.value
+          }),
           viewBox: `0 0 ${x.value.width <= 0 ? 10 : x.value.width} ${x.value.height <= 0 ? 10 : x.value.height}`,
           style: ae(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
           tabindex: "0",
@@ -1282,7 +1437,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                     fill: e.value.style.layout.wick.stroke,
                     stroke: "none",
                     rx: e.value.style.layout.wick.strokeWidth / 2,
-                    class: X({ "vue-data-ui-transition": V.value && !h(H) })
+                    class: X({
+                      "vue-data-ui-transition": V.value && !h(H)
+                    })
                   }, null, 10, qa),
                   e.value.style.layout.wick.extremity.shape === "circle" ? (i(), n("g", ja, [
                     m("circle", {
@@ -1290,36 +1447,48 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                       cy: l.high.y,
                       r: e.value.style.layout.wick.extremity.size === "auto" ? c.value / 20 : e.value.style.layout.wick.extremity.size,
                       fill: e.value.style.layout.wick.extremity.color,
-                      class: X({ "vue-data-ui-transition": V.value && !h(H) })
+                      class: X({
+                        "vue-data-ui-transition": V.value && !h(H)
+                      })
                     }, null, 10, Ga),
                     m("circle", {
                       cx: l.low.x,
                       cy: l.low.y,
                       r: e.value.style.layout.wick.extremity.size === "auto" ? c.value / 20 : e.value.style.layout.wick.extremity.size,
                       fill: e.value.style.layout.wick.extremity.color,
-                      class: X({ "vue-data-ui-transition": V.value && !h(H) })
+                      class: X({
+                        "vue-data-ui-transition": V.value && !h(H)
+                      })
                     }, null, 10, Ka)
                   ])) : p("", !0),
                   e.value.style.layout.wick.extremity.shape === "line" ? (i(), n("g", Ya, [
                     m("rect", {
                       x: l.high.x - (e.value.style.layout.wick.extremity.size === "auto" ? c.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
                       y: l.high.y - e.value.style.layout.wick.strokeWidth / 2,
-                      width: Math.abs(l.high.x - (e.value.style.layout.wick.extremity.size === "auto" ? c.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2 - (l.high.x + (e.value.style.layout.wick.extremity.size === "auto" ? c.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2)),
+                      width: Math.abs(
+                        l.high.x - (e.value.style.layout.wick.extremity.size === "auto" ? c.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2 - (l.high.x + (e.value.style.layout.wick.extremity.size === "auto" ? c.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2)
+                      ),
                       height: e.value.style.layout.wick.strokeWidth,
                       rx: e.value.style.layout.wick.strokeWidth / 2,
                       fill: e.value.style.layout.wick.extremity.color,
                       stroke: "none",
-                      class: X({ "vue-data-ui-transition": V.value && !h(H) })
+                      class: X({
+                        "vue-data-ui-transition": V.value && !h(H)
+                      })
                     }, null, 10, Ja),
                     m("rect", {
                       x: l.low.x - (e.value.style.layout.wick.extremity.size === "auto" ? c.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
                       y: l.low.y - e.value.style.layout.wick.strokeWidth / 2,
-                      width: Math.abs(l.low.x - (e.value.style.layout.wick.extremity.size === "auto" ? c.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2 - (l.low.x + (e.value.style.layout.wick.extremity.size === "auto" ? c.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2)),
+                      width: Math.abs(
+                        l.low.x - (e.value.style.layout.wick.extremity.size === "auto" ? c.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2 - (l.low.x + (e.value.style.layout.wick.extremity.size === "auto" ? c.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2)
+                      ),
                       height: e.value.style.layout.wick.strokeWidth,
                       fill: e.value.style.layout.wick.extremity.color,
                       stroke: "none",
                       rx: e.value.style.layout.wick.strokeWidth / 2,
-                      class: X({ "vue-data-ui-transition": V.value && !h(H) })
+                      class: X({
+                        "vue-data-ui-transition": V.value && !h(H)
+                      })
                     }, null, 10, Qa)
                   ])) : p("", !0)
                 ]))), 256))
@@ -1328,17 +1497,23 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                 (i(!0), n(M, null, B(g.value, (l, s) => (i(), n("rect", {
                   x: l.open.x - c.value / 2 + c.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
                   y: l.isBullish ? l.close.y : l.open.y,
-                  height: Math.abs(l.close.y - l.open.y) <= 0 ? 1e-4 : Math.abs(l.close.y - l.open.y),
+                  height: Math.abs(l.close.y - l.open.y) <= 0 ? 1e-4 : Math.abs(
+                    l.close.y - l.open.y
+                  ),
                   width: c.value * e.value.style.layout.candle.widthRatio <= 0 ? 1e-4 : c.value * e.value.style.layout.candle.widthRatio,
                   fill: e.value.style.layout.candle.gradient.underlayer,
                   rx: e.value.style.layout.candle.borderRadius,
                   stroke: "none",
-                  class: X({ "vue-data-ui-transition": V.value && !h(H) })
+                  class: X({
+                    "vue-data-ui-transition": V.value && !h(H)
+                  })
                 }, null, 10, Za))), 256)),
                 (i(!0), n(M, null, B(g.value, (l, s) => (i(), n("rect", {
                   x: l.open.x - c.value / 2 + c.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
                   y: l.isBullish ? l.close.y : l.open.y,
-                  height: Math.abs(l.close.y - l.open.y) <= 0 ? 1e-4 : Math.abs(l.close.y - l.open.y),
+                  height: Math.abs(l.close.y - l.open.y) <= 0 ? 1e-4 : Math.abs(
+                    l.close.y - l.open.y
+                  ),
                   width: c.value * e.value.style.layout.candle.widthRatio <= 0 ? 1e-4 : c.value * e.value.style.layout.candle.widthRatio,
                   fill: l.isBullish ? e.value.style.layout.candle.gradient.show ? `url(#bullish_gradient_${z.value})` : e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.gradient.show ? `url(#bearish_gradient_${z.value})` : e.value.style.layout.candle.colors.bearish,
                   rx: e.value.style.layout.candle.borderRadius,
@@ -1346,7 +1521,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                   "stroke-width": e.value.style.layout.candle.strokeWidth,
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
-                  class: X({ "vue-data-ui-transition": V.value && !h(H) })
+                  class: X({
+                    "vue-data-ui-transition": V.value && !h(H)
+                  })
                 }, null, 10, eo))), 256))
               ])
             ], 64)) : p("", !0),
@@ -1363,7 +1540,10 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                 y: r.value.top,
                 height: r.value.height <= 0 ? 1e-4 : r.value.height,
                 width: c.value <= 0 ? 1e-4 : c.value,
-                fill: P.value === s || at.value === s ? h(ea)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
+                fill: P.value === s || at.value === s ? h(ea)(
+                  e.value.style.layout.selector.color,
+                  e.value.style.layout.selector.opacity
+                ) : "transparent",
                 onMouseover: () => At(s, l, "pointer"),
                 onMouseleave: () => Cl(s, l),
                 onClick: () => Ct(s, l)
@@ -1385,11 +1565,16 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           }, void 0, !0)
         ], 46, $a)),
         t.$slots.hint ? (i(), n("div", oo, [
-          b(t.$slots, "hint", _(S({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Fe.value })), void 0, !0)
+          b(t.$slots, "hint", _(S({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: Fe.value
+          })), void 0, !0)
         ])) : p("", !0)
       ]),
       t.$slots.watermark ? (i(), n("div", so, [
-        b(t.$slots, "watermark", _(S({ isPrinting: h(Oe) || h(De) || pe.value || fe.value })), void 0, !0)
+        b(t.$slots, "watermark", _(S({
+          isPrinting: h(Oe) || h(De) || pe.value || fe.value
+        })), void 0, !0)
       ])) : p("", !0),
       e.value.style.zoom.show && L.value > 6 && Se.value && _t.value ? (i(), G(xa, {
         key: 6,
@@ -1584,7 +1769,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       ], !0)
     ], 46, wa));
   }
-}, To = /* @__PURE__ */ ka(ro, [["__scopeId", "data-v-94de1402"]]);
+}, To = /* @__PURE__ */ ka(ro, [["__scopeId", "data-v-8ef8a38a"]]);
 export {
   To as default
 };