vue-data-ui 2.4.64 → 2.4.66

package/dist/Legend-CpC2khOT.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./index-D34VnlKo.cjs"),d=require("./Shape-CDFEALe-.cjs"),u=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),s=["id"],f=["onClick","height","width"],g={__name:"Legend",props:{legendSet:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}},id:{type:String,default:""},clickable:{type:Boolean,default:!0}},emits:["clickMarker"],setup(t,{emit:c}){function r(i,l){c("clickMarker",{legend:i,i:l})}return(i,l)=>(e.openBlock(),e.createElementBlock("div",{id:t.id,class:"vue-data-ui-legend",style:e.normalizeStyle(`background:${t.config.backgroundColor};font-size:${t.config.fontSize}px;color:${t.config.color};padding-bottom:${t.config.paddingBottom}px;padding-top:${t.config.paddingTop||12}px;font-weight:${t.config.fontWeight}`)},[e.renderSlot(i.$slots,"legendTitle",{titleSet:t.legendSet},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.legendSet,(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"vue-data-ui-legend-item":!0,active:t.clickable})},[n.shape?(e.openBlock(),e.createElementBlock("svg",{key:0,onClick:m=>r(n,o),height:t.config.fontSize,width:t.config.fontSize,viewBox:"0 0 60 60",style:e.normalizeStyle(`overflow: visible;opacity:${n.opacity}`)},[e.createVNode(d._sfc_main,{shape:n.shape,radius:30,stroke:"none",plot:{x:30,y:30},fill:n.color},null,8,["shape","fill"]),e.renderSlot(i.$slots,"legend-pattern",e.normalizeProps(e.guardReactiveProps({legend:n,index:e.unref(a.isValidUserValue)(n.absoluteIndex)?n.absoluteIndex:o})),void 0,!0)],12,f)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"item",{legend:n,index:o},void 0,!0)],2))),256))],12,s))}},k=u._export_sfc(g,[["__scopeId","data-v-f1db6c9f"]]);exports.Legend=k;

package/dist/{PackageVersion-FzHnQSp-.cjs → PackageVersion-BTEZS-AO.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),t="2.4.64",n={"aria-hidden":"true"},s={__name:"PackageVersion",setup(c){return(r,o)=>(e.openBlock(),e.createElementBlock("desc",n,"Composed with Vue Data UI "+e.toDisplayString(e.unref(t)),1))}};exports._sfc_main=s;
+"use strict";const e=require("vue"),t="2.4.66",n={"aria-hidden":"true"},s={__name:"PackageVersion",setup(c){return(r,o)=>(e.openBlock(),e.createElementBlock("desc",n,"Composed with Vue Data UI "+e.toDisplayString(e.unref(t)),1))}};exports._sfc_main=s;

