vue-data-ui 2.4.72 → 2.4.74

package/dist/{vue-ui-xy-DakKzEAh.js → vue-ui-xy-DQV_6n-g.js}

@@ -1,17 +1,17 @@
-import { c as J, a as K, t as Q, z as j, p as $, V as X, O as R, f as U, L as ee, G as te, i as re, a4 as ae, a1 as le, a5 as ie, v as se, a6 as ne, d as he, B as oe, b as ce, q as de, R as ue, a7 as ge, r as fe, e as Ie, a2 as me, y as Ne, C as xe, x as be, a8 as Fe, Z as _e, o as Ae, s as ye, w as Le, F as Ce, A as Se, u as ke } from "./index-8qh5-V_s.js";
-import { D as we } from "./DataTable-C9e1WMpM.js";
-import { _ as Oe } from "./Title-BsgAEzEH.js";
-import { _ as Ge, u as ve } from "./Tooltip-CJ2dmh5N.js";
-import { U as ze } from "./usePrinter-BPx95i_o.js";
-import { _ as pe } from "./Shape-OgMTjCi1.js";
-import Me from "./BaseIcon-B7a1z2Up.js";
-import Ve from "./vue-ui-table-sparkline-BX60snbo.js";
-import Te from "./vue-ui-skeleton-CHNO77KR.js";
-import { S as Pe } from "./Slicer-PaGIz5KP.js";
-import Re from "./vue-ui-accordion-_HWYGVCz.js";
-import { u as Z } from "./useNestedProp-DCcM4sb2.js";
-import { _ as De } from "./PackageVersion-BeXS6McZ.js";
-import { P as He } from "./PenAndPaper-DNhQakvY.js";
+import { c as J, a as K, t as Q, z as j, p as $, V as X, O as R, f as U, L as ee, G as te, i as re, a4 as ae, a1 as le, a5 as ie, v as se, a6 as ne, d as he, B as oe, b as ce, q as de, R as ue, a7 as ge, r as fe, e as Ie, a2 as me, y as Ne, C as xe, x as be, a8 as Fe, Z as _e, o as Ae, s as ye, w as Le, F as Ce, A as Se, u as ke } from "./index-BU-qdyPq.js";
+import { D as we } from "./DataTable-DLDlPv_3.js";
+import { _ as Oe } from "./Title-BxMjvERL.js";
+import { _ as Ge, u as ve } from "./Tooltip-VA-KbJNH.js";
+import { U as ze } from "./usePrinter-CIccmyRB.js";
+import { _ as pe } from "./Shape-BL37b4be.js";
+import Me from "./BaseIcon-CkORyrSo.js";
+import Ve from "./vue-ui-table-sparkline-ah9fkFGz.js";
+import Te from "./vue-ui-skeleton-CpFbwUa0.js";
+import { S as Pe } from "./Slicer-BV8oAJSi.js";
+import Re from "./vue-ui-accordion-CrpdF6x_.js";
+import { u as Z } from "./useNestedProp-CWSJ5eBm.js";
+import { _ as De } from "./PackageVersion-BN4d5Mju.js";
+import { P as He } from "./PenAndPaper-CXPVm0x2.js";
 import { resolveComponent as T, openBlock as l, createElementBlock as i, normalizeClass as P, normalizeStyle as L, createBlock as D, createCommentVNode as c, createSlots as Be, withCtx as M, renderSlot as S, normalizeProps as H, guardReactiveProps as B, createVNode as q, createElementVNode as f, Fragment as I, renderList as m, toDisplayString as k, mergeProps as We, withDirectives as Ee, vModelCheckbox as Ye, createTextVNode as qe } from "vue";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ue = J(), Ze = {
@@ -1795,25 +1795,25 @@ function ra(r, s, o, u, t, e) {
         }, [
           a.useArea && a.plots.length > 1 ? (l(), i("g", ir, [
             a.smooth ? (l(), i(I, { key: 0 }, [
+              f("path", {
+                d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
+                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
+              }, null, 8, sr),
               r.$slots.pattern ? (l(), i("path", {
                 key: 0,
                 d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
                 fill: `url(#pattern_${t.uniqueId}_${a.slotAbsoluteIndex})`
-              }, null, 8, sr)) : (l(), i("path", {
-                key: 1,
-                d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
-                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
-              }, null, 8, nr))
+              }, null, 8, nr)) : c("", !0)
             ], 64)) : (l(), i(I, { key: 1 }, [
+              f("path", {
+                d: `M${a.area}Z`,
+                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
+              }, null, 8, hr),
               r.$slots.pattern ? (l(), i("path", {
                 key: 0,
                 d: `M${a.area}Z`,
                 fill: `url(#pattern_${t.uniqueId}_${a.slotAbsoluteIndex})`
-              }, null, 8, hr)) : (l(), i("path", {
-                key: 1,
-                d: `M${a.area}Z`,
-                fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
-              }, null, 8, or))
+              }, null, 8, or)) : c("", !0)
             ], 64))
           ])) : c("", !0),
           a.smooth && a.plots.length > 1 ? (l(), i("path", {
@@ -2472,7 +2472,7 @@ function ra(r, s, o, u, t, e) {
     }, 8, ["config"])) : c("", !0)
   ], 46, Je);
 }
