vue-data-ui 3.1.4 → 3.1.6

package/dist/{vue-ui-candlestick-CCrNcgjy.js → vue-ui-candlestick-vMGbmNWA.js}

@@ -1,18 +1,18 @@
-import { defineAsyncComponent as F, computed as g, ref as r, toRefs as Vt, watch as te, shallowRef as Ke, onMounted as Mt, onBeforeUnmount as Qe, watchEffect as Ut, nextTick as we, createElementBlock as i, openBlock as s, unref as u, normalizeStyle as Ae, normalizeClass as L, createBlock as D, createCommentVNode as p, createElementVNode as y, createVNode as Ce, createSlots as Ze, withCtx as b, renderSlot as m, normalizeProps as B, guardReactiveProps as E, Fragment as V, renderList as M, toDisplayString as Y, resolveDynamicComponent as Wt, mergeProps as Ht, createTextVNode as et } from "vue";
-import { u as Gt, c as Xt, t as jt, b as Yt, C as le, o as tt, f as U, D as qt, h as q, i as T, X as Jt, x as ae, s as Kt, E as lt, v as Qt, w as Zt, y as el, z as tl } from "./index-INqbM37s.js";
+import { defineAsyncComponent as F, computed as p, ref as r, toRefs as Vt, watch as te, shallowRef as Ke, onMounted as Mt, onBeforeUnmount as Qe, watchEffect as Ut, nextTick as we, createElementBlock as i, openBlock as s, unref as u, normalizeStyle as Ae, normalizeClass as T, createBlock as D, createCommentVNode as g, createElementVNode as y, createVNode as Ce, createSlots as Ze, withCtx as b, renderSlot as m, normalizeProps as B, guardReactiveProps as E, Fragment as V, renderList as M, toDisplayString as Y, resolveDynamicComponent as Wt, mergeProps as Ht, createTextVNode as et } from "vue";
+import { u as Gt, c as Xt, t as jt, b as Yt, C as le, o as tt, f as U, D as qt, h as q, i as L, X as Jt, x as ae, s as Kt, E as lt, v as Qt, w as Zt, y as el, z as tl } from "./index-C0wrF8hm.js";
 import { t as at, u as ll } from "./useResponsive-DfdjqQps.js";
-import { u as al } from "./usePrinter-9WO5mDzj.js";
+import { u as al } from "./usePrinter-C2jvouU0.js";
 import { u as ol, B as sl } from "./BaseScanner-BgWxam9d.js";
-import { u as ot } from "./useNestedProp-BKprMEaB.js";
+import { u as ot } from "./useNestedProp-Bg2FlIgI.js";
 import { u as ul } from "./useTimeLabels-BGFjWgrv.js";
 import { u as il } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as nl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as rl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import vl from "./img-Bl0o2UAr.js";