package/dist/{PackageVersion-B684aQUP.js → PackageVersion-yUQtXKwp.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "2.4.64", s = { "aria-hidden": "true" }, p = {
+const n = "2.4.66", s = { "aria-hidden": "true" }, p = {
   __name: "PackageVersion",
   setup(a) {
     return (c, _) => (e(), t("desc", s, "Composed with Vue Data UI " + o(r(n)), 1));

package/dist/{PenAndPaper-C6I0ckZw.cjs → PenAndPaper-BaKbiNrh.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),M=require("./index-D-xYtUSL.cjs"),E=require("./BaseIcon-D13bKBUN.cjs"),U=require("./usePrinter-pT-a_sFr.cjs"),L=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),W={style:{height:"100%",width:"100%",position:"relative"}},A={class:"icon"},H=["onClick"],Q={style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -46%)"}},_=["value"],j={__name:"ColorPicker",props:{value:{type:String,default:"#ffffff"},size:{type:String,default:"50px"},backgroundColor:{type:String,default:"#FFFFFF"},buttonBorderColor:{type:String,default:"#FFFFFF"}},emits:["update:value"],setup(a,{emit:P}){const p=a,f=e.computed(()=>({backgroundColor:p.value,width:"100%",height:"100%",cursor:"pointer"})),h=e.ref(null),g=e.ref(!1),b=()=>{var u;(u=h.value)==null||u.click()};function B(u){P("update:value",u),g.value=!1}function y(){g.value=!1}function N(){g.value&&y()}const x=u=>{const $=u.target.value;P("update:value",$)},C=e.computed(()=>M.adaptColorToBackground(p.value));e.watch(()=>p.value,u=>{h.value.value=u});const F=e.ref(["#000000","#FFFFFF","#FF5733","#33FF57","#3357FF","#FFC300","#800080","#FF1493","#00CED1"]);return(u,$)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("div",{onClick:$[0]||($[0]=w=>g.value=!g.value),style:e.normalizeStyle(f.value)},[e.createElementVNode("div",A,[e.createVNode(E.default,{name:"palette",stroke:C.value,size:22},null,8,["stroke"])])],4),g.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vue-ui-color-picker",style:e.normalizeStyle({backgroundColor:a.backgroundColor})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,w=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-color-picker-option",style:e.normalizeStyle({backgroundColor:w,outline:`1px solid ${a.buttonBorderColor}`}),onClick:()=>B(w)},null,12,H))),256)),e.createElementVNode("div",{class:"vue-ui-color-picker-option",onClick:b,style:e.normalizeStyle({backgroundColor:a.value,outline:`1px solid ${a.buttonBorderColor}`})},[e.createElementVNode("div",Q,[e.createVNode(E.default,{name:"colorPicker",stroke:C.value,size:22},null,8,["stroke"])]),e.createElementVNode("input",{ref_key:"colorInput",ref:h,type:"color",value:a.value,class:"hidden-input",onInput:x},null,40,_)],4)],4)):e.createCommentVNode("",!0)])),[[e.unref(U.vClickOutside),N]])}},G=L._export_sfc(j,[["__scopeId","data-v-84e6c062"]]),J={class:e.normalizeClass({"vue-ui-pen-and-paper-action":!0}),style:{padding:"0 !important"}},K=["disabled"],Z=["xmlns","viewBox","onTouchstart","onTouchmove"],ee=["cx","cy","r","fill"],te=["d","stroke","stroke-width"],oe=["d","stroke","stroke-width"],ne={__name:"PenAndPaper",props:{parent:{type:HTMLElement},backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#2D353C"},active:{type:Boolean,default:!1}},emits:["close"],setup(a,{emit:P}){const p=a,f=e.ref([]),h=e.ref([]),g=e.ref("0 0 0 0"),b=e.ref(p.color),B=e.ref(1),y=e.computed(()=>M.lightenHexColor(p.color,.6));function N({width:n,height:o}){g.value=`0 0 ${n} ${o}`}const x=e.ref(null);e.onMounted(()=>{e.nextTick(()=>{if(p.parent){x.value=new ResizeObserver(t=>{for(const l of t){const{width:r,height:c}=l.contentRect;N({width:r,height:c})}}),x.value.observe(p.parent);const{width:n,height:o}=p.parent.getBoundingClientRect();N({width:n,height:o})}})}),e.onBeforeUnmount(()=>{x.value&&x.value.disconnect()}),e.watch(()=>p.parent,n=>{if(!n)return;const{width:o,height:t}=p.parent.getBoundingClientRect();N({width:o,height:t})},{immediate:!0});const C=e.ref(!1),F=e.ref(""),u=e.ref(null);function $(n){if(!u.value)return;C.value=!0;const{x:o,y:t}=D(n);F.value=`M ${o} ${t}`}function w(n){if(!C.value||!u.value)return;const{x:o,y:t}=D(n);F.value+=` ${o} ${t}`}function X(n){const o=n.trim().split(/\s+/);if(o.length<4)return n;const t=o.slice(1).map(Number);if(t.length%2!==0)return n;const l=T(t),r=[`M ${l[0]} ${l[1]}`];for(let i=2;i<l.length-2;i+=2){const k=l[i-2],m=l[i-1],d=l[i],v=l[i+1],V=(k+d)/2,z=(m+v)/2;r.push(`Q ${k} ${m} ${V} ${z}`)}const c=l[l.length-2],s=l[l.length-1];return r.push(`L ${c} ${s}`),r.join(" ")}function T(n,o=1){const t=[...n];for(let l=2;l<n.length-2;l+=2){const r=n[l],c=n[l+1],s=n[l-2],i=n[l-1],k=n[l+2],m=n[l+3];t[l]=r+o*((s+k)/2-r),t[l+1]=c+o*((i+m)/2-c)}return t}function Y(n){const o=n.trim().split(/\s+/);let t="",l="",r=null,c=null;for(let s=0;s<o.length;s+=1){const i=o[s];if(isNaN(i)){if(l=i,l==="M"||l==="L")r=parseFloat(o[++s]),c=parseFloat(o[++s]),t+=`${l}${r} ${c}`;else if(l==="Q"){const k=parseFloat(o[++s]),m=parseFloat(o[++s]),d=parseFloat(o[++s]),v=parseFloat(o[++s]);k===r&&m===c?t+=`t${d-r} ${v-c}`:t+=`q${k-r} ${m-c} ${d-r} ${v-c}`,r=d,c=v}}else{const k=parseFloat(i),m=parseFloat(o[++s]);if(l==="L"){const d=k-r,v=m-c;d===0?t+=`v${v}`:v===0?t+=`h${d}`:t+=`l${d} ${v}`,r=k,c=m}else if(l==="Q"){const d=k,v=m,V=parseFloat(o[++s]),z=parseFloat(o[++s]);d===r&&v===c?t+=`t${V-r} ${z-c}`:t+=`q${d-r} ${v-c} ${V-r} ${z-c}`,r=V,c=z}}}return t}function S(){C.value&&(f.value.push({strokeWidth:B.value,path:Y(X(F.value)),color:b.value}),h.value=[],F.value=""),C.value=!1}function D(n){if(!u.value)return{x:0,y:0};const o=u.value.getBoundingClientRect();let t,l;return n.touches&&n.touches.length?(t=n.touches[0].clientX,l=n.touches[0].clientY):(t=n.clientX,l=n.clientY),{x:t-o.left,y:l-o.top}}e.ref(!1);function q(){if(f.value.length>0){const n=f.value.pop();h.value.push(n)}}function I(){if(h.value.length>0){const n=h.value.pop();f.value.push(n)}}function R(){f.value=[],h.value=[]}const O=e.ref(null);return(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[a.active?(e.openBlock(),e.createElementBlock("div",{key:0,"data-html2canvas-ignore":"",class:e.normalizeClass({"vue-ui-pen-and-paper-actions":!0,visible:a.active})},[e.createElementVNode("button",{class:"vue-ui-pen-and-paper-action",style:e.normalizeStyle({backgroundColor:a.backgroundColor,border:`1px solid ${y.value}`}),onClick:o[0]||(o[0]=t=>P("close"))},[e.createVNode(E.default,{name:"close",stroke:a.color},null,8,["stroke"])],4),e.createElementVNode("button",J,[e.createVNode(G,{value:b.value,"onUpdate:value":o[1]||(o[1]=t=>b.value=t),backgroundColor:a.backgroundColor,buttonBorderColor:y.value},null,8,["value","backgroundColor","buttonBorderColor"])]),e.createElementVNode("button",{class:e.normalizeClass({"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!f.value.length}),disabled:!f.value.length,style:e.normalizeStyle({backgroundColor:a.backgroundColor,border:`1px solid ${y.value}`}),onClick:q},[e.createVNode(E.default,{name:"restart",stroke:a.color},null,8,["stroke"])],14,K),e.createElementVNode("button",{class:e.normalizeClass({"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!h.value.length}),style:e.normalizeStyle({backgroundColor:a.backgroundColor,border:`1px solid ${y.value}`}),onClick:I},[e.createVNode(E.default,{name:"restart",stroke:a.color,style:{transform:"scaleX(-1)"}},null,8,["stroke"])],6),e.createElementVNode("button",{class:e.normalizeClass([{"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!f.value.length},"vue-ui-pen-and-paper-action"]),style:e.normalizeStyle({backgroundColor:a.backgroundColor,border:`1px solid ${y.value}`}),onClick:R},[e.createVNode(E.default,{name:"trash",stroke:a.color},null,8,["stroke"])],6),e.withDirectives(e.createElementVNode("input",{ref_key:"range",ref:O,type:"range",class:"vertical-range",min:.5,max:12,step:.1,"onUpdate:modelValue":o[2]||(o[2]=t=>B.value=t),style:e.normalizeStyle({accentColor:a.color})},null,4),[[e.vModelText,B.value]])],2)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:u,xmlns:e.unref(M.XMLNS),viewBox:g.value,class:e.normalizeClass({"vue-ui-pen-and-paper":!0,inactive:!a.active}),onMousedown:$,onMousemove:w,onMouseup:S,onMouseleave:S,onTouchstart:e.withModifiers($,["prevent"]),onTouchmove:e.withModifiers(w,["prevent"]),onTouchend:S},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[t.path.replace("M","").split(" ").length===2?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:t.path.replace("M","").split(" ")[0],cy:t.path.replace("M","").split(" ")[1],r:t.strokeWidth/2,fill:t.color},null,8,ee)):(e.openBlock(),e.createElementBlock("path",{key:1,class:"vue-ui-pen-and-paper-path",d:t.path,stroke:t.color,"stroke-width":t.strokeWidth,fill:"none"},null,8,te))],64))),128)),C.value?(e.openBlock(),e.createElementBlock("path",{key:0,class:"vue-ui-pen-and-paper-path vue-ui-pen-and-paper-path-drawing",d:X(F.value),stroke:b.value,"stroke-width":B.value*1.1,fill:"none"},null,8,oe)):e.createCommentVNode("",!0)],42,Z))],64))}},le=L._export_sfc(ne,[["__scopeId","data-v-a932b1ac"]]);exports.PenAndPaper=le;
+"use strict";const e=require("vue"),M=require("./index-D34VnlKo.cjs"),E=require("./BaseIcon-DDhFGhji.cjs"),U=require("./usePrinter-VZV9i0vE.cjs"),L=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),W={style:{height:"100%",width:"100%",position:"relative"}},A={class:"icon"},H=["onClick"],Q={style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -46%)"}},_=["value"],j={__name:"ColorPicker",props:{value:{type:String,default:"#ffffff"},size:{type:String,default:"50px"},backgroundColor:{type:String,default:"#FFFFFF"},buttonBorderColor:{type:String,default:"#FFFFFF"}},emits:["update:value"],setup(a,{emit:P}){const p=a,f=e.computed(()=>({backgroundColor:p.value,width:"100%",height:"100%",cursor:"pointer"})),h=e.ref(null),g=e.ref(!1),b=()=>{var u;(u=h.value)==null||u.click()};function B(u){P("update:value",u),g.value=!1}function y(){g.value=!1}function N(){g.value&&y()}const x=u=>{const $=u.target.value;P("update:value",$)},C=e.computed(()=>M.adaptColorToBackground(p.value));e.watch(()=>p.value,u=>{h.value.value=u});const F=e.ref(["#000000","#FFFFFF","#FF5733","#33FF57","#3357FF","#FFC300","#800080","#FF1493","#00CED1"]);return(u,$)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("div",{onClick:$[0]||($[0]=w=>g.value=!g.value),style:e.normalizeStyle(f.value)},[e.createElementVNode("div",A,[e.createVNode(E.default,{name:"palette",stroke:C.value,size:22},null,8,["stroke"])])],4),g.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vue-ui-color-picker",style:e.normalizeStyle({backgroundColor:a.backgroundColor})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,w=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-color-picker-option",style:e.normalizeStyle({backgroundColor:w,outline:`1px solid ${a.buttonBorderColor}`}),onClick:()=>B(w)},null,12,H))),256)),e.createElementVNode("div",{class:"vue-ui-color-picker-option",onClick:b,style:e.normalizeStyle({backgroundColor:a.value,outline:`1px solid ${a.buttonBorderColor}`})},[e.createElementVNode("div",Q,[e.createVNode(E.default,{name:"colorPicker",stroke:C.value,size:22},null,8,["stroke"])]),e.createElementVNode("input",{ref_key:"colorInput",ref:h,type:"color",value:a.value,class:"hidden-input",onInput:x},null,40,_)],4)],4)):e.createCommentVNode("",!0)])),[[e.unref(U.vClickOutside),N]])}},G=L._export_sfc(j,[["__scopeId","data-v-84e6c062"]]),J={class:e.normalizeClass({"vue-ui-pen-and-paper-action":!0}),style:{padding:"0 !important"}},K=["disabled"],Z=["xmlns","viewBox","onTouchstart","onTouchmove"],ee=["cx","cy","r","fill"],te=["d","stroke","stroke-width"],oe=["d","stroke","stroke-width"],ne={__name:"PenAndPaper",props:{parent:{type:HTMLElement},backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#2D353C"},active:{type:Boolean,default:!1}},emits:["close"],setup(a,{emit:P}){const p=a,f=e.ref([]),h=e.ref([]),g=e.ref("0 0 0 0"),b=e.ref(p.color),B=e.ref(1),y=e.computed(()=>M.lightenHexColor(p.color,.6));function N({width:n,height:o}){g.value=`0 0 ${n} ${o}`}const x=e.ref(null);e.onMounted(()=>{e.nextTick(()=>{if(p.parent){x.value=new ResizeObserver(t=>{for(const l of t){const{width:r,height:c}=l.contentRect;N({width:r,height:c})}}),x.value.observe(p.parent);const{width:n,height:o}=p.parent.getBoundingClientRect();N({width:n,height:o})}})}),e.onBeforeUnmount(()=>{x.value&&x.value.disconnect()}),e.watch(()=>p.parent,n=>{if(!n)return;const{width:o,height:t}=p.parent.getBoundingClientRect();N({width:o,height:t})},{immediate:!0});const C=e.ref(!1),F=e.ref(""),u=e.ref(null);function $(n){if(!u.value)return;C.value=!0;const{x:o,y:t}=D(n);F.value=`M ${o} ${t}`}function w(n){if(!C.value||!u.value)return;const{x:o,y:t}=D(n);F.value+=` ${o} ${t}`}function X(n){const o=n.trim().split(/\s+/);if(o.length<4)return n;const t=o.slice(1).map(Number);if(t.length%2!==0)return n;const l=T(t),r=[`M ${l[0]} ${l[1]}`];for(let i=2;i<l.length-2;i+=2){const k=l[i-2],m=l[i-1],d=l[i],v=l[i+1],V=(k+d)/2,z=(m+v)/2;r.push(`Q ${k} ${m} ${V} ${z}`)}const c=l[l.length-2],s=l[l.length-1];return r.push(`L ${c} ${s}`),r.join(" ")}function T(n,o=1){const t=[...n];for(let l=2;l<n.length-2;l+=2){const r=n[l],c=n[l+1],s=n[l-2],i=n[l-1],k=n[l+2],m=n[l+3];t[l]=r+o*((s+k)/2-r),t[l+1]=c+o*((i+m)/2-c)}return t}function Y(n){const o=n.trim().split(/\s+/);let t="",l="",r=null,c=null;for(let s=0;s<o.length;s+=1){const i=o[s];if(isNaN(i)){if(l=i,l==="M"||l==="L")r=parseFloat(o[++s]),c=parseFloat(o[++s]),t+=`${l}${r} ${c}`;else if(l==="Q"){const k=parseFloat(o[++s]),m=parseFloat(o[++s]),d=parseFloat(o[++s]),v=parseFloat(o[++s]);k===r&&m===c?t+=`t${d-r} ${v-c}`:t+=`q${k-r} ${m-c} ${d-r} ${v-c}`,r=d,c=v}}else{const k=parseFloat(i),m=parseFloat(o[++s]);if(l==="L"){const d=k-r,v=m-c;d===0?t+=`v${v}`:v===0?t+=`h${d}`:t+=`l${d} ${v}`,r=k,c=m}else if(l==="Q"){const d=k,v=m,V=parseFloat(o[++s]),z=parseFloat(o[++s]);d===r&&v===c?t+=`t${V-r} ${z-c}`:t+=`q${d-r} ${v-c} ${V-r} ${z-c}`,r=V,c=z}}}return t}function S(){C.value&&(f.value.push({strokeWidth:B.value,path:Y(X(F.value)),color:b.value}),h.value=[],F.value=""),C.value=!1}function D(n){if(!u.value)return{x:0,y:0};const o=u.value.getBoundingClientRect();let t,l;return n.touches&&n.touches.length?(t=n.touches[0].clientX,l=n.touches[0].clientY):(t=n.clientX,l=n.clientY),{x:t-o.left,y:l-o.top}}e.ref(!1);function q(){if(f.value.length>0){const n=f.value.pop();h.value.push(n)}}function I(){if(h.value.length>0){const n=h.value.pop();f.value.push(n)}}function R(){f.value=[],h.value=[]}const O=e.ref(null);return(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[a.active?(e.openBlock(),e.createElementBlock("div",{key:0,"data-html2canvas-ignore":"",class:e.normalizeClass({"vue-ui-pen-and-paper-actions":!0,visible:a.active})},[e.createElementVNode("button",{class:"vue-ui-pen-and-paper-action",style:e.normalizeStyle({backgroundColor:a.backgroundColor,border:`1px solid ${y.value}`}),onClick:o[0]||(o[0]=t=>P("close"))},[e.createVNode(E.default,{name:"close",stroke:a.color},null,8,["stroke"])],4),e.createElementVNode("button",J,[e.createVNode(G,{value:b.value,"onUpdate:value":o[1]||(o[1]=t=>b.value=t),backgroundColor:a.backgroundColor,buttonBorderColor:y.value},null,8,["value","backgroundColor","buttonBorderColor"])]),e.createElementVNode("button",{class:e.normalizeClass({"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!f.value.length}),disabled:!f.value.length,style:e.normalizeStyle({backgroundColor:a.backgroundColor,border:`1px solid ${y.value}`}),onClick:q},[e.createVNode(E.default,{name:"restart",stroke:a.color},null,8,["stroke"])],14,K),e.createElementVNode("button",{class:e.normalizeClass({"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!h.value.length}),style:e.normalizeStyle({backgroundColor:a.backgroundColor,border:`1px solid ${y.value}`}),onClick:I},[e.createVNode(E.default,{name:"restart",stroke:a.color,style:{transform:"scaleX(-1)"}},null,8,["stroke"])],6),e.createElementVNode("button",{class:e.normalizeClass([{"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!f.value.length},"vue-ui-pen-and-paper-action"]),style:e.normalizeStyle({backgroundColor:a.backgroundColor,border:`1px solid ${y.value}`}),onClick:R},[e.createVNode(E.default,{name:"trash",stroke:a.color},null,8,["stroke"])],6),e.withDirectives(e.createElementVNode("input",{ref_key:"range",ref:O,type:"range",class:"vertical-range",min:.5,max:12,step:.1,"onUpdate:modelValue":o[2]||(o[2]=t=>B.value=t),style:e.normalizeStyle({accentColor:a.color})},null,4),[[e.vModelText,B.value]])],2)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:u,xmlns:e.unref(M.XMLNS),viewBox:g.value,class:e.normalizeClass({"vue-ui-pen-and-paper":!0,inactive:!a.active}),onMousedown:$,onMousemove:w,onMouseup:S,onMouseleave:S,onTouchstart:e.withModifiers($,["prevent"]),onTouchmove:e.withModifiers(w,["prevent"]),onTouchend:S},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[t.path.replace("M","").split(" ").length===2?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:t.path.replace("M","").split(" ")[0],cy:t.path.replace("M","").split(" ")[1],r:t.strokeWidth/2,fill:t.color},null,8,ee)):(e.openBlock(),e.createElementBlock("path",{key:1,class:"vue-ui-pen-and-paper-path",d:t.path,stroke:t.color,"stroke-width":t.strokeWidth,fill:"none"},null,8,te))],64))),128)),C.value?(e.openBlock(),e.createElementBlock("path",{key:0,class:"vue-ui-pen-and-paper-path vue-ui-pen-and-paper-path-drawing",d:X(F.value),stroke:b.value,"stroke-width":B.value*1.1,fill:"none"},null,8,oe)):e.createCommentVNode("",!0)],42,Z))],64))}},le=L._export_sfc(ne,[["__scopeId","data-v-a932b1ac"]]);exports.PenAndPaper=le;

package/dist/{PenAndPaper-mC0kh-S8.js → PenAndPaper-CYyJrFfM.js}

@@ -1,7 +1,7 @@
 import { computed as O, ref as c, watch as q, withDirectives as A, openBlock as p, createElementBlock as f, createElementVNode as C, normalizeStyle as b, createVNode as P, Fragment as R, renderList as H, createCommentVNode as V, unref as j, onMounted as oe, nextTick as ne, onBeforeUnmount as le, normalizeClass as T, vModelText as re, withModifiers as Q } from "vue";
-import { G as ae, l as se, X as ue } from "./index-DjTPIx3R.js";
-import D from "./BaseIcon-Axko0XAg.js";
-import { v as ce } from "./usePrinter-BFF1xn1s.js";
+import { G as ae, l as se, X as ue } from "./index-CTPLFZB1.js";
+import D from "./BaseIcon-BL0i0eFe.js";
+import { v as ce } from "./usePrinter-BOhLGHKi.js";
 import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ie = { style: { height: "100%", width: "100%", position: "relative" } }, de = { class: "icon" }, ve = ["onClick"], pe = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -46%)" } }, fe = ["value"], he = {
   __name: "ColorPicker",

package/dist/{Shape-DbnYh6z4.js → Shape-BpLTlC_C.js}

@@ -1,5 +1,5 @@
 import { computed as u, openBlock as l, createElementBlock as i, createCommentVNode as a } from "vue";
-import { V as p, O as f } from "./index-DjTPIx3R.js";
+import { V as p, O as f } from "./index-CTPLFZB1.js";
 const y = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], c = ["d", "fill", "stroke", "stroke-width"], g = ["points", "fill", "stroke", "stroke-width"], $ = {
   __name: "Shape",
   props: {

package/dist/{Shape-eJUVLesM.cjs → Shape-CDFEALe-.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./index-D-xYtUSL.cjs"),c=["cx","cy","r","fill","stroke","stroke-width"],m=["d","fill","stroke","stroke-width"],v=["points","fill","stroke","stroke-width"],p={__name:"Shape",props:{color:String,isSelected:{type:Boolean,default:!1},limit:{type:Number,default:3},plot:Object,radius:Number,shape:String,stroke:String,strokeWidth:Number,zoom:{type:Number,default:1.3}},emits:["mouseover","mouseout","click"],setup(n,{emit:r}){const t=n;function d(u){return{circle:{points:1,rotation:0},line:{points:2,rotation:0},triangle:{points:3,rotation:.52},square:{points:4,rotation:.783},diamond:{points:4,rotation:0},pentagon:{points:5,rotation:.95},hexagon:{points:6,rotation:0}}[u]}const s=e.computed(()=>d(t.shape)),i=e.computed(()=>t.shape!=="star"?null:a.createStar({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1)})),k=e.computed(()=>a.createPolygonPath({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1),sides:s.value.points,rotation:s.value.rotation}).path);return(u,o)=>(e.openBlock(),e.createElementBlock("g",null,[s.value&&s.value.points===1?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:n.plot.x,cy:n.plot.y,r:t.radius*(t.isSelected?t.zoom:1),fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[0]||(o[0]=l=>r("mouseover")),onMouseout:o[1]||(o[1]=l=>r("mouseout")),onClick:o[2]||(o[2]=l=>r("click"))},null,40,c)):e.createCommentVNode("",!0),s.value&&s.value.points>=n.limit?(e.openBlock(),e.createElementBlock("path",{key:1,d:k.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[3]||(o[3]=l=>r("mouseover")),onMouseout:o[4]||(o[4]=l=>r("mouseout")),onClick:o[5]||(o[5]=l=>r("click"))},null,40,m)):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createElementBlock("polygon",{key:2,points:i.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[6]||(o[6]=l=>r("mouseover")),onMouseout:o[7]||(o[7]=l=>r("mouseout")),onClick:o[8]||(o[8]=l=>r("click"))},null,40,v)):e.createCommentVNode("",!0)]))}};exports._sfc_main=p;
+"use strict";const e=require("vue"),a=require("./index-D34VnlKo.cjs"),c=["cx","cy","r","fill","stroke","stroke-width"],m=["d","fill","stroke","stroke-width"],v=["points","fill","stroke","stroke-width"],p={__name:"Shape",props:{color:String,isSelected:{type:Boolean,default:!1},limit:{type:Number,default:3},plot:Object,radius:Number,shape:String,stroke:String,strokeWidth:Number,zoom:{type:Number,default:1.3}},emits:["mouseover","mouseout","click"],setup(n,{emit:r}){const t=n;function d(u){return{circle:{points:1,rotation:0},line:{points:2,rotation:0},triangle:{points:3,rotation:.52},square:{points:4,rotation:.783},diamond:{points:4,rotation:0},pentagon:{points:5,rotation:.95},hexagon:{points:6,rotation:0}}[u]}const s=e.computed(()=>d(t.shape)),i=e.computed(()=>t.shape!=="star"?null:a.createStar({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1)})),k=e.computed(()=>a.createPolygonPath({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1),sides:s.value.points,rotation:s.value.rotation}).path);return(u,o)=>(e.openBlock(),e.createElementBlock("g",null,[s.value&&s.value.points===1?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:n.plot.x,cy:n.plot.y,r:t.radius*(t.isSelected?t.zoom:1),fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[0]||(o[0]=l=>r("mouseover")),onMouseout:o[1]||(o[1]=l=>r("mouseout")),onClick:o[2]||(o[2]=l=>r("click"))},null,40,c)):e.createCommentVNode("",!0),s.value&&s.value.points>=n.limit?(e.openBlock(),e.createElementBlock("path",{key:1,d:k.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[3]||(o[3]=l=>r("mouseover")),onMouseout:o[4]||(o[4]=l=>r("mouseout")),onClick:o[5]||(o[5]=l=>r("click"))},null,40,m)):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createElementBlock("polygon",{key:2,points:i.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[6]||(o[6]=l=>r("mouseover")),onMouseout:o[7]||(o[7]=l=>r("mouseout")),onClick:o[8]||(o[8]=l=>r("click"))},null,40,v)):e.createCommentVNode("",!0)]))}};exports._sfc_main=p;

