vue-data-ui 2.4.62 → 2.4.63

package/dist/{vue-ui-candlestick-DYupl4j5.js → vue-ui-candlestick-DI7t6jqz.js}

@@ -1,19 +1,19 @@
 import { computed as g, ref as n, watch as Se, onMounted as qe, onBeforeUnmount as Je, nextTick as V, openBlock as s, createElementBlock as u, normalizeClass as Ne, normalizeStyle as ee, unref as v, createBlock as _, createCommentVNode as y, createSlots as Ke, withCtx as m, renderSlot as f, normalizeProps as T, guardReactiveProps as I, createVNode as Ae, createElementVNode as r, Fragment as F, renderList as L, toDisplayString as P, createTextVNode as Qe } from "vue";
-import { u as Ze, c as et, t as tt, C as Te, o as lt, e as z, D as ot, v as U, X as at, w as X, E as st, s as ut, x as it, y as nt, q as rt, r as dt, F as Ie } from "./index-B-k71vpj.js";
+import { u as Ze, c as et, t as tt, C as Te, o as lt, e as z, D as ot, v as U, X as at, w as j, E as st, s as ut, x as it, y as nt, q as rt, r as dt, F as Ie } from "./index-Z_vzxZTo.js";
 import { t as vt, u as yt } from "./useResponsive-CoxXLe23.js";
-import { _ as ct } from "./Title-DPefeOY7.js";
-import { u as ht, U as pt } from "./usePrinter-BK-n-gRN.js";
-import { _ as ft } from "./Tooltip-C72f83eg.js";
-import { D as gt } from "./DataTable-BANy6PnS.js";
-import mt from "./vue-ui-skeleton-DSXzxNMC.js";
-import { S as xt } from "./Slicer-p4IqkHkJ.js";
-import bt from "./vue-ui-accordion-DWAg7tbw.js";
-import { u as Fe } from "./useNestedProp-BeXDUo1v.js";
-import { _ as kt } from "./PackageVersion-1NslmM8M.js";
-import { P as wt } from "./PenAndPaper-CdXSbSZY.js";
+import { _ as ct } from "./Title-obqvTiXP.js";
+import { u as ht, U as pt } from "./usePrinter-Ck0oiMlt.js";
+import { _ as ft } from "./Tooltip-BK-ACGDE.js";
+import { D as gt } from "./DataTable-BBh7_ttv.js";
+import mt from "./vue-ui-skeleton-BMRe3SzB.js";
+import { S as bt } from "./Slicer-DvdU-uf8.js";
+import xt from "./vue-ui-accordion-CV2-8b1O.js";
+import { u as Fe } from "./useNestedProp-Buhi5uyL.js";
+import { _ as kt } from "./PackageVersion-dR8EUy_P.js";
+import { P as wt } from "./PenAndPaper-CrXlqi9I.js";
 import { u as $t } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"], Nt = { key: 1 }, At = ["id"], Tt = ["stop-color"], It = ["stop-color"], Ft = ["stop-color"], Lt = ["id"], Ot = ["stop-color"], Rt = ["stop-color"], Vt = ["stop-color"], Pt = { key: 0 }, Ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Et = { key: 1 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dt = ["x", "y", "font-size", "fill", "font-weight"], Wt = { key: 2 }, Gt = ["transform", "text-anchor", "font-size", "fill", "font-weight"], jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xt = { key: 0 }, Ht = ["cx", "cy", "r", "fill"], Yt = ["cx", "cy", "r", "fill"], qt = { key: 1 }, Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qt = ["x", "y", "height", "width", "fill", "rx"], Zt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], el = ["x", "y", "height", "width", "fill", "onMouseover"], tl = {
