vue-data-ui 2.4.61 → 2.4.63

package/dist/{vue-ui-xy-RDecyidx.js → vue-ui-xy-zCJv-Vao.js}

@@ -1,18 +1,18 @@
-import { c as J, a as K, t as Q, z as j, p as $, V as q, O as R, f as U, L as ee, G as te, i as ie, a2 as re, a0 as ae, a3 as le, v as se, a4 as ne, d as he, B as oe, b as ce, q as de, R as ue, a5 as ge, r as fe, e as Ie, y as Ne, C as me, x as xe, a6 as be, Y as Fe, o as _e, s as Ae, w as ye, F as Le, A as Ce, u as Se } from "./index-CG_OTzik.js";
-import { D as ke } from "./DataTable-CcW8SHH2.js";
-import { _ as we } from "./Title-Zm0LCGPS.js";
-import { _ as Oe, u as Ge } from "./Tooltip-CoahRzyE.js";
-import { U as ve } from "./usePrinter-CxBwzZkb.js";
-import { _ as pe } from "./Shape-hFNcMth4.js";
-import ze from "./BaseIcon-a81b_5b0.js";
-import Me from "./vue-ui-table-sparkline-DpXxi6al.js";
-import Te from "./vue-ui-skeleton-B6hyEcxy.js";
-import { S as Pe } from "./Slicer-DGn72_0M.js";
-import Ve from "./vue-ui-accordion-C2IbGLRv.js";
-import { u as Z } from "./useNestedProp-BZZvruew.js";
-import { _ as Re } from "./PackageVersion-LRbiiLp0.js";
-import { P as De } from "./PenAndPaper-BCjJ-td_.js";
-import { resolveComponent as P, openBlock as a, createElementBlock as s, normalizeClass as V, normalizeStyle as L, createBlock as D, createCommentVNode as c, createSlots as Be, withCtx as M, renderSlot as w, normalizeProps as B, guardReactiveProps as H, createVNode as X, createElementVNode as f, Fragment as I, renderList as m, toDisplayString as S, withDirectives as He, vModelCheckbox as Ee, createTextVNode as We } from "vue";
+import { c as J, a as K, t as Q, z as j, p as $, V as q, O as R, f as U, L as ee, G as te, i as ie, a2 as re, a0 as ae, a3 as le, v as se, a4 as ne, d as he, B as oe, b as ce, q as de, R as ue, a5 as ge, r as fe, e as Ie, y as Ne, C as me, x as xe, a6 as be, Y as Fe, o as _e, s as Ae, w as ye, F as Le, A as Ce, u as Se } from "./index-Z_vzxZTo.js";
+import { D as ke } from "./DataTable-BBh7_ttv.js";
+import { _ as we } from "./Title-obqvTiXP.js";
+import { _ as Oe, u as Ge } from "./Tooltip-BK-ACGDE.js";
+import { U as ve } from "./usePrinter-Ck0oiMlt.js";
+import { _ as pe } from "./Shape-CwmKWYzq.js";
+import ze from "./BaseIcon-CrqNvGTs.js";
+import Me from "./vue-ui-table-sparkline-BrImSTh0.js";
+import Te from "./vue-ui-skeleton-BMRe3SzB.js";
+import { S as Pe } from "./Slicer-DvdU-uf8.js";
+import Ve from "./vue-ui-accordion-CV2-8b1O.js";
+import { u as Z } from "./useNestedProp-Buhi5uyL.js";
+import { _ as Re } from "./PackageVersion-dR8EUy_P.js";
+import { P as De } from "./PenAndPaper-CrXlqi9I.js";
+import { resolveComponent as P, openBlock as a, createElementBlock as s, normalizeClass as V, normalizeStyle as L, createBlock as D, createCommentVNode as c, createSlots as He, withCtx as M, renderSlot as w, normalizeProps as H, guardReactiveProps as B, createVNode as X, createElementVNode as f, Fragment as I, renderList as m, toDisplayString as S, withDirectives as Be, vModelCheckbox as Ee, createTextVNode as We } from "vue";
 import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Xe = J(), qe = {
   name: "vue-ui-xy",
@@ -1077,15 +1077,15 @@ const Xe = J(), qe = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%; background:transparent"
-}, Je = ["viewBox"], Ke = ["x", "y", "width", "height"], Qe = { key: 1 }, je = { class: "vue-ui-xy-grid" }, $e = ["stroke", "x1", "x2", "y1", "y2"], et = ["stroke", "x1", "x2", "y1", "y2"], tt = { key: 1 }, it = ["x1", "x2", "y1", "y2", "stroke"], rt = ["x1", "x2", "y1", "y2", "stroke"], at = ["x1", "x2", "y1", "y2", "stroke"], lt = { key: 3 }, st = ["x1", "x2", "y1", "y2", "stroke"], nt = ["id"], ht = ["stop-color"], ot = ["stop-color"], ct = ["stop-color"], dt = ["id"], ut = ["stop-color"], gt = ["stop-color"], ft = ["stop-color"], It = ["id"], Nt = ["stop-color"], mt = ["stop-color"], xt = ["id"], bt = ["stop-color"], Ft = ["stop-color"], _t = ["id"], At = ["stop-color"], yt = ["stop-color"], Lt = ["x", "y", "height", "width", "fill"], Ct = ["x", "y", "width"], St = ["x", "y", "height", "width", "fill"], kt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], wt = ["width", "x", "y"], Ot = { key: 0 }, Gt = ["id"], vt = ["fill"], pt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], zt = ["x", "y", "font-size", "fill"], Mt = ["stroke", "x1", "x2", "y1", "y2"], Tt = { key: 2 }, Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Vt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Rt = { key: 4 }, Dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bt = ["fill", "font-size", "transform"], Ht = ["x1", "x2", "y1", "y2", "stroke"], Et = ["x", "y", "font-size", "fill"], Wt = ["x1", "x2", "y1", "y2", "stroke"], Yt = ["x", "y", "font-size", "fill"], Xt = ["width", "x", "y"], qt = { style: { width: "100%" } }, Ut = { key: 0 }, Zt = ["id"], Jt = ["fill"], Kt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Qt = ["x", "y", "font-size", "fill"], jt = ["d", "stroke", "stroke-width", "stroke-dasharray"], $t = { key: 1 }, ei = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ti = { key: 0 }, ii = ["d", "fill"], ri = ["d", "fill"], ai = ["d", "stroke", "stroke-width", "stroke-dasharray"], li = { key: 2 }, si = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ni = ["width", "x", "y"], hi = { style: { width: "100%" } }, oi = { key: 3 }, ci = ["id"], di = ["fill"], ui = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], gi = ["x", "y", "font-size", "fill"], fi = { key: 5 }, Ii = ["x", "y", "font-size", "fill"], Ni = ["x", "y", "font-size", "fill", "font-weight"], mi = { key: 6 }, xi = ["x", "y", "font-size", "fill"], bi = ["x", "y"], Fi = ["x", "y"], _i = { key: 7 }, Ai = ["x", "y", "font-size", "fill"], yi = ["x", "y"], Li = ["x", "y"], Ci = ["x", "y", "font-size", "fill", "innerHTML"], Si = ["x", "y", "font-size", "fill", "innerHTML"], ki = ["x", "y", "font-size", "fill", "innerHTML"], wi = ["x", "y", "font-size", "fill", "innerHTML"], Oi = ["x", "y", "width", "height", "fill", "onMouseenter"], Gi = ["font-size", "fill", "transform"], vi = ["x", "y", "font-size", "fill"], pi = { key: 9 }, zi = ["text-anchor", "font-size", "fill", "transform", "onClick"], Mi = ["x", "y", "height", "width", "onMouseenter", "onClick"], Ti = { key: 10 }, Pi = ["x", "y"], Vi = ["cx", "cy", "r", "fill"], Ri = {
+}, Je = ["viewBox"], Ke = ["x", "y", "width", "height"], Qe = { key: 1 }, je = { class: "vue-ui-xy-grid" }, $e = ["stroke", "x1", "x2", "y1", "y2"], et = ["stroke", "x1", "x2", "y1", "y2"], tt = { key: 1 }, it = ["x1", "x2", "y1", "y2", "stroke"], rt = ["x1", "x2", "y1", "y2", "stroke"], at = ["x1", "x2", "y1", "y2", "stroke"], lt = { key: 3 }, st = ["x1", "x2", "y1", "y2", "stroke"], nt = ["id"], ht = ["stop-color"], ot = ["stop-color"], ct = ["stop-color"], dt = ["id"], ut = ["stop-color"], gt = ["stop-color"], ft = ["stop-color"], It = ["id"], Nt = ["stop-color"], mt = ["stop-color"], xt = ["id"], bt = ["stop-color"], Ft = ["stop-color"], _t = ["id"], At = ["stop-color"], yt = ["stop-color"], Lt = ["x", "y", "height", "width", "fill"], Ct = ["x", "y", "width"], St = ["x", "y", "height", "width", "fill"], kt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], wt = ["width", "x", "y"], Ot = { key: 0 }, Gt = ["id"], vt = ["fill"], pt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], zt = ["x", "y", "font-size", "fill"], Mt = ["stroke", "x1", "x2", "y1", "y2"], Tt = { key: 2 }, Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Vt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Rt = { key: 4 }, Dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ht = ["fill", "font-size", "transform"], Bt = ["x1", "x2", "y1", "y2", "stroke"], Et = ["x", "y", "font-size", "fill"], Wt = ["x1", "x2", "y1", "y2", "stroke"], Yt = ["x", "y", "font-size", "fill"], Xt = ["width", "x", "y"], qt = { style: { width: "100%" } }, Ut = { key: 0 }, Zt = ["id"], Jt = ["fill"], Kt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Qt = ["x", "y", "font-size", "fill"], jt = ["d", "stroke", "stroke-width", "stroke-dasharray"], $t = { key: 1 }, ei = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ti = { key: 0 }, ii = ["d", "fill"], ri = ["d", "fill"], ai = ["d", "stroke", "stroke-width", "stroke-dasharray"], li = { key: 2 }, si = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ni = ["width", "x", "y"], hi = { style: { width: "100%" } }, oi = { key: 3 }, ci = ["id"], di = ["fill"], ui = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], gi = ["x", "y", "font-size", "fill"], fi = { key: 5 }, Ii = ["x", "y", "font-size", "fill"], Ni = ["x", "y", "font-size", "fill", "font-weight"], mi = { key: 6 }, xi = ["x", "y", "font-size", "fill"], bi = ["x", "y"], Fi = ["x", "y"], _i = { key: 7 }, Ai = ["x", "y", "font-size", "fill"], yi = ["x", "y"], Li = ["x", "y"], Ci = ["x", "y", "font-size", "fill", "innerHTML"], Si = ["x", "y", "font-size", "fill", "innerHTML"], ki = ["x", "y", "font-size", "fill", "innerHTML"], wi = ["x", "y", "font-size", "fill", "innerHTML"], Oi = ["x", "y", "width", "height", "fill", "onMouseenter"], Gi = ["font-size", "fill", "transform"], vi = ["x", "y", "font-size", "fill"], pi = { key: 9 }, zi = ["text-anchor", "font-size", "fill", "transform", "onClick"], Mi = ["x", "y", "height", "width", "onMouseenter", "onClick"], Ti = { key: 10 }, Pi = ["x", "y"], Vi = ["cx", "cy", "r", "fill"], Ri = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Di = ["onClick"], Bi = {
+}, Di = ["onClick"], Hi = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, Hi = ["stroke", "fill"], Ei = {
+}, Bi = ["stroke", "fill"], Ei = {
   key: 1,
   viewBox: "0 0 12 12",
   height: "14",
@@ -1176,7 +1176,7 @@ function Zi(i, l, o, u, t, e) {
       style: L({
         visibility: t.keepUserOptionState ? t.userOptionsVisible ? "visible" : "hidden" : "visible"
       })
-    }, Be({ _: 2 }, [
+    }, He({ _: 2 }, [
       i.$slots.optionTooltip ? {
         name: "optionTooltip",
         fn: M(() => [
@@ -1229,14 +1229,14 @@ function Zi(i, l, o, u, t, e) {
       i.$slots.optionFullscreen ? {
         name: "optionFullscreen",
         fn: M(({ toggleFullscreen: r, isFullscreen: h }) => [
-          w(i.$slots, "optionFullscreen", B(H({ toggleFullscreen: r, isFullscreen: h })), void 0, !0)
+          w(i.$slots, "optionFullscreen", H(B({ toggleFullscreen: r, isFullscreen: h })), void 0, !0)
         ]),
         key: "7"
       } : void 0,
       i.$slots.optionAnnotator ? {
         name: "optionAnnotator",
         fn: M(({ toggleAnnotator: r, isAnnotator: h }) => [
-          w(i.$slots, "optionAnnotator", B(H({ toggleAnnotator: r, isAnnotator: h })), void 0, !0)
+          w(i.$slots, "optionAnnotator", H(B({ toggleAnnotator: r, isAnnotator: h })), void 0, !0)
         ]),
         key: "8"
       } : void 0
@@ -1600,7 +1600,7 @@ function Zi(i, l, o, u, t, e) {
                 "font-size": t.fontSizes.dataLabels,
                 "text-anchor": "middle",
                 transform: `translate(${r.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${t.mutableConfig.isStacked ? e.drawingArea.bottom - r.yOffset - r.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
-              }, S(r.name) + " " + S(r.scaleLabel ? `- ${r.scaleLabel}` : ""), 9, Bt),
+              }, S(r.name) + " " + S(r.scaleLabel ? `- ${r.scaleLabel}` : ""), 9, Ht),
               (a(!0), s(I, null, m(r.yLabels, (h, n) => (a(), s("line", {
                 x1: r.x - 3 + e.xPadding,
                 x2: r.x + e.xPadding,
@@ -1609,7 +1609,7 @@ function Zi(i, l, o, u, t, e) {
                 stroke: r.color,
                 "stroke-width": 1,
                 "stroke-linecap": "round"
-              }, null, 8, Ht))), 256)),
+              }, null, 8, Bt))), 256)),
               (a(!0), s(I, null, m(r.yLabels, (h, n) => (a(), s("text", {
                 x: r.x - 5 + e.xPadding,
                 y: e.checkNaN(h.y) + t.fontSizes.dataLabels / 3,
@@ -2144,7 +2144,7 @@ function Zi(i, l, o, u, t, e) {
           i.$slots["time-label"] ? (a(!0), s(I, { key: 0 }, m(e.timeLabels, (r, h) => (a(), s("g", {
             key: `time_label_${h}`
           }, [
-            w(i.$slots, "time-label", B(H({
+            w(i.$slots, "time-label", H(B({
               x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * h + e.drawingArea.width / e.maxSeries / 2,
               y: e.drawingArea.bottom + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset,
               fontSize: t.fontSizes.xAxis,
@@ -2212,7 +2212,7 @@ function Zi(i, l, o, u, t, e) {
       w(i.$slots, "svg", { svg: e.svg }, void 0, !0)
     ], 14, Je)) : c("", !0),
     i.$slots.watermark ? (a(), s("div", Ri, [
-      w(i.$slots, "watermark", B(H({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
+      w(i.$slots, "watermark", H(B({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
     ])) : c("", !0),
     e.isDataset ? c("", !0) : (a(), D(T, {
       key: 6,
@@ -2262,14 +2262,16 @@ function Zi(i, l, o, u, t, e) {
       "onUpdate:end": l[3] || (l[3] = (r) => t.slicer.end = r),
       refreshStartPoint: e.FINAL_CONFIG.chart.zoom.startIndex !== null ? e.FINAL_CONFIG.chart.zoom.startIndex : 0,
       refreshEndPoint: e.FINAL_CONFIG.chart.zoom.endIndex !== null ? e.FINAL_CONFIG.chart.zoom.endIndex + 1 : Math.max(...o.dataset.map((r) => e.largestTriangleThreeBucketsArray({ data: r.series, threshold: e.FINAL_CONFIG.downsample.threshold }).length)),
+      enableRangeHandles: e.FINAL_CONFIG.chart.zoom.enableRangeHandles,
+      enableSelectionDrag: e.FINAL_CONFIG.chart.zoom.enableSelectionDrag,
       onReset: e.refreshSlicer,
       onTrapMouse: e.selectMinimapIndex
     }, {
       "reset-action": M(({ reset: r }) => [
-        w(i.$slots, "reset-action", B(H({ reset: r })), void 0, !0)
+        w(i.$slots, "reset-action", H(B({ reset: r })), void 0, !0)
       ]),
       _: 3
-    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "onReset", "onTrapMouse"])) : c("", !0),
+    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "onReset", "onTrapMouse"])) : c("", !0),
     e.FINAL_CONFIG.chart.legend.show ? (a(), s("div", {
       key: 8,
       ref: "chartLegend",
@@ -2281,7 +2283,7 @@ function Zi(i, l, o, u, t, e) {
         onClick: (n) => e.segregate(r),
         class: V({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(r.id) })
       }, [
-        t.icons[r.type] === "line" ? (a(), s("svg", Bi, [
+        t.icons[r.type] === "line" ? (a(), s("svg", Hi, [
           f("rect", {
             x: "0",
             y: "7.5",
@@ -2291,7 +2293,7 @@ function Zi(i, l, o, u, t, e) {
             height: "3",
             width: "20",
             fill: r.color
-          }, null, 8, Hi),
+          }, null, 8, Bi),
           X(b, {
             plot: { x: 10, y: 9 },
             radius: 4,
@@ -2345,10 +2347,10 @@ function Zi(i, l, o, u, t, e) {
       isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
     }, {
       "tooltip-before": M(() => [
-        w(i.$slots, "tooltip-before", B(H({ ...e.dataTooltipSlot })), void 0, !0)
+        w(i.$slots, "tooltip-before", H(B({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       "tooltip-after": M(() => [
-        w(i.$slots, "tooltip-after", B(H({ ...e.dataTooltipSlot })), void 0, !0)
+        w(i.$slots, "tooltip-after", H(B({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       _: 3
     }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -2373,7 +2375,7 @@ function Zi(i, l, o, u, t, e) {
           style: L(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
           f("div", qi, [
-            He(f("input", {
+            Be(f("input", {
               type: "checkbox",
               "onUpdate:modelValue": l[4] || (l[4] = (r) => t.showSparklineTable = r)
             }, null, 512), [
@@ -2422,7 +2424,7 @@ function Zi(i, l, o, u, t, e) {
     }, 8, ["config"])) : c("", !0)
   ], 46, Ue);
 }
-const dr = /* @__PURE__ */ Ye(qe, [["render", Zi], ["__scopeId", "data-v-953140c3"]]);
+const dr = /* @__PURE__ */ Ye(qe, [["render", Zi], ["__scopeId", "data-v-03fbeffe"]]);
 export {
   dr as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.4.61",
+  "version": "2.4.63",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/Slicer-DGn72_0M.js

@@ -1,423 +0,0 @@
-import { useCssVars as ie, ref as f, computed as d, watch as L, onMounted as oe, onBeforeUnmount as ue, openBlock as m, createElementBlock as v, createElementVNode as n, normalizeStyle as S, createVNode as re, renderSlot as se, createCommentVNode as N, unref as de, Fragment as F, renderList as R, withDirectives as V, vModelText as A, toDisplayString as B, pushScopeId as me, popScopeId as ve } from "vue";
-import ce from "./BaseIcon-a81b_5b0.js";
-import { t as he, u as fe } from "./useResponsive-CoxXLe23.js";
-import { c as pe, R as O, Q as D, X as xe } from "./index-CG_OTzik.js";
-import { _ as ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const U = (l) => (me("data-v-cf67df9a"), l = l(), ve(), l), ge = {
-  "data-html2canvas-ignore": "",
-  style: { padding: "0 24px" },
-  class: "vue-data-ui-zoom"
-}, be = {
-  class: "vue-data-ui-slicer-labels",
-  style: { position: "relative", "z-index": "1", "pointer-events": "none" }
-}, Se = {
-  key: 0,
-  style: { width: "100%", position: "relative" }
-}, ke = {
-  key: 0,
-  class: "minimap",
-  style: { width: "100%" }
-}, Ne = ["xmlns", "viewBox"], Ce = ["id"], we = ["stop-color"], $e = /* @__PURE__ */ U(() => /* @__PURE__ */ n("stop", {
-  offset: "100%",
-  "stop-color": "transparent"
-}, null, -1)), Me = ["d", "stroke"], Ee = ["x", "width", "height", "fill", "rx"], Pe = ["d", "fill"], Le = ["x", "width", "height", "rx", "fill"], Ie = ["x", "width", "height", "fill", "rx"], ze = ["d", "fill"], Fe = ["d", "stroke"], Re = ["cx", "cy", "stroke", "fill"], Ve = ["cx", "cy", "stroke", "fill"], Ae = ["x1", "x2", "y2", "stroke"], Be = ["x", "height", "width", "onMouseenter"], Oe = /* @__PURE__ */ U(() => /* @__PURE__ */ n("div", { class: "slider-track" }, null, -1)), De = ["min", "max"], Ue = ["min", "max"], Te = {
-  __name: "Slicer",
-  props: {
-    background: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    borderColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    fontSize: {
-      type: Number,
-      default: 14
-    },
-    labelLeft: {
-      type: String,
-      default: ""
-    },
-    labelRight: {
-      type: String,
-      default: ""
-    },
-    textColor: {
-      type: String,
-      default: "#1A1A1A"
-    },
-    inputColor: {
-      type: String,
-      default: "#1A1A1A"
-    },
-    max: {
-      type: Number,
-      default: 0
-    },
-    min: {
-      type: Number,
-      default: 0
-    },
-    selectColor: {
-      type: String,
-      default: "#4A4A4A"
-    },
-    useResetSlot: {
-      type: Boolean,
-      default: !1
-    },
-    valueStart: {
-      type: [Number, String],
-      default: 0
-    },
-    valueEnd: {
-      type: [Number, String],
-      default: 0
-    },
-    minimap: {
-      type: Array,
-      default: []
-    },
-    smoothMinimap: {
-      type: Boolean,
-      default: !1
-    },
-    minimapSelectedColor: {
-      type: String,
-      default: "#1f77b4"
-    },
-    minimapSelectionRadius: {
-      type: Number,
-      default: 12
-    },
-    minimapLineColor: {
-      type: String,
-      default: "#2D353C"
-    },
-    minimapSelectedColorOpacity: {
-      type: Number,
-      default: 0.2
-    },
-    minimapSelectedIndex: {
-      type: Number,
-      default: null
-    },
-    minimapIndicatorColor: {
-      type: String,
-      default: "#2D353C"
-    },
-    refreshStartPoint: {
-      type: Number,
-      default: 0
-    },
-    refreshEndPoint: {
-      type: Number,
-      default: null
-    }
-  },
-  emits: ["update:start", "update:end", "reset", "trapMouse"],
-  setup(l, { expose: T, emit: x }) {
-    const e = l;
-    ie((t) => ({
-      "3d3a2c02": _.value,
-      79587273: g.value,
-      "72fa1da4": Z.value,
-      "598db3a3": l.selectColor,
-      b4acd69e: j.value
-    }));
-    const o = f(e.min), u = f(e.max), y = d(() => !!e.minimap.length), C = f(pe()), W = d(() => e.refreshEndPoint === null ? e.max : e.refreshEndPoint), X = d(() => {
-      const t = e.max - e.min, i = (o.value - e.min) / t * 100, r = (u.value - e.min) / t * 100;
-      return {
-        left: `${i}%`,
-        width: `${r - i}%`,
-        background: e.selectColor
-      };
-    }), _ = d(() => e.inputColor), j = d(() => e.background), Z = d(() => `${e.selectColor}33`), g = d(() => e.borderColor), I = d(() => {
-      let t = [];
-      for (let i = 0; i < e.minimap.length; i += 1)
-        t.push(i);
-      return t;
-    });
-    function z() {
-      x("reset");
-    }
-    function q() {
-      Number(o.value) > Number(u.value) - 1 && (o.value = Number(u.value) - 1), x("update:start", Number(o.value));
-    }
-    function G() {
-      Number(u.value) < Number(o.value) + 1 && (u.value = Number(o.value) + 1), x("update:end", Number(u.value));
-    }
-    L(
-      () => e.min,
-      (t) => {
-        Number(o.value) < Number(t) && (o.value = Number(t)), Number(u.value) < Number(t) && (u.value = Number(t));
-      }
-    ), L(
-      () => e.max,
-      (t) => {
-        Number(o.value) > Number(t) && (o.value = Number(t)), Number(u.value) > Number(t) && (u.value = Number(t));
-      }
-    );
-    const w = f(null), a = f({
-      width: 1,
-      height: 1
-    }), k = f(null);
-    oe(() => {
-      if (y.value) {
-        const t = he(() => {
-          const { width: i, height: r } = fe({
-            chart: w.value
-          });
-          a.value.width = i, a.value.height = r - 47;
-        });
-        k.value = new ResizeObserver(t), k.value.observe(w.value);
-      }
-    }), ue(() => {
-      k.value && k.value.disconnect();
-    });
-    const s = d(() => e.minimap.length ? a.value.width / e.minimap.length : 0), c = d(() => {
-      if (!e.minimap.length) return [];
-      const t = Math.max(...e.minimap), i = Math.min(...e.minimap) - 10, r = t - (i > 0 ? 0 : i), h = e.minimap.map((le, ae) => {
-        const ne = le - i;
-        return {
-          x: a.value.width / e.minimap.length * ae + s.value / 2,
-          y: a.value.height - ne / r * (a.value.height * 0.9)
-        };
-      }), E = e.smoothMinimap ? O(h) : D(h), P = [...h].slice(e.valueStart, e.valueEnd), te = e.smoothMinimap ? O(P) : D(P);
-      return {
-        fullSet: E,
-        selectionSet: te,
-        sliced: P,
-        firstPlot: h[e.valueStart],
-        lastPlot: h[e.valueEnd - 1]
-      };
-    }), p = d(() => ({
-      x: s.value * o.value + s.value / 2,
-      width: a.value.width * ((u.value - o.value) / e.max) - s.value
-    })), Q = d(() => ({
-      left: 0,
-      color: e.textColor,
-      fontSize: `${e.fontSize}px`,
-      top: y.value ? "28px" : "-28px",
-      pointerEvents: "none"
-    })), H = d(() => ({
-      right: 0,
-      color: e.textColor,
-      fontSize: `${e.fontSize}px`,
-      top: y.value ? "28px" : "-28px",
-      direction: "rtl",
-      pointerEvents: "none"
-    })), b = f(e.minimapSelectedIndex);
-    L(() => e.minimapSelectedIndex, (t) => {
-      b.value = t + e.valueStart;
-    }, { immediate: !0 });
-    function J(t) {
-      b.value = t, t >= e.valueStart && t < e.valueEnd && x("trapMouse", t - e.valueStart);
-    }
-    const K = f(0), $ = f(null), M = f(null);
-    function Y(t) {
-      o.value = t, $.value && ($.value.value = t), x("update:start", Number(o.value));
-    }
-    function ee(t) {
-      u.value = t, M.value && (M.value.value = t), x("update:end", Number(u.value));
-    }
-    return T({
-      setStartValue: Y,
-      setEndValue: ee
-    }), (t, i) => (m(), v("div", ge, [
-      n("div", be, [
-        l.valueStart !== l.refreshStartPoint || l.valueEnd !== W.value ? (m(), v("div", Se, [
-          l.useResetSlot ? se(t.$slots, "reset-action", {
-            key: 1,
-            reset: z
-          }, void 0, !0) : (m(), v("button", {
-            key: 0,
-            "data-cy-reset": "",
-            tabindex: "0",
-            role: "button",
-            class: "vue-data-ui-refresh-button",
-            style: S({
-              top: y.value ? "36px" : "-16px",
-              pointerEvents: "all !important"
-            }),
-            onClick: z
-          }, [
-            re(ce, {
-              name: "refresh",
-              stroke: l.textColor
-            }, null, 8, ["stroke"])
-          ], 4))
-        ])) : N("", !0)
-      ]),
-      n("div", {
-        class: "double-range-slider",
-        ref_key: "minimapWrapper",
-        ref: w,
-        style: { "z-index": "0" }
-      }, [
-        y.value ? (m(), v("div", ke, [
-          (m(), v("svg", {
-            xmlns: de(xe),
-            viewBox: `0 0 ${a.value.width < 0 ? 0 : a.value.width} ${a.value.height < 0 ? 0 : a.value.height}`
-          }, [
-            n("defs", null, [
-              n("linearGradient", {
-                id: C.value,
-                x1: "0%",
-                y1: "0%",
-                x2: "0%",
-                y2: "100%"
-              }, [
-                n("stop", {
-                  offset: "0%",
-                  "stop-color": `${l.minimapLineColor}50`
-                }, null, 8, we),
-                $e
-              ], 8, Ce)
-            ]),
-            n("path", {
-              d: `M${c.value.fullSet}`,
-              stroke: `${l.minimapLineColor}`,
-              fill: "none",
-              "stroke-width": "1",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              style: { opacity: "1" }
-            }, null, 8, Me),
-            n("rect", {
-              x: p.value.x,
-              width: p.value.width < 0 ? 0 : p.value.width,
-              height: Math.max(a.value.height, 0),
-              y: 0,
-              fill: g.value,
-              rx: l.minimapSelectionRadius,
-              stroke: "none"
-            }, null, 8, Ee),
-            n("path", {
-              d: `M${s.value / 2},${Math.max(a.value.height, 0)} ${c.value.fullSet} L${a.value.width - s.value / 2},${Math.max(a.value.height, 0)}Z`,
-              fill: `url(#${C.value})`,
-              stroke: "none",
-              style: { opacity: "1" }
-            }, null, 8, Pe),
-            n("rect", {
-              x: p.value.x,
-              width: p.value.width < 0 ? 0 : p.value.width,
-              height: Math.max(a.value.height, 0),
-              y: 0,
-              rx: l.minimapSelectionRadius,
-              fill: g.value
-            }, null, 8, Le),
-            n("rect", {
-              x: p.value.x,
-              width: p.value.width < 0 ? 0 : p.value.width,
-              height: Math.max(a.value.height, 0),
-              y: 0,
-              fill: l.minimapSelectedColor,
-              rx: l.minimapSelectionRadius,
-              style: S({
-                opacity: l.minimapSelectedColorOpacity
-              })
-            }, null, 12, Ie),
-            n("path", {
-              d: `M${c.value.sliced[0].x},${Math.max(a.value.height, 0)} ${c.value.selectionSet} L${c.value.sliced.at(-1).x},${Math.max(a.value.height, 0)}Z`,
-              fill: `url(#${C.value})`,
-              stroke: "none",
-              style: { opacity: "1" }
-            }, null, 8, ze),
-            n("path", {
-              d: `M ${c.value.selectionSet}`,
-              stroke: `${l.minimapLineColor}`,
-              fill: "transparent",
-              "stroke-width": "2",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }, null, 8, Fe),
-            n("circle", {
-              cx: c.value.firstPlot.x,
-              cy: c.value.firstPlot.y,
-              "stroke-width": "0.5",
-              stroke: g.value,
-              r: "3",
-              fill: l.minimapLineColor
-            }, null, 8, Re),
-            n("circle", {
-              cx: c.value.lastPlot.x,
-              cy: c.value.lastPlot.y,
-              "stroke-width": "0.5",
-              stroke: g.value,
-              r: "3",
-              fill: l.minimapLineColor
-            }, null, 8, Ve),
-            b.value !== null ? (m(!0), v(F, { key: 0 }, R(I.value, (r, h) => (m(), v("g", null, [
-              b.value === r && r >= l.valueStart && r < l.valueEnd ? (m(), v("line", {
-                key: 0,
-                x1: s.value * h + s.value / 2,
-                x2: s.value * h + s.value / 2,
-                y1: 0,
-                y2: Math.max(a.value.height, 0),
-                stroke: l.minimapIndicatorColor,
-                "stroke-linecap": "round",
-                "stroke-dasharray": "2",
-                "stroke-width": "1"
-              }, null, 8, Ae)) : N("", !0)
-            ]))), 256)) : N("", !0),
-            (m(!0), v(F, null, R(I.value, (r, h) => (m(), v("rect", {
-              x: s.value * h,
-              y: 0,
-              height: Math.max(a.value.height, 0),
-              width: s.value < 0 ? 0 : s.value,
-              fill: "transparent",
-              style: { "pointer-events": "all !important" },
-              onMouseenter: (E) => J(r),
-              onMouseleave: i[0] || (i[0] = (E) => {
-                b.value = null, x("trapMouse", null);
-              })
-            }, null, 40, Be))), 256))
-          ], 8, Ne))
-        ])) : N("", !0),
-        Oe,
-        n("div", {
-          class: "range-highlight",
-          style: S(X.value)
-        }, null, 4),
-        V((m(), v("input", {
-          ref_key: "rangeStart",
-          ref: $,
-          key: `range-min${K.value}`,
-          type: "range",
-          class: "range-left",
-          min: l.min,
-          max: l.max,
-          "onUpdate:modelValue": i[1] || (i[1] = (r) => o.value = r),
-          onInput: q
-        }, null, 40, De)), [
-          [A, o.value]
-        ]),
-        n("div", {
-          class: "thumb-label thumb-label-left",
-          style: S(Q.value)
-        }, B(l.labelLeft), 5),
-        V(n("input", {
-          ref_key: "rangeEnd",
-          ref: M,
-          type: "range",
-          class: "range-right",
-          min: l.min,
-          max: l.max,
-          "onUpdate:modelValue": i[2] || (i[2] = (r) => u.value = r),
-          onInput: G
-        }, null, 40, Ue), [
-          [A, u.value]
-        ]),
-        n("div", {
-          class: "thumb-label thumb-label-right",
-          style: S(H.value)
-        }, B(l.labelRight), 5)
-      ], 512)
-    ]));
-  }
-}, qe = /* @__PURE__ */ ye(Te, [["__scopeId", "data-v-cf67df9a"]]);
-export {
-  qe as S
-};

