vue-data-ui 3.3.3 → 3.4.0

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

@@ -1,1073 +0,0 @@
-import { defineAsyncComponent as R, computed as h, ref as r, toRefs as Gt, watch as te, shallowRef as Qe, onMounted as Xt, onBeforeUnmount as Ze, watchEffect as jt, nextTick as Ae, createElementBlock as i, openBlock as s, unref as u, normalizeStyle as Ce, normalizeClass as T, createBlock as N, createCommentVNode as p, createElementVNode as y, createVNode as _e, createSlots as et, withCtx as m, renderSlot as x, normalizeProps as B, guardReactiveProps as E, Fragment as V, renderList as M, toDisplayString as Y, resolveDynamicComponent as Yt, mergeProps as qt, createTextVNode as tt } from "vue";
-import { c as Jt, t as Kt, B as le, o as lt, f as U, C as Qt, q, d as L, X as Zt, i as ae, s as el, D as at, x as tl, y as ll, z as al, A as ol } from "./lib-CSDxt1Zh.js";
-import { t as ot, u as sl } from "./useResponsive-DfdjqQps.js";
-import { u as ul, a as st } from "./useNestedProp-Dh-ldrr5.js";
-import { u as il } from "./usePrinter-Cq8Pt6Lh.js";
-import { u as nl, B as rl } from "./BaseScanner-BgWxam9d.js";
-import { u as vl } from "./useSvgExport-DrjCWun4.js";
-import { u as dl } from "./useTimeLabels-BGFjWgrv.js";
-import { u as cl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as yl } from "./useChartAccessibility-9icAAmYg.js";
-import { u as hl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import fl from "./img-DI-W68vp.js";
-import gl from "./Title-B6rAo9Oz.js";
-import { t as pl } from "./themes-Dw-dDudK.js";
-import { S as bl } from "./Slicer-BOki89CB.js";
-import { _ as ml } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const xl = ["id"], kl = ["xmlns", "aria-label", "viewBox"], wl = ["x", "y", "width", "height"], Al = { key: 1 }, Cl = ["id"], _l = ["stop-color"], zl = ["stop-color"], $l = ["stop-color"], Sl = ["id"], Tl = ["stop-color"], Ll = ["stop-color"], Il = ["stop-color"], Rl = { key: 0 }, Fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pl = ["x", "y", "font-size", "fill", "font-weight"], Nl = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Bl = ["transform", "text-anchor", "font-size", "fill", "font-weight"], El = ["x", "y", "width", "height", "fill", "rx"], Vl = { key: 0 }, Ml = ["cx", "cy", "r", "fill"], Ul = ["cx", "cy", "r", "fill"], Wl = { key: 1 }, Hl = ["x", "y", "width", "height", "rx", "fill"], Gl = ["x", "y", "width", "height", "fill", "rx"], Xl = ["x", "y", "height", "width", "fill", "rx"], jl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Yl = ["x", "y", "height", "width", "fill", "onMouseover", "onMouseleave", "onClick"], ql = {
-  key: 4,
-  class: "vue-data-ui-watermark"
-}, Jl = ["innerHTML"], Kl = {
-  __name: "vue-ui-candlestick",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  setup(ut, { expose: it }) {
-    const nt = R(() => import("./BaseIcon-DG6cvf2h.js")), rt = R(() => import("./Tooltip-DaInVNiV.js")), vt = R(() => import("./vue-ui-accordion-CaClZrCp.js")), dt = R(() => import("./DataTable-DUpZ_s2c.js")), ct = R(() => import("./PenAndPaper-D9LruJaM.js")), yt = R(() => import("./UserOptions-CJXSEhan.js")), ht = R(() => import("./PackageVersion-CQvYRebC.js")), ft = R(() => import("./BaseDraggableDialog-Cysanw8-.js")), { vue_ui_candlestick: gt } = ul(), f = ut, oe = h(() => !!f.dataset && f.dataset.length), z = r(!1), se = r(null), A = r(Jt()), ue = r(!1), ie = r(""), ne = r(void 0), ze = r(0), $ = r(null), $e = r(null), Se = r(null), Te = r(null), Le = r(null), Ie = r(null), J = r(0), Re = r(0), Fe = r(0), re = r(null), H = r(null), G = r(null), ve = r(null), e = r(he()), { loading: S, FINAL_DATASET: C, manualLoading: de } = nl({
-      ...Gt(f),
-      FINAL_CONFIG: e,
-      prepareConfig: he,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await be();
-        });
-      },
-      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: Kt({
-        defaultConfig: e.value,
-        userConfig: {
-          useCssAnimation: !1,
-          userOptions: { show: !1 },
-          table: { show: !1 },
-          style: {
-            backgroundColor: "#99999930",
-            layout: {
-              candle: {
-                colors: {
-                  bearish: "#BABABA",
-                  bullish: "#CACACA"
-                }
-              },
-              grid: {
-                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
-            }
-          }
-        }
-      })
-    }), { userOptionsVisible: ce, setUserOptionsVisibility: Oe, keepUserOptionState: De } = cl({ config: e.value }), { svgRef: ye } = yl({ config: e.value.style.title });
-    function he() {
-      const t = st({
-        userConfig: f.config,
-        defaultConfig: gt
-      });
-      let a = {};
-      return t.theme ? a = {
-        ...st({
-          userConfig: pl.vue_ui_candlestick[t.theme] || f.config,
-          defaultConfig: t
-        })
-      } : a = t, f.config && le(f.config, "style.zoom.startIndex") ? a.style.zoom.startIndex = f.config.style.zoom.startIndex : a.style.zoom.startIndex = null, f.config && le(f.config, "style.zoom.endIndex") ? a.style.zoom.endIndex = f.config.style.zoom.endIndex : a.style.zoom.endIndex = null, f.config && le(f.config, "style.layout.grid.yAxis.scale.min") ? a.style.layout.grid.yAxis.scale.min = f.config.style.layout.grid.yAxis.scale.min : a.style.layout.grid.yAxis.scale.min = null, f.config && le(f.config, "style.layout.grid.yAxis.scale.max") ? a.style.layout.grid.yAxis.scale.max = f.config.style.layout.grid.yAxis.scale.max : a.style.layout.grid.yAxis.scale.max = null, a;
-    }
-    te(() => f.config, (t) => {
-      S.value || (e.value = he()), ce.value = !e.value.userOptions.showOnChartHover, Pe(), J.value += 1, Fe.value += 1, Re.value += 1, k.value.showTable = e.value.table.show, k.value.showTooltip = e.value.style.tooltip.show;
-    }, { deep: !0 }), te(() => f.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (de.value = !1), v.value.start = 0, v.value.end = t.length, J.value += 1;
-    }, { deep: !0 });
-    const c = r({
-      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
-    }), I = Qe(null), W = Qe(null);
-    Xt(() => {
-      Pe();
-    });
-    const F = h(() => !!e.value.debug);
-    function Pe() {
-      if (lt(f.dataset) && (U({
-        componentName: "VueUiCandlestick",
-        type: "dataset",
-        debug: F.value
-      }), de.value = !0), lt(f.dataset) || (de.value = e.value.loading), setTimeout(() => {
-        z.value = !0;
-      }, 10), e.value.responsive) {
-        const a = ot(() => {
-          z.value = !1;
-          const { width: l, height: o } = sl({
-            chart: $.value,
-            title: e.value.style.title.text ? $e.value : null,
-            slicer: Te.value,
-            legend: Se.value,
-            source: Le.value,
-            noTitle: Ie.value
-          });
-          requestAnimationFrame(() => {
-            c.value.width = l, c.value.height = o - 12, e.value.responsiveProportionalSizing ? (c.value.xAxisFontSize = at({
-              relator: Math.min(l, o),
-              adjuster: e.value.style.width,
-              source: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
-              threshold: 6,
-              fallback: 6
-            }), c.value.yAxisFontSize = at({
-              relator: Math.min(l, o),
-              adjuster: e.value.style.width,
-              source: e.value.style.layout.grid.yAxis.dataLabels.fontSize,
-              threshold: 6,
-              fallback: 6
-            })) : (c.value.xAxisFontSize = e.value.style.layout.grid.xAxis.dataLabels.fontSize, c.value.yAxisFontSize = e.value.style.layout.grid.yAxis.dataLabels.fontSize), se.value && clearTimeout(se.value), se.value = setTimeout(() => {
-              z.value = !0;
-            }, 10);
-          });
-        });
-        I.value && (W.value && I.value.unobserve(W.value), I.value.disconnect()), I.value = new ResizeObserver(a), W.value = $.value.parentNode, I.value.observe(W.value);
-      }
-      be();
-    }
-    Ze(() => {
-      I.value && (W.value && I.value.unobserve(W.value), I.value.disconnect());
-    });
-    const { isPrinting: Ne, isImaging: Be, generatePdf: Ee, generateImage: Ve } = il({
-      elementId: `vue-ui-candlestick_${A.value}`,
-      fileName: e.value.style.title.text || "vue-ui-candlestick",
-      options: e.value.userOptions.print
-    }), pt = h(() => e.value.userOptions.show && !e.value.style.title.text), k = r({
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.tooltip.show
-    }), fe = r(0), bt = ot((t) => {
-      fe.value = t;
-    }, 100);
-    jt((t) => {
-      const a = H.value;
-      if (!a) return;
-      const l = new ResizeObserver((o) => {
-        bt(o[0].contentRect.height);
-      });
-      l.observe(a), t(() => l.disconnect());
-    }), Ze(() => {
-      fe.value = 0;
-    });
-    const Me = h(() => {
-      let t = 0;
-      return H.value && (t = fe.value + c.value.xAxisFontSize), t;
-    });
-    function mt() {
-      let t = e.value.style.layout.grid.yAxis.dataLabels.offsetX;
-      return re.value && (t = Array.from(re.value.querySelectorAll("text")).reduce((o, b) => {
-        const g = b.getComputedTextLength();
-        return g > o ? g : o;
-      }, 0)), t + 13;
-    }
-    const n = h(() => {
-      const { top: t, right: a, bottom: l, left: o } = e.value.style.layout.padding, b = mt(), g = 12;
-      return {
-        top: t + g,
-        right: c.value.width - a,
-        left: o + b,
-        bottom: c.value.height - l - Me.value,
-        width: c.value.width - o - a - b,
-        height: c.value.height - t - l - Me.value - g
-      };
-    }), X = h(() => C.value.length), v = r({
-      start: 0,
-      end: X.value
-    }), Ue = h(() => C.value.map((t, a) => ({
-      ...t,
-      absoluteIndex: a
-    })).slice(v.value.start, v.value.end)), ge = h(() => (C.value.forEach((t, a) => {
-      [null, void 0].includes(t[0]) && U({
-        componentName: "VueUiCandlestick",
-        type: "datasetAttribute",
-        property: "period (index 0)",
-        index: a,
-        debug: F.value
-      }), [null, void 0].includes(t[1]) && U({
-        componentName: "VueUiCandlestick",
-        type: "datasetAttribute",
-        property: "open (index 1)",
-        index: a,
-        debug: F.value
-      }), [null, void 0].includes(t[2]) && U({
-        componentName: "VueUiCandlestick",
-        type: "datasetAttribute",
-        property: "high (index 2)",
-        index: a,
-        debug: F.value
-      }), [null, void 0].includes(t[3]) && U({
-        componentName: "VueUiCandlestick",
-        type: "datasetAttribute",
-        property: "low (index 3)",
-        index: a,
-        debug: F.value
-      }), [null, void 0].includes(t[4]) && U({
-        componentName: "VueUiCandlestick",
-        type: "datasetAttribute",
-        property: "last (index 4)",
-        index: a,
-        debug: F.value
-      }), [null, void 0].includes(t[5]) && U({
-        componentName: "VueUiCandlestick",
-        type: "datasetAttribute",
-        property: "volume (index 5)",
-        index: a,
-        debug: F.value
-      });
-    }), Ue.value.map((t) => ({
-      absoluteIndex: t.absoluteIndex,
-      period: t[0],
-      open: t[1],
-      high: t[2],
-      low: t[3],
-      last: t[4],
-      volume: t[5]
-    })))), d = h(() => n.value.width / Ue.value.length), We = h(() => {
-      const t = e.value.style.layout.grid.yAxis.scale.max === null ? Math.max(...ge.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
-      };
-    }), _ = h(() => Qt(We.value.min, We.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
-    function K(t, a) {
-      return {
-        ...t,
-        x: q(n.value.left + a * d.value + d.value / 2),
-        y: q(n.value.top + (1 - (t - _.value.min) / (_.value.max - _.value.min)) * n.value.height),
-        value: q(t)
-      };
-    }
-    const w = h(() => ge.value.map((t, a) => {
-      const l = K(t.open, a), o = K(t.high, a), b = K(t.low, a), g = K(t.last, a), P = t.last > t.open;
-      return {
-        period: t.period,
-        open: l,
-        high: o,
-        low: b,
-        last: g,
-        volume: t.volume,
-        isBullish: P,
-        absoluteIndex: t.absoluteIndex
-      };
-    }));
-    function xt(t) {
-      return q((t - _.value.min) / (_.value.max - _.value.min));
-    }
-    const kt = h(() => _.value.ticks.map((t) => ({
-      y: n.value.bottom - n.value.height * xt(t),
-      value: q(t)
-    }))), wt = h(() => ge.value.map((t) => t.period)), O = h(() => dl({
-      values: C.value.map((t) => t[0]),
-      maxDatapoints: C.value.length,
-      formatter: e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
-      start: v.value.start,
-      end: v.value.end
-    })), He = h(() => e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? {
-      start: O.value.find((t) => t.absoluteIndex === v.value.start).text,
-      end: O.value.find((t) => t.absoluteIndex === v.value.end - 1).text
-    } : {
-      start: C.value[v.value.start] ? C.value[v.value.start][0] : C.value[0][0],
-      end: C.value[v.value.end - 1] ? C.value[v.value.end - 1][0] : C.value.at(-1)[0]
-    }), pe = r(null);
-    function At(t, a) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: a, seriesIndex: t + v.value.start });
-    }
-    function Ct(t, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: t + v.value.start }), ne.value = void 0, ue.value = !1;
-    }
-    function _t(t, a) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: a, seriesIndex: t + v.value.start }), ne.value = t, pe.value = {
-        datapoint: a,
-        seriesIndex: t,
-        series: w.value,
-        config: e.value
-      };
-      const l = e.value.style.tooltip.customFormat;
-      if (al(l) && ol(() => l({
-        seriesIndex: t,
-        datapoint: a,
-        series: w.value,
-        config: e.value
-      })))
-        ie.value = l({
-          seriesIndex: t,
-          datapoint: a,
-          series: w.value,
-          config: e.value
-        });
-      else if (e.value.style.tooltip.show) {
-        let o = "";
-        const { period: b, open: g, high: P, low: ke, last: we, volume: ee, isBullish: Ke } = w.value[t], { period: Ql, open: Dt, high: Pt, low: Nt, last: Bt, volume: Et } = e.value.translations, Vt = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? O.value[t].text : b;
-        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 ? Ke ? `url(#bullish_gradient_${A.value})` : `url(#bearish_gradient_${A.value})` : Ke ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${Vt}</div>`, o += `${Et} : <b>${isNaN(ee) ? "-" : Number(ee.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 Mt = L({
-          p: e.value.style.tooltip.prefix,
-          v: g.value,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        });
-        o += `<div>${Dt}: <b>${Mt}</b></div>`;
-        const Ut = L({
-          p: e.value.style.tooltip.prefix,
-          v: P.value,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        });
-        o += `<div>${Pt}: <b>${Ut}</b></div>`;
-        const Wt = L({
-          p: e.value.style.tooltip.prefix,
-          v: ke.value,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        });
-        o += `<div>${Nt}: <b>${Wt}</b></div>`;
-        const Ht = L({
-          p: e.value.style.tooltip.prefix,
-          v: we.value,
-          s: e.value.style.tooltip.suffix,
-          r: e.value.style.tooltip.roundingValue
-        });
-        o += `<div>${Bt}: <b>${Ht}</b></div>`, o += "</div>", ie.value = `<div style="text-align:right">${o}</div>`;
-      }
-      ue.value = !0;
-    }
-    function zt() {
-      be();
-    }
-    const Ge = r(null);
-    async function be() {
-      await Ae(), await Ae();
-      const { startIndex: t, endIndex: a } = e.value.style.zoom, l = Ge.value, o = X.value;
-      v.value = { start: 0, end: o }, (t != null || a != null) && l ? (t != null ? l.setStartValue(t) : (v.value.start = 0, l.setStartValue(0)), a != null ? l.setEndValue($t(a + 1)) : (v.value.end = o, l.setEndValue(o))) : (v.value = { start: 0, end: o }, J.value += 1);
-    }
-    function $t(t) {
-      const a = X.value;
-      return t > a ? a : t < 0 || e.value.style.zoom.startIndex !== null && t < e.value.style.zoom.startIndex ? e.value.style.zoom.startIndex !== null ? e.value.style.zoom.startIndex + 1 : 1 : t;
-    }
-    function me(t = null) {
-      Ae(() => {
-        const a = [e.value.translations.period, e.value.translations.open, e.value.translations.high, e.value.translations.low, e.value.translations.last, e.value.translations.volume], l = w.value.map((g, P) => [
-          e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? O.value[P].text : g.period,
-          g.open.value,
-          g.high.value,
-          g.low.value,
-          g.last.value,
-          g.volume
-        ]), o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(l), b = tl(o);
-        t ? t(b) : ll({ csvContent: b, title: e.value.style.title.text || "vue-ui-candlestick" });
-      });
-    }
-    const Q = h(() => {
-      const t = w.value.map((o, b) => {
-        const g = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? O.value[b].text : o.period, P = L({
-          p: e.value.table.td.prefix,
-          v: o.open.value,
-          s: e.value.table.td.suffix,
-          r: e.value.table.td.roundingValue
-        }), ke = L({
-          p: e.value.table.td.prefix,
-          v: o.high.value,
-          s: e.value.table.td.suffix,
-          r: e.value.table.td.roundingValue
-        }), we = L({
-          p: e.value.table.td.prefix,
-          v: o.low.value,
-          s: e.value.table.td.suffix,
-          r: e.value.table.td.roundingValue
-        }), ee = L({
-          p: e.value.table.td.prefix,
-          v: o.last.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_${A.value}` : `url(#bearish_gradient_${A.value})` : o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg> ${g}`,
-          P,
-          ke,
-          we,
-          ee,
-          `${isNaN(o.volume) ? "-" : o.volume.toLocaleString()}`
-        ];
-      }), a = {
-        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
-      }, l = [
-        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: l, body: t, config: a, colNames: l };
-    }), D = r(!1);
-    function Xe(t) {
-      D.value = t, ze.value += 1;
-    }
-    function je() {
-      k.value.showTable = !k.value.showTable;
-    }
-    function Ye() {
-      k.value.showTooltip = !k.value.showTooltip;
-    }
-    const Z = r(!1);
-    function xe() {
-      Z.value = !Z.value;
-    }
-    async function St({ scale: t = 2 } = {}) {
-      if (!$.value) return;
-      const { width: a, height: l } = $.value.getBoundingClientRect(), o = a / l, { imageUri: b, base64: g } = await fl({ domElement: $.value, base64: !0, img: !0, scale: t });
-      return {
-        imageUri: b,
-        base64: g,
-        title: e.value.style.title.text,
-        width: a,
-        height: l,
-        aspectRatio: o
-      };
-    }
-    const Tt = h(() => c.value.width), Lt = h(() => c.value.height);
-    hl({
-      timeLabelsEls: H,
-      timeLabels: O,
-      slicer: v,
-      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: Tt,
-      height: Lt
-    }), te(e, () => {
-      k.value = {
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.tooltip.show
-      };
-    }, { immediate: !0 });
-    const j = h(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, a = k.value.showTable;
-      return {
-        component: t ? ft : vt,
-        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: D.value,
-          fullscreenParent: $.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8)
-        } : {
-          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
-            }
-          }
-        }
-      };
-    });
-    te(() => k.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && G.value ? G.value.open() : "close" in G.value && G.value.close());
-    });
-    function qe() {
-      k.value.showTable = !1, ve.value && ve.value.setTableIconState(!1);
-    }
-    const It = h(() => e.value.style.backgroundColor), Rt = h(() => e.value.style.title), { exportSvg: Ft, getSvg: Ot } = vl({
-      svg: ye,
-      title: Rt,
-      backgroundColor: It
-    });
-    async function Je({ isCb: t }) {
-      if (t) {
-        const { blob: a, url: l, text: o, dataUrl: b } = await Ot();
-        e.value.userOptions.callbacks.svg({ blob: a, url: l, text: o, dataUrl: b });
-      } else
-        Ft();
-    }
-    return it({
-      getImage: St,
-      generatePdf: Ee,
-      generateCsv: me,
-      generateImage: Ve,
-      generateSvg: Je,
-      toggleTable: je,
-      toggleTooltip: Ye,
-      toggleAnnotator: xe,
-      toggleFullscreen: Xe
-    }), (t, a) => (s(), i("div", {
-      ref_key: "candlestickChart",
-      ref: $,
-      class: T(`vue-data-ui-component vue-ui-candlestick ${D.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: Ce(`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_${A.value}`,
-      onMouseenter: a[3] || (a[3] = () => u(Oe)(!0)),
-      onMouseleave: a[4] || (a[4] = () => u(Oe)(!1))
-    }, [
-      e.value.userOptions.buttons.annotator ? (s(), N(u(ct), {
-        key: 0,
-        svgRef: u(ye),
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        active: Z.value,
-        onClose: xe
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
-      pt.value ? (s(), i("div", {
-        key: 1,
-        ref_key: "noTitle",
-        ref: Ie,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : p("", !0),
-      e.value.style.title.text ? (s(), i("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: $e,
-        style: "width:100%;background:transparent"
-      }, [
-        (s(), N(gl, {
-          key: `title_${Fe.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 && oe.value && (u(De) || u(ce)) ? (s(), N(u(yt), {
-        ref_key: "userOptionsRef",
-        ref: ve,
-        key: `user_options_${ze.value}`,
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        isImaging: u(Be),
-        isPrinting: u(Ne),
-        uid: A.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,
-        isFullscreen: D.value,
-        isTooltip: k.value.showTooltip,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: $.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Z.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: Xe,
-        onGeneratePdf: u(Ee),
-        onGenerateCsv: me,
-        onGenerateImage: u(Ve),
-        onGenerateSvg: Je,
-        onToggleTable: je,
-        onToggleTooltip: Ye,
-        onToggleAnnotator: xe,
-        style: Ce({
-          visibility: u(De) ? u(ce) ? "visible" : "hidden" : "visible"
-        })
-      }, et({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: m(({ isOpen: l, color: o }) => [
-            x(t.$slots, "menuIcon", B(E({ isOpen: l, color: o })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: m(() => [
-            x(t.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: m(() => [
-            x(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: m(() => [
-            x(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: m(() => [
-            x(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: m(() => [
-            x(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: m(({ toggleFullscreen: l, isFullscreen: o }) => [
-            x(t.$slots, "optionFullscreen", B(E({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: m(({ toggleAnnotator: l, isAnnotator: o }) => [
-            x(t.$slots, "optionAnnotator", B(E({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
-          ]),
-          key: "7"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
-      (s(), i("svg", {
-        ref_key: "svgRef",
-        ref: ye,
-        xmlns: u(Zt),
-        "aria-label": e.value.style.title.text || "candlestick chart",
-        class: T({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
-        viewBox: `0 0 ${c.value.width <= 0 ? 10 : c.value.width} ${c.value.height <= 0 ? 10 : c.value.height}`,
-        style: Ce(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
-      }, [
-        _e(u(ht)),
-        t.$slots["chart-background"] ? (s(), i("foreignObject", {
-          key: 0,
-          x: n.value.left,
-          y: n.value.top,
-          width: Math.max(0.1, n.value.width),
-          height: Math.max(0.1, n.value.height),
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          x(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, wl)) : p("", !0),
-        w.value.length > 0 ? (s(), i("g", Al, [
-          y("defs", null, [
-            y("linearGradient", {
-              id: `bearish_gradient_${A.value}`,
-              x2: "0%",
-              y2: "100%"
-            }, [
-              y("stop", {
-                offset: "0%",
-                "stop-color": e.value.style.layout.candle.colors.bearish
-              }, null, 8, _l),
-              y("stop", {
-                offset: "50%",
-                "stop-color": `${u(ae)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
-              }, null, 8, zl),
-              y("stop", {
-                offset: "100%",
-                "stop-color": `${u(ae)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
-              }, null, 8, $l)
-            ], 8, Cl),
-            y("linearGradient", {
-              id: `bullish_gradient_${A.value}`,
-              x2: "0%",
-              y2: "100%"
-            }, [
-              y("stop", {
-                offset: "0%",
-                "stop-color": e.value.style.layout.candle.colors.bullish
-              }, null, 8, Tl),
-              y("stop", {
-                offset: "50%",
-                "stop-color": `${u(ae)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
-              }, null, 8, Ll),
-              y("stop", {
-                offset: "100%",
-                "stop-color": `${u(ae)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
-              }, null, 8, Il)
-            ], 8, Sl)
-          ]),
-          e.value.style.layout.grid.show ? (s(), i("g", Rl, [
-            y("line", {
-              x1: n.value.left,
-              x2: n.value.left,
-              y1: n.value.top,
-              y2: n.value.bottom,
-              stroke: e.value.style.layout.grid.stroke,
-              "stroke-width": e.value.style.layout.grid.strokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, Fl),
-            y("line", {
-              x1: n.value.left,
-              x2: n.value.right,
-              y1: n.value.bottom,
-              y2: n.value.bottom,
-              stroke: e.value.style.layout.grid.stroke,
-              "stroke-width": e.value.style.layout.grid.strokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, Ol)
-          ])) : p("", !0),
-          e.value.style.layout.grid.yAxis.dataLabels.show ? (s(), i("g", {
-            key: 1,
-            ref_key: "scaleLabels",
-            ref: re
-          }, [
-            (s(!0), i(V, null, M(kt.value, (l, o) => (s(), i("g", null, [
-              l.value >= _.value.min && l.value <= _.value.max ? (s(), i("line", {
-                key: 0,
-                x1: n.value.left,
-                x2: n.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, Dl)) : p("", !0),
-              l.value >= _.value.min && l.value <= _.value.max ? (s(), i("text", {
-                key: 1,
-                x: n.value.left - 8 + e.value.style.layout.grid.yAxis.dataLabels.offsetX,
-                y: l.y + c.value.yAxisFontSize / 3,
-                "font-size": c.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"
-              }, Y(u(L)({
-                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, Pl)) : p("", !0)
-            ]))), 256))
-          ], 512)) : p("", !0),
-          e.value.style.layout.grid.xAxis.dataLabels.show && !e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (s(), i("g", {
-            key: 2,
-            ref_key: "timeLabelsEls",
-            ref: H
-          }, [
-            (s(!0), i(V, null, M(wt.value, (l, o) => (s(), i("g", null, [
-              y("text", {
-                class: "vue-data-ui-time-label",
-                transform: `translate(${n.value.left + d.value * o + d.value / 2}, ${n.value.bottom + c.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": c.value.xAxisFontSize,
-                fill: e.value.style.layout.grid.xAxis.dataLabels.color,
-                "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
-              }, Y(l), 9, Nl)
-            ]))), 256))
-          ], 512)) : p("", !0),
-          e.value.style.layout.grid.xAxis.dataLabels.show && e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (s(), i("g", {
-            key: 3,
-            ref_key: "timeLabelsEls",
-            ref: H
-          }, [
-            (s(!0), i(V, null, M(O.value, (l, o) => (s(), i("g", null, [
-              y("text", {
-                class: "vue-data-ui-time-label",
-                transform: `translate(${n.value.left + d.value * o + d.value / 2}, ${n.value.bottom + c.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": c.value.xAxisFontSize,
-                fill: e.value.style.layout.grid.xAxis.dataLabels.color,
-                "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
-              }, Y(l.text), 9, Bl)
-            ]))), 256))
-          ], 512)) : p("", !0),
-          y("g", null, [
-            (s(!0), i(V, null, M(w.value, (l, o) => (s(), i("g", null, [
-              y("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: T({ "vue-data-ui-transition": z.value && !u(S) })
-              }, null, 10, El),
-              e.value.style.layout.wick.extremity.shape === "circle" ? (s(), i("g", Vl, [
-                y("circle", {
-                  cx: l.high.x,
-                  cy: l.high.y,
-                  r: e.value.style.layout.wick.extremity.size === "auto" ? d.value / 20 : e.value.style.layout.wick.extremity.size,
-                  fill: e.value.style.layout.wick.extremity.color,
-                  class: T({ "vue-data-ui-transition": z.value && !u(S) })
-                }, null, 10, Ml),
-                y("circle", {
-                  cx: l.low.x,
-                  cy: l.low.y,
-                  r: e.value.style.layout.wick.extremity.size === "auto" ? d.value / 20 : e.value.style.layout.wick.extremity.size,
-                  fill: e.value.style.layout.wick.extremity.color,
-                  class: T({ "vue-data-ui-transition": z.value && !u(S) })
-                }, null, 10, Ul)
-              ])) : p("", !0),
-              e.value.style.layout.wick.extremity.shape === "line" ? (s(), i("g", Wl, [
-                y("rect", {
-                  x: l.high.x - (e.value.style.layout.wick.extremity.size === "auto" ? d.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" ? d.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" ? d.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: T({ "vue-data-ui-transition": z.value && !u(S) })
-                }, null, 10, Hl),
-                y("rect", {
-                  x: l.low.x - (e.value.style.layout.wick.extremity.size === "auto" ? d.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" ? d.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" ? d.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: T({ "vue-data-ui-transition": z.value && !u(S) })
-                }, null, 10, Gl)
-              ])) : p("", !0)
-            ]))), 256))
-          ]),
-          y("g", null, [
-            (s(!0), i(V, null, M(w.value, (l, o) => (s(), i("rect", {
-              x: l.open.x - d.value / 2 + d.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
-              y: l.isBullish ? l.last.y : l.open.y,
-              height: Math.abs(l.last.y - l.open.y) <= 0 ? 1e-4 : Math.abs(l.last.y - l.open.y),
-              width: d.value * e.value.style.layout.candle.widthRatio <= 0 ? 1e-4 : d.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: T({ "vue-data-ui-transition": z.value && !u(S) })
-            }, null, 10, Xl))), 256)),
-            (s(!0), i(V, null, M(w.value, (l, o) => (s(), i("rect", {
-              x: l.open.x - d.value / 2 + d.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
-              y: l.isBullish ? l.last.y : l.open.y,
-              height: Math.abs(l.last.y - l.open.y) <= 0 ? 1e-4 : Math.abs(l.last.y - l.open.y),
-              width: d.value * e.value.style.layout.candle.widthRatio <= 0 ? 1e-4 : d.value * e.value.style.layout.candle.widthRatio,
-              fill: l.isBullish ? e.value.style.layout.candle.gradient.show ? `url(#bullish_gradient_${A.value})` : e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.gradient.show ? `url(#bearish_gradient_${A.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: T({ "vue-data-ui-transition": z.value && !u(S) })
-            }, null, 10, jl))), 256))
-          ]),
-          y("g", null, [
-            (s(!0), i(V, null, M(w.value, (l, o) => (s(), i("rect", {
-              x: n.value.left + o * d.value,
-              y: n.value.top,
-              height: n.value.height <= 0 ? 1e-4 : n.value.height,
-              width: d.value <= 0 ? 1e-4 : d.value,
-              fill: ne.value === o ? u(el)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
-              onMouseover: () => _t(o, l),
-              onMouseleave: () => Ct(o, l),
-              onClick: () => At(o, l)
-            }, null, 40, Yl))), 256))
-          ])
-        ])) : p("", !0),
-        x(t.$slots, "svg", { svg: c.value }, void 0, !0)
-      ], 14, kl)),
-      t.$slots.watermark ? (s(), i("div", ql, [
-        x(t.$slots, "watermark", B(E({ isPrinting: u(Ne) || u(Be) })), void 0, !0)
-      ])) : p("", !0),
-      e.value.style.zoom.show && oe.value ? (s(), i("div", {
-        key: 5,
-        ref_key: "chartSlicer",
-        ref: Te
-      }, [
-        (s(), N(bl, {
-          ref_key: "slicerComponent",
-          ref: Ge,
-          key: `slicer_${J.value}`,
-          background: e.value.style.zoom.color,
-          borderColor: e.value.style.backgroundColor,
-          fontSize: e.value.style.zoom.fontSize,
-          useResetSlot: e.value.style.zoom.useResetSlot,
-          labelLeft: He.value.start,
-          labelRight: He.value.end,
-          textColor: e.value.style.color,
-          inputColor: e.value.style.zoom.color,
-          selectColor: e.value.style.zoom.highlightColor,
-          max: X.value,
-          min: 0,
-          valueStart: v.value.start,
-          valueEnd: v.value.end,
-          start: v.value.start,
-          "onUpdate:start": a[0] || (a[0] = (l) => v.value.start = l),
-          end: v.value.end,
-          "onUpdate:end": a[1] || (a[1] = (l) => v.value.end = l),
-          refreshStartPoint: e.value.style.zoom.startIndex !== null ? e.value.style.zoom.startIndex : 0,
-          refreshEndPoint: e.value.style.zoom.endIndex !== null ? e.value.style.zoom.endIndex + 1 : X.value,
-          enableRangeHandles: e.value.style.zoom.enableRangeHandles,
-          enableSelectionDrag: e.value.style.zoom.enableSelectionDrag,
-          focusOnDrag: e.value.style.zoom.focusOnDrag,
-          focusRangeRatio: e.value.style.zoom.focusRangeRatio,
-          onReset: zt
-        }, {
-          "reset-action": m(({ reset: l }) => [
-            x(t.$slots, "reset-action", B(E({ reset: l })), void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "focusOnDrag", "focusRangeRatio"]))
-      ], 512)) : p("", !0),
-      y("div", {
-        ref_key: "chartLegend",
-        ref: Se
-      }, [
-        x(t.$slots, "legend", { legend: w.value }, void 0, !0)
-      ], 512),
-      t.$slots.source ? (s(), i("div", {
-        key: 6,
-        ref_key: "source",
-        ref: Le,
-        dir: "auto"
-      }, [
-        x(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : p("", !0),
-      _e(u(rt), {
-        show: k.value.showTooltip && ue.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: $.value,
-        content: ie.value,
-        isFullscreen: D.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
-      }, {
-        "tooltip-before": m(() => [
-          x(t.$slots, "tooltip-before", B(E({ ...pe.value })), void 0, !0)
-        ]),
-        "tooltip-after": m(() => [
-          x(t.$slots, "tooltip-after", B(E({ ...pe.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      oe.value && e.value.userOptions.buttons.table ? (s(), N(Yt(j.value.component), qt({ key: 7 }, j.value.props, {
-        ref_key: "tableUnit",
-        ref: G,
-        onClose: qe
-      }), et({
-        content: m(() => [
-          (s(), N(u(dt), {
-            key: `table_${Re.value}`,
-            colNames: Q.value.colNames,
-            head: Q.value.head,
-            body: Q.value.body,
-            config: Q.value.config,
-            title: e.value.table.useDialog ? "" : j.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            onClose: qe
-          }, {
-            th: m(({ th: l }) => [
-              tt(Y(l), 1)
-            ]),
-            td: m(({ td: l }) => [
-              y("div", { innerHTML: l }, null, 8, Jl)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: m(() => [
-            tt(Y(j.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: m(() => [
-            y("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: a[2] || (a[2] = (l) => me(e.value.userOptions.callbacks.csv))
-            }, [
-              _e(u(nt), {
-                name: "excel",
-                stroke: j.value.props.color
-              }, null, 8, ["stroke"])
-            ])
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : p("", !0),
-      u(S) ? (s(), N(rl, { key: 8 })) : p("", !0)
-    ], 46, xl));
-  }
-}, fa = /* @__PURE__ */ ml(Kl, [["__scopeId", "data-v-2c20d4e0"]]);
-export {
-  fa as default
-};