vue-data-ui 3.9.19 → 3.9.21

package/dist/{vue-ui-annotator-_fLzC18u.js → vue-ui-annotator-DgDMYDKr.js}

@@ -1,12 +1,12 @@
 import { computed as L, ref as R, watch as E, onMounted as H, onBeforeUnmount as U, createBlock as x, openBlock as c, Teleport as K, createElementBlock as p, createCommentVNode as a, normalizeStyle as b, normalizeClass as g, createElementVNode as n, renderSlot as B, resolveComponent as v, createVNode as T, withCtx as N, createTextVNode as F, toDisplayString as f, withDirectives as M, vModelCheckbox as G, vModelText as D, withModifiers as A, Fragment as X, renderList as Y } from "vue";
 import { w as V, t as q, c as J, aA as Z } from "./lib-2iaAPQ_c.js";
-import { u as Q } from "./useNestedProp-DaR1dBmj.js";
+import { u as Q } from "./useNestedProp-gqRzbKJy.js";
 import { d as $ } from "./dom-to-png-WXGPkYro.js";
 import { u as ee } from "./usePrinter-ChVMpU2f.js";
-import te from "./BaseIcon-BrCxEtJt.js";
-import oe from "./vue-ui-accordion-DNRtKVZI.js";
+import te from "./BaseIcon-rQpZbUMg.js";
+import oe from "./vue-ui-accordion-Cy3d_0_S.js";
 import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { C as se } from "./ColorPicker-BYn8PF2Z.js";
+import { C as se } from "./ColorPicker-C-M_3O5E.js";
 function ie(e) {
   const o = (y) => e.isMacLike ? y.metaKey : y.ctrlKey, l = (y) => {
     const S = y;

package/dist/{vue-ui-bullet-BqTU385w.js → vue-ui-bullet-Dfz8VKqe.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as j, ref as d, computed as i, onMounted as Xe, toRefs as Ye, watch as he, onBeforeUnmount as Je, createElementBlock as n, openBlock as s, unref as r, normalizeStyle as V, normalizeClass as de, createBlock as _, createCommentVNode as c, createElementVNode as $, withCtx as f, renderSlot as v, normalizeProps as b, guardReactiveProps as p, createSlots as Ke, createVNode as Qe, Fragment as G, renderList as q, toDisplayString as T, Teleport as Ze } from "vue";
-import { u as et, a as X } from "./useNestedProp-DaR1dBmj.js";
+import { u as et, a as X } from "./useNestedProp-gqRzbKJy.js";
 import { c as tt, t as at, q as lt, N as ot, m as st, a as P, d as M, X as rt, o as ge, g as fe, l as nt } from "./lib-2iaAPQ_c.js";
 import { t as ut, u as it } from "./useResponsive-DfdjqQps.js";
 import { u as ct } from "./usePrinter-ChVMpU2f.js";
@@ -9,7 +9,7 @@ import { u as gt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ft } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as mt } from "./useChartAccessibility-9icAAmYg.js";
 import yt from "./Legend-D2xmnFPH.js";
-import bt from "./Title-D0nD-PMs.js";
+import bt from "./Title-B7pkWzTi.js";
 import pt from "./img-CqYIrJ8I.js";
 import { _ as kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, segments: { baseColor: "#5A5A5A", dataLabels: { color: "#CCCCCC" }, ticks: { stroke: "#5A5A5A" } }, target: { color: "#1A1A1A" }, valueBar: { color: "#CCCCCC", stroke: "#5A5A5A", label: { color: "#CCCCCC" } } } } }, ye = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, segments: { baseColor: "#D32F2F", dataLabels: { color: "#424242" }, ticks: { stroke: "#424242" } }, target: { color: "#3A3A3A" }, valueBar: { color: "#3A3A3A", stroke: "#FFF8E1", label: { color: "#424242" } } } } }, be = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, segments: { baseColor: "#D32F2F", dataLabels: { color: "#BDBDBD" }, ticks: { stroke: "#BDBDBD" } }, target: { color: "#3A3A3A" }, valueBar: { color: "#3A3A3A", stroke: "#1E1E1E", label: { color: "#BDBDBD" } } } } }, pe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, segments: { baseColor: "#00AA00", dataLabels: { color: "#66CC66" }, ticks: { stroke: "#00AA00" } }, target: { color: "#023602" }, valueBar: { color: "#1b291b", stroke: "#1A1A1A", label: { color: "#66CC66" } } } } }, ke = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, segments: { baseColor: "#8F837A", dataLabels: { color: "#8A9892" }, ticks: { stroke: "#8F837A" } }, target: { color: "#40403a" }, valueBar: { color: "#8F837A", stroke: "#fbfafa", label: { color: "#8A9892" } } } } }, Ce = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", legend: { backgroundColor: "#fbfafa", color: "#50606C" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, segments: { baseColor: "#718890", dataLabels: { color: "#50606C" }, ticks: { stroke: "#50606C" } }, target: { color: "#50606C" }, valueBar: { color: "#50606C", stroke: "#fbfafa", label: { color: "#50606C" } } } } }, Ae = {