-const ba = /* @__PURE__ */ Xe(Ze, [["render", ra], ["__scopeId", "data-v-f913543c"]]);
+const ba = /* @__PURE__ */ Xe(Ze, [["render", ra], ["__scopeId", "data-v-e67e9b01"]]);
 export {
   ba as default
 };

package/dist/{vue-ui-xy-canvas-vKNc5ac2.js → vue-ui-xy-canvas-BWFJ6yrJ.js}

@@ -1,16 +1,16 @@
 import { ref as i, computed as x, useSlots as Ta, onMounted as aa, watch as A, nextTick as ce, onBeforeUnmount as Oa, openBlock as z, createElementBlock as K, normalizeStyle as B, normalizeClass as Ra, unref as S, createBlock as E, createCommentVNode as H, createSlots as Pa, withCtx as b, renderSlot as L, normalizeProps as Y, guardReactiveProps as V, createElementVNode as Q, createVNode as Fa, toDisplayString as la, createTextVNode as Ea } from "vue";
-import { u as Da, c as Na, t as Aa, a as Ha, p as _, C as de, b as _a, D as we, i as ee, f as ae, Z as Ua, J as Wa, d as ta, a4 as Xa, o as Ba, e as Ya, x as oa, y as Va, q as Za, r as Ga, s as le, l as ja } from "./index-8qh5-V_s.js";
+import { u as Da, c as Na, t as Aa, a as Ha, p as _, C as de, b as _a, D as we, i as ee, f as ae, Z as Ua, J as Wa, d as ta, a4 as Xa, o as Ba, e as Ya, x as oa, y as Va, q as Za, r as Ga, s as le, l as ja } from "./index-BU-qdyPq.js";
 import { d as qa, c as Ja, a as ra, t as Ka, l as k, r as ze, b as D, p as ua, u as Qa } from "./useResponsive-CoxXLe23.js";
