vue-data-ui 2.4.57 → 2.4.59

package/dist/{Legend-V3K-4ipN.cjs → Legend-BYngLoV6.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("./Shape-DV5sH0dX.cjs"),d=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),u=["id"],s=["onClick","height","width"],f={__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 a(i,o){c("clickMarker",{legend:i,i:o})}return(i,o)=>(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,l)=>(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:k=>a(n,l),height:t.config.fontSize,width:t.config.fontSize,viewBox:"0 0 20 20",style:e.normalizeStyle(`overflow: visible;opacity:${n.opacity}`)},[e.createVNode(r._sfc_main,{shape:n.shape,radius:9,stroke:"none",plot:{x:10,y:10},fill:n.color},null,8,["shape","fill"])],12,s)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"item",{legend:n,index:l},void 0,!0)],2))),256))],12,u))}},g=d._export_sfc(f,[["__scopeId","data-v-310b3d7d"]]);exports.Legend=g;
+"use strict";const e=require("vue"),r=require("./Shape-Dkt-vkTl.cjs"),d=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),u=["id"],s=["onClick","height","width"],f={__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 a(i,o){c("clickMarker",{legend:i,i:o})}return(i,o)=>(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,l)=>(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:k=>a(n,l),height:t.config.fontSize,width:t.config.fontSize,viewBox:"0 0 20 20",style:e.normalizeStyle(`overflow: visible;opacity:${n.opacity}`)},[e.createVNode(r._sfc_main,{shape:n.shape,radius:9,stroke:"none",plot:{x:10,y:10},fill:n.color},null,8,["shape","fill"])],12,s)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"item",{legend:n,index:l},void 0,!0)],2))),256))],12,u))}},g=d._export_sfc(f,[["__scopeId","data-v-310b3d7d"]]);exports.Legend=g;

package/dist/{Legend-HooNAKB_.js → Legend-f52bnttJ.js}

@@ -1,5 +1,5 @@
 import { openBlock as n, createElementBlock as o, normalizeStyle as c, renderSlot as d, Fragment as u, renderList as s, normalizeClass as g, createVNode as m, createCommentVNode as h } from "vue";
