vue-data-ui 3.15.12 → 3.16.1

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

@@ -0,0 +1,1587 @@
+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 Ce, 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 x, normalizeProps as L, guardReactiveProps as T, 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 Ae, u as ea, a0 as ta, a1 as la, T as aa, U as oa, a2 as Ut } from "./lib-DBptbyyI.js";
+import { t as Ht, u as sa } from "./useResponsive-DfdjqQps.js";
+import { u as ua } from "./useConfig-DO94Aj5s.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 ga from "./vue_ui_candlestick-BAMn-VGw.js";
+import { A as ba } from "./A11yDataTable-KcVAX2cP.js";
+import { S as xa } from "./SlicerPreview-DTjwV0iY.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-Cb3zzG6s.js")), Jt = j(() => import("./Tooltip-Bf-kM3_A.js")), Qt = j(() => import("./vue-ui-accordion-nvggWcGN.js")), Zt = j(() => import("./DataTable-DT2kIdQ6.js")), el = j(() => import("./PenAndPaper-Ct3qJ4lA.js")), tl = j(() => import("./UserOptions-rW2fRf3V.js")), ll = j(() => import("./PackageVersion-DPO-OOVI.js")), al = j(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_candlestick: ol } = ua(), { isThemeValid: sl, warnInvalidTheme: ul } = ca(), I = jt, $e = Kt, _e = y(() => !!I.dataset && I.dataset.length), V = v(!1), Se = v(null), _ = v(Yl()), se = v(!1), ze = 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), Le = v(null), ie = v(null), ne = v(null), Te = v(null), at = v(null), pe = v(!1), fe = v(!1), U = v(null), ot = v({ x: 0, y: 0 }), re = v("pointer"), Ie = v(!1), e = v(Re()), 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: Fe } = ra({
+      ...jl(I),
+      FINAL_CONFIG: e,
+      prepareConfig: Re,
+      callback: () => {
+        Promise.resolve().then(async () => {
+          await we();
+        });
+      },
+      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: Me, 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 Re() {
+      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 = Re()), Me.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 && (Fe.value = !1), $t();
+    }, { deep: !0 });
+    const b = 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
+      }), Fe.value = !0), Wt(I.dataset) || (Fe.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 && S.value > 6 ? ue.value.$el : null,
+            legend: Qe.value,
+            source: Ze.value,
+            noTitle: et.value
+          });
+          requestAnimationFrame(() => {
+            b.value.width = l, b.value.height = s - 12, e.value.responsiveProportionalSizing ? (b.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
+            }), b.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
+            })) : (b.value.xAxisFontSize = e.value.style.layout.grid.xAxis.dataLabels.fontSize, b.value.yAxisFontSize = e.value.style.layout.grid.yAxis.dataLabels.fontSize), Se.value && clearTimeout(Se.value), Se.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);
+      }
+      we();
+    }
+    qe(() => {
+      q.value && (ee.value && q.value.unobserve(ee.value), q.value.disconnect());
+    });
+    const { isPrinting: Pe, isImaging: Oe, generatePdf: nt, generateImage: rt } = na({
+      elementId: `vue-ui-candlestick_${_.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
+    }), De = v(0), cl = Ht((t) => {
+      De.value = t;
+    }, 100);
+    Ce((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(() => {
+      De.value = 0;
+    });
+    const vt = y(() => {
+      let t = 0;
+      return ie.value && (t = De.value + b.value.xAxisFontSize), t;
+    });
+    function yl() {
+      let t = e.value.style.layout.grid.yAxis.dataLabels.offsetX;
+      return Le.value && (t = Array.from(Le.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: b.value.width - a,
+        left: s + o,
+        bottom: b.value.height - l - vt.value,
+        width: b.value.width - s - a - o,
+        height: b.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, z = Math.max(0, Math.min(f, C)), le = Math.max(0, Math.min(f, D));
+      return {
+        x: t + z * A,
+        y: a,
+        width: (le - z) * 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"
+        }
+      };
+    }), S = y(() => w.value.length), d = v({
+      start: 0,
+      end: S.value
+    }), $ = v({ start: 0, end: S.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, S.value - 1)), a = Math.max(t + 1, Math.min(d.value.end ?? S.value, S.value));
+      (!Number.isFinite(t) || !Number.isFinite(a) || a <= t) && (t = 0, a = S.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), z = 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: z,
+          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([]), Be = v([]);
+    let ft = 0;
+    Ce(() => {
+      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;
+    Ce(() => {
+      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: S.value
+        });
+        t === gt && (Be.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;
+    Ce(() => {
+      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
+    }))), Ne = y(() => {
+      const t = e.value.style.layout.grid.xAxis.dataLabels, a = E.value || [], l = Be.value || [], s = d.value.start ?? 0, o = P.value, u = S.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]
+    }), Ee = 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, Ee.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
+      })))
+        ze.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: z, 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_${_.value})` : `url(#bearish_gradient_${_.value})` : le ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${ql}</div>`, o += `${Xl} : <b>${isNaN(z) ? "-" : Number(z.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>", ze.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() {
+      we(), await je(), de.value && cancelAnimationFrame(de.value), de.value = requestAnimationFrame(async () => {
+        await Al(), we();
+      });
+    }
+    const ce = v(!1), _t = v(!1), ke = v(!1);
+    function we() {
+      if (!ce.value) {
+        ce.value = !0;
+        try {
+          const { startIndex: t, endIndex: a } = e.value.style.zoom, l = S.value, s = t ?? 0, o = a != null ? Math.min(St(a + 1), l) : l;
+          ke.value = !0, d.value.start = s, d.value.end = o, $.value.start = s, $.value.end = o, ge(), _t.value = !0;
+        } finally {
+          queueMicrotask(() => {
+            ke.value = !1;
+          }), ce.value = !1;
+        }
+      }
+    }
+    function St(t) {
+      const a = S.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
+        }), z = 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_${_.value}` : `url(#bearish_gradient_${_.value})` : o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg> ${f}`,
+          A,
+          C,
+          D,
+          z,
+          `${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
+        }), z = 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,
+          z,
+          `${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(() => b.value.width), Sl = y(() => b.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, Te.value && Te.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 || ke.value || t !== d.value.start && (d.value.start = t, $.value.start = t, ge());
+    }
+    function Rl(t) {
+      if (ce.value || ke.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, Ie.value = !0;
+    }
+    function Bl() {
+      U.value = null, re.value = "pointer", se.value = !1, P.value = void 0, Ie.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 z = g.value[U.value];
+        if (!z) return;
+        Ct(U.value, z);
+        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 / b.value.width * s.width,
+        y: s.top + l / b.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_${_.value}`,
+      onMouseenter: rl,
+      onMouseleave: vl
+    }, [
+      m("div", {
+        id: `chart-instructions-${_.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: _.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(() => [
+          x(t.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": k(({ color: l }) => [
+          x(t.$slots, "annotator-action-color", L(T({ color: l })), void 0, !0)
+        ]),
+        "annotator-action-draw": k(({ mode: l }) => [
+          x(t.$slots, "annotator-action-draw", L(T({ mode: l })), void 0, !0)
+        ]),
+        "annotator-action-undo": k(({ disabled: l }) => [
+          x(t.$slots, "annotator-action-undo", L(T({ disabled: l })), void 0, !0)
+        ]),
+        "annotator-action-redo": k(({ disabled: l }) => [
+          x(t.$slots, "annotator-action-redo", L(T({ disabled: l })), void 0, !0)
+        ]),
+        "annotator-action-delete": k(({ disabled: l }) => [
+          x(t.$slots, "annotator-action-delete", L(T({ 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 && _e.value && (h(ut) || h(Me)) ? (i(), G(h(tl), {
+        ref_key: "userOptionsRef",
+        ref: Te,
+        key: `user_options_${Ye.value}`,
+        backgroundColor: e.value.style.backgroundColor,
+        color: e.value.style.color,
+        isImaging: h(Oe),
+        isPrinting: h(Pe),
+        uid: _.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(Me) ? "visible" : "hidden" : "visible"
+        })
+      }, Bt({ _: 2 }, [
+        t.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: k(({ isOpen: l, color: s }) => [
+            x(t.$slots, "menuIcon", L(T({ isOpen: l, color: s })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        t.$slots.optionTooltip ? {
+          name: "optionTooltip",
+          fn: k(() => [
+            x(t.$slots, "optionTooltip", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        t.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: k(() => [
+            x(t.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        t.$slots.optionCsv ? {
+          name: "optionCsv",
+          fn: k(() => [
+            x(t.$slots, "optionCsv", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        t.$slots.optionImg ? {
+          name: "optionImg",
+          fn: k(() => [
+            x(t.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: k(() => [
+            x(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
+        t.$slots.optionTable ? {
+          name: "optionTable",
+          fn: k(() => [
+            x(t.$slots, "optionTable", {}, void 0, !0)
+          ]),
+          key: "6"
+        } : void 0,
+        t.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: k(({ toggleFullscreen: l, isFullscreen: s }) => [
+            x(t.$slots, "optionFullscreen", L(T({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
+          ]),
+          key: "7"
+        } : void 0,
+        t.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: k(({ toggleAnnotator: l, isAnnotator: s }) => [
+            x(t.$slots, "optionAnnotator", L(T({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
+          ]),
+          key: "8"
+        } : void 0,
+        t.$slots.optionAltCopy ? {
+          name: "optionAltCopy",
+          fn: k(({ altCopy: l }) => [
+            x(t.$slots, "optionAltCopy", L(T({ 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-${_.value}`,
+          class: X({ "vue-data-ui-fullscreen--on": Q.value, "vue-data-ui-fulscreen--off": !Q.value }),
+          viewBox: `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.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"
+            }
+          }, [
+            x(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_${_.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(Ae)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
+                }, null, 8, Ta),
+                m("stop", {
+                  offset: "100%",
+                  "stop-color": `${h(Ae)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
+                }, null, 8, Ia)
+              ], 8, za),
+              m("linearGradient", {
+                id: `bullish_gradient_${_.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(Ae)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
+                }, null, 8, Ra),
+                m("stop", {
+                  offset: "100%",
+                  "stop-color": `${h(Ae)(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(Ne.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(Ne.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: Le
+            }, [
+              (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 + b.value.yAxisFontSize / 3,
+                  "font-size": b.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 + b.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": b.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(Ne.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 + b.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": b.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_${_.value})` : e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.gradient.show ? `url(#bearish_gradient_${_.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),
+          x(t.$slots, "svg", {
+            svg: {
+              ...b.value,
+              data: g.value,
+              drawingArea: r.value,
+              isPrintingImg: h(Pe) | h(Oe) | pe.value,
+              isPrintingSvg: fe.value
+            }
+          }, void 0, !0)
+        ], 46, $a)),
+        t.$slots.hint ? (i(), n("div", oo, [
+          x(t.$slots, "hint", L(T({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Ie.value })), void 0, !0)
+        ])) : p("", !0)
+      ]),
+      t.$slots.watermark ? (i(), n("div", so, [
+        x(t.$slots, "watermark", L(T({ isPrinting: h(Pe) || h(Oe) || pe.value || fe.value })), void 0, !0)
+      ])) : p("", !0),
+      e.value.style.zoom.show && S.value > 6 && _e.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: S.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 : S.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: Be.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 }) => [
+          x(t.$slots, "reset-action", L(T({ 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
+      }, [
+        x(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"
+      }, [
+        x(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: ze.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(() => [
+          x(t.$slots, "tooltip-before", L(T({ ...Ee.value })), void 0, !0)
+        ]),
+        "tooltip-after": k(() => [
+          x(t.$slots, "tooltip-after", L(T({ ...Ee.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"]),
+      _e.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),
+      x(t.$slots, "skeleton", {}, () => [
+        h(H) ? (i(), G(va, { key: 0 })) : p("", !0)
+      ], !0)
+    ], 46, wa));
+  }
+}, To = /* @__PURE__ */ ka(ro, [["__scopeId", "data-v-af885bef"]]);
+export {
+  To as default
+};