package/dist/Slicer-DMYxCNLb.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),Z=require("./BaseIcon-B1zKYJGk.cjs"),V=require("./useResponsive-BJ7DTGpm.cjs"),h=require("./index-V6tl1xgQ.cjs"),G=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),B=a=>(e.pushScopeId("data-v-cf67df9a"),a=a(),e.popScopeId(),a),H={"data-html2canvas-ignore":"",style:{padding:"0 24px"},class:"vue-data-ui-zoom"},J={class:"vue-data-ui-slicer-labels",style:{position:"relative","z-index":"1","pointer-events":"none"}},K={key:0,style:{width:"100%",position:"relative"}},Q={key:0,class:"minimap",style:{width:"100%"}},Y=["xmlns","viewBox"],ee=["id"],te=["stop-color"],le=B(()=>e.createElementVNode("stop",{offset:"100%","stop-color":"transparent"},null,-1)),ae=["d","stroke"],ne=["x","width","height","fill","rx"],oe=["d","fill"],ie=["x","width","height","rx","fill"],re=["x","width","height","fill","rx"],ue=["d","fill"],se=["d","stroke"],ce=["cx","cy","stroke","fill"],de=["cx","cy","stroke","fill"],me=["x1","x2","y2","stroke"],ve=["x","height","width","onMouseenter"],he=B(()=>e.createElementVNode("div",{class:"slider-track"},null,-1)),pe=["min","max"],fe=["min","max"],xe={__name:"Slicer",props:{background:{type:String,default:"#FFFFFF"},borderColor:{type:String,default:"#FFFFFF"},fontSize:{type:Number,default:14},labelLeft:{type:String,default:""},labelRight:{type:String,default:""},textColor:{type:String,default:"#1A1A1A"},inputColor:{type:String,default:"#1A1A1A"},max:{type:Number,default:0},min:{type:Number,default:0},selectColor:{type:String,default:"#4A4A4A"},useResetSlot:{type:Boolean,default:!1},valueStart:{type:[Number,String],default:0},valueEnd:{type:[Number,String],default:0},minimap:{type:Array,default:[]},smoothMinimap:{type:Boolean,default:!1},minimapSelectedColor:{type:String,default:"#1f77b4"},minimapSelectionRadius:{type:Number,default:12},minimapLineColor:{type:String,default:"#2D353C"},minimapSelectedColorOpacity:{type:Number,default:.2},minimapSelectedIndex:{type:Number,default:null},minimapIndicatorColor:{type:String,default:"#2D353C"},refreshStartPoint:{type:Number,default:0},refreshEndPoint:{type:Number,default:null}},emits:["update:start","update:end","reset","trapMouse"],setup(a,{expose:$,emit:v}){const t=a;e.useCssVars(l=>({"3d3a2c02":z.value,79587273:f.value,"72fa1da4":F.value,"598db3a3":a.selectColor,b4acd69e:L.value}));const i=e.ref(t.min),r=e.ref(t.max),p=e.computed(()=>!!t.minimap.length),g=e.ref(h.createUid()),M=e.computed(()=>t.refreshEndPoint===null?t.max:t.refreshEndPoint),P=e.computed(()=>{const l=t.max-t.min,o=(i.value-t.min)/l*100,u=(r.value-t.min)/l*100;return{left:`${o}%`,width:`${u-o}%`,background:t.selectColor}}),z=e.computed(()=>t.inputColor),L=e.computed(()=>t.background),F=e.computed(()=>`${t.selectColor}33`),f=e.computed(()=>t.borderColor),C=e.computed(()=>{let l=[];for(let o=0;o<t.minimap.length;o+=1)l.push(o);return l});function w(){v("reset")}function I(){Number(i.value)>Number(r.value)-1&&(i.value=Number(r.value)-1),v("update:start",Number(i.value))}function R(){Number(r.value)<Number(i.value)+1&&(r.value=Number(i.value)+1),v("update:end",Number(r.value))}e.watch(()=>t.min,l=>{Number(i.value)<Number(l)&&(i.value=Number(l)),Number(r.value)<Number(l)&&(r.value=Number(l))}),e.watch(()=>t.max,l=>{Number(i.value)>Number(l)&&(i.value=Number(l)),Number(r.value)>Number(l)&&(r.value=Number(l))});const S=e.ref(null),n=e.ref({width:1,height:1}),y=e.ref(null);e.onMounted(()=>{if(p.value){const l=V.throttle(()=>{const{width:o,height:u}=V.useResponsive({chart:S.value});n.value.width=o,n.value.height=u-47});y.value=new ResizeObserver(l),y.value.observe(S.value)}}),e.onBeforeUnmount(()=>{y.value&&y.value.disconnect()});const s=e.computed(()=>t.minimap.length?n.value.width/t.minimap.length:0),c=e.computed(()=>{if(!t.minimap.length)return[];const l=Math.max(...t.minimap),o=Math.min(...t.minimap)-10,u=l-(o>0?0:o),d=t.minimap.map((W,j)=>{const X=W-o;return{x:n.value.width/t.minimap.length*j+s.value/2,y:n.value.height-X/u*(n.value.height*.9)}}),N=t.smoothMinimap?h.createSmoothPath(d):h.createStraightPath(d),E=[...d].slice(t.valueStart,t.valueEnd),_=t.smoothMinimap?h.createSmoothPath(E):h.createStraightPath(E);return{fullSet:N,selectionSet:_,sliced:E,firstPlot:d[t.valueStart],lastPlot:d[t.valueEnd-1]}}),m=e.computed(()=>({x:s.value*i.value+s.value/2,width:n.value.width*((r.value-i.value)/t.max)-s.value})),A=e.computed(()=>({left:0,color:t.textColor,fontSize:`${t.fontSize}px`,top:p.value?"28px":"-28px",pointerEvents:"none"})),q=e.computed(()=>({right:0,color:t.textColor,fontSize:`${t.fontSize}px`,top:p.value?"28px":"-28px",direction:"rtl",pointerEvents:"none"})),x=e.ref(t.minimapSelectedIndex);e.watch(()=>t.minimapSelectedIndex,l=>{x.value=l+t.valueStart},{immediate:!0});function D(l){x.value=l,l>=t.valueStart&&l<t.valueEnd&&v("trapMouse",l-t.valueStart)}const O=e.ref(0),b=e.ref(null),k=e.ref(null);function T(l){i.value=l,b.value&&(b.value.value=l),v("update:start",Number(i.value))}function U(l){r.value=l,k.value&&(k.value.value=l),v("update:end",Number(r.value))}return $({setStartValue:T,setEndValue:U}),(l,o)=>(e.openBlock(),e.createElementBlock("div",H,[e.createElementVNode("div",J,[a.valueStart!==a.refreshStartPoint||a.valueEnd!==M.value?(e.openBlock(),e.createElementBlock("div",K,[a.useResetSlot?e.renderSlot(l.$slots,"reset-action",{key:1,reset:w},void 0,!0):(e.openBlock(),e.createElementBlock("button",{key:0,"data-cy-reset":"",tabindex:"0",role:"button",class:"vue-data-ui-refresh-button",style:e.normalizeStyle({top:p.value?"36px":"-16px",pointerEvents:"all !important"}),onClick:w},[e.createVNode(Z.default,{name:"refresh",stroke:a.textColor},null,8,["stroke"])],4))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"double-range-slider",ref_key:"minimapWrapper",ref:S,style:{"z-index":"0"}},[p.value?(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(h.XMLNS),viewBox:`0 0 ${n.value.width<0?0:n.value.width} ${n.value.height<0?0:n.value.height}`},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:g.value,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${a.minimapLineColor}50`},null,8,te),le],8,ee)]),e.createElementVNode("path",{d:`M${c.value.fullSet}`,stroke:`${a.minimapLineColor}`,fill:"none","stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round",style:{opacity:"1"}},null,8,ae),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(n.value.height,0),y:0,fill:f.value,rx:a.minimapSelectionRadius,stroke:"none"},null,8,ne),e.createElementVNode("path",{d:`M${s.value/2},${Math.max(n.value.height,0)} ${c.value.fullSet} L${n.value.width-s.value/2},${Math.max(n.value.height,0)}Z`,fill:`url(#${g.value})`,stroke:"none",style:{opacity:"1"}},null,8,oe),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(n.value.height,0),y:0,rx:a.minimapSelectionRadius,fill:f.value},null,8,ie),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(n.value.height,0),y:0,fill:a.minimapSelectedColor,rx:a.minimapSelectionRadius,style:e.normalizeStyle({opacity:a.minimapSelectedColorOpacity})},null,12,re),e.createElementVNode("path",{d:`M${c.value.sliced[0].x},${Math.max(n.value.height,0)} ${c.value.selectionSet} L${c.value.sliced.at(-1).x},${Math.max(n.value.height,0)}Z`,fill:`url(#${g.value})`,stroke:"none",style:{opacity:"1"}},null,8,ue),e.createElementVNode("path",{d:`M ${c.value.selectionSet}`,stroke:`${a.minimapLineColor}`,fill:"transparent","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,se),e.createElementVNode("circle",{cx:c.value.firstPlot.x,cy:c.value.firstPlot.y,"stroke-width":"0.5",stroke:f.value,r:"3",fill:a.minimapLineColor},null,8,ce),e.createElementVNode("circle",{cx:c.value.lastPlot.x,cy:c.value.lastPlot.y,"stroke-width":"0.5",stroke:f.value,r:"3",fill:a.minimapLineColor},null,8,de),x.value!==null?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(C.value,(u,d)=>(e.openBlock(),e.createElementBlock("g",null,[x.value===u&&u>=a.valueStart&&u<a.valueEnd?(e.openBlock(),e.createElementBlock("line",{key:0,x1:s.value*d+s.value/2,x2:s.value*d+s.value/2,y1:0,y2:Math.max(n.value.height,0),stroke:a.minimapIndicatorColor,"stroke-linecap":"round","stroke-dasharray":"2","stroke-width":"1"},null,8,me)):e.createCommentVNode("",!0)]))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,(u,d)=>(e.openBlock(),e.createElementBlock("rect",{x:s.value*d,y:0,height:Math.max(n.value.height,0),width:s.value<0?0:s.value,fill:"transparent",style:{"pointer-events":"all !important"},onMouseenter:N=>D(u),onMouseleave:o[0]||(o[0]=N=>{x.value=null,v("trapMouse",null)})},null,40,ve))),256))],8,Y))])):e.createCommentVNode("",!0),he,e.createElementVNode("div",{class:"range-highlight",style:e.normalizeStyle(P.value)},null,4),e.withDirectives((e.openBlock(),e.createElementBlock("input",{ref_key:"rangeStart",ref:b,key:`range-min${O.value}`,type:"range",class:"range-left",min:a.min,max:a.max,"onUpdate:modelValue":o[1]||(o[1]=u=>i.value=u),onInput:I},null,40,pe)),[[e.vModelText,i.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-left",style:e.normalizeStyle(A.value)},e.toDisplayString(a.labelLeft),5),e.withDirectives(e.createElementVNode("input",{ref_key:"rangeEnd",ref:k,type:"range",class:"range-right",min:a.min,max:a.max,"onUpdate:modelValue":o[2]||(o[2]=u=>r.value=u),onInput:R},null,40,fe),[[e.vModelText,r.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-right",style:e.normalizeStyle(q.value)},e.toDisplayString(a.labelRight),5)],512)]))}},ye=G._export_sfc(xe,[["__scopeId","data-v-cf67df9a"]]);exports.Slicer=ye;