+const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"], Nt = { key: 1 }, At = ["id"], Tt = ["stop-color"], It = ["stop-color"], Ft = ["stop-color"], Lt = ["id"], Rt = ["stop-color"], Ot = ["stop-color"], Vt = ["stop-color"], Pt = { key: 0 }, Ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Et = { key: 1 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dt = ["x", "y", "font-size", "fill", "font-weight"], Wt = { key: 2 }, Gt = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], jt = { key: 0 }, Xt = ["cx", "cy", "r", "fill"], Yt = ["cx", "cy", "r", "fill"], qt = { key: 1 }, Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qt = ["x", "y", "height", "width", "fill", "rx"], Zt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], el = ["x", "y", "height", "width", "fill", "onMouseover"], tl = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, ll = ["innerHTML"], ol = {
@@ -33,14 +33,14 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
     }
   },
   setup($, { expose: Le }) {
-    const h = $, { vue_ui_candlestick: Oe } = Ze(), O = g(() => !!h.dataset && h.dataset.length), k = n(et()), Re = n(null), H = n(!1), Y = n(""), q = n(void 0), te = n(0), S = n(null), le = n(null), oe = n(null), ae = n(null), se = n(null), ue = n(null), B = n(0), ie = n(0), ne = n(0), e = g({
+    const h = $, { vue_ui_candlestick: Re } = Ze(), R = g(() => !!h.dataset && h.dataset.length), k = n(et()), Oe = n(null), X = n(!1), Y = n(""), q = n(void 0), te = n(0), S = n(null), le = n(null), oe = n(null), ae = n(null), se = n(null), ue = n(null), B = n(0), ie = n(0), ne = n(0), e = g({
       get: () => ve(),
       set: (t) => t
     }), { userOptionsVisible: J, setUserOptionsVisibility: re, keepUserOptionState: de } = $t({ config: e.value });
     function ve() {
       const t = Fe({
         userConfig: h.config,
-        defaultConfig: Oe
+        defaultConfig: Re
       });
       let o = {};
       return t.theme ? o = {
@@ -94,7 +94,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         });
         E.value = new ResizeObserver(t), E.value.observe(S.value.parentNode);
       }
-      xe();
+      be();
     }
     Je(() => {
       E.value && E.value.disconnect();
@@ -115,9 +115,9 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         width: c.value.width - a - o,
         height: c.value.height - t - l
       };
-    }), R = g(() => h.dataset.length), p = n({
+    }), O = g(() => h.dataset.length), p = n({
       start: 0,
-      end: R.value
+      end: O.value
     }), ge = g(() => h.dataset.slice(p.value.start, p.value.end)), K = g(() => (h.dataset.forEach((t, o) => {
       [null, void 0].includes(t[0]) && z({
         componentName: "VueUiCandlestick",
@@ -169,16 +169,16 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         value: U(t)
       };
     }
-    const x = g(() => K.value.map((t, o) => {
-      const l = M(t.open, o), a = M(t.high, o), b = M(t.low, o), G = M(t.last, o), j = t.last > t.open;
+    const b = g(() => K.value.map((t, o) => {
+      const l = M(t.open, o), a = M(t.high, o), x = M(t.low, o), G = M(t.last, o), H = t.last > t.open;
       return {
         period: t.period,
         open: l,
         high: a,
-        low: b,
+        low: x,
         last: G,
         volume: t.volume,
-        isBullish: j
+        isBullish: H
       };
     }));
     function Pe(t) {
@@ -192,59 +192,59 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
       q.value = t, Q.value = {
         datapoint: o,
         seriesIndex: t,
-        series: x.value,
+        series: b.value,
         config: e.value
       };
       const l = e.value.style.tooltip.customFormat;
       if (it(l) && nt(() => l({
         seriesIndex: t,
         datapoint: o,
-        series: x.value,
+        series: b.value,
         config: e.value
       })))
         Y.value = l({
           seriesIndex: t,
           datapoint: o,
-          series: x.value,
+          series: b.value,
           config: e.value
         });
       else if (e.value.style.tooltip.show) {
         let a = "";
-        const { period: b, open: G, high: j, low: $e, last: Ce, volume: _e, isBullish: ze } = x.value[t], { period: al, open: Ge, high: je, low: Xe, last: He, volume: Ye } = e.value.translations;
+        const { period: x, open: G, high: H, low: $e, last: Ce, volume: _e, isBullish: ze } = b.value[t], { period: al, open: Ge, high: He, low: je, last: Xe, volume: Ye } = e.value.translations;
         a += `<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 ? ze ? `url(#bullish_gradient_${k.value})` : `url(#bearish_gradient_${k.value})` : ze ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${b}</div>`, a += `${Ye} : <b>${isNaN(_e) ? "-" : Number(_e.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, a += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, a += `<div>${Ge}: <b>${e.value.style.tooltip.prefix} ${isNaN(G.value) ? "-" : Number(G.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += `<div>${je}: <b>${e.value.style.tooltip.prefix} ${isNaN(j.value) ? "-" : Number(j.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += `<div>${Xe}: <b>${e.value.style.tooltip.prefix} ${isNaN($e.value) ? "-" : Number($e.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += `<div>${He}: <b>${e.value.style.tooltip.prefix} ${isNaN(Ce.value) ? "-" : Number(Ce.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += "</div>", Y.value = `<div style="text-align:right">${a}</div>`;
+                fill="${e.value.style.layout.candle.gradient.show ? ze ? `url(#bullish_gradient_${k.value})` : `url(#bearish_gradient_${k.value})` : ze ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${x}</div>`, a += `${Ye} : <b>${isNaN(_e) ? "-" : Number(_e.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, a += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, a += `<div>${Ge}: <b>${e.value.style.tooltip.prefix} ${isNaN(G.value) ? "-" : Number(G.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += `<div>${He}: <b>${e.value.style.tooltip.prefix} ${isNaN(H.value) ? "-" : Number(H.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += `<div>${je}: <b>${e.value.style.tooltip.prefix} ${isNaN($e.value) ? "-" : Number($e.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += `<div>${Xe}: <b>${e.value.style.tooltip.prefix} ${isNaN(Ce.value) ? "-" : Number(Ce.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += "</div>", Y.value = `<div style="text-align:right">${a}</div>`;
       }
-      H.value = !0;
+      X.value = !0;
     }
     function Me() {
-      xe();
+      be();
     }
     const N = n(null);
-    async function xe() {
+    async function be() {
       (e.value.style.zoom.startIndex !== null || e.value.style.zoom.endIndex !== null) && N.value ? (e.value.style.zoom.startIndex !== null && (await V(), await V(), N.value && N.value.setStartValue(e.value.style.zoom.startIndex)), e.value.style.zoom.endIndex !== null && (await V(), await V(), N.value && N.value.setEndValue(De(e.value.style.zoom.endIndex + 1)))) : (p.value = {
         start: 0,
-        end: R.value
+        end: O.value
       }, B.value += 1);
     }
     function De(t) {
-      const o = R.value;
+      const o = O.value;
       return t > o ? o : 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 be() {
+    function xe() {
       V(() => {
-        const t = [e.value.translations.period, e.value.translations.open, e.value.translations.high, e.value.translations.low, e.value.translations.last, e.value.translations.volume], o = x.value.map((b) => [
-          b.period,
-          b.open.value,
-          b.high.value,
-          b.low.value,
-          b.last.value,
-          b.volume
+        const t = [e.value.translations.period, e.value.translations.open, e.value.translations.high, e.value.translations.low, e.value.translations.last, e.value.translations.volume], o = b.value.map((x) => [
+          x.period,
+          x.open.value,
+          x.high.value,
+          x.low.value,
+          x.last.value,
+          x.volume
         ]), l = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([t]).concat(o), a = rt(l);
         dt({ csvContent: a, title: e.value.style.title.text || "vue-ui-candlestick" });
       });
     }
     const D = g(() => {
-      const t = x.value.map((a) => [
+      const t = b.value.map((a) => [
         `<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 ? a.isBullish ? `url(#bullish_gradient_${k.value}` : `url(#bearish_gradient_${k.value})` : a.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg> ${a.period}`,
         `${e.value.table.td.prefix} ${isNaN(a.open.value) ? "-" : Number(a.open.value.toFixed(e.value.table.td.roundingValue)).toLocaleString()} ${e.value.table.td.suffix}`,
         `${e.value.table.td.prefix} ${isNaN(a.high.value) ? "-" : Number(a.high.value.toFixed(e.value.table.td.roundingValue)).toLocaleString()} ${e.value.table.td.suffix}`,
@@ -288,7 +288,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
     }
     return Le({
       generatePdf: pe,
-      generateCsv: be,
+      generateCsv: xe,
       generateImage: fe,
       toggleTable: ke,
       toggleTooltip: we,
@@ -337,9 +337,9 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && O.value && (v(de) || v(J)) ? (s(), _(pt, {
+      e.value.userOptions.show && R.value && (v(de) || v(J)) ? (s(), _(pt, {
         ref_key: "details",
-        ref: Re,
+        ref: Oe,
         key: `user_options_${te.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
@@ -361,7 +361,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         isAnnotation: W.value,
         onToggleFullscreen: We,
         onGeneratePdf: v(pe),
-        onGenerateCsv: be,
+        onGenerateCsv: xe,
         onGenerateImage: v(fe),
         onToggleTable: ke,
         onToggleTooltip: we,
@@ -420,7 +420,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
           key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
-      O.value ? (s(), u("svg", {
+      R.value ? (s(), u("svg", {
         key: 4,
         xmlns: v(at),
         class: Ne({ "vue-data-ui-fullscreen--on": A.value, "vue-data-ui-fulscreen--off": !A.value }),
@@ -440,7 +440,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         }, [
           f(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, St)) : y("", !0),
-        x.value.length > 0 ? (s(), u("g", Nt, [
+        b.value.length > 0 ? (s(), u("g", Nt, [
           r("defs", null, [
             r("linearGradient", {
               id: `bearish_gradient_${k.value}`,
@@ -453,11 +453,11 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
               }, null, 8, Tt),
               r("stop", {
                 offset: "50%",
-                "stop-color": `${v(X)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
+                "stop-color": `${v(j)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
               }, null, 8, It),
               r("stop", {
                 offset: "100%",
-                "stop-color": `${v(X)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
+                "stop-color": `${v(j)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
               }, null, 8, Ft)
             ], 8, At),
             r("linearGradient", {
@@ -468,14 +468,14 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
               r("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.candle.colors.bullish
-              }, null, 8, Ot),
+              }, null, 8, Rt),
               r("stop", {
                 offset: "50%",
-                "stop-color": `${v(X)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
-              }, null, 8, Rt),
+                "stop-color": `${v(j)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
+              }, null, 8, Ot),
               r("stop", {
                 offset: "100%",
-                "stop-color": `${v(X)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
+                "stop-color": `${v(j)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
               }, null, 8, Vt)
             ], 8, Lt)
           ]),
@@ -534,7 +534,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
             ]))), 256))
           ])) : y("", !0),
           r("g", null, [
-            (s(!0), u(F, null, L(x.value, (l, a) => (s(), u("g", null, [
+            (s(!0), u(F, null, L(b.value, (l, a) => (s(), u("g", null, [
               r("line", {
                 x1: l.open.x,
                 x2: l.open.x,
@@ -543,14 +543,14 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
                 stroke: e.value.style.layout.wick.stroke,
                 "stroke-width": e.value.style.layout.wick.strokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, jt),
-              e.value.style.layout.wick.extremity.shape === "circle" ? (s(), u("g", Xt, [
+              }, null, 8, Ht),
+              e.value.style.layout.wick.extremity.shape === "circle" ? (s(), u("g", jt, [
                 r("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
-                }, null, 8, Ht),
+                }, null, 8, Xt),
                 r("circle", {
                   cx: l.low.x,
                   cy: l.low.y,
@@ -581,7 +581,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
             ]))), 256))
           ]),
           r("g", null, [
-            (s(!0), u(F, null, L(x.value, (l, a) => (s(), u("rect", {
+            (s(!0), u(F, null, L(b.value, (l, a) => (s(), u("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),
@@ -590,7 +590,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
               rx: e.value.style.layout.candle.borderRadius,
               stroke: "none"
             }, null, 8, Qt))), 256)),
-            (s(!0), u(F, null, L(x.value, (l, a) => (s(), u("rect", {
+            (s(!0), u(F, null, L(b.value, (l, a) => (s(), u("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),
@@ -604,15 +604,15 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
             }, null, 8, Zt))), 256))
           ]),
           r("g", null, [
-            (s(!0), u(F, null, L(x.value, (l, a) => (s(), u("rect", {
+            (s(!0), u(F, null, L(b.value, (l, a) => (s(), u("rect", {
               x: i.value.left + a * d.value,
               y: i.value.top,
               height: i.value.height <= 0 ? 1e-4 : i.value.height,
               width: d.value <= 0 ? 1e-4 : d.value,
               fill: q.value === a ? v(ut)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
-              onMouseover: (b) => Ee(a, l),
-              onMouseleave: o[0] || (o[0] = (b) => {
-                q.value = void 0, H.value = !1;
+              onMouseover: (x) => Ee(a, l),
+              onMouseleave: o[0] || (o[0] = (x) => {
+                q.value = void 0, X.value = !1;
               })
             }, null, 40, el))), 256))
           ])
@@ -622,7 +622,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
       t.$slots.watermark ? (s(), u("div", tl, [
         f(t.$slots, "watermark", T(I({ isPrinting: v(ce) || v(he) })), void 0, !0)
       ])) : y("", !0),
-      O.value ? y("", !0) : (s(), _(mt, {
+      R.value ? y("", !0) : (s(), _(mt, {
         key: 6,
         config: {
           type: "candlesticks",
@@ -639,12 +639,12 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
           }
         }
       }, null, 8, ["config"])),
-      e.value.style.zoom.show && O.value ? (s(), u("div", {
+      e.value.style.zoom.show && R.value ? (s(), u("div", {
         key: 7,
         ref_key: "chartSlicer",
         ref: ae
       }, [
-        (s(), _(xt, {
+        (s(), _(bt, {
           ref_key: "slicerComponent",
           ref: N,
           key: `slicer_${B.value}`,
@@ -657,7 +657,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
           textColor: e.value.style.color,
           inputColor: e.value.style.zoom.color,
           selectColor: e.value.style.zoom.highlightColor,
-          max: R.value,
+          max: O.value,
           min: 0,
           valueStart: p.value.start,
           valueEnd: p.value.end,
@@ -666,20 +666,22 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
           end: p.value.end,
           "onUpdate:end": o[2] || (o[2] = (l) => p.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 : R.value,
+          refreshEndPoint: e.value.style.zoom.endIndex !== null ? e.value.style.zoom.endIndex + 1 : O.value,
+          enableRangeHandles: e.value.style.zoom.enableRangeHandles,
+          enableSelectionDrag: e.value.style.zoom.enableSelectionDrag,
           onReset: Me
         }, {
           "reset-action": m(({ reset: l }) => [
             f(t.$slots, "reset-action", T(I({ reset: l })), void 0, !0)
           ]),
           _: 3
-        }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint"]))
+        }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"]))
       ], 512)) : y("", !0),
       r("div", {
         ref_key: "chartLegend",
         ref: oe
       }, [
-        f(t.$slots, "legend", { legend: x.value }, void 0, !0)
+        f(t.$slots, "legend", { legend: b.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (s(), u("div", {
         key: 8,
@@ -690,7 +692,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         f(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
       Ae(ft, {
-        show: w.value.showTooltip && H.value,
+        show: w.value.showTooltip && X.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -713,7 +715,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      O.value ? (s(), _(bt, {
+      R.value ? (s(), _(xt, {
         key: 9,
         hideDetails: "",
         config: {
@@ -752,7 +754,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
       }, 8, ["config"])) : y("", !0)
     ], 46, _t));
   }
-}, bl = /* @__PURE__ */ Ct(ol, [["__scopeId", "data-v-b1cc80a6"]]);
+}, xl = /* @__PURE__ */ Ct(ol, [["__scopeId", "data-v-744b9b91"]]);
 export {
-  bl as default
+  xl as default
 };

package/dist/{vue-ui-carousel-table-DNwWV8de.js → vue-ui-carousel-table-5jXlkslq.js}

@@ -1,8 +1,8 @@
 import { ref as l, useSlots as Ie, onMounted as A, computed as B, watch as E, onBeforeUnmount as ce, nextTick as he, openBlock as u, createElementBlock as v, unref as r, createElementVNode as H, normalizeStyle as p, normalizeClass as Fe, createTextVNode as L, toDisplayString as G, renderSlot as h, Fragment as D, renderList as X, normalizeProps as j, guardReactiveProps as J, createCommentVNode as P, createBlock as fe, createSlots as Be, withCtx as R } from "vue";
-import { u as Pe, c as Re, o as K, e as Q, s as ze, q as Se, r as Ee } from "./index-B-k71vpj.js";
-import { u as He } from "./useNestedProp-BeXDUo1v.js";
-import { u as Ne, U as Ue } from "./usePrinter-BK-n-gRN.js";
-import Ve from "./vue-ui-skeleton-DSXzxNMC.js";
+import { u as Pe, c as Re, o as K, e as Q, s as ze, q as Se, r as Ee } from "./index-Z_vzxZTo.js";
+import { u as He } from "./useNestedProp-Buhi5uyL.js";
+import { u as Ne, U as Ue } from "./usePrinter-Ck0oiMlt.js";
+import Ve from "./vue-ui-skeleton-BMRe3SzB.js";
 import { u as Me } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Le = ["id"], Ge = ["height"], De = ["data-cell", "height"], Xe = {

package/dist/{vue-ui-carousel-table-CNS6ZzTc.cjs → vue-ui-carousel-table-Bm2D_0pZ.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-CC7tVh7F.cjs"),ue=require("./useNestedProp-CxwPeWts.cjs"),Q=require("./usePrinter-CMvfTteH.cjs"),se=require("./vue-ui-skeleton-BgEjqaz9.cjs"),de=require("./useUserOptionState-BgepsfED.cjs"),ve=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ce=["id"],pe=["height"],fe=["data-cell","height"],me={key:2,ref:"source",dir:"auto"},he={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(b,{expose:W}){const r=b,{vue_ui_carousel_table:Y}=u.useConfig(),S=e.ref(u.createUid()),I=e.ref(!1),k=e.ref(!!r.dataset),Z=e.useSlots();e.onMounted(()=>{F()}),e.onMounted(()=>{Z["chart-background"]&&console.warn("VueUiCarouselTable does not support the #chart-background slot.")});function F(){u.objectIsEmpty(r.dataset)?u.error({componentName:"VueUiCarouselTable",type:"dataset"}):((!r.dataset.head||u.objectIsEmpty(r.dataset.head))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"head"}),k.value=!1),(!r.dataset.body||u.objectIsEmpty(r.dataset.body))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),k.value=!1))}const t=e.computed({get:()=>V(),set:o=>o}),{userOptionsVisible:A,setUserOptionsVisibility:P,keepUserOptionState:N}=de.useUserOptionState({config:t.value});function V(){return ue.useNestedProp({userConfig:r.config,defaultConfig:Y})}e.watch(()=>r.config,o=>{t.value=V(),A.value=!t.value.showOnChartHover,F()},{deep:!0}),e.watch(()=>r.dataset,o=>{O()},{deep:!0});const{isPrinting:R,isImaging:M,generatePdf:_,generateImage:q}=Q.usePrinter({elementId:`carousel-table_${S.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),v=e.ref({showAnimation:t.value.animation.use}),l=e.ref(null),U=e.ref(null),C=e.ref(null),T=e.ref(null),$=e.ref(0),B=e.ref(0),x=e.ref(!1),w=e.ref(null),f=e.ref(null),y=e.ref(0);function O(){w.value&&(f.value={elements:w.value.getElementsByTagName("tr"),heights:Array.from(w.value.getElementsByTagName("tr")).map(o=>o.getBoundingClientRect().height)})}e.onMounted(O);const ee=e.computed(()=>!f.value||!f.value.heights.length?0:Math.max(...f.value.heights)+$.value+B.value),te=e.computed(()=>r.dataset.body?t.value.tbody.tr.visible<=r.dataset.body.length?t.value.tbody.tr.visible:r.dataset.body.length:0),oe=e.computed(()=>(t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size*2)*te.value+$.value+B.value),d=e.ref(0),m=e.ref(null),s=e.ref(0),h=e.ref(!1),H=e.ref(0);e.onMounted(()=>{C.value&&($.value=C.value.getBoundingClientRect().height),T.value&&(B.value=T.value.getBoundingClientRect().height),v.value.showAnimation&&f.value&&L()}),e.onMounted(()=>{if(l.value){let n=function(){const i=o.getBoundingClientRect().bottom;a.forEach(p=>{p.getBoundingClientRect().top<i?p.style.visibility="hidden":p.style.visibility="visible"})};const o=l.value.querySelector("thead"),a=Array.from(w.value.querySelectorAll("tr"));l.value.addEventListener("scroll",n),n(),e.onBeforeUnmount(()=>{l.value.removeEventListener("scroll",n)})}});function ae(o){I.value=o,H.value+=1}function L(){!m.value&&!h.value&&(t.value.animation.type==="scroll"?m.value=requestAnimationFrame(D):m.value=requestAnimationFrame(G))}function ne(){if(!l.value)return!1;const{scrollTop:o,scrollHeight:a,clientHeight:n}=l.value;return o+n>=a}function D(o){if(h.value)return;s.value||(s.value=o),o-s.value>=t.value.animation.speedMs&&(d.value+=f.value.heights[y.value],(ne()||y.value>=f.value.heights.length)&&(d.value=0,y.value=-1),y.value+=1,l.value&&l.value.scrollTo({top:d.value,behavior:"smooth"}),s.value=o),m.value=requestAnimationFrame(D)}function G(o){if(h.value)return;s.value||(s.value=o);const a=o-s.value,n=t.value.animation.speedMs/4/1e3;a>=n&&(d.value+=n,d.value>=l.value.scrollHeight-l.value.clientHeight&&(d.value=0),l.value&&l.value.scrollTo({top:d.value,behavior:"auto"}),s.value=o),m.value=requestAnimationFrame(G)}function c(){h.value=!0,cancelAnimationFrame(m.value),m.value=null}e.onBeforeUnmount(c);function g(){!h.value||!v.value.showAnimation||(h.value=!1,s.value=0,L())}function le(){t.value.animation.pauseOnHover&&c()}const E=e.ref(null);function re(){c(),clearTimeout(E.value)}function j(){clearTimeout(E.value),E.value=setTimeout(g,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(v.value.showAnimation=!0,g()):(v.value.showAnimation=!1,c())}),e.watch(()=>t.value.animation.type,o=>{c(),d.value=0,y.value=0,l.value.scrollTo({top:0,behavior:"auto"}),g()});const ie=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(a=>{a.forEach(n=>{x.value=n.contentRect.width<ie.value}),$.value=C.value?C.value.getBoundingClientRect().height:0,B.value=T.value?T.value.getBoundingClientRect().height:0,y.value=0,e.nextTick(()=>{c(),s.value=0,d.value=0,O(),g()})});l.value&&o.observe(l.value)});function X(){_()}function J(){v.value.showAnimation=!v.value.showAnimation,v.value.showAnimation?g():c()}function K(){e.nextTick(()=>{const o=r.dataset.head.map((i,p)=>[[r.dataset.body[p]]]),a=[[t.value.caption.text],[r.dataset.head.map(i=>[i])]].concat(o),n=u.createCsvContent(a);u.downloadCsv({csvContent:n,title:t.value.caption.text||"vue-ui-carousel-table"})})}return W({pauseAnimation:c,resumeAnimation:g,toggleAnimation:J,generateCsv:K,generatePdf:X,generateImage:q}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:U,onMouseenter:a[5]||(a[5]=()=>e.unref(P)(!0)),onMouseleave:a[6]||(a[6]=()=>e.unref(P)(!1))},[e.createElementVNode("div",{ref_key:"tableContainer",ref:l,id:`carousel-table_${S.value}`,style:e.normalizeStyle({height:e.unref(R)||e.unref(M)?"auto":`${Math.max(oe.value,ee.value)}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":x.value,"is-playing":t.value.scrollbar.hide||!h.value&&t.value.scrollbar.showOnlyOnHover}),onMouseover:a[0]||(a[0]=n=>le()),onMouseleave:a[1]||(a[1]=n=>g()),onTouchstart:a[2]||(a[2]=n=>re()),onTouchend:a[3]||(a[3]=n=>j()),onTouchcancel:a[4]||(a[4]=n=>j())},[k.value?(e.openBlock(),e.createElementBlock("table",{key:0,class:"vue-data-ui-carousel-table",style:e.normalizeStyle({...t.value.style,border:`${t.value.border.size}px solid ${t.value.border.color}`,width:"100%",borderCollapse:"collapse",backgroundColor:t.value.tbody.backgroundColor})},[e.createElementVNode("caption",{ref_key:"caption",ref:C,class:"vue-data-ui-carousel-table-caption",style:e.normalizeStyle({...t.value.caption.style,fontFamily:"inherit",position:"sticky",top:0,zIndex:2,paddingTop:t.value.caption.padding.top+"px",paddingRight:t.value.caption.padding.right+"px",paddingBottom:t.value.caption.padding.bottom+"px",paddingLeft:t.value.caption.padding.left+"px",boxShadow:x.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px",display:o.$slots.caption||t.value.caption.text||t.value.userOptions.show?"":"none"})},[e.createTextVNode(e.toDisplayString(t.value.caption.text&&!o.$slots.caption?t.value.caption.text:"")+" ",1),e.renderSlot(o.$slots,"caption",{},void 0,!0)],4),e.createElementVNode("thead",{style:e.normalizeStyle({...t.value.thead.style,position:"sticky",top:`${o.$slots.caption||t.value.caption.text||t.value.userOptions.show?$.value:0}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:T,role:"row",style:e.normalizeStyle({...t.value.thead.tr.style,border:t.value.thead.tr.border.size?`${t.value.thead.tr.border.size}px solid ${t.value.thead.tr.border.color}`:"none",boxShadow:x.value?"none":t.value.thead.tr.style.boxShadow}),height:`${t.value.thead.tr.height}px`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.dataset.head,(n,i)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",key:`th_${i}`,style:e.normalizeStyle({...t.value.thead.tr.th.style,border:t.value.thead.tr.th.border.size?`${t.value.thead.tr.th.border.size}px solid ${t.value.thead.tr.th.border.color}`:"none",paddingTop:t.value.thead.tr.th.padding.top+"px",paddingRight:t.value.thead.tr.th.padding.right+"px",paddingBottom:t.value.thead.tr.th.padding.bottom+"px",paddingLeft:t.value.thead.tr.th.padding.left+"px"})},[e.createTextVNode(e.toDisplayString(o.$slots.th?"":n)+" ",1),e.renderSlot(o.$slots,"th",e.normalizeProps(e.guardReactiveProps({th:n,colIndex:i})),void 0,!0)],4))),128))],12,pe)],4),b.dataset.body&&b.dataset.head?(e.openBlock(),e.createElementBlock("tbody",{key:0,ref_key:"tbody",ref:w,style:e.normalizeStyle({clipPath:"inset(0,0,0,0)"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.dataset.body,(n,i)=>(e.openBlock(),e.createElementBlock("tr",{style:e.normalizeStyle({...t.value.tbody.tr.style,border:`${t.value.tbody.tr.border.size}px solid ${t.value.tbody.tr.border.color}`,verticalAlign:"middle"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(p,z)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":b.dataset.head[z]||"",style:e.normalizeStyle({...t.value.tbody.tr.td.style,border:`${t.value.tbody.tr.td.border.size}px solid ${t.value.tbody.tr.td.border.color}`,backgroundColor:e.unref(u.setOpacity)(t.value.tbody.tr.td.style.backgroundColor,i%2===0&&t.value.tbody.tr.td.alternateColor?t.value.tbody.tr.td.alternateOpacity*100:100),paddingTop:t.value.tbody.tr.td.padding.top+"px",paddingRight:t.value.tbody.tr.td.padding.right+"px",paddingBottom:t.value.tbody.tr.td.padding.bottom+"px",paddingLeft:t.value.tbody.tr.td.padding.left+"px",verticalAlign:"middle"}),height:`${t.value.tbody.tr.height}px`},[e.createTextVNode(e.toDisplayString(o.$slots.td?"":p)+" ",1),e.renderSlot(o.$slots,"td",e.normalizeProps(e.guardReactiveProps({td:p,rowIndex:i,colIndex:z})),void 0,!0)],12,fe))),256))],4))),256))],4)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,ce),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(se.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&k.value&&(e.unref(N)||e.unref(A))?(e.openBlock(),e.createBlock(Q.UserOptions,{ref:"details",key:`user_option_${H.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(R),isImaging:e.unref(M),uid:S.value,hasTooltip:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:t.value.userOptions.buttons.animation,isAnimation:!v.value.showAnimation,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:I.value,chartElement:U.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},zIndex:3,offsetX:12,onGeneratePdf:X,onGenerateCsv:K,onGenerateImage:e.unref(q),onToggleAnimation:J,onToggleFullscreen:ae,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(A)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionAnimation?{name:"optionAnimation",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionAnimation",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:i})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:i})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasAnimation","isAnimation","hasFullscreen","isFullscreen","chartElement","position","titles","onGenerateImage","style"])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],544))}},ge=ve._export_sfc(he,[["__scopeId","data-v-ad42b687"]]);exports.default=ge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-ChOY3hT9.cjs"),ue=require("./useNestedProp-CA8PjFJH.cjs"),Q=require("./usePrinter-c3c7_uAW.cjs"),se=require("./vue-ui-skeleton-DlnPFtb4.cjs"),de=require("./useUserOptionState-BgepsfED.cjs"),ve=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ce=["id"],pe=["height"],fe=["data-cell","height"],me={key:2,ref:"source",dir:"auto"},he={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(b,{expose:W}){const r=b,{vue_ui_carousel_table:Y}=u.useConfig(),S=e.ref(u.createUid()),I=e.ref(!1),k=e.ref(!!r.dataset),Z=e.useSlots();e.onMounted(()=>{F()}),e.onMounted(()=>{Z["chart-background"]&&console.warn("VueUiCarouselTable does not support the #chart-background slot.")});function F(){u.objectIsEmpty(r.dataset)?u.error({componentName:"VueUiCarouselTable",type:"dataset"}):((!r.dataset.head||u.objectIsEmpty(r.dataset.head))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"head"}),k.value=!1),(!r.dataset.body||u.objectIsEmpty(r.dataset.body))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),k.value=!1))}const t=e.computed({get:()=>V(),set:o=>o}),{userOptionsVisible:A,setUserOptionsVisibility:P,keepUserOptionState:N}=de.useUserOptionState({config:t.value});function V(){return ue.useNestedProp({userConfig:r.config,defaultConfig:Y})}e.watch(()=>r.config,o=>{t.value=V(),A.value=!t.value.showOnChartHover,F()},{deep:!0}),e.watch(()=>r.dataset,o=>{O()},{deep:!0});const{isPrinting:R,isImaging:M,generatePdf:_,generateImage:q}=Q.usePrinter({elementId:`carousel-table_${S.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),v=e.ref({showAnimation:t.value.animation.use}),l=e.ref(null),U=e.ref(null),C=e.ref(null),T=e.ref(null),$=e.ref(0),B=e.ref(0),x=e.ref(!1),w=e.ref(null),f=e.ref(null),y=e.ref(0);function O(){w.value&&(f.value={elements:w.value.getElementsByTagName("tr"),heights:Array.from(w.value.getElementsByTagName("tr")).map(o=>o.getBoundingClientRect().height)})}e.onMounted(O);const ee=e.computed(()=>!f.value||!f.value.heights.length?0:Math.max(...f.value.heights)+$.value+B.value),te=e.computed(()=>r.dataset.body?t.value.tbody.tr.visible<=r.dataset.body.length?t.value.tbody.tr.visible:r.dataset.body.length:0),oe=e.computed(()=>(t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size*2)*te.value+$.value+B.value),d=e.ref(0),m=e.ref(null),s=e.ref(0),h=e.ref(!1),H=e.ref(0);e.onMounted(()=>{C.value&&($.value=C.value.getBoundingClientRect().height),T.value&&(B.value=T.value.getBoundingClientRect().height),v.value.showAnimation&&f.value&&L()}),e.onMounted(()=>{if(l.value){let n=function(){const i=o.getBoundingClientRect().bottom;a.forEach(p=>{p.getBoundingClientRect().top<i?p.style.visibility="hidden":p.style.visibility="visible"})};const o=l.value.querySelector("thead"),a=Array.from(w.value.querySelectorAll("tr"));l.value.addEventListener("scroll",n),n(),e.onBeforeUnmount(()=>{l.value.removeEventListener("scroll",n)})}});function ae(o){I.value=o,H.value+=1}function L(){!m.value&&!h.value&&(t.value.animation.type==="scroll"?m.value=requestAnimationFrame(D):m.value=requestAnimationFrame(G))}function ne(){if(!l.value)return!1;const{scrollTop:o,scrollHeight:a,clientHeight:n}=l.value;return o+n>=a}function D(o){if(h.value)return;s.value||(s.value=o),o-s.value>=t.value.animation.speedMs&&(d.value+=f.value.heights[y.value],(ne()||y.value>=f.value.heights.length)&&(d.value=0,y.value=-1),y.value+=1,l.value&&l.value.scrollTo({top:d.value,behavior:"smooth"}),s.value=o),m.value=requestAnimationFrame(D)}function G(o){if(h.value)return;s.value||(s.value=o);const a=o-s.value,n=t.value.animation.speedMs/4/1e3;a>=n&&(d.value+=n,d.value>=l.value.scrollHeight-l.value.clientHeight&&(d.value=0),l.value&&l.value.scrollTo({top:d.value,behavior:"auto"}),s.value=o),m.value=requestAnimationFrame(G)}function c(){h.value=!0,cancelAnimationFrame(m.value),m.value=null}e.onBeforeUnmount(c);function g(){!h.value||!v.value.showAnimation||(h.value=!1,s.value=0,L())}function le(){t.value.animation.pauseOnHover&&c()}const E=e.ref(null);function re(){c(),clearTimeout(E.value)}function j(){clearTimeout(E.value),E.value=setTimeout(g,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(v.value.showAnimation=!0,g()):(v.value.showAnimation=!1,c())}),e.watch(()=>t.value.animation.type,o=>{c(),d.value=0,y.value=0,l.value.scrollTo({top:0,behavior:"auto"}),g()});const ie=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(a=>{a.forEach(n=>{x.value=n.contentRect.width<ie.value}),$.value=C.value?C.value.getBoundingClientRect().height:0,B.value=T.value?T.value.getBoundingClientRect().height:0,y.value=0,e.nextTick(()=>{c(),s.value=0,d.value=0,O(),g()})});l.value&&o.observe(l.value)});function X(){_()}function J(){v.value.showAnimation=!v.value.showAnimation,v.value.showAnimation?g():c()}function K(){e.nextTick(()=>{const o=r.dataset.head.map((i,p)=>[[r.dataset.body[p]]]),a=[[t.value.caption.text],[r.dataset.head.map(i=>[i])]].concat(o),n=u.createCsvContent(a);u.downloadCsv({csvContent:n,title:t.value.caption.text||"vue-ui-carousel-table"})})}return W({pauseAnimation:c,resumeAnimation:g,toggleAnimation:J,generateCsv:K,generatePdf:X,generateImage:q}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:U,onMouseenter:a[5]||(a[5]=()=>e.unref(P)(!0)),onMouseleave:a[6]||(a[6]=()=>e.unref(P)(!1))},[e.createElementVNode("div",{ref_key:"tableContainer",ref:l,id:`carousel-table_${S.value}`,style:e.normalizeStyle({height:e.unref(R)||e.unref(M)?"auto":`${Math.max(oe.value,ee.value)}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":x.value,"is-playing":t.value.scrollbar.hide||!h.value&&t.value.scrollbar.showOnlyOnHover}),onMouseover:a[0]||(a[0]=n=>le()),onMouseleave:a[1]||(a[1]=n=>g()),onTouchstart:a[2]||(a[2]=n=>re()),onTouchend:a[3]||(a[3]=n=>j()),onTouchcancel:a[4]||(a[4]=n=>j())},[k.value?(e.openBlock(),e.createElementBlock("table",{key:0,class:"vue-data-ui-carousel-table",style:e.normalizeStyle({...t.value.style,border:`${t.value.border.size}px solid ${t.value.border.color}`,width:"100%",borderCollapse:"collapse",backgroundColor:t.value.tbody.backgroundColor})},[e.createElementVNode("caption",{ref_key:"caption",ref:C,class:"vue-data-ui-carousel-table-caption",style:e.normalizeStyle({...t.value.caption.style,fontFamily:"inherit",position:"sticky",top:0,zIndex:2,paddingTop:t.value.caption.padding.top+"px",paddingRight:t.value.caption.padding.right+"px",paddingBottom:t.value.caption.padding.bottom+"px",paddingLeft:t.value.caption.padding.left+"px",boxShadow:x.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px",display:o.$slots.caption||t.value.caption.text||t.value.userOptions.show?"":"none"})},[e.createTextVNode(e.toDisplayString(t.value.caption.text&&!o.$slots.caption?t.value.caption.text:"")+" ",1),e.renderSlot(o.$slots,"caption",{},void 0,!0)],4),e.createElementVNode("thead",{style:e.normalizeStyle({...t.value.thead.style,position:"sticky",top:`${o.$slots.caption||t.value.caption.text||t.value.userOptions.show?$.value:0}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:T,role:"row",style:e.normalizeStyle({...t.value.thead.tr.style,border:t.value.thead.tr.border.size?`${t.value.thead.tr.border.size}px solid ${t.value.thead.tr.border.color}`:"none",boxShadow:x.value?"none":t.value.thead.tr.style.boxShadow}),height:`${t.value.thead.tr.height}px`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.dataset.head,(n,i)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",key:`th_${i}`,style:e.normalizeStyle({...t.value.thead.tr.th.style,border:t.value.thead.tr.th.border.size?`${t.value.thead.tr.th.border.size}px solid ${t.value.thead.tr.th.border.color}`:"none",paddingTop:t.value.thead.tr.th.padding.top+"px",paddingRight:t.value.thead.tr.th.padding.right+"px",paddingBottom:t.value.thead.tr.th.padding.bottom+"px",paddingLeft:t.value.thead.tr.th.padding.left+"px"})},[e.createTextVNode(e.toDisplayString(o.$slots.th?"":n)+" ",1),e.renderSlot(o.$slots,"th",e.normalizeProps(e.guardReactiveProps({th:n,colIndex:i})),void 0,!0)],4))),128))],12,pe)],4),b.dataset.body&&b.dataset.head?(e.openBlock(),e.createElementBlock("tbody",{key:0,ref_key:"tbody",ref:w,style:e.normalizeStyle({clipPath:"inset(0,0,0,0)"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.dataset.body,(n,i)=>(e.openBlock(),e.createElementBlock("tr",{style:e.normalizeStyle({...t.value.tbody.tr.style,border:`${t.value.tbody.tr.border.size}px solid ${t.value.tbody.tr.border.color}`,verticalAlign:"middle"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(p,z)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":b.dataset.head[z]||"",style:e.normalizeStyle({...t.value.tbody.tr.td.style,border:`${t.value.tbody.tr.td.border.size}px solid ${t.value.tbody.tr.td.border.color}`,backgroundColor:e.unref(u.setOpacity)(t.value.tbody.tr.td.style.backgroundColor,i%2===0&&t.value.tbody.tr.td.alternateColor?t.value.tbody.tr.td.alternateOpacity*100:100),paddingTop:t.value.tbody.tr.td.padding.top+"px",paddingRight:t.value.tbody.tr.td.padding.right+"px",paddingBottom:t.value.tbody.tr.td.padding.bottom+"px",paddingLeft:t.value.tbody.tr.td.padding.left+"px",verticalAlign:"middle"}),height:`${t.value.tbody.tr.height}px`},[e.createTextVNode(e.toDisplayString(o.$slots.td?"":p)+" ",1),e.renderSlot(o.$slots,"td",e.normalizeProps(e.guardReactiveProps({td:p,rowIndex:i,colIndex:z})),void 0,!0)],12,fe))),256))],4))),256))],4)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,ce),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(se.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&k.value&&(e.unref(N)||e.unref(A))?(e.openBlock(),e.createBlock(Q.UserOptions,{ref:"details",key:`user_option_${H.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(R),isImaging:e.unref(M),uid:S.value,hasTooltip:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:t.value.userOptions.buttons.animation,isAnimation:!v.value.showAnimation,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:I.value,chartElement:U.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},zIndex:3,offsetX:12,onGeneratePdf:X,onGenerateCsv:K,onGenerateImage:e.unref(q),onToggleAnimation:J,onToggleFullscreen:ae,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(A)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionAnimation?{name:"optionAnimation",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionAnimation",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:i})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:i})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasAnimation","isAnimation","hasFullscreen","isFullscreen","chartElement","position","titles","onGenerateImage","style"])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],544))}},ge=ve._export_sfc(he,[["__scopeId","data-v-ad42b687"]]);exports.default=ge;

package/dist/{vue-ui-chestnut-OaTraMv4.js → vue-ui-chestnut-CRZsXRUH.js}

@@ -1,12 +1,12 @@
 import { useCssVars as Ye, computed as m, ref as T, watch as qe, onMounted as He, openBlock as a, createElementBlock as o, normalizeClass as k, normalizeStyle as h, unref as n, createBlock as K, createCommentVNode as f, createSlots as We, withCtx as X, renderSlot as F, normalizeProps as ue, guardReactiveProps as ne, createVNode as $e, toDisplayString as c, createElementVNode as s, Fragment as g, renderList as _, createTextVNode as J, withKeys as Ke, nextTick as Ce } from "vue";
-import { u as Je, c as Qe, t as Ze, a as et, p as P, b as tt, g as re, e as Q, d as ie, o as lt, X as at, s as S, w as Te, i as G, f as z, G as ze, m as Ne, j as ot, k as V, n as H, q as st, r as ut } from "./index-B-k71vpj.js";
-import { u as nt, U as rt } from "./usePrinter-BK-n-gRN.js";
-import it from "./vue-ui-skeleton-DSXzxNMC.js";
-import ct from "./BaseIcon-DRLxlrSt.js";
-import dt from "./vue-ui-accordion-DWAg7tbw.js";
-import { u as Se } from "./useNestedProp-BeXDUo1v.js";
-import { _ as vt } from "./PackageVersion-1NslmM8M.js";
-import { P as yt } from "./PenAndPaper-CdXSbSZY.js";
+import { u as Je, c as Qe, t as Ze, a as et, p as P, b as tt, g as re, e as Q, d as ie, o as lt, X as at, s as S, w as Te, i as G, f as z, G as ze, m as Ne, j as ot, k as V, n as H, q as st, r as ut } from "./index-Z_vzxZTo.js";
+import { u as nt, U as rt } from "./usePrinter-Ck0oiMlt.js";
+import it from "./vue-ui-skeleton-BMRe3SzB.js";
+import ct from "./BaseIcon-CrqNvGTs.js";
+import dt from "./vue-ui-accordion-CV2-8b1O.js";
+import { u as Se } from "./useNestedProp-Buhi5uyL.js";
+import { _ as vt } from "./PackageVersion-dR8EUy_P.js";
+import { P as yt } from "./PenAndPaper-CrXlqi9I.js";
 import { u as ht } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const bt = ["id"], pt = {