vue-data-ui 3.17.13 → 3.18.1

package/dist/vue-ui-candlestick-DxJnPwto.js

@@ -1,1775 +0,0 @@
-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-DMzrGQHK.js";
-import { t as Ht, u as sa } from "./useResponsive-DfdjqQps.js";
-import { u as ua } from "./useConfig-CG4HT3wS.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-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,
-  style: { position: "absolute", top: "100%", left: "0", width: "100%" },
-  "data-dom-to-png-ignore": "",
-  "aria-hidden": "true"
-}, so = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, uo = ["d", "stroke"], io = ["d", "stroke", "stroke-width"], no = ["innerHTML"], ro = {
-  __name: "vue-ui-candlestick",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    selectedXIndex: {
-      type: Number,
-      default: void 0
-    }
-  },
-  emits: ["selectX", "copyAlt"],
-  setup(jt, { expose: Gt, emit: Kt }) {
-    const Yt = j(() => import("./BaseIcon-DX0hTWa-.js")), Jt = j(() => import("./Tooltip-Cvt7Fi0Q.js")), Qt = j(() => import("./vue-ui-accordion-DFtpH_16.js")), Zt = j(() => import("./DataTable-cMnb68Ik.js")), el = j(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), tl = j(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), ll = j(
-      () => import("./PackageVersion-BfrCAH6_.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 },
-        table: { show: !1 },
-        style: {
-          backgroundColor: "#99999930",
-          layout: {
-            candle: {
-              colors: {
-                bearish: "#BABABA",
-                bullish: "#CACACA"
-              }
-            },
-            grid: {
-              stroke: "#6A6A6A",
-              verticalLines: {
-                stroke: "#6A6A6A"
-              },
-              horizontalLines: {
-                stroke: "#6A6A6A"
-              },
-              yAxis: {
-                dataLabels: { show: !1 },
-                scale: {
-                  min: null,
-                  max: null
-                }
-              }
-            },
-            wick: {
-              stroke: "#6A6A6A",
-              extremity: {
-                color: "#6A6A6A"
-              }
-            }
-          },
-          tooltip: { show: !1 },
-          zoom: {
-            show: !1,
-            startIndex: null,
-            endIndex: null
-          }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: H, FINAL_DATASET: w, manualLoading: Me } = ra({
-      ...jl(I),
-      FINAL_CONFIG: e,
-      prepareConfig: Pe,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await Ce();
-        });
-      },
-      skeletonDataset: I.config?.skeletonDataset ?? [
-        [17040672e5, 10, 20, 2, 10, 30],
-        [17067456e5, 10, 30, 5, 20, 50],
-        [17092512e5, 20, 50, 10, 30, 80],
-        [17119296e5, 30, 80, 20, 50, 130],
-        [17145216e5, 50, 130, 30, 100, 210],
-        [17172e8, 80, 210, 50, 150, 340],
-        [1719792e6, 130, 340, 80, 280, 550],
-        [17224704e5, 210, 550, 130, 450, 890],
-        [17251488e5, 340, 890, 210, 750, 1440],
-        [17277408e5, 550, 1440, 340, 1230, 2330],
-        [17304192e5, 890, 2330, 550, 1950, 3770],
-        [17330112e5, 1440, 3770, 890, 3200, 5100]
-      ],
-      skeletonConfig: Vt({
-        defaultConfig: e.value,
-        userConfig: nl.value
-      })
-    }), { userOptionsVisible: Re, setUserOptionsVisibility: st, keepUserOptionState: ut } = ya({ config: e.value }), { svgRef: Y } = ha({
-      config: e.value.style.title
-    });
-    function rl() {
-      st(!0);
-    }
-    function vl() {
-      st(!1), _e("selectX", { seriesIndex: null, datapoint: null }), P.value = null;
-    }
-    function Pe() {
-      const t = Ke({
-        userConfig: I.config,
-        defaultConfig: ol
-      });
-      let a = {};
-      const l = t.theme;
-      if (l)
-        if (!sl.value(t))
-          ul(t), a = t;
-        else {
-          const s = Ke({
-            userConfig: ga[l] || I.config,
-            defaultConfig: t
-          });
-          a = {
-            ...Ke({
-              userConfig: I.config,
-              defaultConfig: s
-            })
-          };
-        }
-      else
-        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 }
-    );
-    const x = v({
-      height: e.value.style.height,
-      width: e.value.style.width,
-      xAxisFontSize: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
-      yAxisFontSize: e.value.style.layout.grid.yAxis.dataLabels.fontSize
-    }), q = Dt(null), ee = Dt(null);
-    Gl(() => {
-      it();
-    });
-    const J = y(() => !!e.value.debug);
-    function it() {
-      if (Wt(I.dataset) && (Z({
-        componentName: "VueUiCandlestick",
-        type: "dataset",
-        debug: J.value
-      }), Me.value = !0), Wt(I.dataset) || (Me.value = e.value.loading), setTimeout(() => {
-        V.value = !0;
-      }, 10), e.value.responsive) {
-        const a = Ht(() => {
-          V.value = !1;
-          const { width: l, height: s } = sa({
-            chart: W.value,
-            title: e.value.style.title.text ? Je.value : null,
-            slicer: e.value.style.zoom.show && L.value > 6 ? ue.value.$el : null,
-            legend: Qe.value,
-            source: Ze.value,
-            noTitle: et.value
-          });
-          requestAnimationFrame(() => {
-            x.value.width = l, x.value.height = s - 12, e.value.responsiveProportionalSizing ? (x.value.xAxisFontSize = Ut({
-              relator: Math.min(l, s),
-              adjuster: e.value.style.width,
-              source: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
-              threshold: 6,
-              fallback: 6
-            }), x.value.yAxisFontSize = Ut({
-              relator: Math.min(l, s),
-              adjuster: e.value.style.width,
-              source: e.value.style.layout.grid.yAxis.dataLabels.fontSize,
-              threshold: 6,
-              fallback: 6
-            })) : (x.value.xAxisFontSize = e.value.style.layout.grid.xAxis.dataLabels.fontSize, x.value.yAxisFontSize = e.value.style.layout.grid.yAxis.dataLabels.fontSize), ze.value && clearTimeout(ze.value), ze.value = setTimeout(() => {
-              V.value = !0;
-            }, 10);
-          });
-        });
-        q.value && (ee.value && q.value.unobserve(ee.value), q.value.disconnect()), q.value = new ResizeObserver(a), ee.value = W.value.parentNode, q.value.observe(ee.value);
-      }
-      Ce();
-    }
-    qe(() => {
-      q.value && (ee.value && q.value.unobserve(ee.value), q.value.disconnect());
-    });
-    const { isPrinting: Oe, isImaging: De, generatePdf: nt, generateImage: rt } = na({
-      elementId: `vue-ui-candlestick_${z.value}`,
-      fileName: e.value.style.title.text || "vue-ui-candlestick",
-      options: e.value.userOptions.print
-    }), dl = y(() => e.value.userOptions.show && !e.value.style.title.text), O = v({
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.tooltip.show
-    }), Be = v(0), cl = Ht((t) => {
-      Be.value = t;
-    }, 100);
-    Ae((t) => {
-      const a = ie.value;
-      if (!a) return;
-      const l = new ResizeObserver((s) => {
-        cl(s[0].contentRect.height);
-      });
-      l.observe(a), t(() => l.disconnect());
-    }), qe(() => {
-      Be.value = 0;
-    });
-    const vt = y(() => {
-      let t = 0;
-      return ie.value && (t = Be.value + x.value.xAxisFontSize), t;
-    });
-    function yl() {
-      let t = e.value.style.layout.grid.yAxis.dataLabels.offsetX;
-      return Te.value && (t = Array.from(Te.value.querySelectorAll("text")).reduce((s, o) => {
-        const u = o.getComputedTextLength();
-        return u > s ? u : s;
-      }, 0)), t + 13;
-    }
-    const r = y(() => {
-      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,
-        left: s + o,
-        bottom: x.value.height - l - vt.value,
-        width: x.value.width - s - a - o,
-        height: x.value.height - t - l - vt.value - u
-      };
-    }), hl = y(() => {
-      const { left: t, top: a, width: l, height: s } = r.value, o = d.value.start, f = d.value.end - o, A = l / f, C = $.value.start - o, D = $.value.end - o, T = Math.max(0, Math.min(f, C)), le = Math.max(0, Math.min(f, D));
-      return {
-        x: t + T * A,
-        y: a,
-        width: (le - T) * A,
-        height: s,
-        fill: e.value.style.zoom.preview.fill,
-        stroke: e.value.style.zoom.preview.stroke,
-        "stroke-width": e.value.style.zoom.preview.strokeWidth,
-        "stroke-dasharray": e.value.style.zoom.preview.strokeDasharray,
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        style: {
-          pointerEvents: "none",
-          transition: "none !important",
-          animation: "none !important"
-        }
-      };
-    }), L = y(() => w.value.length), d = v({
-      start: 0,
-      end: L.value
-    }), $ = v({ start: 0, end: L.value }), dt = y(() => e.value.style.zoom.preview.enable && ($.value.start !== d.value.start || $.value.end !== d.value.end));
-    function ct(t, a) {
-      $.value[t] = a;
-    }
-    function ge() {
-      let t = Math.max(0, Math.min(d.value.start ?? 0, L.value - 1)), a = Math.max(t + 1, Math.min(d.value.end ?? L.value, L.value));
-      (!Number.isFinite(t) || !Number.isFinite(a) || a <= t) && (t = 0, a = L.value), d.value.start = t, d.value.end = a, $.value.start = t, $.value.end = a, ue.value && (ue.value.setStartValue(t), ue.value.setEndValue(a));
-    }
-    const yt = y(() => w.value.map((t, a) => ({
-      ...t,
-      absoluteIndex: a
-    }))), ht = y(() => yt.value.slice(d.value.start, d.value.end)), F = y(() => (w.value.forEach((t, a) => {
-      [null, void 0].includes(t[0]) && Z({
-        componentName: "VueUiCandlestick",
-        type: "datasetAttribute",
-        property: "period (index 0)",
-        index: a,
-        debug: J.value
-      }), [null, void 0].includes(t[1]) && Z({
-        componentName: "VueUiCandlestick",
-        type: "datasetAttribute",
-        property: "open (index 1)",
-        index: a,
-        debug: J.value
-      }), [null, void 0].includes(t[2]) && Z({
-        componentName: "VueUiCandlestick",
-        type: "datasetAttribute",
-        property: "high (index 2)",
-        index: a,
-        debug: J.value
-      }), [null, void 0].includes(t[3]) && Z({
-        componentName: "VueUiCandlestick",
-        type: "datasetAttribute",
-        property: "low (index 3)",
-        index: a,
-        debug: J.value
-      }), [null, void 0].includes(t[4]) && Z({
-        componentName: "VueUiCandlestick",
-        type: "datasetAttribute",
-        property: "close (index 4)",
-        index: a,
-        debug: J.value
-      }), [null, void 0].includes(t[5]) && Z({
-        componentName: "VueUiCandlestick",
-        type: "datasetAttribute",
-        property: "volume (index 5)",
-        index: a,
-        debug: J.value
-      });
-    }), ht.value.map((t) => ({
-      absoluteIndex: t.absoluteIndex,
-      period: t[0],
-      open: t[1],
-      high: t[2],
-      low: t[3],
-      close: t[4],
-      volume: t[5]
-    })))), ml = y(() => yt.value.map((t) => ({
-      absoluteIndex: t.absoluteIndex,
-      period: t[0],
-      open: t[1],
-      high: t[2],
-      low: t[3],
-      close: t[4],
-      volume: t[5]
-    }))), c = y(() => r.value.width / ht.value.length), mt = y(() => {
-      const t = e.value.style.layout.grid.yAxis.scale.max === null ? Math.max(...F.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
-      };
-    }), 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
-        ),
-        value: K(t),
-        isMax: t === l,
-        isMin: t === s
-      };
-    }
-    const g = y(() => {
-      const t = {
-        o: Math.max(...F.value.map((o) => o.open)),
-        h: Math.max(...F.value.map((o) => o.high)),
-        l: Math.max(...F.value.map((o) => o.low)),
-        c: Math.max(...F.value.map((o) => o.low))
-      }, a = {
-        o: Math.min(...F.value.map((o) => o.open)),
-        h: Math.min(...F.value.map((o) => o.high)),
-        l: Math.min(...F.value.map((o) => o.low)),
-        c: Math.min(...F.value.map((o) => o.low))
-      }, l = Math.max(...F.value.map((o) => o.volume)), s = Math.min(...F.value.map((o) => o.volume));
-      return F.value.map((o, u) => {
-        const f = be(o.open, u, t.o, a.o), A = be(o.high, u, t.h, a.h), C = be(o.low, u, t.l, a.l), D = be(o.close, u, t.c, a.c), T = o.close > o.open, le = o.volume === l, Rt = o.volume === s;
-        return {
-          period: o.period,
-          open: f,
-          high: A,
-          low: C,
-          close: D,
-          volume: o.volume,
-          isBullish: T,
-          absoluteIndex: o.absoluteIndex,
-          isMaxVolume: le,
-          isMinVolume: Rt
-        };
-      });
-    });
-    function xe({ item: t, index: a, minimapH: l, unitW: s }) {
-      const o = e.value.style.layout.grid.yAxis.scale.min ?? 0, u = e.value.style.layout.grid.yAxis.scale.max ?? Math.max(...w.value.map((f) => f[2]));
-      return {
-        ...t,
-        x: K(a * s),
-        y: K((1 - (t - o) / (u - o)) * l),
-        value: K(t)
-      };
-    }
-    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;
-      return {
-        period: l.period,
-        open: o,
-        high: u,
-        low: f,
-        close: A,
-        volume: l.volume,
-        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
-      }
-    ] : []);
-    function gl(t) {
-      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),
-      value: K(t)
-    }))), bl = y(() => F.value.map((t) => t.period)), E = v([]), Ne = v([]);
-    let ft = 0;
-    Ae(() => {
-      const t = ++ft;
-      (async () => {
-        const a = await Xt({
-          values: w.value.map((l) => l[0]),
-          maxDatapoints: w.value.length,
-          formatter: e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
-          start: d.value.start,
-          end: d.value.end
-        });
-        t === ft && (E.value = a);
-      })();
-    });
-    let gt = 0;
-    Ae(() => {
-      const t = ++gt;
-      (async () => {
-        const a = await Xt({
-          values: w.value.map((l) => l[0]),
-          maxDatapoints: w.value.length,
-          formatter: e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
-          start: 0,
-          end: L.value
-        });
-        t === gt && (Ne.value = 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: []
-    });
-    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")
-        );
-        t === xt && (bt.value = l.data);
-      })();
-    });
-    const kt = y(() => {
-      const t = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter, a = ia({
-        useUTC: t.useUTC,
-        locale: bt.value,
-        januaryAsYear: t.januaryAsYear
-      });
-      return (l, s) => {
-        const u = w.value.map((f) => f[0])?.[l];
-        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
-      ),
-      absoluteIndex: l
-    }))), wl = y(() => (w.value.map((a) => a[0]) || []).map((a, l) => ({
-      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 ?? "");
-      return Ql(
-        !!t.showOnlyFirstAndLast,
-        !!t.showOnlyAtModulo,
-        Math.max(1, xl.value || 1),
-        f,
-        A,
-        s,
-        o,
-        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: 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
-      });
-    }
-    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";
-    }
-    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 = {
-        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
-        })
-      ))
-        Le.value = s({
-          seriesIndex: t,
-          datapoint: a,
-          series: g.value,
-          config: e.value
-        });
-      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;
-        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({
-          p: e.value.style.tooltip.prefix,
-          v: f.value,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        }), Pt = R({
-          p: e.value.style.tooltip.prefix,
-          v: A.value,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        }), Ot = R({
-          p: e.value.style.tooltip.prefix,
-          v: C.value,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        }), Xe = R({
-          p: e.value.style.tooltip.prefix,
-          v: D.value,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        });
-        e.value.style.tooltip.showChart ? o += `<div style="width:100%;display:flex;align-items:center;justify-content:center;">
-                    <svg viewBox="0 0 100 100" width="100px" style="background: transparent; overflow: visible">
-                        <g>
-                            <line x1="50" x2="50" y1="20" y2="80" stroke="${a.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}" stroke-width="2" stroke-linecap="round" />
-                            ${a.isBullish ? `
-                                <line x1="45" x2="50" y1="65" y2="65" stroke="${e.value.style.layout.candle.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
-                                <line x1="50" x2="55" y1="35" y2="35" stroke="${e.value.style.layout.candle.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
-                                <text x="38" y="70" text-anchor="end" fill="${e.value.style.tooltip.color}">${He}</text>
-                                <text x="62" y="40" text-anchor="start" fill="${e.value.style.tooltip.color}">${Xe}</text>
-                            ` : `
-                                <line x1="45" x2="50" y1="35" y2="35" stroke="${e.value.style.layout.candle.colors.bearish}" stroke-width="1.5" stroke-linecap="round" />
-                                <line x1="50" x2="55" y1="65" y2="65" stroke="${e.value.style.layout.candle.colors.bearish}" stroke-width="1.5" stroke-linecap="round" />
-                                <text x="40" y="40" text-anchor="end" fill="${e.value.style.tooltip.color}">${He}</text>
-                                <text x="60" y="70" text-anchor="start" fill="${e.value.style.tooltip.color}">${Xe}</text>
-                            `}
-                            <text x="50" y="13" text-anchor="middle" fill="${e.value.style.tooltip.color}">${Pt}</text>
-                            <text x="50" y="97" text-anchor="middle" fill="${e.value.style.tooltip.color}">${Ot}</text>
-                        <g>
-                    </svg>
-                    <div>
-                ` : (o += `<div>${Vl}: <b>${He}</b></div>`, o += `<div>${Wl}: <b>${Pt}</b></div>`, o += `<div>${Ul}: <b>${Ot}</b></div>`, o += `<div>${Hl}: <b>${Xe}</b></div>`), o += "</div>", Le.value = `<div style="text-align:right">${o}</div>`;
-      }
-      se.value = !0;
-    }
-    const de = v(null);
-    function Al() {
-      return new Promise(
-        (t) => requestAnimationFrame(() => requestAnimationFrame(() => t()))
-      );
-    }
-    qe(() => {
-      de.value && cancelAnimationFrame(de.value);
-    });
-    async function $t() {
-      Ce(), await je(), de.value && cancelAnimationFrame(de.value), de.value = requestAnimationFrame(async () => {
-        await Al(), Ce();
-      });
-    }
-    const ce = v(!1), _t = v(!1), we = v(!1);
-    function Ce() {
-      if (!ce.value) {
-        ce.value = !0;
-        try {
-          const { startIndex: t, endIndex: a } = e.value.style.zoom, l = L.value, s = t ?? 0, o = a != null ? Math.min(St(a + 1), l) : l;
-          we.value = !0, d.value.start = s, d.value.end = o, $.value.start = s, $.value.end = o, ge(), _t.value = !0;
-        } finally {
-          queueMicrotask(() => {
-            we.value = !1;
-          }), ce.value = !1;
-        }
-      }
-    }
-    function St(t) {
-      const a = L.value;
-      return t > a ? a : t < 0 || t < d.value.start ? e.value.style.zoom.startIndex !== null ? e.value.style.zoom.startIndex + 1 : 1 : t;
-    }
-    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) => [
-          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"
-        });
-      });
-    }
-    const te = y(() => {
-      const t = g.value.map((o, u) => {
-        const f = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? E.value?.[u]?.text ?? "" : o.period, A = R({
-          p: e.value.table.td.prefix,
-          v: o.open.value,
-          s: e.value.table.td.suffix,
-          r: e.value.table.td.roundingValue
-        }), C = R({
-          p: e.value.table.td.prefix,
-          v: o.high.value,
-          s: e.value.table.td.suffix,
-          r: e.value.table.td.roundingValue
-        }), D = R({
-          p: e.value.table.td.prefix,
-          v: o.low.value,
-          s: e.value.table.td.suffix,
-          r: e.value.table.td.roundingValue
-        }), T = R({
-          p: e.value.table.td.prefix,
-          v: o.close.value,
-          s: e.value.table.td.suffix,
-          r: e.value.table.td.roundingValue
-        });
-        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_${z.value}` : `url(#bearish_gradient_${z.value})` : o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg> ${f}`,
-          A,
-          C,
-          D,
-          T,
-          `${isNaN(o.volume) ? "-" : o.volume.toLocaleString()}`
-        ];
-      }), a = g.value.map((o, u) => {
-        const f = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? E.value?.[u]?.text ?? "" : o.period, A = R({
-          p: e.value.table.td.prefix,
-          v: o.open.value,
-          s: e.value.table.td.suffix,
-          r: e.value.table.td.roundingValue
-        }), C = R({
-          p: e.value.table.td.prefix,
-          v: o.high.value,
-          s: e.value.table.td.suffix,
-          r: e.value.table.td.roundingValue
-        }), D = R({
-          p: e.value.table.td.prefix,
-          v: o.low.value,
-          s: e.value.table.td.suffix,
-          r: e.value.table.td.roundingValue
-        }), T = R({
-          p: e.value.table.td.prefix,
-          v: o.close.value,
-          s: e.value.table.td.suffix,
-          r: e.value.table.td.roundingValue
-        });
-        return [
-          f,
-          A,
-          C,
-          D,
-          T,
-          `${isNaN(o.volume) ? "-" : o.volume}`
-        ];
-      }), l = {
-        th: {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          outline: e.value.table.th.outline
-        },
-        td: {
-          backgroundColor: e.value.table.td.backgroundColor,
-          color: e.value.table.td.color,
-          outline: e.value.table.td.outline
-        },
-        breakpoint: e.value.table.responsiveBreakpoint
-      }, s = [
-        e.value.translations.period,
-        e.value.translations.open,
-        e.value.translations.high,
-        e.value.translations.low,
-        e.value.translations.last,
-        e.value.translations.volume
-      ];
-      return { head: s, body: t, bodyA11y: a, config: l, colNames: s };
-    }), Q = v(!1);
-    function zt(t) {
-      Q.value = t, Ye.value += 1;
-    }
-    function Lt() {
-      O.value.showTable = !O.value.showTable;
-    }
-    function Tt() {
-      O.value.showTooltip = !O.value.showTooltip;
-    }
-    const ye = v(!1);
-    function We() {
-      ye.value = !ye.value;
-    }
-    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
-      });
-      return {
-        imageUri: o,
-        base64: u,
-        title: e.value.style.title.text,
-        width: a,
-        height: l,
-        aspectRatio: s
-      };
-    }
-    const _l = y(() => x.value.width), Sl = y(() => x.value.height);
-    ma({
-      timeLabelsEls: ie,
-      timeLabels: E,
-      slicer: d,
-      configRef: e,
-      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 }
-    );
-    const he = y(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, a = O.value.showTable;
-      return {
-        component: t ? al : Qt,
-        title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? `: ${e.value.style.title.subtitle.text}` : ""}`,
-        props: t ? {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          headerColor: e.value.table.th.color,
-          headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: Q.value,
-          fullscreenParent: W.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: ve.value
-        } : {
-          hideDetails: !0,
-          config: {
-            open: a,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: e.value.style.backgroundColor,
-              color: e.value.style.color
-            },
-            head: {
-              backgroundColor: e.value.style.backgroundColor,
-              color: e.value.style.color
-            }
-          }
-        }
-      };
-    });
-    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);
-    }
-    const zl = y(() => e.value.style.backgroundColor), Ll = y(() => e.value.style.title), { exportSvg: Tl, getSvg: Il } = da({
-      svg: Y,
-      title: Ll,
-      backgroundColor: zl
-    });
-    async function Ft({ isCb: t }) {
-      fe.value = !0, await je();
-      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
-            })
-          );
-        } else
-          await Promise.resolve(Tl());
-      } finally {
-        fe.value = !1;
-      }
-    }
-    function Fl(t) {
-      at.value = t;
-    }
-    function Ml(t) {
-      ce.value || we.value || t !== d.value.start && (d.value.start = t, $.value.start = t, ge());
-    }
-    function Rl(t) {
-      if (ce.value || we.value) return;
-      const a = St(t);
-      a !== d.value.end && (d.value.end = a, $.value.end = a, ge());
-    }
-    function Pl({ seriesIndex: t, datapoint: a }) {
-      const l = d.value.start + t;
-      _e("selectX", {
-        dataset: a,
-        index: l,
-        indexLabel: ""
-      });
-    }
-    function Ol(t) {
-      if (t?.stage === "start") {
-        pe.value = !0;
-        return;
-      }
-      if (t?.stage === "end") {
-        pe.value = !1;
-        return;
-      }
-      rt();
-    }
-    async function Mt() {
-      if (_e("copyAlt", {
-        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."
-        );
-        return;
-      }
-      await Promise.resolve(
-        e.value.userOptions.callbacks.altCopy({
-          config: e.value,
-          dataset: g.value
-        })
-      );
-    }
-    function Dl() {
-      U.value = null, Fe.value = !0;
-    }
-    function Bl() {
-      U.value = null, re.value = "pointer", se.value = !1, P.value = void 0, Fe.value = !1;
-    }
-    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 (t.preventDefault(), t.stopPropagation(), o) {
-        U.value = null, re.value = "pointer", se.value = !1, P.value = void 0;
-        return;
-      }
-      if (s) {
-        if (U.value === null) return;
-        const T = g.value[U.value];
-        if (!T) return;
-        Ct(U.value, T);
-        return;
-      }
-      let u = U.value;
-      const f = P.value, A = u !== null && u >= 0 && u < g.value.length, C = f != null && f >= 0 && f < g.value.length;
-      A ? l ? (u += 1, u >= g.value.length && (u = 0)) : a && (u -= 1, u < 0 && (u = g.value.length - 1)) : C ? (u = l ? f + 1 : f - 1, u >= g.value.length && (u = 0), u < 0 && (u = g.value.length - 1)) : l ? u = 0 : u = g.value.length - 1;
-      const D = g.value[u];
-      D && (El(u), At(u, D, "keyboard"));
-    }
-    function El(t) {
-      if (!Number.isFinite(t) || !Y.value) return;
-      const a = r.value.left + c.value * t + c.value / 2, l = r.value.top + r.value.height / 2, s = Y.value.getBoundingClientRect();
-      ot.value = {
-        x: s.left + a / x.value.width * s.width,
-        y: s.top + l / x.value.height * s.height
-      };
-    }
-    const Ue = y(() => {
-      const t = te.value?.colNames ?? [], a = te.value?.bodyA11y ?? [];
-      return { headers: t, rows: a };
-    });
-    return Gt({
-      getImage: $l,
-      generatePdf: nt,
-      generateCsv: Ve,
-      generateImage: rt,
-      generateSvg: Ft,
-      toggleTable: Lt,
-      toggleTooltip: Tt,
-      toggleAnnotator: We,
-      toggleFullscreen: zt,
-      copyAlt: Mt
-    }), (t, a) => (i(), n("div", {
-      ref_key: "candlestickChart",
-      ref: W,
-      class: X(`vue-data-ui-component vue-ui-candlestick ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: ae(`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_${z.value}`,
-      onMouseenter: rl,
-      onMouseleave: vl
-    }, [
-      m("div", {
-        id: `chart-instructions-${z.value}`,
-        class: "sr-only"
-      }, [
-        m("p", null, oe(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, Ca),
-      Ue.value?.rows?.length ? (i(), G(ba, {
-        key: 0,
-        uid: z.value,
-        head: Ue.value.headers,
-        body: Ue.value.rows,
-        notice: e.value.a11y.translations.tableAvailable,
-        caption: e.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : p("", !0),
-      e.value.userOptions.buttons.annotator ? (i(), G(h(el), {
-        key: 1,
-        svgRef: h(Y),
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        active: ye.value,
-        isCursorPointer: ve.value,
-        onClose: We
-      }, {
-        "annotator-action-close": k(() => [
-          b(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": k(({ color: l }) => [
-          b(t.$slots, "annotator-action-color", _(S({ color: l })), void 0, !0)
-        ]),
-        "annotator-action-draw": k(({ mode: l }) => [
-          b(t.$slots, "annotator-action-draw", _(S({ mode: l })), void 0, !0)
-        ]),
-        "annotator-action-undo": k(({ disabled: l }) => [
-          b(t.$slots, "annotator-action-undo", _(S({ disabled: l })), void 0, !0)
-        ]),
-        "annotator-action-redo": k(({ disabled: l }) => [
-          b(t.$slots, "annotator-action-redo", _(S({ disabled: l })), void 0, !0)
-        ]),
-        "annotator-action-delete": k(({ disabled: l }) => [
-          b(t.$slots, "annotator-action-delete", _(S({ disabled: l })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : p("", !0),
-      dl.value ? (i(), n("div", {
-        key: 2,
-        ref_key: "noTitle",
-        ref: et,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : p("", !0),
-      e.value.style.title.text ? (i(), n("div", {
-        key: 3,
-        ref_key: "chartTitle",
-        ref: Je,
-        style: "width:100%;background:transparent"
-      }, [
-        (i(), G(fa, {
-          key: `title_${lt.value}`,
-          config: {
-            title: {
-              cy: "candlestick-div-title",
-              ...e.value.style.title
-            },
-            subtitle: {
-              cy: "candlestick-div-subtitle",
-              ...e.value.style.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : p("", !0),
-      e.value.userOptions.show && Se.value && (h(ut) || h(Re)) ? (i(), G(h(tl), {
-        ref_key: "userOptionsRef",
-        ref: Ie,
-        key: `user_options_${Ye.value}`,
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        isImaging: h(De),
-        isPrinting: h(Oe),
-        uid: z.value,
-        hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasTable: e.value.userOptions.buttons.table,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isFullscreen: Q.value,
-        isTooltip: O.value.showTooltip,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: W.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: ye.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        isCursorPointer: ve.value,
-        onToggleFullscreen: zt,
-        onGeneratePdf: h(nt),
-        onGenerateCsv: Ve,
-        onGenerateImage: Ol,
-        onGenerateSvg: Ft,
-        onToggleTable: Lt,
-        onToggleTooltip: Tt,
-        onToggleAnnotator: We,
-        onCopyAlt: Mt,
-        style: ae({
-          visibility: h(ut) ? h(Re) ? "visible" : "hidden" : "visible"
-        })
-      }, Bt({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: k(({ isOpen: l, color: s }) => [
-            b(t.$slots, "menuIcon", _(S({ isOpen: l, color: s })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: k(() => [
-            b(t.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: k(() => [
-            b(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: k(() => [
-            b(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: k(() => [
-            b(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: k(() => [
-            b(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: k(() => [
-            b(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: k(({ toggleFullscreen: l, isFullscreen: s }) => [
-            b(t.$slots, "optionFullscreen", _(S({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: k(({ toggleAnnotator: l, isAnnotator: s }) => [
-            b(t.$slots, "optionAnnotator", _(S({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        t.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: k(({ altCopy: l }) => [
-            b(t.$slots, "optionAltCopy", _(S({ altCopy: l })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : p("", !0),
-      m("div", Aa, [
-        (i(), n("svg", {
-          ref_key: "svgRef",
-          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
-          }),
-          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",
-          onFocus: Dl,
-          onBlur: Bl,
-          onKeydown: Nl
-        }, [
-          Ge(h(ll)),
-          t.$slots["chart-background"] ? (i(), n("foreignObject", {
-            key: 0,
-            x: r.value.left,
-            y: r.value.top,
-            width: Math.max(0.1, r.value.width),
-            height: Math.max(0.1, r.value.height),
-            style: {
-              pointerEvents: "none"
-            }
-          }, [
-            b(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, _a)) : p("", !0),
-          g.value.length > 0 ? (i(), n("g", Sa, [
-            m("defs", null, [
-              m("linearGradient", {
-                id: `bearish_gradient_${z.value}`,
-                x2: "0%",
-                y2: "100%"
-              }, [
-                m("stop", {
-                  offset: "0%",
-                  "stop-color": e.value.style.layout.candle.colors.bearish
-                }, null, 8, La),
-                m("stop", {
-                  offset: "50%",
-                  "stop-color": `${h($e)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
-                }, null, 8, Ta),
-                m("stop", {
-                  offset: "100%",
-                  "stop-color": `${h($e)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
-                }, null, 8, Ia)
-              ], 8, za),
-              m("linearGradient", {
-                id: `bullish_gradient_${z.value}`,
-                x2: "0%",
-                y2: "100%"
-              }, [
-                m("stop", {
-                  offset: "0%",
-                  "stop-color": e.value.style.layout.candle.colors.bullish
-                }, null, 8, Ma),
-                m("stop", {
-                  offset: "50%",
-                  "stop-color": `${h($e)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
-                }, null, 8, Ra),
-                m("stop", {
-                  offset: "100%",
-                  "stop-color": `${h($e)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
-                }, null, 8, Pa)
-              ], 8, Fa)
-            ]),
-            e.value.style.layout.grid.show ? (i(), n("g", Oa, [
-              m("line", {
-                x1: r.value.left,
-                x2: r.value.left,
-                y1: r.value.top,
-                y2: r.value.bottom,
-                stroke: e.value.style.layout.grid.stroke,
-                "stroke-width": e.value.style.layout.grid.strokeWidth,
-                "stroke-linecap": "round"
-              }, null, 8, Da),
-              m("line", {
-                x1: r.value.left,
-                x2: r.value.right,
-                y1: r.value.bottom,
-                y2: r.value.bottom,
-                stroke: e.value.style.layout.grid.stroke,
-                "stroke-width": e.value.style.layout.grid.strokeWidth,
-                "stroke-linecap": "round"
-              }, null, 8, Ba),
-              e.value.style.layout.grid.horizontalLines.show ? (i(!0), n(M, { key: 0 }, B(pt.value, (l) => (i(), n("line", {
-                x1: r.value.left,
-                x2: r.value.right,
-                y1: l.y,
-                y2: l.y,
-                stroke: e.value.style.layout.grid.horizontalLines.stroke,
-                "stroke-width": e.value.style.layout.grid.horizontalLines.strokeWidth,
-                "stroke-dasharray": e.value.style.layout.grid.horizontalLines.strokeDasharray,
-                "stroke-linecap": "round"
-              }, null, 8, Na))), 256)) : p("", !0),
-              e.value.style.layout.grid.verticalLines.show ? (i(!0), n(M, { key: 1 }, B(Ee.value, (l, s) => (i(), n("g", null, [
-                l.text ? (i(), n("line", {
-                  key: 0,
-                  x1: r.value.left + c.value * s + c.value / 2,
-                  x2: r.value.left + c.value * s + c.value / 2,
-                  y1: r.value.top,
-                  y2: r.value.bottom,
-                  stroke: e.value.style.layout.grid.verticalLines.stroke,
-                  "stroke-width": e.value.style.layout.grid.verticalLines.strokeWidth,
-                  "stroke-dasharray": e.value.style.layout.grid.verticalLines.strokeDasharray,
-                  "stroke-linecap": "round"
-                }, null, 8, Ea)) : p("", !0)
-              ]))), 256)) : p("", !0),
-              e.value.style.layout.grid.xAxis.ticks.show ? (i(!0), n(M, { key: 2 }, B(Ee.value, (l, s) => (i(), n("g", null, [
-                l.text ? (i(), n("line", {
-                  key: 0,
-                  x1: r.value.left + c.value * s + c.value / 2,
-                  x2: r.value.left + c.value * s + c.value / 2,
-                  y1: r.value.bottom,
-                  y2: r.value.bottom + 3,
-                  stroke: e.value.style.layout.grid.stroke,
-                  "stroke-width": e.value.style.layout.grid.strokeWidth,
-                  "stroke-linecap": "round"
-                }, null, 8, Va)) : p("", !0)
-              ]))), 256)) : p("", !0)
-            ])) : p("", !0),
-            e.value.style.layout.grid.yAxis.dataLabels.show ? (i(), n("g", {
-              key: 1,
-              ref_key: "scaleLabels",
-              ref: Te
-            }, [
-              (i(!0), n(M, null, B(pt.value, (l, s) => (i(), n("g", null, [
-                l.value >= N.value.min && l.value <= N.value.max ? (i(), n("line", {
-                  key: 0,
-                  x1: r.value.left,
-                  x2: r.value.left - 5,
-                  y1: l.y,
-                  y2: l.y,
-                  stroke: e.value.style.layout.grid.stroke,
-                  "stroke-width": e.value.style.layout.grid.strokeWidth,
-                  "stroke-linecap": "round"
-                }, null, 8, Wa)) : p("", !0),
-                l.value >= N.value.min && l.value <= N.value.max ? (i(), n("text", {
-                  key: 1,
-                  x: r.value.left - 8 + e.value.style.layout.grid.yAxis.dataLabels.offsetX,
-                  y: l.y + x.value.yAxisFontSize / 3,
-                  "font-size": x.value.yAxisFontSize,
-                  "text-anchor": "end",
-                  fill: e.value.style.layout.grid.yAxis.dataLabels.color,
-                  "font-weight": e.value.style.layout.grid.yAxis.dataLabels.bold ? "bold" : "normal"
-                }, oe(h(R)({
-                  p: e.value.style.layout.grid.yAxis.dataLabels.prefix,
-                  v: l.value,
-                  s: e.value.style.layout.grid.yAxis.dataLabels.suffix,
-                  r: e.value.style.layout.grid.yAxis.dataLabels.roundingValue
-                })), 9, Ua)) : p("", !0)
-              ]))), 256))
-            ], 512)) : p("", !0),
-            e.value.style.layout.grid.xAxis.dataLabels.show && !e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (i(), n("g", {
-              key: 2,
-              ref_key: "timeLabelsEls",
-              ref: ie
-            }, [
-              (i(!0), n(M, null, B(bl.value, (l, s) => (i(), n("g", null, [
-                m("text", {
-                  class: "vue-data-ui-time-label",
-                  transform: `translate(${r.value.left + c.value * s + c.value / 2}, ${r.value.bottom + x.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
-                  "text-anchor": e.value.style.layout.grid.xAxis.dataLabels.rotation > 0 ? "start" : e.value.style.layout.grid.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
-                  "font-size": x.value.xAxisFontSize,
-                  fill: e.value.style.layout.grid.xAxis.dataLabels.color,
-                  "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
-                }, oe(l), 9, Ha)
-              ]))), 256))
-            ], 512)) : p("", !0),
-            e.value.style.layout.grid.xAxis.dataLabels.show && e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (i(), n("g", {
-              key: 3,
-              ref_key: "timeLabelsEls",
-              ref: ie
-            }, [
-              (i(!0), n(M, null, B(Ee.value, (l, s) => (i(), n("g", null, [
-                m("text", {
-                  class: "vue-data-ui-time-label",
-                  transform: `translate(${r.value.left + c.value * s + c.value / 2}, ${r.value.bottom + x.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
-                  "text-anchor": e.value.style.layout.grid.xAxis.dataLabels.rotation > 0 ? "start" : e.value.style.layout.grid.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
-                  "font-size": x.value.xAxisFontSize,
-                  fill: e.value.style.layout.grid.xAxis.dataLabels.color,
-                  "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
-                }, oe(l?.text ?? ""), 9, Xa)
-              ]))), 256))
-            ], 512)) : p("", !0),
-            e.value.type === "candlestick" ? (i(), n(M, { key: 4 }, [
-              m("g", null, [
-                (i(!0), n(M, null, B(g.value, (l, s) => (i(), n("g", null, [
-                  m("rect", {
-                    x: l.open.x - e.value.style.layout.wick.strokeWidth / 2,
-                    y: l.high.y,
-                    width: e.value.style.layout.wick.strokeWidth,
-                    height: Math.abs(l.high.y - l.low.y),
-                    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)
-                    })
-                  }, null, 10, qa),
-                  e.value.style.layout.wick.extremity.shape === "circle" ? (i(), n("g", ja, [
-                    m("circle", {
-                      cx: l.high.x,
-                      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)
-                      })
-                    }, 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)
-                      })
-                    }, 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)
-                      ),
-                      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)
-                      })
-                    }, 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)
-                      ),
-                      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)
-                      })
-                    }, null, 10, Qa)
-                  ])) : p("", !0)
-                ]))), 256))
-              ]),
-              m("g", null, [
-                (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
-                  ),
-                  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)
-                  })
-                }, 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
-                  ),
-                  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,
-                  stroke: e.value.style.layout.candle.stroke,
-                  "stroke-width": e.value.style.layout.candle.strokeWidth,
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  class: X({
-                    "vue-data-ui-transition": V.value && !h(H)
-                  })
-                }, null, 10, eo))), 256))
-              ])
-            ], 64)) : p("", !0),
-            e.value.type === "ohlc" ? (i(!0), n(M, { key: 5 }, B(g.value, (l, s) => (i(), n("g", null, [
-              m("path", {
-                d: `M ${l.high.x},${l.high.y} ${l.low.x},${l.low.y} M${l.open.x - Math.min(6, c.value / 3)},${l.open.y} ${l.open.x},${l.open.y} M${l.close.x},${l.close.y} ${l.close.x + Math.min(6, c.value / 3)},${l.close.y}`,
-                stroke: l.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish,
-                "stroke-width": 1
-              }, null, 8, to)
-            ]))), 256)) : p("", !0),
-            m("g", null, [
-              (i(!0), n(M, null, B(g.value, (l, s) => (i(), n("rect", {
-                x: r.value.left + s * c.value,
-                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",
-                onMouseover: () => At(s, l, "pointer"),
-                onMouseleave: () => Cl(s, l),
-                onClick: () => Ct(s, l)
-              }, null, 40, lo))), 256))
-            ])
-          ])) : p("", !0),
-          dt.value ? (i(), n("rect", Nt({ key: 2 }, hl.value, {
-            "data-start": d.value.start,
-            "data-end": d.value.end
-          }), null, 16, ao)) : p("", !0),
-          b(t.$slots, "svg", {
-            svg: {
-              ...x.value,
-              data: g.value,
-              drawingArea: r.value,
-              isPrintingImg: h(Oe) | h(De) | pe.value,
-              isPrintingSvg: fe.value
-            }
-          }, 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)
-        ])) : 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)
-      ])) : p("", !0),
-      e.value.style.zoom.show && L.value > 6 && Se.value && _t.value ? (i(), G(xa, {
-        key: 6,
-        ref_key: "chartSlicer",
-        ref: ue,
-        allMinimaps: fl.value,
-        background: e.value.style.zoom.color,
-        borderColor: e.value.style.backgroundColor,
-        customFormat: e.value.style.zoom.customFormat,
-        cutNullValues: !1,
-        enableRangeHandles: e.value.style.zoom.enableRangeHandles,
-        enableSelectionDrag: e.value.style.zoom.enableSelectionDrag,
-        end: d.value.end,
-        focusOnDrag: e.value.style.zoom.focusOnDrag,
-        focusRangeRatio: e.value.style.zoom.focusRangeRatio,
-        fontSize: e.value.style.zoom.fontSize,
-        immediate: !e.value.style.zoom.preview.enable,
-        inputColor: e.value.style.zoom.color,
-        isPreview: dt.value,
-        labelLeft: wt.value.start || "",
-        labelRight: wt.value.end || "",
-        max: L.value,
-        min: 0,
-        minimap: e.value.style.zoom.minimap.show ? h(w).map((l) => l[2]) : [],
-        minimapCompact: e.value.style.zoom.minimap.compact,
-        minimapFrameColor: e.value.style.zoom.minimap.frameColor,
-        minimapIndicatorColor: e.value.style.zoom.minimap.indicatorColor,
-        minimapMerged: !1,
-        minimapSelectedColor: e.value.style.zoom.minimap.selectedColor,
-        minimapSelectedColorOpacity: e.value.style.zoom.minimap.selectedColorOpacity,
-        minimapSelectedIndex: P.value,
-        minimapSelectionRadius: 1,
-        preciseLabels: wl.value,
-        refreshEndPoint: e.value.style.zoom.endIndex !== null ? e.value.style.zoom.endIndex + 1 : L.value,
-        refreshStartPoint: e.value.style.zoom.startIndex !== null ? e.value.style.zoom.startIndex : 0,
-        selectColor: e.value.style.zoom.highlightColor,
-        selectedSeries: h(w),
-        smoothMinimap: !1,
-        start: d.value.start,
-        textColor: e.value.style.color,
-        timeLabels: Ne.value,
-        usePreciseLabels: e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable && !e.value.style.zoom.useDefaultFormat,
-        useResetSlot: e.value.style.zoom.useResetSlot,
-        valueEnd: d.value.end,
-        valueStart: d.value.start,
-        verticalHandles: e.value.style.zoom.minimap.verticalHandles,
-        minScale: e.value.style.layout.grid.yAxis.scale.min,
-        maxScale: e.value.style.layout.grid.yAxis.scale.max,
-        maxWidth: e.value.style.zoom.maxWidth,
-        additionalMinimapHeight: e.value.style.zoom.minimap.additionalHeight,
-        handleType: e.value.style.zoom.minimap.handleType,
-        handleIconColor: e.value.style.zoom.minimap.handleIconColor,
-        handleBorderWidth: e.value.style.zoom.minimap.handleBorderWidth,
-        handleBorderColor: e.value.style.zoom.minimap.handleBorderColor,
-        handleFill: e.value.style.zoom.minimap.handleFill,
-        handleWidth: e.value.style.zoom.minimap.handleWidth,
-        "onUpdate:end": Rl,
-        "onUpdate:start": Ml,
-        onTrapMouse: Fl,
-        onReset: $t,
-        onFutureEnd: a[0] || (a[0] = (l) => ct("end", l)),
-        onFutureStart: a[1] || (a[1] = (l) => ct("start", l))
-      }, {
-        "reset-action": k(({ reset: l }) => [
-          b(t.$slots, "reset-action", _(S({ reset: l })), void 0, !0)
-        ]),
-        slotMap: k(({ height: l, unitW: s }) => [
-          (i(!0), n(M, null, B(pl.value({ minimapH: l, unitW: s }), (o, u) => (i(), n("g", null, [
-            m("path", {
-              d: `M ${o.high.x},${o.high.y} ${o.low.x},${o.low.y}`,
-              stroke: o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish,
-              "stroke-width": 1,
-              style: ae({
-                opacity: u >= $.value.start && u <= $.value.end ? 1 : 0.6
-              })
-            }, null, 12, uo),
-            m("path", {
-              d: `M ${o.open.x},${o.open.y} ${o.close.x},${o.close.y}`,
-              stroke: o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish,
-              "stroke-width": Math.min(6, s / 1.5),
-              style: ae({
-                opacity: u >= $.value.start && u <= $.value.end ? 1 : 0.6
-              })
-            }, null, 12, io)
-          ]))), 256))
-        ]),
-        _: 3
-      }, 8, ["allMinimaps", "background", "borderColor", "customFormat", "enableRangeHandles", "enableSelectionDrag", "end", "focusOnDrag", "focusRangeRatio", "fontSize", "immediate", "inputColor", "isPreview", "labelLeft", "labelRight", "max", "minimap", "minimapCompact", "minimapFrameColor", "minimapIndicatorColor", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "preciseLabels", "refreshEndPoint", "refreshStartPoint", "selectColor", "selectedSeries", "start", "textColor", "timeLabels", "usePreciseLabels", "useResetSlot", "valueEnd", "valueStart", "verticalHandles", "minScale", "maxScale", "maxWidth", "additionalMinimapHeight", "handleType", "handleIconColor", "handleBorderWidth", "handleBorderColor", "handleFill", "handleWidth"])) : p("", !0),
-      m("div", {
-        ref_key: "chartLegend",
-        ref: Qe
-      }, [
-        b(t.$slots, "legend", { legend: g.value }, void 0, !0)
-      ], 512),
-      t.$slots.source ? (i(), n("div", {
-        key: 7,
-        ref_key: "source",
-        ref: Ze,
-        dir: "auto"
-      }, [
-        b(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : p("", !0),
-      Ge(h(Jt), {
-        teleportTo: e.value.style.tooltip.teleportTo,
-        show: O.value.showTooltip && se.value,
-        backgroundColor: e.value.style.tooltip.backgroundColor,
-        color: e.value.style.tooltip.color,
-        borderRadius: e.value.style.tooltip.borderRadius,
-        borderColor: e.value.style.tooltip.borderColor,
-        borderWidth: e.value.style.tooltip.borderWidth,
-        fontSize: e.value.style.tooltip.fontSize,
-        backgroundOpacity: e.value.style.tooltip.backgroundOpacity,
-        position: e.value.style.tooltip.position,
-        offsetY: e.value.style.tooltip.offsetY,
-        parent: W.value,
-        content: Le.value,
-        isFullscreen: Q.value,
-        isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
-        smooth: e.value.style.tooltip.smooth,
-        backdropFilter: e.value.style.tooltip.backdropFilter,
-        smoothForce: e.value.style.tooltip.smoothForce,
-        smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold,
-        isA11yMode: re.value === "keyboard",
-        a11yPosition: ot.value
-      }, {
-        "tooltip-before": k(() => [
-          b(t.$slots, "tooltip-before", _(S({ ...ke.value })), void 0, !0)
-        ]),
-        tooltip: k(() => [
-          b(t.$slots, "tooltip", _(S({ ...ke.value })), void 0, !0)
-        ]),
-        "tooltip-after": k(() => [
-          b(t.$slots, "tooltip-after", _(S({ ...ke.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      Se.value && e.value.userOptions.buttons.table ? (i(), G(Kl(he.value.component), Nt({ key: 8 }, he.value.props, {
-        ref_key: "tableUnit",
-        ref: ne,
-        onClose: It
-      }), Bt({
-        content: k(() => [
-          (i(), G(h(Zt), {
-            key: `table_${tt.value}`,
-            colNames: te.value.colNames,
-            head: te.value.head,
-            body: te.value.body,
-            config: te.value.config,
-            title: e.value.table.useDialog ? "" : he.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            isCursorPointer: ve.value,
-            onClose: It
-          }, {
-            th: k(({ th: l }) => [
-              Et(oe(l), 1)
-            ]),
-            td: k(({ td: l }) => [
-              m("div", { innerHTML: l }, null, 8, no)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: k(() => [
-            Et(oe(he.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: k(() => [
-            m("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: a[2] || (a[2] = (l) => Ve(e.value.userOptions.callbacks.csv)),
-              style: ae({ cursor: ve.value ? "pointer" : "default" })
-            }, [
-              Ge(h(Yt), {
-                name: "fileCsv",
-                stroke: he.value.props.color
-              }, null, 8, ["stroke"])
-            ], 4)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : p("", !0),
-      b(t.$slots, "skeleton", {}, () => [
-        h(H) ? (i(), G(va, { key: 0 })) : p("", !0)
-      ], !0)
-    ], 46, wa));
-  }
-}, To = /* @__PURE__ */ ka(ro, [["__scopeId", "data-v-8ef8a38a"]]);
-export {
-  To as default
-};