-import dl from "./Title-nHtPyPd9.js";
-import { S as cl } from "./Slicer-Cmc94zkG.js";
+import vl from "./img-DLgjML7h.js";
+import dl from "./Title-DbQthJAs.js";
+import { S as cl } from "./Slicer-DoGlWyq_.js";
 import { _ as yl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "width", "height"], pl = { key: 1 }, bl = ["id"], ml = ["stop-color"], xl = ["stop-color"], kl = ["stop-color"], wl = ["id"], Al = ["stop-color"], Cl = ["stop-color"], _l = ["stop-color"], $l = { key: 0 }, zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tl = ["x", "y", "font-size", "fill", "font-weight"], Il = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Fl = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Rl = ["x", "y", "width", "height", "fill", "rx"], Ol = { key: 0 }, Pl = ["cx", "cy", "r", "fill"], Nl = ["cx", "cy", "r", "fill"], Dl = { key: 1 }, Bl = ["x", "y", "width", "height", "rx", "fill"], El = ["x", "y", "width", "height", "fill", "rx"], Vl = ["x", "y", "height", "width", "fill", "rx"], Ml = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Ul = ["x", "y", "height", "width", "fill", "onMouseover", "onMouseleave", "onClick"], Wl = {
+const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], pl = ["x", "y", "width", "height"], gl = { key: 1 }, bl = ["id"], ml = ["stop-color"], xl = ["stop-color"], kl = ["stop-color"], wl = ["id"], Al = ["stop-color"], Cl = ["stop-color"], _l = ["stop-color"], $l = { key: 0 }, zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ll = ["x", "y", "font-size", "fill", "font-weight"], Il = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Fl = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Rl = ["x", "y", "width", "height", "fill", "rx"], Ol = { key: 0 }, Pl = ["cx", "cy", "r", "fill"], Nl = ["cx", "cy", "r", "fill"], Dl = { key: 1 }, Bl = ["x", "y", "width", "height", "rx", "fill"], El = ["x", "y", "width", "height", "fill", "rx"], Vl = ["x", "y", "height", "width", "fill", "rx"], Ml = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Ul = ["x", "y", "height", "width", "fill", "onMouseover", "onMouseleave", "onClick"], Wl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Hl = ["innerHTML"], Gl = {
@@ -32,13 +32,13 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
     }
   },
   setup(st, { expose: ut }) {
-    const it = F(() => import("./BaseIcon-B5nQNkmd.js")), nt = F(() => import("./Tooltip-RCWHeRDV.js")), rt = F(() => import("./vue-ui-accordion-CQZjxT5U.js")), vt = F(() => import("./DataTable-CzO3oHys.js")), dt = F(() => import("./PenAndPaper-C8hICPzL.js")), ct = F(() => import("./UserOptions-D3pVnvAB.js")), yt = F(() => import("./PackageVersion-7CxQB-mx.js")), ht = F(() => import("./BaseDraggableDialog-BdAp3qr9.js")), { vue_ui_candlestick: ft } = Gt(), h = st, oe = g(() => !!h.dataset && h.dataset.length), $ = r(!1), se = r(null), A = r(Xt()), ue = r(!1), ie = r(""), ne = r(void 0), _e = r(0), z = r(null), $e = r(null), ze = r(null), Se = r(null), Le = r(null), Te = r(null), J = r(0), Ie = r(0), Fe = r(0), re = r(null), H = r(null), G = r(null), ve = r(null), e = r(ye()), { loading: S, FINAL_DATASET: C, manualLoading: de } = ol({
+    const it = F(() => import("./BaseIcon-D_BjQBAR.js")), nt = F(() => import("./Tooltip-DvtYLrX2.js")), rt = F(() => import("./vue-ui-accordion-3JuSLBjV.js")), vt = F(() => import("./DataTable-IycMkaTU.js")), dt = F(() => import("./PenAndPaper-BdzDJYnr.js")), ct = F(() => import("./UserOptions-Dd5XOrwq.js")), yt = F(() => import("./PackageVersion-BtfT0hV9.js")), ht = F(() => import("./BaseDraggableDialog-BVZPPMT9.js")), { vue_ui_candlestick: ft } = Gt(), h = st, oe = p(() => !!h.dataset && h.dataset.length), $ = r(!1), se = r(null), A = r(Xt()), ue = r(!1), ie = r(""), ne = r(void 0), _e = r(0), z = r(null), $e = r(null), ze = r(null), Se = r(null), Te = r(null), Le = r(null), J = r(0), Ie = r(0), Fe = r(0), re = r(null), H = r(null), G = r(null), ve = r(null), e = r(ye()), { loading: S, FINAL_DATASET: C, manualLoading: de } = ol({
       ...Vt(h),
       FINAL_CONFIG: e,
       prepareConfig: ye,
       callback: () => {
         Promise.resolve().then(async () => {
-          await pe();
+          await ge();
         });
       },
       skeletonDataset: [
@@ -124,7 +124,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
     Mt(() => {
       Ne();
     });
-    const R = g(() => !!e.value.debug);
+    const R = p(() => !!e.value.debug);
     function Ne() {
       if (tt(h.dataset) && (U({
         componentName: "VueUiCandlestick",
@@ -140,8 +140,8 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
             title: e.value.style.title.text ? $e.value : null,
             slicer: Se.value,
             legend: ze.value,
-            source: Le.value,
-            noTitle: Te.value
+            source: Te.value,
+            noTitle: Le.value
           });
           requestAnimationFrame(() => {
             c.value.width = l, c.value.height = o - 12, e.value.responsiveProportionalSizing ? (c.value.xAxisFontSize = lt({
@@ -163,7 +163,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         });
         I.value && (W.value && I.value.unobserve(W.value), I.value.disconnect()), I.value = new ResizeObserver(a), W.value = z.value.parentNode, I.value.observe(W.value);
       }
-      pe();
+      ge();
     }
     Qe(() => {
       I.value && (W.value && I.value.unobserve(W.value), I.value.disconnect());
@@ -172,23 +172,23 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
       elementId: `vue-ui-candlestick_${A.value}`,
       fileName: e.value.style.title.text || "vue-ui-candlestick",
       options: e.value.userOptions.print
-    }), gt = g(() => e.value.userOptions.show && !e.value.style.title.text), k = r({
+    }), pt = p(() => e.value.userOptions.show && !e.value.style.title.text), k = r({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
-    }), he = r(0), pt = at((t) => {
+    }), he = r(0), gt = at((t) => {
       he.value = t;
     }, 100);
     Ut((t) => {
       const a = H.value;
       if (!a) return;
       const l = new ResizeObserver((o) => {
-        pt(o[0].contentRect.height);
+        gt(o[0].contentRect.height);
       });
       l.observe(a), t(() => l.disconnect());
     }), Qe(() => {
       he.value = 0;
     });
-    const Me = g(() => {
+    const Me = p(() => {
       let t = 0;
       return H.value && (t = he.value + c.value.xAxisFontSize), t;
     });
@@ -199,7 +199,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         return f > o ? f : o;
       }, 0)), t + 13;
     }
-    const n = g(() => {
+    const n = p(() => {
       const { top: t, right: a, bottom: l, left: o } = e.value.style.layout.padding, x = bt(), f = 12;
       return {
         top: t + f,
@@ -209,13 +209,13 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         width: c.value.width - o - a - x,
         height: c.value.height - t - l - Me.value - f
       };
-    }), X = g(() => C.value.length), v = r({
+    }), X = p(() => C.value.length), v = r({
       start: 0,
       end: X.value
-    }), Ue = g(() => C.value.map((t, a) => ({
+    }), Ue = p(() => C.value.map((t, a) => ({
       ...t,
       absoluteIndex: a
-    })).slice(v.value.start, v.value.end)), fe = g(() => (C.value.forEach((t, a) => {
+    })).slice(v.value.start, v.value.end)), fe = p(() => (C.value.forEach((t, a) => {
       [null, void 0].includes(t[0]) && U({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
@@ -261,13 +261,13 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
       low: t[3],
       last: t[4],
       volume: t[5]
-    })))), d = g(() => n.value.width / Ue.value.length), We = g(() => {
+    })))), d = p(() => n.value.width / Ue.value.length), We = p(() => {
       const t = e.value.style.layout.grid.yAxis.scale.max === null ? Math.max(...fe.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
       };
-    }), _ = g(() => qt(We.value.min, We.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
+    }), _ = p(() => qt(We.value.min, We.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
     function K(t, a) {
       return {
         ...t,
@@ -276,7 +276,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         value: q(t)
       };
     }
-    const w = g(() => fe.value.map((t, a) => {
+    const w = p(() => fe.value.map((t, a) => {
       const l = K(t.open, a), o = K(t.high, a), x = K(t.low, a), f = K(t.last, a), N = t.last > t.open;
       return {
         period: t.period,
@@ -292,22 +292,22 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
     function mt(t) {
       return q((t - _.value.min) / (_.value.max - _.value.min));
     }
-    const xt = g(() => _.value.ticks.map((t) => ({
+    const xt = p(() => _.value.ticks.map((t) => ({
       y: n.value.bottom - n.value.height * mt(t),
       value: q(t)
-    }))), kt = g(() => fe.value.map((t) => t.period)), O = g(() => ul({
+    }))), kt = p(() => fe.value.map((t) => t.period)), O = p(() => ul({
       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 = g(() => e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? {
+    })), He = p(() => 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]
-    }), ge = r(null);
+    }), pe = r(null);
     function wt(t, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: a, seriesIndex: t + v.value.start });
     }
@@ -315,7 +315,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: t + v.value.start }), ne.value = void 0, ue.value = !1;
     }
     function Ct(t, a) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: a, seriesIndex: t + v.value.start }), ne.value = t, ge.value = {
+      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,
@@ -336,31 +336,31 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         });
       else if (e.value.style.tooltip.show) {
         let o = "";
-        const { period: x, open: f, high: N, low: xe, last: ke, volume: ee, isBullish: Je } = w.value[t], { period: Xl, open: Tt, high: It, low: Ft, last: Rt, volume: Ot } = e.value.translations, Pt = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? O.value[t].text : x;
+        const { period: x, open: f, high: N, low: xe, last: ke, volume: ee, isBullish: Je } = w.value[t], { period: Xl, open: Lt, high: It, low: Ft, last: Rt, volume: Ot } = e.value.translations, Pt = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? O.value[t].text : x;
         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 ? Je ? `url(#bullish_gradient_${A.value})` : `url(#bearish_gradient_${A.value})` : Je ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${Pt}</div>`, o += `${Ot} : <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 Nt = T({
+        const Nt = L({
           p: e.value.style.tooltip.prefix,
           v: f.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         });
-        o += `<div>${Tt}: <b>${Nt}</b></div>`;
-        const Dt = T({
+        o += `<div>${Lt}: <b>${Nt}</b></div>`;
+        const Dt = L({
           p: e.value.style.tooltip.prefix,
           v: N.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         });
         o += `<div>${It}: <b>${Dt}</b></div>`;
-        const Bt = T({
+        const Bt = L({
           p: e.value.style.tooltip.prefix,
           v: xe.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         });
         o += `<div>${Ft}: <b>${Bt}</b></div>`;
-        const Et = T({
+        const Et = L({
           p: e.value.style.tooltip.prefix,
           v: ke.value,
           s: e.value.style.tooltip.suffix,
@@ -371,10 +371,10 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
       ue.value = !0;
     }
     function _t() {
-      pe();
+      ge();
     }
     const Ge = r(null);
-    async function pe() {
+    async function ge() {
       await we(), await we();
       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);
@@ -396,24 +396,24 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         t ? t(x) : Zt({ csvContent: x, title: e.value.style.title.text || "vue-ui-candlestick" });
       });
     }
-    const Q = g(() => {
+    const Q = p(() => {
       const t = w.value.map((o, x) => {
-        const f = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? O.value[x].text : o.period, N = T({
+        const f = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? O.value[x].text : o.period, N = L({
           p: e.value.table.td.prefix,
           v: o.open.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), xe = T({
+        }), xe = L({
           p: e.value.table.td.prefix,
           v: o.high.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), ke = T({
+        }), ke = L({
           p: e.value.table.td.prefix,
           v: o.low.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), ee = T({
+        }), ee = L({
           p: e.value.table.td.prefix,
           v: o.last.value,
           s: e.value.table.td.suffix,
@@ -474,7 +474,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         aspectRatio: o
       };
     }
-    const St = g(() => c.value.width), Lt = g(() => c.value.height);
+    const St = p(() => c.value.width), Tt = p(() => c.value.height);
     rl({
       timeLabelsEls: H,
       timeLabels: O,
@@ -485,14 +485,14 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
       isAutoSize: !1,
       rotation: e.value.style.layout.grid.xAxis.dataLabels.autoRotate.angle,
       width: St,
-      height: Lt
+      height: Tt
     }), te(e, () => {
       k.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const j = g(() => {
+    const j = p(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = k.value.showTable;
       return {
         component: t ? ht : rt,
@@ -540,7 +540,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
     }), (t, a) => (s(), i("div", {
       ref_key: "candlestickChart",
       ref: z,
-      class: L(`vue-ui-candlestick ${P.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: T(`vue-ui-candlestick ${P.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: Ae(`position:relative;font-family:${e.value.style.fontFamily}; text-align:center;background:${e.value.style.backgroundColor}; ${e.value.responsive ? "height: 100%" : ""}`),
       id: `vue-ui-candlestick_${A.value}`,
       onMouseenter: a[3] || (a[3] = () => u(Re)(!0)),
@@ -553,14 +553,14 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         color: e.value.style.color,
         active: Z.value,
         onClose: me
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
-      gt.value ? (s(), i("div", {
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
+      pt.value ? (s(), i("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Te,
+        ref: Le,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : p("", !0),
+      }, null, 512)) : g("", !0),
       e.value.style.title.text ? (s(), i("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -580,7 +580,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : p("", !0),
+      ], 512)) : g("", !0),
       e.value.userOptions.show && oe.value && (u(Oe) || u(ce)) ? (s(), D(u(ct), {
         ref_key: "userOptionsRef",
         ref: ve,
@@ -673,13 +673,13 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
       (s(), i("svg", {
         ref_key: "svgRef",
         ref: Pe,
         xmlns: u(Jt),
         "aria-label": e.value.style.title.text || "candlestick chart",
-        class: L({ "vue-data-ui-fullscreen--on": P.value, "vue-data-ui-fulscreen--off": !P.value }),
+        class: T({ "vue-data-ui-fullscreen--on": P.value, "vue-data-ui-fulscreen--off": !P.value }),
         viewBox: `0 0 ${c.value.width <= 0 ? 10 : c.value.width} ${c.value.height <= 0 ? 10 : c.value.height}`,
         style: Ae(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
       }, [
@@ -695,8 +695,8 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
           }
         }, [
           m(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, gl)) : p("", !0),
-        w.value.length > 0 ? (s(), i("g", pl, [
+        ], 8, pl)) : g("", !0),
+        w.value.length > 0 ? (s(), i("g", gl, [
           y("defs", null, [
             y("linearGradient", {
               id: `bearish_gradient_${A.value}`,
@@ -754,7 +754,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
               "stroke-width": e.value.style.layout.grid.strokeWidth,
               "stroke-linecap": "round"
             }, null, 8, Sl)
-          ])) : p("", !0),
+          ])) : g("", !0),
           e.value.style.layout.grid.yAxis.dataLabels.show ? (s(), i("g", {
             key: 1,
             ref_key: "scaleLabels",
@@ -770,7 +770,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
                 stroke: e.value.style.layout.grid.stroke,
                 "stroke-width": e.value.style.layout.grid.strokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Ll)) : p("", !0),
+              }, null, 8, Tl)) : g("", !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,
@@ -779,14 +779,14 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
                 "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(T)({
+              }, 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, Tl)) : p("", !0)
+              })), 9, Ll)) : g("", !0)
             ]))), 256))
-          ], 512)) : p("", !0),
+          ], 512)) : g("", !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",
@@ -802,7 +802,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
                 "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
               }, Y(l), 9, Il)
             ]))), 256))
-          ], 512)) : p("", !0),
+          ], 512)) : g("", !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",
@@ -818,7 +818,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
                 "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
               }, Y(l.text), 9, Fl)
             ]))), 256))
-          ], 512)) : p("", !0),
+          ], 512)) : g("", !0),
           y("g", null, [
             (s(!0), i(V, null, M(w.value, (l, o) => (s(), i("g", null, [
               y("rect", {
@@ -829,7 +829,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
                 fill: e.value.style.layout.wick.stroke,
                 stroke: "none",
                 rx: e.value.style.layout.wick.strokeWidth / 2,
-                class: L({ "vue-data-ui-transition": $.value && !u(S) })
+                class: T({ "vue-data-ui-transition": $.value && !u(S) })
               }, null, 10, Rl),
               e.value.style.layout.wick.extremity.shape === "circle" ? (s(), i("g", Ol, [
                 y("circle", {
@@ -837,16 +837,16 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
                   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: L({ "vue-data-ui-transition": $.value && !u(S) })
+                  class: T({ "vue-data-ui-transition": $.value && !u(S) })
                 }, null, 10, Pl),
                 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: L({ "vue-data-ui-transition": $.value && !u(S) })
+                  class: T({ "vue-data-ui-transition": $.value && !u(S) })
                 }, null, 10, Nl)
-              ])) : p("", !0),
+              ])) : g("", !0),
               e.value.style.layout.wick.extremity.shape === "line" ? (s(), i("g", Dl, [
                 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,
@@ -856,7 +856,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
                   rx: e.value.style.layout.wick.strokeWidth / 2,
                   fill: e.value.style.layout.wick.extremity.color,
                   stroke: "none",
-                  class: L({ "vue-data-ui-transition": $.value && !u(S) })
+                  class: T({ "vue-data-ui-transition": $.value && !u(S) })
                 }, null, 10, Bl),
                 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,
@@ -866,9 +866,9 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
                   fill: e.value.style.layout.wick.extremity.color,
                   stroke: "none",
                   rx: e.value.style.layout.wick.strokeWidth / 2,
-                  class: L({ "vue-data-ui-transition": $.value && !u(S) })
+                  class: T({ "vue-data-ui-transition": $.value && !u(S) })
                 }, null, 10, El)
-              ])) : p("", !0)
+              ])) : g("", !0)
             ]))), 256))
           ]),
           y("g", null, [
@@ -880,7 +880,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
               fill: e.value.style.layout.candle.gradient.underlayer,
               rx: e.value.style.layout.candle.borderRadius,
               stroke: "none",
-              class: L({ "vue-data-ui-transition": $.value && !u(S) })
+              class: T({ "vue-data-ui-transition": $.value && !u(S) })
             }, null, 10, Vl))), 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,
