vue-data-ui 2.4.74 → 2.4.76

package/dist/{vue-ui-xy-canvas-BWFJ6yrJ.js → vue-ui-xy-canvas-mtxLsToQ.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-BU-qdyPq.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-CpNLsWVB.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-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 { _ as el } from "./Tooltip-Dz6sXvS2.js";
+import { L as al } from "./Legend-BBFx9L7u.js";
+import { _ as ll } from "./Title-CmyP_ypC.js";
+import { S as tl } from "./Slicer-4vVJHlL9.js";
+import { u as ol, U as rl } from "./usePrinter-D76t2otk.js";
+import ul from "./vue-ui-accordion-7RGF7sa1.js";
+import { D as sl } from "./DataTable-CC3rD9iV.js";
+import nl from "./vue-ui-skeleton-CIp8lMA6.js";
+import { u as sa } from "./useNestedProp-C14snYQ3.js";
+import { P as il } from "./PenAndPaper-BKX-8o1h.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/package.json

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

package/dist/Slicer-C_yCrY6L.cjs

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