@@ -58,7 +58,7 @@ const me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     }
   },
   setup(we, { expose: Be }) {
-    const xe = j(() => import("./PackageVersion-By5ZZJ0U.js")), _e = j(() => import("./PenAndPaper--ADXtx65.js")), $e = j(() => import("./UserOptions-Cy-iNhZU.js")), { vue_ui_bullet: Le } = et(), { isThemeValid: Fe, warnInvalidTheme: Oe } = gt(), L = we, C = d(null), Y = d(null), J = d(0), K = d(null), Q = d(null), Se = d(0), F = d(null), D = d(null), Z = d(!1), w = i({
+    const xe = j(() => import("./PackageVersion-BiGAIrqC.js")), _e = j(() => import("./PenAndPaper-D6dHXPfu.js")), $e = j(() => import("./UserOptions-BlWCqtbi.js")), { vue_ui_bullet: Le } = et(), { isThemeValid: Fe, warnInvalidTheme: Oe } = gt(), L = we, C = d(null), Y = d(null), J = d(0), K = d(null), Q = d(null), Se = d(0), F = d(null), D = d(null), Z = d(!1), w = i({
       get: () => h.value.hasOwnProperty("value"),
       set: (t) => t
     }), O = i(() => h.value.segments ? Array.isArray(h.value.segments) ? h.value.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:

package/dist/{vue-ui-candlestick-DUQA8C7N.js → vue-ui-candlestick-xyQGCkr8.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as j, computed as d, ref as y, toRefs as Dl, watch as se, shallowRef as kt, onMounted as Il, onBeforeUnmount as Ee, watchEffect as Ml, nextTick as wt, createElementBlock as i, openBlock as u, normalizeStyle as ue, normalizeClass as V, createBlock as J, createCommentVNode as m, createElementVNode as g, createVNode as Re, unref as h, withCtx as b, renderSlot as x, normalizeProps as T, guardReactiveProps as D, createSlots as Ct, Fragment as z, renderList as I, toDisplayString as ie, mergeProps as At, resolveDynamicComponent as Bl, createTextVNode as $t } from "vue";
-import { c as El, t as Rl, a1 as ge, o as Ft, g as K, N as Ol, U as H, S as Pl, d as U, X as Nl, h as fe, s as Vl, a2 as _t, v as Ul, r as Wl, y as Xl, _ as jl } from "./lib-2iaAPQ_c.js";
+import { defineAsyncComponent as j, computed as d, ref as y, toRefs as Dl, watch as se, shallowRef as kt, onMounted as Il, onBeforeUnmount as Ee, watchEffect as Ml, nextTick as wt, createElementBlock as i, openBlock as u, normalizeStyle as ue, normalizeClass as V, createBlock as J, createCommentVNode as m, createElementVNode as p, createVNode as Re, unref as h, withCtx as b, renderSlot as x, normalizeProps as T, guardReactiveProps as D, createSlots as Ct, Fragment as z, renderList as I, toDisplayString as ie, mergeProps as At, resolveDynamicComponent as Bl, createTextVNode as $t } from "vue";
+import { c as El, t as Rl, a1 as pe, o as Ft, g as K, N as Ol, U as H, S as Pl, d as U, X as Nl, h as ge, s as Vl, a2 as _t, v as Ul, r as Wl, y as Xl, _ as jl } from "./lib-2iaAPQ_c.js";
 import { t as zt, u as Hl } from "./useResponsive-DfdjqQps.js";
-import { u as Gl, a as Oe } from "./useNestedProp-DaR1dBmj.js";
+import { u as Gl, a as Oe } from "./useNestedProp-gqRzbKJy.js";
 import { u as ql } from "./usePrinter-ChVMpU2f.js";
 import { u as Yl, B as Jl } from "./BaseScanner-BMpwQAfz.js";
 import { u as Lt, a as Kl, l as Ql } from "./useTimeLabels-DKoynYae.js";
@@ -11,8 +11,8 @@ import { u as to } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as lo } from "./useChartAccessibility-9icAAmYg.js";
 import { u as oo } from "./useTimeLabelCollider-CIsgDrl9.js";
 import ao from "./img-CqYIrJ8I.js";
-import so from "./Title-D0nD-PMs.js";
-import { S as uo } from "./SlicerPreview-BF9QuD7E.js";
+import so from "./Title-B7pkWzTi.js";
+import { S as uo } from "./SlicerPreview-Dfih1r3H.js";
 import { _ as io } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { selector: { color: "#CCCCCC" }, grid: { stroke: "#5A5A5A", xAxis: { dataLabels: { color: "#CCCCCC" } }, yAxis: { dataLabels: { color: "#CCCCCC" } } }, wick: { stroke: "#5A5A5A", extremity: { color: "#5A5A5A" } }, candle: { stroke: "#1A1A1A" } }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Tt = { style: { backgroundColor: "#FFF8E1", color: "#424242", layout: { selector: { color: "#424242" }, grid: { stroke: "#5D4037", xAxis: { dataLabels: { color: "#424242" } }, yAxis: { dataLabels: { color: "#424242" } } }, wick: { stroke: "#5D4037", extremity: { color: "#5D4037" } }, candle: { stroke: "#FFF8E1", colors: { bullish: "#D32F2F", bearish: "#F57C00" }, gradient: { show: !1 } } }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Dt = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { selector: { color: "#FFF8E1" }, grid: { stroke: "#5D4037", xAxis: { dataLabels: { color: "#BDBDBD" } }, yAxis: { dataLabels: { color: "#BDBDBD" } } }, wick: { stroke: "#BDBDBD", extremity: { color: "#BDBDBD" } }, candle: { stroke: "#1E1E1E", colors: { bullish: "#D32F2F", bearish: "#F57C00" }, gradient: { show: !1 } } }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, It = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { selector: { color: "#7DA9B5" }, grid: { stroke: "#334C33", xAxis: { dataLabels: { color: "#99CC99" } }, yAxis: { dataLabels: { color: "#99CC99" } } }, wick: { stroke: "#334C33", extremity: { color: "#334C33" } }, candle: { stroke: "#1A1A1A", colors: { bullish: "#00FF00", bearish: "#334C33" }, gradient: { show: !1 } } }, zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Mt = { style: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { selector: { color: "#8F837A" }, grid: { stroke: "transparent", xAxis: { dataLabels: { color: "#8A9892" } }, yAxis: { dataLabels: { color: "#8A9892" } } }, wick: { stroke: "#D7E0D2", extremity: { shape: "circle", size: 2, color: "#C5B8A7" } }, candle: { stroke: "#fbfafa", colors: { bullish: "#A0AC94", bearish: "#C09E85" }, gradient: { show: !0 } } }, zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Bt = { style: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { selector: { color: "#7DA9B5" }, grid: { stroke: "#334C33", xAxis: { dataLabels: { color: "#61747E" } }, yAxis: { dataLabels: { color: "#61747E" } } }, wick: { stroke: "#61747E", extremity: { color: "#61747E" } }, candle: { stroke: "#1A1A1A", colors: { bullish: "#92B0AB", bearish: "#EFECEC" }, gradient: { show: !1 } } }, zoom: { color: "#92B0AB", highlightColor: "#50606C" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Et = {
   default: {},
@@ -31,7 +31,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
   default: Et,
   hack: It,
   zen: Mt
-}, Symbol.toStringTag, { value: "Module" })), no = ["id"], ro = ["xmlns", "aria-label", "viewBox"], co = ["x", "y", "width", "height"], vo = { key: 1 }, yo = ["id"], ho = ["stop-color"], mo = ["stop-color"], go = ["stop-color"], fo = ["id"], po = ["stop-color"], bo = ["stop-color"], xo = ["stop-color"], ko = { key: 0 }, wo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Co = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ao = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], $o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], _o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zo = ["x", "y", "font-size", "fill", "font-weight"], Lo = ["transform", "text-anchor", "font-size", "fill", "font-weight"], So = ["transform", "text-anchor", "font-size", "fill", "font-weight"], To = ["x", "y", "width", "height", "fill", "rx"], Do = { key: 0 }, Io = ["cx", "cy", "r", "fill"], Mo = ["cx", "cy", "r", "fill"], Bo = { key: 1 }, Eo = ["x", "y", "width", "height", "rx", "fill"], Ro = ["x", "y", "width", "height", "fill", "rx"], Oo = ["x", "y", "height", "width", "fill", "rx"], Po = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], No = ["d", "stroke"], Vo = ["x", "y", "height", "width", "fill", "onMouseover", "onMouseleave", "onClick"], Uo = ["data-start", "data-end"], Wo = {
+}, Symbol.toStringTag, { value: "Module" })), no = ["id"], ro = ["xmlns", "aria-label", "viewBox"], co = ["x", "y", "width", "height"], vo = { key: 1 }, yo = ["id"], ho = ["stop-color"], mo = ["stop-color"], po = ["stop-color"], go = ["id"], fo = ["stop-color"], bo = ["stop-color"], xo = ["stop-color"], ko = { key: 0 }, wo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Co = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ao = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], $o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], _o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zo = ["x", "y", "font-size", "fill", "font-weight"], Lo = ["transform", "text-anchor", "font-size", "fill", "font-weight"], So = ["transform", "text-anchor", "font-size", "fill", "font-weight"], To = ["x", "y", "width", "height", "fill", "rx"], Do = { key: 0 }, Io = ["cx", "cy", "r", "fill"], Mo = ["cx", "cy", "r", "fill"], Bo = { key: 1 }, Eo = ["x", "y", "width", "height", "rx", "fill"], Ro = ["x", "y", "width", "height", "fill", "rx"], Oo = ["x", "y", "height", "width", "fill", "rx"], Po = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], No = ["d", "stroke"], Vo = ["x", "y", "height", "width", "fill", "onMouseover", "onMouseleave", "onClick"], Uo = ["data-start", "data-end"], Wo = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Xo = ["d", "stroke"], jo = ["d", "stroke", "stroke-width"], Ho = ["innerHTML"], Go = {
@@ -56,8 +56,8 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
   },
   emits: ["selectX"],
   setup(Rt, { expose: Ot, emit: Pt }) {
-    const Nt = j(() => import("./BaseIcon-BrCxEtJt.js")), Vt = j(() => import("./Tooltip-D0pGX8qz.js")), Ut = j(() => import("./vue-ui-accordion-DNRtKVZI.js")), Wt = j(() => import("./DataTable-BfEbVwm4.js")), Xt = j(() => import("./PenAndPaper--ADXtx65.js")), jt = j(() => import("./UserOptions-Cy-iNhZU.js")), Ht = j(() => import("./PackageVersion-By5ZZJ0U.js")), Gt = j(() => import("./BaseDraggableDialog-BFDTrOH0.js")), { vue_ui_candlestick: qt } = Gl(), { isThemeValid: Yt, warnInvalidTheme: Jt } = eo(), f = Rt, Pe = Pt, pe = d(() => !!f.dataset && f.dataset.length), E = y(!1), be = y(null), M = y(El()), xe = y(!1), ke = y(""), R = y(void 0), Ne = y(0), O = y(null), Ve = y(null), Ue = y(null), Z = y(null), We = y(null), Xe = y(null), Kt = y(0), je = y(0), He = y(0), we = y(null), ee = y(null), te = y(null), Ce = y(null), Ge = y(null), e = y(_e()), { loading: P, FINAL_DATASET: k, manualLoading: Ae } = Yl({
-      ...Dl(f),
+    const Nt = j(() => import("./BaseIcon-rQpZbUMg.js")), Vt = j(() => import("./Tooltip-DpfUZbt7.js")), Ut = j(() => import("./vue-ui-accordion-Cy3d_0_S.js")), Wt = j(() => import("./DataTable-CRLvcC19.js")), Xt = j(() => import("./PenAndPaper-D6dHXPfu.js")), jt = j(() => import("./UserOptions-BlWCqtbi.js")), Ht = j(() => import("./PackageVersion-BiGAIrqC.js")), Gt = j(() => import("./BaseDraggableDialog-LQz9Nmbj.js")), { vue_ui_candlestick: qt } = Gl(), { isThemeValid: Yt, warnInvalidTheme: Jt } = eo(), g = Rt, Pe = Pt, fe = d(() => !!g.dataset && g.dataset.length), E = y(!1), be = y(null), M = y(El()), xe = y(!1), ke = y(""), R = y(void 0), Ne = y(0), O = y(null), Ve = y(null), Ue = y(null), Z = y(null), We = y(null), Xe = y(null), Kt = y(0), je = y(0), He = y(0), we = y(null), ee = y(null), te = y(null), Ce = y(null), Ge = y(null), e = y(_e()), { loading: P, FINAL_DATASET: k, manualLoading: Ae } = Yl({
+      ...Dl(g),
       FINAL_CONFIG: e,
       prepareConfig: _e,
       callback: () => {
@@ -135,7 +135,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
     }
     function _e() {
       const t = Oe({
-        userConfig: f.config,
+        userConfig: g.config,
         defaultConfig: qt
       });
       let o = {};
@@ -145,26 +145,26 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
           Jt(t), o = t;
         else {
           const a = Oe({
-            userConfig: Et[l] || f.config,
+            userConfig: Et[l] || g.config,
             defaultConfig: t
           });
           o = {
             ...Oe({
-              userConfig: f.config,
+              userConfig: g.config,
               defaultConfig: a
             })
           };
         }
       else
         o = t;
-      return f.config && ge(f.config, "style.zoom.startIndex") ? o.style.zoom.startIndex = f.config.style.zoom.startIndex : o.style.zoom.startIndex = null, f.config && ge(f.config, "style.zoom.endIndex") ? o.style.zoom.endIndex = f.config.style.zoom.endIndex : o.style.zoom.endIndex = null, f.config && ge(f.config, "style.layout.grid.yAxis.scale.min") ? o.style.layout.grid.yAxis.scale.min = f.config.style.layout.grid.yAxis.scale.min : o.style.layout.grid.yAxis.scale.min = null, f.config && ge(f.config, "style.layout.grid.yAxis.scale.max") ? o.style.layout.grid.yAxis.scale.max = f.config.style.layout.grid.yAxis.scale.max : o.style.layout.grid.yAxis.scale.max = null, o;
+      return g.config && pe(g.config, "style.zoom.startIndex") ? o.style.zoom.startIndex = g.config.style.zoom.startIndex : o.style.zoom.startIndex = null, g.config && pe(g.config, "style.zoom.endIndex") ? o.style.zoom.endIndex = g.config.style.zoom.endIndex : o.style.zoom.endIndex = null, g.config && pe(g.config, "style.layout.grid.yAxis.scale.min") ? o.style.layout.grid.yAxis.scale.min = g.config.style.layout.grid.yAxis.scale.min : o.style.layout.grid.yAxis.scale.min = null, g.config && pe(g.config, "style.layout.grid.yAxis.scale.max") ? o.style.layout.grid.yAxis.scale.max = g.config.style.layout.grid.yAxis.scale.max : o.style.layout.grid.yAxis.scale.max = null, o;
     }
-    se(() => f.config, (t) => {
+    se(() => g.config, (t) => {
       P.value || (e.value = _e()), $e.value = !e.value.userOptions.showOnChartHover, Je(), Kt.value += 1, He.value += 1, je.value += 1, L.value.showTable = e.value.table.show, L.value.showTooltip = e.value.style.tooltip.show, ne();
-    }, { deep: !0 }), se(() => f.dataset, (t) => {
+    }, { deep: !0 }), se(() => g.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (Ae.value = !1), vt();
     }, { deep: !0 });
-    const p = y({
+    const f = y({
       height: e.value.style.height,
       width: e.value.style.width,
       xAxisFontSize: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
@@ -175,11 +175,11 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
     });
     const G = d(() => !!e.value.debug);
     function Je() {
-      if (Ft(f.dataset) && (K({
+      if (Ft(g.dataset) && (K({
         componentName: "VueUiCandlestick",
         type: "dataset",
         debug: G.value
-      }), Ae.value = !0), Ft(f.dataset) || (Ae.value = e.value.loading), setTimeout(() => {
+      }), Ae.value = !0), Ft(g.dataset) || (Ae.value = e.value.loading), setTimeout(() => {
         E.value = !0;
       }, 10), e.value.responsive) {
         const o = zt(() => {
@@ -193,19 +193,19 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
             noTitle: Xe.value
           });
           requestAnimationFrame(() => {
-            p.value.width = l, p.value.height = a - 12, e.value.responsiveProportionalSizing ? (p.value.xAxisFontSize = _t({
+            f.value.width = l, f.value.height = a - 12, e.value.responsiveProportionalSizing ? (f.value.xAxisFontSize = _t({
               relator: Math.min(l, a),
               adjuster: e.value.style.width,
               source: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
               threshold: 6,
               fallback: 6
-            }), p.value.yAxisFontSize = _t({
+            }), f.value.yAxisFontSize = _t({
               relator: Math.min(l, a),
               adjuster: e.value.style.width,
               source: e.value.style.layout.grid.yAxis.dataLabels.fontSize,
               threshold: 6,
               fallback: 6
-            })) : (p.value.xAxisFontSize = e.value.style.layout.grid.xAxis.dataLabels.fontSize, p.value.yAxisFontSize = e.value.style.layout.grid.yAxis.dataLabels.fontSize), be.value && clearTimeout(be.value), be.value = setTimeout(() => {
+            })) : (f.value.xAxisFontSize = e.value.style.layout.grid.xAxis.dataLabels.fontSize, f.value.yAxisFontSize = e.value.style.layout.grid.yAxis.dataLabels.fontSize), be.value && clearTimeout(be.value), be.value = setTimeout(() => {
               E.value = !0;
             }, 10);
           });
@@ -239,7 +239,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
     });
     const tt = d(() => {
       let t = 0;
-      return ee.value && (t = ze.value + p.value.xAxisFontSize), t;
+      return ee.value && (t = ze.value + f.value.xAxisFontSize), t;
     });
     function ll() {
       let t = e.value.style.layout.grid.yAxis.dataLabels.offsetX;
@@ -252,11 +252,11 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
       const { top: t, right: o, bottom: l, left: a } = e.value.style.layout.padding, s = ll(), c = 12;
       return {
         top: t + c,
-        right: p.value.width - o,
+        right: f.value.width - o,
         left: a + s,
-        bottom: p.value.height - l - tt.value,
-        width: p.value.width - a - o - s,
-        height: p.value.height - t - l - tt.value - c
+        bottom: f.value.height - l - tt.value,
+        width: f.value.width - a - o - s,
+        height: f.value.height - t - l - tt.value - c
       };
     }), ol = d(() => {
       const { left: t, top: o, width: l, height: a } = n.value, s = r.value.start, w = r.value.end - s, S = l / w, _ = C.value.start - s, X = C.value.end - s, Y = Math.max(0, Math.min(w, _)), me = Math.max(0, Math.min(w, X));
@@ -479,8 +479,8 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
     function yl(t, o) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: o, seriesIndex: t + r.value.start }), R.value = void 0, xe.value = !1;
     }
-    se(() => f.selectedXIndex, (t) => {
-      if ([null, void 0].includes(f.selectedXIndex)) {
+    se(() => g.selectedXIndex, (t) => {
+      if ([null, void 0].includes(g.selectedXIndex)) {
         R.value = null;
         return;
       }
@@ -661,14 +661,14 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
     function mt() {
       L.value.showTable = !L.value.showTable;
     }
-    function gt() {
+    function pt() {
       L.value.showTooltip = !L.value.showTooltip;
     }
     const he = y(!1);
     function De() {
       he.value = !he.value;
     }
-    async function gl({ scale: t = 2 } = {}) {
+    async function pl({ scale: t = 2 } = {}) {
       if (!O.value) return;
       const { width: o, height: l } = O.value.getBoundingClientRect(), a = o / l, { imageUri: s, base64: c } = await ao({ domElement: O.value, base64: !0, img: !0, scale: t });
       return {
@@ -680,7 +680,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         aspectRatio: a
       };
     }
-    const fl = d(() => p.value.width), pl = d(() => p.value.height);
+    const gl = d(() => f.value.width), fl = d(() => f.value.height);
     oo({
       timeLabelsEls: ee,
       timeLabels: N,
@@ -690,8 +690,8 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
       autoRotatePath: ["style", "layout", "grid", "xAxis", "dataLabels", "autoRotate", "enable"],
       isAutoSize: !1,
       rotation: e.value.style.layout.grid.xAxis.dataLabels.autoRotate.angle,
-      width: fl,
-      height: pl
+      width: gl,
+      height: fl
     }), se(e, () => {
       L.value = {
         showTable: e.value.table.show,
@@ -731,7 +731,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
     se(() => L.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && te.value ? te.value.open() : "close" in te.value && te.value.close());
     });
-    function ft() {
+    function gt() {
       L.value.showTable = !1, Ce.value && Ce.value.setTableIconState(!1);
     }
     const bl = d(() => e.value.style.backgroundColor), xl = d(() => e.value.style.title), { exportSvg: kl, getSvg: wl } = Zl({
@@ -739,7 +739,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
       title: xl,
       backgroundColor: bl
     });
-    async function pt({ isCb: t }) {
+    async function ft({ isCb: t }) {
       if (t) {
         const { blob: o, url: l, text: a, dataUrl: s } = await wl();
         e.value.userOptions.callbacks.svg({ blob: o, url: l, text: a, dataUrl: s });
@@ -766,13 +766,13 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
       });
     }
     return Ot({
-      getImage: gl,
+      getImage: pl,
       generatePdf: Ze,
       generateCsv: Te,
       generateImage: et,
-      generateSvg: pt,
+      generateSvg: ft,
       toggleTable: mt,
-      toggleTooltip: gt,
+      toggleTooltip: pt,
       toggleAnnotator: De,
       toggleFullscreen: ht
     }), (t, o) => (u(), i("div", {
@@ -839,7 +839,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
           }
         }, null, 8, ["config"]))
       ], 512)) : m("", !0),
-      e.value.userOptions.show && pe.value && (h(Ye) || h($e)) ? (u(), J(h(jt), {
+      e.value.userOptions.show && fe.value && (h(Ye) || h($e)) ? (u(), J(h(jt), {
         ref_key: "userOptionsRef",
         ref: Ce,
         key: `user_options_${Ne.value}`,
@@ -869,9 +869,9 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         onGeneratePdf: h(Ze),
         onGenerateCsv: Te,
         onGenerateImage: h(et),
-        onGenerateSvg: pt,
+        onGenerateSvg: ft,
         onToggleTable: mt,
-        onToggleTooltip: gt,
+        onToggleTooltip: pt,
         onToggleAnnotator: De,
         style: ue({
           visibility: h(Ye) ? h($e) ? "visible" : "hidden" : "visible"
@@ -947,7 +947,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         xmlns: h(Nl),
         "aria-label": e.value.style.title.text || "candlestick chart",
         class: V({ "vue-data-ui-fullscreen--on": q.value, "vue-data-ui-fulscreen--off": !q.value }),
-        viewBox: `0 0 ${p.value.width <= 0 ? 10 : p.value.width} ${p.value.height <= 0 ? 10 : p.value.height}`,
+        viewBox: `0 0 ${f.value.width <= 0 ? 10 : f.value.width} ${f.value.height <= 0 ? 10 : f.value.height}`,
         style: ue(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
       }, [
         Re(h(Ht)),
@@ -964,46 +964,46 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
           x(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, co)) : m("", !0),
         $.value.length > 0 ? (u(), i("g", vo, [
-          g("defs", null, [
-            g("linearGradient", {
+          p("defs", null, [
+            p("linearGradient", {
               id: `bearish_gradient_${M.value}`,
               x2: "0%",
               y2: "100%"
             }, [
-              g("stop", {
+              p("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.candle.colors.bearish
               }, null, 8, ho),
-              g("stop", {
+              p("stop", {
                 offset: "50%",
-                "stop-color": `${h(fe)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
+                "stop-color": `${h(ge)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
               }, null, 8, mo),
-              g("stop", {
+              p("stop", {
                 offset: "100%",
-                "stop-color": `${h(fe)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
-              }, null, 8, go)
+                "stop-color": `${h(ge)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
+              }, null, 8, po)
             ], 8, yo),
-            g("linearGradient", {
+            p("linearGradient", {
               id: `bullish_gradient_${M.value}`,
               x2: "0%",
               y2: "100%"
             }, [
-              g("stop", {
+              p("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.candle.colors.bullish
-              }, null, 8, po),
-              g("stop", {
+              }, null, 8, fo),
+              p("stop", {
                 offset: "50%",
-                "stop-color": `${h(fe)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
+                "stop-color": `${h(ge)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
               }, null, 8, bo),
-              g("stop", {
+              p("stop", {
                 offset: "100%",
-                "stop-color": `${h(fe)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
+                "stop-color": `${h(ge)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
               }, null, 8, xo)
-            ], 8, fo)
+            ], 8, go)
           ]),
           e.value.style.layout.grid.show ? (u(), i("g", ko, [
-            g("line", {
+            p("line", {
               x1: n.value.left,
               x2: n.value.left,
               y1: n.value.top,
@@ -1012,7 +1012,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
               "stroke-width": e.value.style.layout.grid.strokeWidth,
               "stroke-linecap": "round"
             }, null, 8, wo),
-            g("line", {
+            p("line", {
               x1: n.value.left,
               x2: n.value.right,
               y1: n.value.bottom,
@@ -1076,8 +1076,8 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
               l.value >= B.value.min && l.value <= B.value.max ? (u(), i("text", {
                 key: 1,
                 x: n.value.left - 8 + e.value.style.layout.grid.yAxis.dataLabels.offsetX,
-                y: l.y + p.value.yAxisFontSize / 3,
-                "font-size": p.value.yAxisFontSize,
+                y: l.y + f.value.yAxisFontSize / 3,
+                "font-size": f.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"
@@ -1095,11 +1095,11 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
             ref: ee
           }, [
             (u(!0), i(z, null, I(nl.value, (l, a) => (u(), i("g", null, [
-              g("text", {
+              p("text", {
                 class: "vue-data-ui-time-label",
-                transform: `translate(${n.value.left + v.value * a + v.value / 2}, ${n.value.bottom + p.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
+                transform: `translate(${n.value.left + v.value * a + v.value / 2}, ${n.value.bottom + f.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": p.value.xAxisFontSize,
+                "font-size": f.value.xAxisFontSize,
                 fill: e.value.style.layout.grid.xAxis.dataLabels.color,
                 "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
               }, ie(l), 9, Lo)
@@ -1111,20 +1111,20 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
             ref: ee
           }, [
             (u(!0), i(z, null, I(Le.value, (l, a) => (u(), i("g", null, [
-              g("text", {
+              p("text", {
                 class: "vue-data-ui-time-label",
-                transform: `translate(${n.value.left + v.value * a + v.value / 2}, ${n.value.bottom + p.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
+                transform: `translate(${n.value.left + v.value * a + v.value / 2}, ${n.value.bottom + f.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": p.value.xAxisFontSize,
+                "font-size": f.value.xAxisFontSize,
                 fill: e.value.style.layout.grid.xAxis.dataLabels.color,
                 "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
               }, ie(l.text), 9, So)
             ]))), 256))
           ], 512)) : m("", !0),
           e.value.type === "candlestick" ? (u(), i(z, { key: 4 }, [
-            g("g", null, [
+            p("g", null, [
               (u(!0), i(z, null, I($.value, (l, a) => (u(), i("g", null, [
-                g("rect", {
+                p("rect", {
                   x: l.open.x - e.value.style.layout.wick.strokeWidth / 2,
                   y: l.high.y,
                   width: e.value.style.layout.wick.strokeWidth,
@@ -1135,14 +1135,14 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
                   class: V({ "vue-data-ui-transition": E.value && !h(P) })
                 }, null, 10, To),
                 e.value.style.layout.wick.extremity.shape === "circle" ? (u(), i("g", Do, [
-                  g("circle", {
+                  p("circle", {
                     cx: l.high.x,
                     cy: l.high.y,
                     r: e.value.style.layout.wick.extremity.size === "auto" ? v.value / 20 : e.value.style.layout.wick.extremity.size,
                     fill: e.value.style.layout.wick.extremity.color,
                     class: V({ "vue-data-ui-transition": E.value && !h(P) })
                   }, null, 10, Io),
-                  g("circle", {
+                  p("circle", {
                     cx: l.low.x,
                     cy: l.low.y,
                     r: e.value.style.layout.wick.extremity.size === "auto" ? v.value / 20 : e.value.style.layout.wick.extremity.size,
@@ -1151,7 +1151,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
                   }, null, 10, Mo)
                 ])) : m("", !0),
                 e.value.style.layout.wick.extremity.shape === "line" ? (u(), i("g", Bo, [
-                  g("rect", {
+                  p("rect", {
                     x: l.high.x - (e.value.style.layout.wick.extremity.size === "auto" ? v.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" ? v.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" ? v.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2)),
@@ -1161,7 +1161,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
                     stroke: "none",
                     class: V({ "vue-data-ui-transition": E.value && !h(P) })
                   }, null, 10, Eo),
-                  g("rect", {
+                  p("rect", {
                     x: l.low.x - (e.value.style.layout.wick.extremity.size === "auto" ? v.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" ? v.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" ? v.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2)),
@@ -1174,7 +1174,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
                 ])) : m("", !0)
               ]))), 256))
             ]),
-            g("g", null, [
+            p("g", null, [
               (u(!0), i(z, null, I($.value, (l, a) => (u(), i("rect", {
                 x: l.open.x - v.value / 2 + v.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
                 y: l.isBullish ? l.close.y : l.open.y,
@@ -1201,13 +1201,13 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
             ])
           ], 64)) : m("", !0),
           e.value.type === "ohlc" ? (u(!0), i(z, { key: 5 }, I($.value, (l, a) => (u(), i("g", null, [
-            g("path", {
+            p("path", {
               d: `M ${l.high.x},${l.high.y} ${l.low.x},${l.low.y} M${l.open.x - Math.min(6, v.value / 3)},${l.open.y} ${l.open.x},${l.open.y} M${l.close.x},${l.close.y} ${l.close.x + Math.min(6, v.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, No)
           ]))), 256)) : m("", !0),
-          g("g", null, [
+          p("g", null, [
             (u(!0), i(z, null, I($.value, (l, a) => (u(), i("rect", {
               x: n.value.left + a * v.value,
               y: n.value.top,
@@ -1226,7 +1226,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         }), null, 16, Uo)) : m("", !0),
         x(t.$slots, "svg", {
           svg: {
-            ...p.value,
+            ...f.value,
             data: $.value,
             drawingArea: n.value
           }
@@ -1235,7 +1235,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
       t.$slots.watermark ? (u(), i("div", Wo, [
         x(t.$slots, "watermark", T(D({ isPrinting: h(Ke) || h(Qe) })), void 0, !0)
       ])) : m("", !0),
-      e.value.style.zoom.show && A.value > 6 && pe.value && dt.value ? (u(), J(uo, {
+      e.value.style.zoom.show && A.value > 6 && fe.value && dt.value ? (u(), J(uo, {
         key: 5,
         ref_key: "chartSlicer",
         ref: Z,
@@ -1292,7 +1292,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         ]),
         slotMap: b(({ height: l, unitW: a }) => [
           (u(!0), i(z, null, I(sl.value({ minimapH: l, unitW: a }), (s, c) => (u(), i("g", null, [
-            g("path", {
+            p("path", {
               d: `M ${s.high.x},${s.high.y} ${s.low.x},${s.low.y}`,
               stroke: s.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish,
               "stroke-width": 1,
@@ -1300,7 +1300,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
                 opacity: c >= C.value.start && c <= C.value.end ? 1 : 0.6
               })
             }, null, 12, Xo),
-            g("path", {
+            p("path", {
               d: `M ${s.open.x},${s.open.y} ${s.close.x},${s.close.y}`,
               stroke: s.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish,
               "stroke-width": Math.min(6, a / 1.5),
@@ -1312,7 +1312,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         ]),
         _: 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"])) : m("", !0),
-      g("div", {
+      p("div", {
         ref_key: "chartLegend",
         ref: Ue
       }, [
@@ -1327,6 +1327,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         x(t.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0),
       Re(h(Vt), {
+        teleportTo: e.value.style.tooltip.teleportTo,
         show: L.value.showTooltip && xe.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
@@ -1353,11 +1354,11 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
           x(t.$slots, "tooltip-after", T(D({ ...Se.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      pe.value && e.value.userOptions.buttons.table ? (u(), J(Bl(ae.value.component), At({ key: 7 }, ae.value.props, {
+      }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      fe.value && e.value.userOptions.buttons.table ? (u(), J(Bl(ae.value.component), At({ key: 7 }, ae.value.props, {
         ref_key: "tableUnit",
         ref: te,
-        onClose: ft
+        onClose: gt
       }), Ct({
         content: b(() => [
           (u(), J(h(Wt), {
@@ -1368,13 +1369,13 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
             config: ye.value.config,
             title: e.value.table.useDialog ? "" : ae.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: ft
+            onClose: gt
           }, {
             th: b(({ th: l }) => [
               $t(ie(l), 1)
             ]),
             td: b(({ td: l }) => [
-              g("div", { innerHTML: l }, null, 8, Ho)
+              p("div", { innerHTML: l }, null, 8, Ho)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1391,7 +1392,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         e.value.table.useDialog ? {
           name: "actions",
           fn: b(() => [
-            g("button", {
+            p("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: o[2] || (o[2] = (l) => Te(e.value.userOptions.callbacks.csv))
@@ -1408,7 +1409,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
       h(P) ? (u(), J(Jl, { key: 8 })) : m("", !0)
     ], 46, no));
   }
-}, qo = /* @__PURE__ */ io(Go, [["__scopeId", "data-v-7a605f29"]]), da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qo = /* @__PURE__ */ io(Go, [["__scopeId", "data-v-af94779c"]]), da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: qo
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/{vue-ui-carousel-table-DML9r769.js → vue-ui-carousel-table-eqx_-juF.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as ce, ref as n, useSlots as Re, onMounted as w, computed as P, watch as N, onBeforeUnmount as G, shallowRef as ze, nextTick as fe, createElementBlock as p, openBlock as r, unref as u, createElementVNode as U, createBlock as he, createCommentVNode as R, normalizeClass as Ee, normalizeStyle as h, createTextVNode as D, renderSlot as d, toDisplayString as X, Fragment as j, renderList as J, mergeProps as ge, createSlots as He, withCtx as T, normalizeProps as me, guardReactiveProps as be } from "vue";
-import { u as Ne, a as Ue } from "./useNestedProp-DaR1dBmj.js";
+import { u as Ne, a as Ue } from "./useNestedProp-gqRzbKJy.js";
 import { c as Ve, o as K, g as Q, s as Me, v as Le, r as qe } from "./lib-2iaAPQ_c.js";
 import { u as Ge } from "./usePrinter-ChVMpU2f.js";
 import { u as De } from "./useUserOptionState-BIvW1Kz7.js";
@@ -25,7 +25,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     }
   },
   setup(k, { expose: ye }) {
-    const Ce = ce(() => import("./vue-ui-skeleton-B-Xjf23P.js")), $e = ce(() => import("./UserOptions-Cy-iNhZU.js")), { vue_ui_carousel_table: Te } = Ne(), i = k, V = n(Ve()), W = n(!1), O = n(!!i.dataset), ke = Re();
+    const Ce = ce(() => import("./vue-ui-skeleton-C8-nUbeq.js")), $e = ce(() => import("./UserOptions-BlWCqtbi.js")), { vue_ui_carousel_table: Te } = Ne(), i = k, V = n(Ve()), W = n(!1), O = n(!!i.dataset), ke = Re();
     w(() => {
       Y();
     }), w(() => {