package/dist/{Slicer-C9bF7-B-.cjs → Slicer-8RJ40s0G.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),oe=require("./BaseIcon-D13bKBUN.cjs"),T=require("./useResponsive-BJ7DTGpm.cjs"),h=require("./index-D-xYtUSL.cjs"),ie=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),A=a=>(e.pushScopeId("data-v-e79aac89"),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"],Se=["d","stroke"],be=["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}},emits:["update:start","update:end","reset","trapMouse"],setup(a,{expose:X,emit:v}){const l=a;e.useCssVars(t=>({f72a9d20:O.value,"1c6039e4":p.value,"731e6756":U.value,"06d509d8":a.selectColor,"67ae3ba2":W.value}));const S=e.ref(null),r=e.ref(l.min),u=e.ref(l.max),f=e.computed(()=>!!l.minimap.length),b=e.ref(h.createUid()),q=e.computed(()=>l.refreshEndPoint===null?l.max:l.refreshEndPoint),H=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 L(){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(f.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?h.createSmoothPath(c):h.createStraightPath(c),M=[...c].slice(l.valueStart,l.valueEnd),te=l.smoothMinimap?h.createSmoothPath(M):h.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:f.value?"28px":"-28px",pointerEvents:"none"})),J=e.computed(()=>({right:0,color:l.textColor,fontSize:`${l.fontSize}px`,top:f.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 z=e.computed(()=>l.valueEnd-l.valueStart),V=e.ref(!1);let B=e.ref(null);const Y=e.computed(()=>S.value?(S.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-z.value)}}else if(Number(r.value)-1>=l.min){const o=Number(r.value)-1;w(o),C(o+z.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 X({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:S,onMousedown:D,onTouchstart:D},[e.createElementVNode("div",re,[a.valueStart!==a.refreshStartPoint||a.valueEnd!==q.value?(e.openBlock(),e.createElementBlock("div",ue,[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:f.value?"36px":"-16px",pointerEvents:"all !important"}),onClick:L},[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"}},[f.value?(e.openBlock(),e.createElementBlock("div",se,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(h.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:b.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(#${b.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(#${b.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,Se),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,be),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(H.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:"range-left range-handle",min:a.min,max:a.max,"onUpdate:modelValue":n[1]||(n[1]=o=>r.value=o),onInput:j},null,40,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:"range-right range-handle",min:a.min,max:a.max,"onUpdate:modelValue":n[2]||(n[2]=o=>u.value=o),onInput:Z},null,40,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-e79aac89"]]);exports.Slicer=Me;
+"use strict";const e=require("vue"),oe=require("./BaseIcon-DDhFGhji.cjs"),T=require("./useResponsive-BJ7DTGpm.cjs"),h=require("./index-D34VnlKo.cjs"),ie=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),A=a=>(e.pushScopeId("data-v-e79aac89"),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"],Se=["d","stroke"],be=["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}},emits:["update:start","update:end","reset","trapMouse"],setup(a,{expose:X,emit:v}){const l=a;e.useCssVars(t=>({f72a9d20:O.value,"1c6039e4":p.value,"731e6756":U.value,"06d509d8":a.selectColor,"67ae3ba2":W.value}));const S=e.ref(null),r=e.ref(l.min),u=e.ref(l.max),f=e.computed(()=>!!l.minimap.length),b=e.ref(h.createUid()),q=e.computed(()=>l.refreshEndPoint===null?l.max:l.refreshEndPoint),H=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 L(){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(f.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?h.createSmoothPath(c):h.createStraightPath(c),M=[...c].slice(l.valueStart,l.valueEnd),te=l.smoothMinimap?h.createSmoothPath(M):h.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:f.value?"28px":"-28px",pointerEvents:"none"})),J=e.computed(()=>({right:0,color:l.textColor,fontSize:`${l.fontSize}px`,top:f.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 z=e.computed(()=>l.valueEnd-l.valueStart),V=e.ref(!1);let B=e.ref(null);const Y=e.computed(()=>S.value?(S.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-z.value)}}else if(Number(r.value)-1>=l.min){const o=Number(r.value)-1;w(o),C(o+z.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 X({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:S,onMousedown:D,onTouchstart:D},[e.createElementVNode("div",re,[a.valueStart!==a.refreshStartPoint||a.valueEnd!==q.value?(e.openBlock(),e.createElementBlock("div",ue,[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:f.value?"36px":"-16px",pointerEvents:"all !important"}),onClick:L},[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"}},[f.value?(e.openBlock(),e.createElementBlock("div",se,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(h.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:b.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(#${b.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(#${b.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,Se),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,be),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(H.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:"range-left range-handle",min:a.min,max:a.max,"onUpdate:modelValue":n[1]||(n[1]=o=>r.value=o),onInput:j},null,40,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:"range-right range-handle",min:a.min,max:a.max,"onUpdate:modelValue":n[2]||(n[2]=o=>u.value=o),onInput:Z},null,40,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-e79aac89"]]);exports.Slicer=Me;

package/dist/{Slicer-BBolqweG.js → Slicer-C4sOxE_0.js}

@@ -1,7 +1,7 @@
 import { useCssVars as pe, ref as c, computed as s, watch as F, onMounted as xe, onBeforeUnmount as ye, openBlock as m, createElementBlock as h, createElementVNode as u, normalizeStyle as x, createVNode as be, renderSlot as Se, createCommentVNode as y, unref as ke, Fragment as U, renderList as j, normalizeClass as we, withDirectives as Z, vModelText as q, toDisplayString as G, pushScopeId as Ne, popScopeId as Ce } from "vue";
-import $e from "./BaseIcon-Axko0XAg.js";
+import $e from "./BaseIcon-BL0i0eFe.js";
 import { t as Me, u as Ee } from "./useResponsive-CoxXLe23.js";
-import { c as Le, R as Q, Q as J, X as Re } from "./index-DjTPIx3R.js";
+import { c as Le, R as Q, Q as J, X as Re } from "./index-CTPLFZB1.js";
 import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const K = (l) => (Ne("data-v-e79aac89"), l = l(), Ce(), l), Pe = {
   class: "vue-data-ui-slicer-labels",

package/dist/{Title-DuMgnso9.cjs → Title-BAqipUCK.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("./useNestedProp-BN-VfUfj.cjs"),o={__name:"Title",props:{config:{type:Object,default(){return{}}},lineHeight:{type:[String,Boolean],default:!1}},setup(i){const n=i,t=r.useNestedProp({userConfig:n.config,defaultConfig:{title:{cy:"",text:"",color:"",fontSize:20,bold:!0,textAlign:"center",paddingLeft:0,paddingRight:0},subtitle:{cy:"",text:"",color:"",fontSize:14,bold:!1}}});return(l,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).title.color};font-size:${e.unref(t).title.fontSize}px;font-weight:${e.unref(t).title.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).title.text),5),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).subtitle.text),5)):e.createCommentVNode("",!0),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},[e.renderSlot(l.$slots,"default")],4)):e.createCommentVNode("",!0)],64))}};exports._sfc_main=o;
+"use strict";const e=require("vue"),r=require("./useNestedProp-DQqkm_M2.cjs"),o={__name:"Title",props:{config:{type:Object,default(){return{}}},lineHeight:{type:[String,Boolean],default:!1}},setup(i){const n=i,t=r.useNestedProp({userConfig:n.config,defaultConfig:{title:{cy:"",text:"",color:"",fontSize:20,bold:!0,textAlign:"center",paddingLeft:0,paddingRight:0},subtitle:{cy:"",text:"",color:"",fontSize:14,bold:!1}}});return(l,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).title.color};font-size:${e.unref(t).title.fontSize}px;font-weight:${e.unref(t).title.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).title.text),5),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).subtitle.text),5)):e.createCommentVNode("",!0),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},[e.renderSlot(l.$slots,"default")],4)):e.createCommentVNode("",!0)],64))}};exports._sfc_main=o;