-import { _ as k } from "./Shape-D7aacHaz.js";
+import { _ as k } from "./Shape-Ct2x6qZx.js";
 import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const v = ["id"], $ = ["onClick", "height", "width"], S = {
   __name: "Legend",

package/dist/{PackageVersion-S3SzpuwC.js → PackageVersion-C_FFs0BP.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "2.4.57", s = { "aria-hidden": "true" }, p = {
+const n = "2.4.59", 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/{PackageVersion-dQYEsTLp.cjs → PackageVersion-nr7f_VNw.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),t="2.4.57",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.59",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/{PenAndPaper-1h87IVla.cjs → PenAndPaper-C9v0NXEg.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),M=require("./index-o6tXRhOr.cjs"),E=require("./BaseIcon-DujPvdJ_.cjs"),U=require("./usePrinter-H2UFIe6n.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-DaDv7p0W.cjs"),E=require("./BaseIcon-DD3GLrhS.cjs"),U=require("./usePrinter-BIHu0O5X.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-v846FwcH.js → PenAndPaper-Dx24BtRW.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-CI-N9klv.js";
-import D from "./BaseIcon-9gdEHMWK.js";
-import { v as ce } from "./usePrinter-CXc8xCKk.js";
+import { G as ae, l as se, X as ue } from "./index-B9RAElpI.js";
+import D from "./BaseIcon-BbU81zOd.js";
+import { v as ce } from "./usePrinter-CwTAwqtF.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-D7aacHaz.js → Shape-Ct2x6qZx.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-CI-N9klv.js";
+import { V as p, O as f } from "./index-B9RAElpI.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-DV5sH0dX.cjs → Shape-Dkt-vkTl.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./index-o6tXRhOr.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-DaDv7p0W.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-BRxR5OYL.cjs → Slicer-C0cvEMOy.cjs}

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

package/dist/{Slicer-BXCORSCz.js → Slicer-Duke9qno.js}

@@ -1,7 +1,7 @@
 import { useCssVars as ie, ref as f, computed as d, watch as L, onMounted as oe, onBeforeUnmount as ue, openBlock as m, createElementBlock as v, createElementVNode as n, normalizeStyle as S, createVNode as re, renderSlot as se, createCommentVNode as N, unref as de, Fragment as F, renderList as R, withDirectives as V, vModelText as A, toDisplayString as B, pushScopeId as me, popScopeId as ve } from "vue";
-import ce from "./BaseIcon-9gdEHMWK.js";
+import ce from "./BaseIcon-BbU81zOd.js";
 import { t as he, u as fe } from "./useResponsive-CoxXLe23.js";
-import { c as pe, R as O, Q as D, X as xe } from "./index-CI-N9klv.js";
+import { c as pe, R as O, Q as D, X as xe } from "./index-B9RAElpI.js";
 import { _ as ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const U = (l) => (me("data-v-cf67df9a"), l = l(), ve(), l), ge = {
   "data-html2canvas-ignore": "",

package/dist/{Title-B-EsW0Q2.cjs → Title-CpfNWbUc.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("./useNestedProp-D-zaZbSR.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-DkpuL8Iv.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-DLjHHdyq.js → Title-zZtEcB9F.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-D1eJ0dvv.js";
+import { u as c } from "./useNestedProp-DuruL3Nt.js";
 const x = {
   __name: "Title",
   props: {

package/dist/{Tooltip-BDaa-67h.js → Tooltip-DDJ2Wvjy.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-CI-N9klv.js";
+import { s as F } from "./index-B9RAElpI.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/{Tooltip-B7gYRLGN.cjs → Tooltip-DZuVxmLc.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),p=require("./index-o6tXRhOr.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-DaDv7p0W.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/documentation/installation.md

@@ -123,59 +123,59 @@ From the dataset you pass into the props, this component will produce the most a
 
 From the dataset you pass into the props, this component will produce the most adapted chart (either a line, bar or donut chart)
 
-| Name              | dataset type             | config type             | emits / exposed methods                                             | slots                                                           | custom tooltip | themes |
-| ----------------- | ------------------------ | ----------------------- | ------------------------------------------------------------------- | --------------------------------------------------------------- | -------------- | ------ |
-| `VueUiQuickChart` | `VueUiQuickChartDataset` | `VueUiQuickChartConfig` | `@selectDatapoint`, `@selectLegend`, `generatePdf`, `generateImage` | `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action` | ✅             | ✅     |
+| Name              | dataset type             | config type             | emits / exposed methods                                                              | slots                                                                                              | custom tooltip | themes |
+| ----------------- | ------------------------ | ----------------------- | ------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------- | -------------- | ------ |
+| `VueUiQuickChart` | `VueUiQuickChartDataset` | `VueUiQuickChartConfig` | `@selectDatapoint`, `@selectLegend`, `generatePdf`, `generateImage`, `toggleTooltip` | `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background` | ✅             | ✅     |
 
 ### Mini charts
 
-| Name                  | dataset type                       | config type                 | emits / exposed methods                 | slots                               | custom tooltip | themes |
-| --------------------- | ---------------------------------- | --------------------------- | --------------------------------------- | ----------------------------------- | -------------- | ------ |
-| `VueUiSparkline`      | `VueUiSparklineDatasetItem[]`      | `VueUiSparklineConfig`      | `@selectDatapoint`                      | `#svg`, `#before`                   | ❌             | ✅     |
-| `VueUiSparkbar`       | `VueUiSparkbarDatasetItem[]`       | `VueUiSparkbarConfig`       | `@selectDatapoint`                      | `#data-label`, `#title`             | ❌             | ✅     |
-| `VueUiSparkStackbar`  | `VueUiSparkStackbarDatasetItem[]`  | `VueUiSparkStackbarConfig`  | `@selectDatapoint`                      | `#tooltip-before`, `#tooltip-after` | ✅             | ✅     |
-| `VueUiSparkHistogram` | `VueUiSparkHistogramDatasetItem[]` | `VueUiSparkHistogramConfig` | `@selectDatapoint`                      | ❌                                  | ❌             | ✅     |
-| `VueUiSparkGauge`     | `VueUiSparkGaugeDataset`           | `VueUiSparkGaugeConfig`     | ❌                                      | ❌                                  | ❌             | ✅     |
-| `VueUiSparkTrend`     | `number[]`                         | `VueUiSparkTrendConfig`     | ❌                                      | ❌                                  | ❌             | ✅     |
-| `VueUiGizmo`          | `VueUiGizmoDataset`                | `VueUiGizmoConfig`          | ❌                                      | ❌                                  | ❌             | ❌     |
-| `VueUiBullet`         | `VueUiBulletDataset`               | `VueUiBulletConfig`         | `generatePdf`, `generateImg`, `getData` | `#svg`, `#legend`, `#watermark`     | ❌             | ✅     |
+| Name                  | dataset type                       | config type                 | emits / exposed methods                 | slots                                                | custom tooltip | themes |
+| --------------------- | ---------------------------------- | --------------------------- | --------------------------------------- | ---------------------------------------------------- | -------------- | ------ |
+| `VueUiSparkline`      | `VueUiSparklineDatasetItem[]`      | `VueUiSparklineConfig`      | `@selectDatapoint`                      | `#svg`, `#before`, `#chart-background`               | ❌             | ✅     |
+| `VueUiSparkbar`       | `VueUiSparkbarDatasetItem[]`       | `VueUiSparkbarConfig`       | `@selectDatapoint`                      | `#data-label`, `#title`                              | ❌             | ✅     |
+| `VueUiSparkStackbar`  | `VueUiSparkStackbarDatasetItem[]`  | `VueUiSparkStackbarConfig`  | `@selectDatapoint`                      | `#tooltip-before`, `#tooltip-after`                  | ✅             | ✅     |
+| `VueUiSparkHistogram` | `VueUiSparkHistogramDatasetItem[]` | `VueUiSparkHistogramConfig` | `@selectDatapoint`                      | `#chart-background`                                  | ❌             | ✅     |
+| `VueUiSparkGauge`     | `VueUiSparkGaugeDataset`           | `VueUiSparkGaugeConfig`     | ❌                                      | `#chart-background`                                  | ❌             | ✅     |
+| `VueUiSparkTrend`     | `number[]`                         | `VueUiSparkTrendConfig`     | ❌                                      | `#chart-background`                                  | ❌             | ✅     |
+| `VueUiGizmo`          | `VueUiGizmoDataset`                | `VueUiGizmoConfig`          | ❌                                      | ❌                                                   | ❌             | ❌     |
+| `VueUiBullet`         | `VueUiBulletDataset`               | `VueUiBulletConfig`         | `generatePdf`, `generateImg`, `getData` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌             | ✅     |
 
 ### 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`                                                 | ✅             | ✅     |
-| `VueUiCandlestick`            | `Array<Array<string / number>>`            | `VueUiCandlestickConfig`            | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`                                                                                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`                                | ✅             | ✅     |
-| `VueUiChestnut`               | `VueUiChestnutDatasetRoot[]`               | `VueUiChestnutConfig`               | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                    | `#svg`, `#legend`, `#watermark`                                                                                      | ❌             | ✅     |
-| `VueUiDonutEvolution`         | `VueUiDonutEvolutionDatasetItem[]`         | `VueUiDonutEvolutionConfig`         | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                 | `#svg`, `#legend`, `#reset-action`, `#watermark`                                                                     | ❌             | ✅     |
-| `VueUiDonut`                  | `VueUiDonutDatasetItem[]`                  | `VueUiDonutConfig`                  | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                            | `#svg`, `#legend`, `#dataLabel`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`                  | ✅             | ✅     |
-| `VueUiDumbbell`               | `VueUiDumbbellDataset[]`                   | `VueUiDumbbellConfig`               | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                                  | `#svg`, `#legend`, `#watermark`                                                                                      | ❌             | ✅     |
-| `VueUiFlow`                   | `VueUiFlowDatasetItem[]`                   | `VueUiFlowConfig`                   | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                                  | `#svg`, `#watermark`                                                                                                 | ❌             | ✅     |
-| `VueUiFunnel`                 | `VueUiFunnelDatasetItem[]`                 | `VueUiFunnelConfig`                 | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                                  | `#svg`, `#watermark`                                                                                                 | ❌             | ✅     |
-| `VueUiGalaxy`                 | `VueUiGalaxyDatasetItem[]`                 | `VueUiGalaxyConfig`                 | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                            | `#svg`, `#legend`,`#tooltip-before`, `#tooltip-after`                                                                | ✅             | ✅     |
-| `VueUiGauge`                  | `VueUiGaugeDataset`                        | `VueUiGaugeConfig`                  | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#legend`, `#watermark`                                                                                      | ❌             | ✅     |
-| `VueUiHeatmap`                | `VueUiHeatmapDatasetItem[]`                | `VueUiHeatmapConfig`                | `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                                            | `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                            | ✅             | ✅     |
-| `VueUiHistoryPlot`            | `VueUiHistoryPlotDatasetItem[]`            | `VueUiHistoryPlotConfig`            | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                 | ✅             | ✅     |
-| `VueUiMolecule`               | `VueUiMoleculeDatasetNode[]`               | `VueUiMoleculeConfig`               | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                                                                 | `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                            | ✅             | ✅     |
-| `VueUiMoodRadar`              | `VueUiMoodRadarDataset`                    | `VueUiMoodRadarConfig`              | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                                  | `#svg`, `#legend`, `#watermark`                                                                                      | ❌             | ✅     |
-| `VueUiNestedDonuts`           | `VueUiNestedDonutsDatasetItem[]`           | `VueUiNestedDonutsConfig`           | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                 | ✅             | ✅     |
-| `VueUiOnion`                  | `VueUiOnionDatasetItem[]`                  | `VueUiOnionConfig`                  | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                 | ✅             | ✅     |
-| `VueUiParallelCoordinatePlot` | `VueUiParallelCoordinatePlotDatasetItem[]` | `VueUiParallelCoordinatePlotConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`                                | ✅             | ✅     |
-| `VueUiQuadrant`               | `VueUiQuadrantDatasetItem[]`               | `VueUiQuadrantConfig`               | `@selectLegend`, `@selectPlot`, `@selectSide`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                  | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                 | ✅             | ✅     |
-| `VueUiRadar`                  | `VueUiRadarDataset`                        | `VueUiRadarConfig`                  | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                 | ✅             | ✅     |
-| `VueUiRings`                  | `VueUiRingsDatasetItem[]`                  | `VueUiRingsConfig`                  | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                 | ✅             | ✅     |
-| `VueUiScatter`                | `VueUiScatterDatasetItem[]`                | `VueUiScatterConfig`                | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                                 | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                 | ✅             | ✅     |
-| `VueUiStackbar`               | `VueUiStackbarDatasetItem[]`               | `VueUiStackbarConfig`               | `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`        | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`                 | ✅             | ✅     |
-| `VueUiStripPlot`              | `VueUiStripPlotDataset[]`                  | `VueUiStripPlotConfig`              | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                                             | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                 | ✅             | ✅     |
-| `VueUiThermometer`            | `VueUiThermometerDataset`                  | `VueUiThermometerConfig`            | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#watermark`                                                                                                 | ❌             | ✅     |
-| `VueUiTiremarks`              | `VueUiTiremarksDataset`                    | `VueUiTiremarksConfig`              | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#legend`, `#watermark`                                                                                      | ❌             | ✅     |
-| `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`                                                 | ✅             | ✅     |
-| `VueUiWaffle`                 | `VueUiWaffleDatasetItem[]`                 | `VueUiWaffleConfig`                 | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                 | ✅             | ✅     |
-| `VueUiWheel`                  | `VueUiWheelDataset`                        | `VueUiWheelConfig`                  | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#watermark`                                                                                                 | ❌             | ✅     |
-| `VueUiWordCloud`              | `VueUiWordCloudDatasetItem[] / string`     | `VueUiWordCloudConfig`              | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip`                                                                                                | `#svg`, `#reset-action`, `#watermark`, `#tooltip-before`, `#tooltip-after`                                           | ✅             | ✅     |
-| `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` | ✅             | ✅     |
+| 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` | ✅             | ✅     |
 
 ### 3D charts
 
@@ -212,7 +212,7 @@ From the dataset you pass into the props, this component will produce the most a
 | `VueUiMiniLoader` | ❌                        | `VueUiMiniLoaderConfig` | ❌                                               | ❌                                                      |
 | `VueUiScreenshot` | ❌                        | `VueUiScreenshotConfig` | `@postImage`, `shoot`, `close`                   | ❌                                                      |
 | `VueUiSkeleton`   | ❌                        | `VueUiSkeletonConfig`   | ❌                                               | ❌                                                      |
-| `VueUiTimer`      | ❌                        | `VueUiTimerConfig`      | `@start`, `@pause`, `@reset`, `@restart`, `@lap` | `#time`, `#controls`, `#laps`                           |
+| `VueUiTimer`      | ❌                        | `VueUiTimerConfig`      | `@start`, `@pause`, `@reset`, `@restart`, `@lap` | `#time`, `#controls`, `#laps`, `#chart-background`      |
 | `VueUiIcon`       | see below                 |
 
 ### Icons

package/dist/{index-CI-N9klv.js → index-B9RAElpI.js}

@@ -3594,7 +3594,7 @@ function le() {
       chart: {
         backgroundColor: t,
         color: o,
-        padding: E([0, 24, 0, 24]),
+        padding: E([12, 12, 0, 12]),
         title: C,
         nodes: {
           gap: 10,
@@ -11891,7 +11891,7 @@ function xr(o, l) {
   const e = R(o);
   return ct(e, l);
 }
-const Fr = g(() => import("./Arrow-DelnKkT1.js")), Er = g(() => import("./vue-data-ui-DuXblXhF.js")), _r = g(() => import("./vue-ui-3d-bar-fvTVGk8O.js")), wr = g(() => import("./vue-ui-accordion-CYLks1fW.js")), vr = g(() => import("./vue-ui-age-pyramid-Ch3nY1Dx.js")), Sr = g(() => import("./vue-ui-annotator-DGupSF-o.js")), Lr = g(() => import("./vue-ui-candlestick-Dww4XHwQ.js")), Br = g(() => import("./vue-ui-chestnut-CnupXXAM.js")), Dr = g(() => import("./vue-ui-cursor-oqfOA98Q.js")), zr = g(() => import("./vue-ui-dashboard-BNu7yNYm.js")), Rr = g(() => import("./vue-ui-digits-qztPrOEN.js")), Tr = g(() => import("./vue-ui-donut-CK9dINFS.js")), Pr = g(() => import("./vue-ui-donut-evolution-DpDpYw3f.js")), Or = g(() => import("./vue-ui-dumbbell-Dx1I89N9.js")), Mr = g(() => import("./vue-ui-flow-DJNqydD1.js")), Nr = g(() => import("./vue-ui-galaxy-3cOLS6lh.js")), Vr = g(() => import("./vue-ui-gauge-CN_zo833.js")), Ir = g(() => import("./vue-ui-heatmap-B3ClLioV.js")), Wr = g(() => import("./BaseIcon-9gdEHMWK.js")), Ur = g(() => import("./vue-ui-kpi-C-axCKZx.js")), Yr = g(() => import("./vue-ui-mini-loader-CsZ1zxJz.js")), Gr = g(() => import("./vue-ui-molecule-BvNh7REY.js")), Hr = g(() => import("./vue-ui-mood-radar-C7v4dBNw.js")), $r = g(() => import("./vue-ui-nested-donuts-C08kpvMd.js")), Xr = g(() => import("./vue-ui-onion-CTLBemDj.js")), Kr = g(() => import("./vue-ui-parallel-coordinate-plot-H1FdP6AE.js")), jr = g(() => import("./vue-ui-quadrant-Dd-LDy4T.js")), qr = g(() => import("./vue-ui-quick-chart-BeNivWrg.js")), Qr = g(() => import("./vue-ui-radar-D9U_vOad.js")), Zr = g(() => import("./vue-ui-rating-B7AlAqCY.js")), Jr = g(() => import("./vue-ui-relation-circle-CT23BNcW.js")), ol = g(() => import("./vue-ui-rings-BZ7FYYxr.js")), el = g(() => import("./vue-ui-scatter-DMr8OrC3.js")), tl = g(() => import("./vue-ui-screenshot-DHiX35pR.js")), rl = g(() => import("./vue-ui-skeleton-owIhXtQF.js")), ll = g(() => import("./vue-ui-smiley-CCOQ6zjo.js")), al = g(() => import("./vue-ui-sparkhistogram-CBDd7jIn.js")), nl = g(() => import("./vue-ui-sparkstackbar-DlnmPom2.js")), sl = g(() => import("./vue-ui-spark-trend-B56DI3Mc.js")), il = g(() => import("./vue-ui-sparkbar-CMkozDkx.js")), cl = g(() => import("./vue-ui-sparkgauge-De06LRPj.js")), ul = g(() => import("./vue-ui-sparkline-BJejWvTN.js")), dl = g(() => import("./vue-ui-strip-plot-Bly8GoNP.js")), fl = g(() => import("./vue-ui-table-BUF6Pyfp.js")), Al = g(() => import("./vue-ui-table-heatmap-By-MmFiq.js")), bl = g(() => import("./vue-ui-table-sparkline-DG70UNkU.js")), Cl = g(() => import("./vue-ui-thermometer-Vr2IP_p0.js")), gl = g(() => import("./vue-ui-timer-CD7gFOjN.js")), hl = g(() => import("./vue-ui-tiremarks-44pO3jx1.js")), kl = g(() => import("./vue-ui-treemap-CyOUM3-P.js")), pl = g(() => import("./vue-ui-vertical-bar-wngOp0Zc.js")), ml = g(() => import("./vue-ui-waffle-CuN7i0ci.js")), yl = g(() => import("./vue-ui-wheel-B_gLugLx.js")), xl = g(() => import("./vue-ui-word-cloud-DKHGS0my.js")), Fl = g(() => import("./vue-ui-xy-BK9R8MrJ.js")), El = g(() => import("./vue-ui-xy-canvas-DaT4HoWD.js")), _l = g(() => import("./vue-ui-carousel-table-BZs-sxxu.js")), wl = g(() => import("./vue-ui-gizmo-akkNcCWf.js")), vl = g(() => import("./vue-ui-stackbar-19XdLQXB.js")), Sl = g(() => import("./vue-ui-bullet-BSRXabBe.js")), Ll = g(() => import("./vue-ui-funnel-mP8ftcS5.js")), Bl = g(() => import("./vue-ui-history-plot-C-EqVFW-.js"));
+const Fr = g(() => import("./Arrow-DzS4HIXj.js")), Er = g(() => import("./vue-data-ui-yknmkfFy.js")), _r = g(() => import("./vue-ui-3d-bar-BkbLoUhP.js")), wr = g(() => import("./vue-ui-accordion-rNA598L6.js")), vr = g(() => import("./vue-ui-age-pyramid-C3o5HfRK.js")), Sr = g(() => import("./vue-ui-annotator-huMOA-QF.js")), Lr = g(() => import("./vue-ui-candlestick-3lCgRxr0.js")), Br = g(() => import("./vue-ui-chestnut-cWFqbqSU.js")), Dr = g(() => import("./vue-ui-cursor-DjWkFQEI.js")), zr = g(() => import("./vue-ui-dashboard-1dycrMNM.js")), Rr = g(() => import("./vue-ui-digits-C4NWhIjg.js")), Tr = g(() => import("./vue-ui-donut-CXBxDUoh.js")), Pr = g(() => import("./vue-ui-donut-evolution-BgD7rCFk.js")), Or = g(() => import("./vue-ui-dumbbell-DMp-Waih.js")), Mr = g(() => import("./vue-ui-flow-D-XBMcpC.js")), Nr = g(() => import("./vue-ui-galaxy-C2eHqbLw.js")), Vr = g(() => import("./vue-ui-gauge-B9M8ICMX.js")), Ir = g(() => import("./vue-ui-heatmap-C2BobYAF.js")), Wr = g(() => import("./BaseIcon-BbU81zOd.js")), Ur = g(() => import("./vue-ui-kpi-BCwmp6i5.js")), Yr = g(() => import("./vue-ui-mini-loader-DWQfo-Ey.js")), Gr = g(() => import("./vue-ui-molecule-CpWWvLlc.js")), Hr = g(() => import("./vue-ui-mood-radar-B4-AQAyE.js")), $r = g(() => import("./vue-ui-nested-donuts-C-afzEvx.js")), Xr = g(() => import("./vue-ui-onion-wBz5dln6.js")), Kr = g(() => import("./vue-ui-parallel-coordinate-plot-BoiKoaod.js")), jr = g(() => import("./vue-ui-quadrant-DY6yUyOl.js")), qr = g(() => import("./vue-ui-quick-chart-DBH9CgBI.js")), Qr = g(() => import("./vue-ui-radar-DYnmlHtt.js")), Zr = g(() => import("./vue-ui-rating-3LUgui--.js")), Jr = g(() => import("./vue-ui-relation-circle-Da09K_Ce.js")), ol = g(() => import("./vue-ui-rings-BuVPBXNc.js")), el = g(() => import("./vue-ui-scatter-Bee79rib.js")), tl = g(() => import("./vue-ui-screenshot-CCnAaGB3.js")), rl = g(() => import("./vue-ui-skeleton-DVYD_VSe.js")), ll = g(() => import("./vue-ui-smiley-CdrTI5Rh.js")), al = g(() => import("./vue-ui-sparkhistogram-Dk8IYZGB.js")), nl = g(() => import("./vue-ui-sparkstackbar-CRGrf5y2.js")), sl = g(() => import("./vue-ui-spark-trend-Pd3JNy4G.js")), il = g(() => import("./vue-ui-sparkbar-CTDWiUid.js")), cl = g(() => import("./vue-ui-sparkgauge-g0C7wuIH.js")), ul = g(() => import("./vue-ui-sparkline-Ca1ai-Mq.js")), dl = g(() => import("./vue-ui-strip-plot-gm_lr5A9.js")), fl = g(() => import("./vue-ui-table-ceYZ6Wzd.js")), Al = g(() => import("./vue-ui-table-heatmap-CWQIOR58.js")), bl = g(() => import("./vue-ui-table-sparkline-BHkqm0Sf.js")), Cl = g(() => import("./vue-ui-thermometer-Dvk3S7jR.js")), gl = g(() => import("./vue-ui-timer-D0tGj6hK.js")), hl = g(() => import("./vue-ui-tiremarks-C2G0Sem6.js")), kl = g(() => import("./vue-ui-treemap-3iutCx61.js")), pl = g(() => import("./vue-ui-vertical-bar-DZz_tUTV.js")), ml = g(() => import("./vue-ui-waffle-Cr4FGNwb.js")), yl = g(() => import("./vue-ui-wheel-Da4DH062.js")), xl = g(() => import("./vue-ui-word-cloud-C3o4JBD2.js")), Fl = g(() => import("./vue-ui-xy-BX_3ddck.js")), El = g(() => import("./vue-ui-xy-canvas-DqzVCtbZ.js")), _l = g(() => import("./vue-ui-carousel-table-D3JIrHMF.js")), wl = g(() => import("./vue-ui-gizmo-OGIvFCA4.js")), vl = g(() => import("./vue-ui-stackbar-QaavE5-F.js")), Sl = g(() => import("./vue-ui-bullet-DxYdog9c.js")), Ll = g(() => import("./vue-ui-funnel-Dxb6o97C.js")), Bl = g(() => import("./vue-ui-history-plot-BtBDW5ha.js"));
 export {
   Rt as $,
   rt as A,