-import { _ as el } from "./Tooltip-CJ2dmh5N.js";
-import { L as al } from "./Legend-Bjael7Lf.js";
-import { _ as ll } from "./Title-BsgAEzEH.js";
-import { S as tl } from "./Slicer-PaGIz5KP.js";
-import { u as ol, U as rl } from "./usePrinter-BPx95i_o.js";
-import ul from "./vue-ui-accordion-_HWYGVCz.js";
-import { D as sl } from "./DataTable-C9e1WMpM.js";
-import nl from "./vue-ui-skeleton-CHNO77KR.js";
-import { u as sa } from "./useNestedProp-DCcM4sb2.js";
-import { P as il } from "./PenAndPaper-DNhQakvY.js";
+import { _ as el } from "./Tooltip-VA-KbJNH.js";
+import { L as al } from "./Legend-DGRS4QbF.js";
+import { _ as ll } from "./Title-BxMjvERL.js";
+import { S as tl } from "./Slicer-BV8oAJSi.js";
+import { u as ol, U as rl } from "./usePrinter-CIccmyRB.js";
+import ul from "./vue-ui-accordion-CrpdF6x_.js";
+import { D as sl } from "./DataTable-DLDlPv_3.js";
+import nl from "./vue-ui-skeleton-CpFbwUa0.js";
+import { u as sa } from "./useNestedProp-CWSJ5eBm.js";
+import { P as il } from "./PenAndPaper-CXPVm0x2.js";
 import { u as vl } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const dl = ["id"], hl = ["onClick"], yl = {

package/dist/{vue-ui-xy-canvas-DWIZCBES.cjs → vue-ui-xy-canvas-C_Qbfc1s.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),u=require("./index-D_FF1L8g.cjs"),c=require("./useResponsive-BJ7DTGpm.cjs"),ot=require("./Tooltip-DVhz-MoB.cjs"),rt=require("./Legend-D-SELuZe.cjs"),nt=require("./Title-DnqzgFhZ.cjs"),ut=require("./Slicer-BfoWfns5.cjs"),Ee=require("./usePrinter-DWgia2OZ.cjs"),st=require("./vue-ui-accordion-_aV8poyq.cjs"),it=require("./DataTable-BruSoxOi.cjs"),ct=require("./vue-ui-skeleton-DTQiIe0D.cjs"),Ne=require("./useNestedProp-BssRwiSn.cjs"),vt=require("./PenAndPaper-BowPL2Il.cjs"),dt=require("./useUserOptionState-BgepsfED.cjs"),ht=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ft=["id"],yt=["onClick"],gt={key:2,class:"vue-data-ui-watermark"},pt=["innerHTML"],mt={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(re,{expose:Be,emit:De}){const p=re,{vue_ui_xy_canvas:Fe}=u.useConfig(),Z=l.ref(u.createUid()),N=l.ref(null),S=l.ref(null),B=l.ref(null),i=l.ref(null),g=l.ref(1),T=l.ref(1),H=l.ref(!1),f=l.ref(null),V=l.ref(""),ne=l.ref(null),C=l.ref([]),O=l.ref(1),M=l.ref(!0),z=l.ref(!0),G=l.ref(null),ue=l.ref(0),se=l.ref(0),U=l.ref(!1),ie=l.ref(null),ce=l.ref(null),ve=l.ref(null),de=l.ref(null),j=l.ref(0),J=l.ref(0),K=l.ref(0),Q=l.computed(()=>!!p.dataset&&p.dataset.length),Ae=l.useSlots();l.onMounted(()=>{Ae["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const t=l.computed({get:()=>ye(),set:e=>e}),{userOptionsVisible:ee,setUserOptionsVisibility:he,keepUserOptionState:fe}=dt.useUserOptionState({config:t.value});function ye(){const e=Ne.useNestedProp({userConfig:p.config,defaultConfig:Fe});let a={};return e.theme?a={...Ne.useNestedProp({userConfig:u.themes.vue_ui_xy_canvas[e.theme]||p.config,defaultConfig:e}),customPalette:u.themePalettes[e.theme]||u.palette}:a=e,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.min")?a.style.chart.scale.min=p.config.style.chart.scale.min:a.style.chart.scale.min=null,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.max")?a.style.chart.scale.max=p.config.style.chart.scale.max:a.style.chart.scale.max=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.startIndex")?a.style.chart.zoom.startIndex=p.config.style.chart.zoom.startIndex:a.style.chart.zoom.startIndex=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.endIndex")?a.style.chart.zoom.endIndex=p.config.style.chart.zoom.endIndex:a.style.chart.zoom.endIndex=null,a}l.watch(()=>p.config,e=>{t.value=ye(),ee.value=!t.value.showOnChartHover,le(),j.value+=1,J.value+=1,K.value+=1},{deep:!0}),l.watch(()=>p.dataset,()=>{le(),j.value+=1,J.value+=1,K.value+=1},{deep:!0});const ge=l.ref(t.value.style.chart.aspectRatio),{isPrinting:pe,isImaging:me,generatePdf:be,generateImage:xe}=Ee.usePrinter({elementId:`xy_canvas_${Z.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),s=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function He(e){U.value=e,se.value+=1}const ke=l.computed(()=>u.convertCustomPalette(t.value.customPalette)),w=l.computed(()=>R.value?Math.max(...R.value.filter((e,a)=>!C.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),o=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:T.value,left:g.value*t.value.style.chart.paddingProportions.left,top:T.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:T.value-T.value*t.value.style.chart.paddingProportions.bottom,width:e,height:T.value-T.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(n.value.end-n.value.start)}});function Le(e,a){return e/a}function Ve({hasAutoScale:e,series:a,min:r,max:d,scale:h,yOffset:m,individualHeight:v,stackIndex:b=null}){return a.map((L,oe)=>{const $=h.min<0?Math.abs(h.min):0,I=Le(L+$,$+h.max);let P,D;e&&(P=Math.abs(h.min),D=Le(L+P,h.max+P));let F=0;return b===null?F=o.value.bottom-o.value.height*(e?D:I):F=o.value.bottom-m-v*(e?D:I),{x:o.value.left+o.value.slot*oe+o.value.slot/2,y:F,value:L}})}const x=l.computed(()=>{const e=t.value.style.chart.scale.min!==null?t.value.style.chart.scale.min:Math.min(...R.value.filter((v,b)=>!C.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(n.value.start,n.value.end))),a=t.value.style.chart.scale.max!==null?t.value.style.chart.scale.max:Math.max(...R.value.filter((v,b)=>!C.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(n.value.start,n.value.end))),r=u.calculateNiceScale(e<0?e:0,a===e?e+1<0?0:e+1:a<0?0:a,t.value.style.chart.scale.ticks),d=r.min<0?Math.abs(r.min):0,h=o.value.bottom-o.value.height*(d/(r.max+d)),m=r.ticks.map(v=>({y:o.value.bottom-o.value.height*((v+d)/(r.max+d)),x:o.value.left-8,value:v}));return{absoluteMin:d,max:a,min:e,scale:r,yLabels:m,zero:h}}),Ue=l.computed(()=>y.value.map(e=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),u=require("./index-DXdrUwnE.cjs"),c=require("./useResponsive-BJ7DTGpm.cjs"),ot=require("./Tooltip-BdS8OwyH.cjs"),rt=require("./Legend-gbTs_R5j.cjs"),nt=require("./Title-pZYqvru0.cjs"),ut=require("./Slicer-C_yCrY6L.cjs"),Ee=require("./usePrinter-BaRMqUmy.cjs"),st=require("./vue-ui-accordion-DTreR2ia.cjs"),it=require("./DataTable-BBUJJu-a.cjs"),ct=require("./vue-ui-skeleton-CGcQKCRb.cjs"),Ne=require("./useNestedProp-Dq1Hv5-T.cjs"),vt=require("./PenAndPaper-D0ovdUpL.cjs"),dt=require("./useUserOptionState-BgepsfED.cjs"),ht=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ft=["id"],yt=["onClick"],gt={key:2,class:"vue-data-ui-watermark"},pt=["innerHTML"],mt={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(re,{expose:Be,emit:De}){const p=re,{vue_ui_xy_canvas:Fe}=u.useConfig(),Z=l.ref(u.createUid()),N=l.ref(null),S=l.ref(null),B=l.ref(null),i=l.ref(null),g=l.ref(1),T=l.ref(1),H=l.ref(!1),f=l.ref(null),V=l.ref(""),ne=l.ref(null),C=l.ref([]),O=l.ref(1),M=l.ref(!0),z=l.ref(!0),G=l.ref(null),ue=l.ref(0),se=l.ref(0),U=l.ref(!1),ie=l.ref(null),ce=l.ref(null),ve=l.ref(null),de=l.ref(null),j=l.ref(0),J=l.ref(0),K=l.ref(0),Q=l.computed(()=>!!p.dataset&&p.dataset.length),Ae=l.useSlots();l.onMounted(()=>{Ae["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const t=l.computed({get:()=>ye(),set:e=>e}),{userOptionsVisible:ee,setUserOptionsVisibility:he,keepUserOptionState:fe}=dt.useUserOptionState({config:t.value});function ye(){const e=Ne.useNestedProp({userConfig:p.config,defaultConfig:Fe});let a={};return e.theme?a={...Ne.useNestedProp({userConfig:u.themes.vue_ui_xy_canvas[e.theme]||p.config,defaultConfig:e}),customPalette:u.themePalettes[e.theme]||u.palette}:a=e,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.min")?a.style.chart.scale.min=p.config.style.chart.scale.min:a.style.chart.scale.min=null,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.max")?a.style.chart.scale.max=p.config.style.chart.scale.max:a.style.chart.scale.max=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.startIndex")?a.style.chart.zoom.startIndex=p.config.style.chart.zoom.startIndex:a.style.chart.zoom.startIndex=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.endIndex")?a.style.chart.zoom.endIndex=p.config.style.chart.zoom.endIndex:a.style.chart.zoom.endIndex=null,a}l.watch(()=>p.config,e=>{t.value=ye(),ee.value=!t.value.showOnChartHover,le(),j.value+=1,J.value+=1,K.value+=1},{deep:!0}),l.watch(()=>p.dataset,()=>{le(),j.value+=1,J.value+=1,K.value+=1},{deep:!0});const ge=l.ref(t.value.style.chart.aspectRatio),{isPrinting:pe,isImaging:me,generatePdf:be,generateImage:xe}=Ee.usePrinter({elementId:`xy_canvas_${Z.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),s=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function He(e){U.value=e,se.value+=1}const ke=l.computed(()=>u.convertCustomPalette(t.value.customPalette)),w=l.computed(()=>R.value?Math.max(...R.value.filter((e,a)=>!C.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),o=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:T.value,left:g.value*t.value.style.chart.paddingProportions.left,top:T.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:T.value-T.value*t.value.style.chart.paddingProportions.bottom,width:e,height:T.value-T.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(n.value.end-n.value.start)}});function Le(e,a){return e/a}function Ve({hasAutoScale:e,series:a,min:r,max:d,scale:h,yOffset:m,individualHeight:v,stackIndex:b=null}){return a.map((L,oe)=>{const $=h.min<0?Math.abs(h.min):0,I=Le(L+$,$+h.max);let P,D;e&&(P=Math.abs(h.min),D=Le(L+P,h.max+P));let F=0;return b===null?F=o.value.bottom-o.value.height*(e?D:I):F=o.value.bottom-m-v*(e?D:I),{x:o.value.left+o.value.slot*oe+o.value.slot/2,y:F,value:L}})}const x=l.computed(()=>{const e=t.value.style.chart.scale.min!==null?t.value.style.chart.scale.min:Math.min(...R.value.filter((v,b)=>!C.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(n.value.start,n.value.end))),a=t.value.style.chart.scale.max!==null?t.value.style.chart.scale.max:Math.max(...R.value.filter((v,b)=>!C.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(n.value.start,n.value.end))),r=u.calculateNiceScale(e<0?e:0,a===e?e+1<0?0:e+1:a<0?0:a,t.value.style.chart.scale.ticks),d=r.min<0?Math.abs(r.min):0,h=o.value.bottom-o.value.height*(d/(r.max+d)),m=r.ticks.map(v=>({y:o.value.bottom-o.value.height*((v+d)/(r.max+d)),x:o.value.left-8,value:v}));return{absoluteMin:d,max:a,min:e,scale:r,yLabels:m,zero:h}}),Ue=l.computed(()=>y.value.map(e=>`
             <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
                 <svg viewBox="0 0 10 10" height="12" width="12">
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>

package/package.json

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

package/dist/Slicer-BfoWfns5.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),oe=require("./BaseIcon-DlQD7QSN.cjs"),T=require("./useResponsive-BJ7DTGpm.cjs"),f=require("./index-D_FF1L8g.cjs"),ie=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),A=a=>(e.pushScopeId("data-v-9899c571"),a=a(),e.popScopeId(),a),re={class:"vue-data-ui-slicer-labels",style:{position:"relative","z-index":"1","pointer-events":"none"}},ue={key:0,style:{width:"100%",position:"relative"}},se={key:0,class:"minimap",style:{width:"100%"}},ce=["xmlns","viewBox"],de=["id"],me=["stop-color"],ve=A(()=>e.createElementVNode("stop",{offset:"100%","stop-color":"transparent"},null,-1)),he=["d","stroke"],fe=["x","width","height","fill","rx"],pe=["d","fill"],ge=["x","width","height","rx","fill"],ye=["x","width","height","fill","rx"],xe=["d","fill"],be=["d","stroke"],Se=["cx","cy","stroke","fill"],ke=["cx","cy","stroke","fill"],Ne=["x1","x2","y2","stroke"],Ee=["x","height","width","onMouseenter"],we=A(()=>e.createElementVNode("div",{class:"slider-track"},null,-1)),Ce=["min","max"],Ve=["min","max"],Be={__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},enableRangeHandles:{type:Boolean,default:!1},enableSelectionDrag:{type:Boolean,default:!0},verticalHandles:{type:Boolean,default:!1}},emits:["update:start","update:end","reset","trapMouse"],setup(a,{expose:H,emit:v}){const l=a;e.useCssVars(t=>({ba94f7fc:O.value,"3aab0c76":p.value,e5b82d32:U.value,"1ae04da6":a.selectColor,"2f6d1598":W.value}));const b=e.ref(null),r=e.ref(l.min),u=e.ref(l.max),h=e.computed(()=>!!l.minimap.length),S=e.ref(f.createUid()),X=e.computed(()=>l.refreshEndPoint===null?l.max:l.refreshEndPoint),q=e.computed(()=>{const t=l.max-l.min,n=(r.value-l.min)/t*100,o=(u.value-l.min)/t*100;return{left:`${n}%`,width:`${o-n}%`,background:l.selectColor}}),O=e.computed(()=>l.inputColor),W=e.computed(()=>l.background),U=e.computed(()=>`${l.selectColor}33`),p=e.computed(()=>l.borderColor),$=e.computed(()=>{let t=[];for(let n=0;n<l.minimap.length;n+=1)t.push(n);return t});function z(){v("reset")}function j(){Number(r.value)>Number(u.value)-1&&(r.value=Number(u.value)-1),v("update:start",Number(r.value))}function Z(){Number(u.value)<Number(r.value)+1&&(u.value=Number(r.value)+1),v("update:end",Number(u.value))}e.watch(()=>l.min,t=>{Number(r.value)<Number(t)&&(r.value=Number(t)),Number(u.value)<Number(t)&&(u.value=Number(t))}),e.watch(()=>l.max,t=>{Number(r.value)>Number(t)&&(r.value=Number(t)),Number(u.value)>Number(t)&&(u.value=Number(t))});const k=e.ref(null),i=e.ref({width:1,height:1}),x=e.ref(null);e.onMounted(()=>{if(h.value){const t=T.throttle(()=>{const{width:n,height:o}=T.useResponsive({chart:k.value});i.value.width=n,i.value.height=o-47});x.value=new ResizeObserver(t),x.value.observe(k.value)}}),e.onBeforeUnmount(()=>{x.value&&x.value.disconnect()});const s=e.computed(()=>l.minimap.length?i.value.width/l.minimap.length:0),d=e.computed(()=>{if(!l.minimap.length)return[];const t=Math.max(...l.minimap),n=Math.min(...l.minimap)-10,o=t-(n>0?0:n),c=l.minimap.map((le,ae)=>{const ne=le-n;return{x:i.value.width/l.minimap.length*ae+s.value/2,y:i.value.height-ne/o*(i.value.height*.9)}}),y=l.smoothMinimap?f.createSmoothPath(c):f.createStraightPath(c),M=[...c].slice(l.valueStart,l.valueEnd),te=l.smoothMinimap?f.createSmoothPath(M):f.createStraightPath(M);return{fullSet:y,selectionSet:te,sliced:M,firstPlot:c[l.valueStart],lastPlot:c[l.valueEnd-1]}}),m=e.computed(()=>({x:s.value*r.value+s.value/2,width:i.value.width*((u.value-r.value)/l.max)-s.value})),G=e.computed(()=>({left:0,color:l.textColor,fontSize:`${l.fontSize}px`,top:h.value?"28px":"-28px",pointerEvents:"none"})),J=e.computed(()=>({right:0,color:l.textColor,fontSize:`${l.fontSize}px`,top:h.value?"28px":"-28px",direction:"rtl",pointerEvents:"none"})),g=e.ref(l.minimapSelectedIndex);e.watch(()=>l.minimapSelectedIndex,t=>{g.value=t+l.valueStart},{immediate:!0});function K(t){g.value=t,t>=l.valueStart&&t<l.valueEnd&&v("trapMouse",t-l.valueStart)}const Q=e.ref(0),N=e.ref(null),E=e.ref(null);function w(t){r.value=t,N.value&&(N.value.value=t),v("update:start",Number(r.value))}function C(t){u.value=t,E.value&&(E.value.value=t),v("update:end",Number(u.value))}const L=e.computed(()=>l.valueEnd-l.valueStart),V=e.ref(!1);let B=e.ref(null);const Y=e.computed(()=>b.value?(b.value.getBoundingClientRect().width-48)/(l.max-l.min):20),D=t=>{if(!l.enableSelectionDrag)return;const n=t.type==="touchstart";if((n?t.targetTouches[0].target:t.target).classList.contains("range-handle"))return;V.value=!0,B.value=n?t.targetTouches[0].clientX:t.clientX;const c=n?_:P,y=n?ee:F;window.addEventListener(n?"touchmove":"mousemove",c,{passive:!1}),window.addEventListener(n?"touchend":"mouseup",y)};function P(t){R(t.clientX)}function _(t){t.target.classList.contains("range-handle")||(t.preventDefault(),R(t.targetTouches[0].clientX))}function R(t){if(!V.value)return;const n=t-B.value;if(Math.abs(n)>Y.value){if(n>0){if(Number(u.value)+1<=l.max){const o=Number(u.value)+1;C(o),w(o-L.value)}}else if(Number(r.value)-1>=l.min){const o=Number(r.value)-1;w(o),C(o+L.value)}B.value=t}}function F(){I("mousemove","mouseup")}function ee(){I("touchmove","touchend")}function I(t,n){V.value=!1,window.removeEventListener(t,P),window.removeEventListener(n,F)}return H({setStartValue:w,setEndValue:C}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{"data-html2canvas-ignore":"",style:{padding:"0 24px"},class:"vue-data-ui-zoom",ref_key:"zoomWrapper",ref:b,onMousedown:D,onTouchstart:D},[e.createElementVNode("div",re,[a.valueStart!==a.refreshStartPoint||a.valueEnd!==X.value?(e.openBlock(),e.createElementBlock("div",ue,[a.useResetSlot?e.renderSlot(t.$slots,"reset-action",{key:1,reset:z},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:h.value?"36px":"-16px",pointerEvents:"all !important"}),onClick:z},[e.createVNode(oe.default,{name:"refresh",stroke:a.textColor},null,8,["stroke"])],4))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"double-range-slider",ref_key:"minimapWrapper",ref:k,style:{"z-index":"0"}},[h.value?(e.openBlock(),e.createElementBlock("div",se,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(f.XMLNS),viewBox:`0 0 ${i.value.width<0?0:i.value.width} ${i.value.height<0?0:i.value.height}`},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:S.value,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${a.minimapLineColor}50`},null,8,me),ve],8,de)]),e.createElementVNode("path",{d:`M${d.value.fullSet}`,stroke:`${a.minimapLineColor}`,fill:"none","stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round",style:{opacity:"1"}},null,8,he),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(i.value.height,0),y:0,fill:p.value,rx:a.minimapSelectionRadius,stroke:"none"},null,8,fe),e.createElementVNode("path",{d:`M${s.value/2},${Math.max(i.value.height,0)} ${d.value.fullSet} L${i.value.width-s.value/2},${Math.max(i.value.height,0)}Z`,fill:`url(#${S.value})`,stroke:"none",style:{opacity:"1"}},null,8,pe),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(i.value.height,0),y:0,rx:a.minimapSelectionRadius,fill:p.value},null,8,ge),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(i.value.height,0),y:0,fill:a.minimapSelectedColor,rx:a.minimapSelectionRadius,style:e.normalizeStyle({opacity:a.minimapSelectedColorOpacity})},null,12,ye),e.createElementVNode("path",{d:`M${d.value.sliced[0].x},${Math.max(i.value.height,0)} ${d.value.selectionSet} L${d.value.sliced.at(-1).x},${Math.max(i.value.height,0)}Z`,fill:`url(#${S.value})`,stroke:"none",style:{opacity:"1"}},null,8,xe),e.createElementVNode("path",{d:`M ${d.value.selectionSet}`,stroke:`${a.minimapLineColor}`,fill:"transparent","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,be),e.createElementVNode("circle",{cx:d.value.firstPlot.x,cy:d.value.firstPlot.y,"stroke-width":"0.5",stroke:p.value,r:"3",fill:a.minimapLineColor},null,8,Se),e.createElementVNode("circle",{cx:d.value.lastPlot.x,cy:d.value.lastPlot.y,"stroke-width":"0.5",stroke:p.value,r:"3",fill:a.minimapLineColor},null,8,ke),g.value!==null?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList($.value,(o,c)=>(e.openBlock(),e.createElementBlock("g",null,[g.value===o&&o>=a.valueStart&&o<a.valueEnd?(e.openBlock(),e.createElementBlock("line",{key:0,x1:s.value*c+s.value/2,x2:s.value*c+s.value/2,y1:0,y2:Math.max(i.value.height,0),stroke:a.minimapIndicatorColor,"stroke-linecap":"round","stroke-dasharray":"2","stroke-width":"1"},null,8,Ne)):e.createCommentVNode("",!0)]))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value,(o,c)=>(e.openBlock(),e.createElementBlock("rect",{x:s.value*c,y:0,height:Math.max(i.value.height,0),width:s.value<0?0:s.value,fill:"transparent",style:e.normalizeStyle([{"pointer-events":"all !important"},{cursor:o>=a.valueStart&&o<a.valueEnd&&a.enableSelectionDrag?"move":"default"}]),onMouseenter:y=>K(o),onMouseleave:n[0]||(n[0]=y=>{g.value=null,v("trapMouse",null)})},null,44,Ee))),256))],8,ce))])):e.createCommentVNode("",!0),we,e.createElementVNode("div",{class:e.normalizeClass({"range-highlight":!0,move:a.enableSelectionDrag}),style:e.normalizeStyle(q.value)},null,6),a.enableRangeHandles?e.withDirectives((e.openBlock(),e.createElementBlock("input",{ref_key:"rangeStart",ref:N,key:`range-min${Q.value}`,type:"range",class:e.normalizeClass({"range-left":!0,"range-handle":!0,"range-minimap":h.value&&a.verticalHandles}),min:a.min,max:a.max,"onUpdate:modelValue":n[1]||(n[1]=o=>r.value=o),onInput:j},null,42,Ce)),[[e.vModelText,r.value]]):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"thumb-label thumb-label-left",style:e.normalizeStyle(G.value)},e.toDisplayString(a.labelLeft),5),a.enableRangeHandles?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:2,ref_key:"rangeEnd",ref:E,type:"range",class:e.normalizeClass({"range-right":!0,"range-handle":!0,"range-minimap":h.value&&a.verticalHandles}),min:a.min,max:a.max,"onUpdate:modelValue":n[2]||(n[2]=o=>u.value=o),onInput:Z},null,42,Ve)),[[e.vModelText,u.value]]):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"thumb-label thumb-label-right",style:e.normalizeStyle(J.value)},e.toDisplayString(a.labelRight),5)],512)],544))}},Me=ie._export_sfc(Be,[["__scopeId","data-v-9899c571"]]);exports.Slicer=Me;