package/dist/{Title-DqZErnpZ.js → Title-DzwQyxHK.js}

@@ -1,5 +1,5 @@
 import { openBlock as l, createElementBlock as n, Fragment as f, createElementVNode as p, normalizeStyle as d, unref as e, toDisplayString as g, createCommentVNode as o, renderSlot as r } from "vue";
-import { u as c } from "./useNestedProp-BNmCbG1v.js";
+import { u as c } from "./useNestedProp-CYQCqGyq.js";
 const x = {
   __name: "Title",
   props: {

package/dist/{Tooltip-Cz3eQmMV.cjs → Tooltip-Bg6dUJYI.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),p=require("./index-D-xYtUSL.cjs");function y({tooltip:e,chart:l,clientPosition:o,positionPreference:u="center",defaultOffsetY:a=24,blockShiftY:f=!1}){const n=t.ref(0),s=t.ref(a);if(e&&l){const{width:r,height:c}=e.getBoundingClientRect(),{right:i,left:d,bottom:v}=l.getBoundingClientRect();u==="center"&&(o.x+r/2>i?n.value=-r+(i-o.x):o.x-r/2<d?n.value=-r+(r-(o.x-d)):n.value=-r/2),u==="right"&&(o.x+r>i?n.value=-r+(i-o.x):n.value=0),u==="left"&&(o.x<d+r?n.value=-r+(r-(o.x-d)):n.value=-r),o.y+c>v&&!f&&(s.value=-c-a)}return{top:o.y+s.value,left:o.x+n.value}}function b(e,l,o){t.onMounted(()=>e.addEventListener(l,o)),t.onUnmounted(()=>e.removeEventListener(l,o))}function m(){const e=t.ref(0),l=t.ref(0);return b(window,"mousemove",o=>{e.value=o.clientX,l.value=o.clientY}),{x:e,y:l}}const g=["innerHTML"],x={__name:"Tooltip",props:{backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#000000"},content:String,maxWidth:{type:String,default:"300px"},parent:{type:Object},show:{type:Boolean,default:!1},isCustom:{type:Boolean,default:!1},fontSize:{type:[Number,String],default:14},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"#e1e5e8"},borderWidth:{type:Number,default:1},backgroundOpacity:{type:Number,default:100},position:{type:String,default:"center"},offsetY:{type:Number,default:24},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1}},setup(e){const l=e,o=t.ref(null),u=t.ref(m(l.parent)),a=t.computed(()=>y({tooltip:o.value,chart:l.parent,clientPosition:u.value,positionPreference:l.position,defaultOffsetY:l.offsetY,blockShiftY:l.blockShiftY})),f=t.computed(()=>p.setOpacity(l.backgroundColor,l.backgroundOpacity));return(n,s)=>(t.openBlock(),t.createBlock(t.Teleport,{to:e.isFullscreen?e.parent:"body"},[e.show?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"tooltip",ref:o,class:t.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:t.normalizeStyle(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${f.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};z-index:2147483647;`)},[t.renderSlot(n.$slots,"tooltip-before"),t.renderSlot(n.$slots,"default"),t.createElementVNode("div",{innerHTML:e.content},null,8,g),t.renderSlot(n.$slots,"tooltip-after")],6)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;
+"use strict";const t=require("vue"),p=require("./index-D34VnlKo.cjs");function y({tooltip:e,chart:l,clientPosition:o,positionPreference:u="center",defaultOffsetY:a=24,blockShiftY:f=!1}){const n=t.ref(0),s=t.ref(a);if(e&&l){const{width:r,height:c}=e.getBoundingClientRect(),{right:i,left:d,bottom:v}=l.getBoundingClientRect();u==="center"&&(o.x+r/2>i?n.value=-r+(i-o.x):o.x-r/2<d?n.value=-r+(r-(o.x-d)):n.value=-r/2),u==="right"&&(o.x+r>i?n.value=-r+(i-o.x):n.value=0),u==="left"&&(o.x<d+r?n.value=-r+(r-(o.x-d)):n.value=-r),o.y+c>v&&!f&&(s.value=-c-a)}return{top:o.y+s.value,left:o.x+n.value}}function b(e,l,o){t.onMounted(()=>e.addEventListener(l,o)),t.onUnmounted(()=>e.removeEventListener(l,o))}function m(){const e=t.ref(0),l=t.ref(0);return b(window,"mousemove",o=>{e.value=o.clientX,l.value=o.clientY}),{x:e,y:l}}const g=["innerHTML"],x={__name:"Tooltip",props:{backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#000000"},content:String,maxWidth:{type:String,default:"300px"},parent:{type:Object},show:{type:Boolean,default:!1},isCustom:{type:Boolean,default:!1},fontSize:{type:[Number,String],default:14},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"#e1e5e8"},borderWidth:{type:Number,default:1},backgroundOpacity:{type:Number,default:100},position:{type:String,default:"center"},offsetY:{type:Number,default:24},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1}},setup(e){const l=e,o=t.ref(null),u=t.ref(m(l.parent)),a=t.computed(()=>y({tooltip:o.value,chart:l.parent,clientPosition:u.value,positionPreference:l.position,defaultOffsetY:l.offsetY,blockShiftY:l.blockShiftY})),f=t.computed(()=>p.setOpacity(l.backgroundColor,l.backgroundOpacity));return(n,s)=>(t.openBlock(),t.createBlock(t.Teleport,{to:e.isFullscreen?e.parent:"body"},[e.show?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"tooltip",ref:o,class:t.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:t.normalizeStyle(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${f.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};z-index:2147483647;`)},[t.renderSlot(n.$slots,"tooltip-before"),t.renderSlot(n.$slots,"default"),t.createElementVNode("div",{innerHTML:e.content},null,8,g),t.renderSlot(n.$slots,"tooltip-after")],6)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;

package/dist/{Tooltip-DddRc8qD.js → Tooltip-zI1jiDe6.js}

@@ -1,5 +1,5 @@
 import { ref as u, onMounted as b, onUnmounted as g, computed as p, openBlock as v, createBlock as x, Teleport as h, createElementBlock as S, normalizeClass as k, normalizeStyle as $, renderSlot as c, createElementVNode as C, createCommentVNode as B } from "vue";
-import { s as F } from "./index-DjTPIx3R.js";
+import { s as F } from "./index-CTPLFZB1.js";
 function N({ tooltip: e, chart: o, clientPosition: t, positionPreference: r = "center", defaultOffsetY: a = 24, blockShiftY: f = !1 }) {
   const l = u(0), s = u(a);
   if (e && o) {

package/dist/documentation/installation.md

@@ -142,40 +142,40 @@ From the dataset you pass into the props, this component will produce the most a
 
 ### Charts
 
-| Name                          | dataset type                               | config type                         | emits / exposed methods                                                                                                                                                  | slots                                                                                                                                     | custom tooltip | themes |
-| ----------------------------- | ------------------------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ |
-| `VueUiAgePyramid`             | `Array<Array<string / number>>`            | `VueUiSparklineConfig`              | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`                                                                                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                 | ✅             | ✅     |
-| `VueUiCandlestick`            | `Array<Array<string / number>>`            | `VueUiCandlestickConfig`            | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`                                                                                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`                                | ✅             | ✅     |
-| `VueUiChestnut`               | `VueUiChestnutDatasetRoot[]`               | `VueUiChestnutConfig`               | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                    | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                      | ❌             | ✅     |
-| `VueUiDonutEvolution`         | `VueUiDonutEvolutionDatasetItem[]`         | `VueUiDonutEvolutionConfig`         | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                 | `#svg`, `#legend`, `#reset-action`, `#watermark`, `#chart-background`                                                                     | ❌             | ✅     |
-| `VueUiDonut`                  | `VueUiDonutDatasetItem[]`                  | `VueUiDonutConfig`                  | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                            | `#svg`, `#legend`, `#dataLabel`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`                  | ✅             | ✅     |
-| `VueUiDumbbell`               | `VueUiDumbbellDataset[]`                   | `VueUiDumbbellConfig`               | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                                  | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                      | ❌             | ✅     |
-| `VueUiFlow`                   | `VueUiFlowDatasetItem[]`                   | `VueUiFlowConfig`                   | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                                  | `#svg`, `#watermark`, `#chart-background`                                                                                                 | ❌             | ✅     |
-| `VueUiFunnel`                 | `VueUiFunnelDatasetItem[]`                 | `VueUiFunnelConfig`                 | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                                  | `#svg`, `#watermark`, `#chart-background`                                                                                                 | ❌             | ✅     |
-| `VueUiGalaxy`                 | `VueUiGalaxyDatasetItem[]`                 | `VueUiGalaxyConfig`                 | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                            | `#svg`, `#legend`,`#tooltip-before`, `#tooltip-after`, `#chart-background`                                                                | ✅             | ✅     |
-| `VueUiGauge`                  | `VueUiGaugeDataset`                        | `VueUiGaugeConfig`                  | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                      | ❌             | ✅     |
-| `VueUiHeatmap`                | `VueUiHeatmapDatasetItem[]`                | `VueUiHeatmapConfig`                | `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                                            | `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                            | ✅             | ✅     |
-| `VueUiHistoryPlot`            | `VueUiHistoryPlotDatasetItem[]`            | `VueUiHistoryPlotConfig`            | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                 | ✅             | ✅     |
-| `VueUiMolecule`               | `VueUiMoleculeDatasetNode[]`               | `VueUiMoleculeConfig`               | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                                                                 | `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                            | ✅             | ✅     |
-| `VueUiMoodRadar`              | `VueUiMoodRadarDataset`                    | `VueUiMoodRadarConfig`              | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                                  | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                      | ❌             | ✅     |
-| `VueUiNestedDonuts`           | `VueUiNestedDonutsDatasetItem[]`           | `VueUiNestedDonutsConfig`           | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                 | ✅             | ✅     |
-| `VueUiOnion`                  | `VueUiOnionDatasetItem[]`                  | `VueUiOnionConfig`                  | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                 | ✅             | ✅     |
-| `VueUiParallelCoordinatePlot` | `VueUiParallelCoordinatePlotDatasetItem[]` | `VueUiParallelCoordinatePlotConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`                                | ✅             | ✅     |
-| `VueUiQuadrant`               | `VueUiQuadrantDatasetItem[]`               | `VueUiQuadrantConfig`               | `@selectLegend`, `@selectPlot`, `@selectSide`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                  | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                 | ✅             | ✅     |
-| `VueUiRadar`                  | `VueUiRadarDataset`                        | `VueUiRadarConfig`                  | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                 | ✅             | ✅     |
-| `VueUiRings`                  | `VueUiRingsDatasetItem[]`                  | `VueUiRingsConfig`                  | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                 | ✅             | ✅     |
-| `VueUiScatter`                | `VueUiScatterDatasetItem[]`                | `VueUiScatterConfig`                | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                                 | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                 | ✅             | ✅     |
-| `VueUiStackbar`               | `VueUiStackbarDatasetItem[]`               | `VueUiStackbarConfig`               | `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`        | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`                 | ✅             | ✅     |
-| `VueUiStripPlot`              | `VueUiStripPlotDataset[]`                  | `VueUiStripPlotConfig`              | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                                             | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                 | ✅             | ✅     |
-| `VueUiThermometer`            | `VueUiThermometerDataset`                  | `VueUiThermometerConfig`            | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#watermark`, `#chart-background`                                                                                                 | ❌             | ✅     |
-| `VueUiTiremarks`              | `VueUiTiremarksDataset`                    | `VueUiTiremarksConfig`              | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                      | ❌             | ✅     |
-| `VueUiTreemap`                | `VueUiTreemapDatasetItem[]`                | `VueUiTreemapConfig`                | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                            | `#svg`, `#rect`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                             | ✅             | ✅     |
-| `VueUiVerticalBar`            | `VueUiVerticalBarDatasetItem[]`            | `VueUiWheelConfig`                  | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleSort`, `toggleTooltip`                                                  | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                 | ✅             | ✅     |
-| `VueUiWaffle`                 | `VueUiWaffleDatasetItem[]`                 | `VueUiWaffleConfig`                 | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                                      | ✅             | ✅     |
-| `VueUiWheel`                  | `VueUiWheelDataset`                        | `VueUiWheelConfig`                  | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#watermark`, `#chart-background`                                                                                                 | ❌             | ✅     |
-| `VueUiWordCloud`              | `VueUiWordCloudDatasetItem[] / string`     | `VueUiWordCloudConfig`              | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip`                                                                                                | `#svg`, `#reset-action`, `#watermark`, `#tooltip-before`, `#tooltip-after`, `#chart-background`                                           | ✅             | ✅     |
-| `VueUiXyCanvas`               | `VueUiXyCanvasDatasetItem[]`               | `VueUiXyCanvasConfig`               | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip`                                 | `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`                                                             | ✅             | ✅     |
-| `VueUiXy`                     | `VueUiXyDatasetItem[]`                     | `VueUiXyConfig`                     | `@selectLegend`, `@selectX`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#plot-comment`,`#watermark`, `#chart-background` | ✅             | ✅     |
+| Name                          | dataset type                               | config type                         | emits / exposed methods                                                                                                                                                  | slots                                                                                                                                                 | custom tooltip | themes |
+| ----------------------------- | ------------------------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ |
+| `VueUiAgePyramid`             | `Array<Array<string / number>>`            | `VueUiSparklineConfig`              | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`                                                                                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                             | ✅             | ✅     |
+| `VueUiCandlestick`            | `Array<Array<string / number>>`            | `VueUiCandlestickConfig`            | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`                                                                                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`                                            | ✅             | ✅     |
+| `VueUiChestnut`               | `VueUiChestnutDatasetRoot[]`               | `VueUiChestnutConfig`               | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                    | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                                  | ❌             | ✅     |
+| `VueUiDonutEvolution`         | `VueUiDonutEvolutionDatasetItem[]`         | `VueUiDonutEvolutionConfig`         | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                 | `#svg`, `#legend`, `#reset-action`, `#watermark`, `#chart-background`                                                                                 | ❌             | ✅     |
+| `VueUiDonut`                  | `VueUiDonutDatasetItem[]`                  | `VueUiDonutConfig`                  | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                            | `#svg`, `#legend`, `#dataLabel`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`, `#pattern`                  | ✅             | ✅     |
+| `VueUiDumbbell`               | `VueUiDumbbellDataset[]`                   | `VueUiDumbbellConfig`               | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                                  | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                                  | ❌             | ✅     |
+| `VueUiFlow`                   | `VueUiFlowDatasetItem[]`                   | `VueUiFlowConfig`                   | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                                  | `#svg`, `#watermark`, `#chart-background`                                                                                                             | ❌             | ✅     |
+| `VueUiFunnel`                 | `VueUiFunnelDatasetItem[]`                 | `VueUiFunnelConfig`                 | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                                  | `#svg`, `#watermark`, `#chart-background`                                                                                                             | ❌             | ✅     |
+| `VueUiGalaxy`                 | `VueUiGalaxyDatasetItem[]`                 | `VueUiGalaxyConfig`                 | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                            | `#svg`, `#legend`,`#tooltip-before`, `#tooltip-after`, `#chart-background`                                                                            | ✅             | ✅     |
+| `VueUiGauge`                  | `VueUiGaugeDataset`                        | `VueUiGaugeConfig`                  | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern`                                                                                      | ❌             | ✅     |
+| `VueUiHeatmap`                | `VueUiHeatmapDatasetItem[]`                | `VueUiHeatmapConfig`                | `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                                            | `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                                        | ✅             | ✅     |
+| `VueUiHistoryPlot`            | `VueUiHistoryPlotDatasetItem[]`            | `VueUiHistoryPlotConfig`            | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                             | ✅             | ✅     |
+| `VueUiMolecule`               | `VueUiMoleculeDatasetNode[]`               | `VueUiMoleculeConfig`               | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                                                                 | `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                                        | ✅             | ✅     |
+| `VueUiMoodRadar`              | `VueUiMoodRadarDataset`                    | `VueUiMoodRadarConfig`              | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                                  | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                                  | ❌             | ✅     |
+| `VueUiNestedDonuts`           | `VueUiNestedDonutsDatasetItem[]`           | `VueUiNestedDonutsConfig`           | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                             | ✅             | ✅     |
+| `VueUiOnion`                  | `VueUiOnionDatasetItem[]`                  | `VueUiOnionConfig`                  | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                             | ✅             | ✅     |
+| `VueUiParallelCoordinatePlot` | `VueUiParallelCoordinatePlotDatasetItem[]` | `VueUiParallelCoordinatePlotConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`                                            | ✅             | ✅     |
+| `VueUiQuadrant`               | `VueUiQuadrantDatasetItem[]`               | `VueUiQuadrantConfig`               | `@selectLegend`, `@selectPlot`, `@selectSide`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                  | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                             | ✅             | ✅     |
+| `VueUiRadar`                  | `VueUiRadarDataset`                        | `VueUiRadarConfig`                  | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                             | ✅             | ✅     |
+| `VueUiRings`                  | `VueUiRingsDatasetItem[]`                  | `VueUiRingsConfig`                  | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`                                                 | ✅             | ✅     |
+| `VueUiScatter`                | `VueUiScatterDatasetItem[]`                | `VueUiScatterConfig`                | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                                 | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                             | ✅             | ✅     |
+| `VueUiStackbar`               | `VueUiStackbarDatasetItem[]`               | `VueUiStackbarConfig`               | `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`        | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern`                 | ✅             | ✅     |
+| `VueUiStripPlot`              | `VueUiStripPlotDataset[]`                  | `VueUiStripPlotConfig`              | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                                             | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                             | ✅             | ✅     |
+| `VueUiThermometer`            | `VueUiThermometerDataset`                  | `VueUiThermometerConfig`            | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#watermark`, `#chart-background`                                                                                                             | ❌             | ✅     |
+| `VueUiTiremarks`              | `VueUiTiremarksDataset`                    | `VueUiTiremarksConfig`              | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                                  | ❌             | ✅     |
+| `VueUiTreemap`                | `VueUiTreemapDatasetItem[]`                | `VueUiTreemapConfig`                | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                            | `#svg`, `#rect`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                                         | ✅             | ✅     |
+| `VueUiVerticalBar`            | `VueUiVerticalBarDatasetItem[]`            | `VueUiWheelConfig`                  | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleSort`, `toggleTooltip`                                                  | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`                                                 | ✅             | ✅     |
+| `VueUiWaffle`                 | `VueUiWaffleDatasetItem[]`                 | `VueUiWaffleConfig`                 | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                                                  | ✅             | ✅     |
+| `VueUiWheel`                  | `VueUiWheelDataset`                        | `VueUiWheelConfig`                  | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#watermark`, `#chart-background`                                                                                                             | ❌             | ✅     |
+| `VueUiWordCloud`              | `VueUiWordCloudDatasetItem[] / string`     | `VueUiWordCloudConfig`              | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip`                                                                                                | `#svg`, `#reset-action`, `#watermark`, `#tooltip-before`, `#tooltip-after`, `#chart-background`                                                       | ✅             | ✅     |
+| `VueUiXyCanvas`               | `VueUiXyCanvasDatasetItem[]`               | `VueUiXyCanvasConfig`               | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip`                                 | `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`                                                                         | ✅             | ✅     |
+| `VueUiXy`                     | `VueUiXyDatasetItem[]`                     | `VueUiXyConfig`                     | `@selectLegend`, `@selectX`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#plot-comment`,`#watermark`, `#chart-background`, `#pattern` | ✅             | ✅     |
 
 ### 3D charts