@@ -893,7 +893,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
               "stroke-width": e.value.style.layout.candle.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: L({ "vue-data-ui-transition": $.value && !u(S) })
+              class: T({ "vue-data-ui-transition": $.value && !u(S) })
             }, null, 10, Ml))), 256))
           ]),
           y("g", null, [
@@ -908,12 +908,12 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
               onClick: () => wt(o, l)
             }, null, 40, Ul))), 256))
           ])
-        ])) : p("", !0),
+        ])) : g("", !0),
         m(t.$slots, "svg", { svg: c.value }, void 0, !0)
       ], 14, fl)),
       t.$slots.watermark ? (s(), i("div", Wl, [
         m(t.$slots, "watermark", B(E({ isPrinting: u(De) || u(Be) })), void 0, !0)
-      ])) : p("", !0),
+      ])) : g("", !0),
       e.value.style.zoom.show && oe.value ? (s(), i("div", {
         key: 5,
         ref_key: "chartSlicer",
@@ -951,7 +951,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
           ]),
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"]))
-      ], 512)) : p("", !0),
+      ], 512)) : g("", !0),
       y("div", {
         ref_key: "chartLegend",
         ref: ze
@@ -961,11 +961,11 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
       t.$slots.source ? (s(), i("div", {
         key: 6,
         ref_key: "source",
-        ref: Le,
+        ref: Te,
         dir: "auto"
       }, [
         m(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : p("", !0),
+      ], 512)) : g("", !0),
       Ce(u(nt), {
         show: k.value.showTooltip && ue.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
@@ -982,17 +982,19 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         isFullscreen: P.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
+        backdropFilter: e.value.style.tooltip.backdropFilter,
+        smoothForce: e.value.style.tooltip.smoothForce,
+        smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": b(() => [
-          m(t.$slots, "tooltip-before", B(E({ ...ge.value })), void 0, !0)
+          m(t.$slots, "tooltip-before", B(E({ ...pe.value })), void 0, !0)
         ]),
         "tooltip-after": b(() => [
-          m(t.$slots, "tooltip-after", B(E({ ...ge.value })), void 0, !0)
+          m(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"]),
-      oe.value ? (s(), D(Wt(j.value.component), Ht({ key: 7 }, j.value.props, {
+      }, 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(), D(Wt(j.value.component), Ht({ key: 7 }, j.value.props, {
         ref_key: "tableUnit",
         ref: G,
         onClose: qe
@@ -1042,11 +1044,11 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : p("", !0),
-      u(S) ? (s(), D(sl, { key: 8 })) : p("", !0)
+      ]), 1040)) : g("", !0),
+      u(S) ? (s(), D(sl, { key: 8 })) : g("", !0)
     ], 46, hl));
   }
-}, ia = /* @__PURE__ */ yl(Gl, [["__scopeId", "data-v-58fcc0ef"]]);
+}, ia = /* @__PURE__ */ yl(Gl, [["__scopeId", "data-v-5de3d075"]]);
 export {
   ia as default
 };

package/dist/{vue-ui-carousel-table-DrGj7_CL.js → vue-ui-carousel-table-DydTCm2Z.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as ce, ref as n, useSlots as Se, onMounted as w, computed as R, watch as N, onBeforeUnmount as G, shallowRef as ze, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as U, createBlock as he, createCommentVNode as S, normalizeClass as Ee, normalizeStyle as h, createTextVNode as D, renderSlot as p, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as A, normalizeProps as ge, guardReactiveProps as be } from "vue";
-import { u as Ne, c as Ue, o as K, f as Q, s as Ve, v as Me, w as Le } from "./index-INqbM37s.js";
-import { u as qe } from "./useNestedProp-BKprMEaB.js";
-import { u as Ge } from "./usePrinter-9WO5mDzj.js";
+import { u as Ne, c as Ue, o as K, f as Q, s as Ve, v as Me, w as Le } from "./index-C0wrF8hm.js";
+import { u as qe } from "./useNestedProp-Bg2FlIgI.js";
+import { u as Ge } from "./usePrinter-C2jvouU0.js";
 import { u as De } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
@@ -25,7 +25,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     }
   },
   setup(T, { expose: ye }) {
-    const Ce = ce(() => import("./vue-ui-skeleton-FONviv9G.js")), $e = ce(() => import("./UserOptions-D3pVnvAB.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = Se();
+    const Ce = ce(() => import("./vue-ui-skeleton-B6Y0yxOn.js")), $e = ce(() => import("./UserOptions-Dd5XOrwq.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = Se();
     w(() => {
       Y();
     }), w(() => {