vue-data-ui 3.27.1-beta.0 → 3.27.1

package/dist/{PenAndPaper-DvJJaeU2.js → PenAndPaper-IMw576MC.js}

@@ -1 +1 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,Ft as n,X as r,t as i}from"./lib-zDxoqrgo.js";import{t as a}from"./BaseIcon-Cz30ODFA.js";import{t as o}from"./ColorPicker-CUjEw53A.js";import{computed as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createVNode as d,guardReactiveProps as f,nextTick as p,normalizeClass as m,normalizeProps as h,normalizeStyle as g,onBeforeUnmount as ee,onMounted as te,openBlock as ne,ref as _,renderSlot as v,toDisplayString as re,unref as ie,vModelText as ae,watch as y,withCtx as oe,withDirectives as se}from"vue";var ce=/* @__PURE__ */ e({default:()=>b}),le={"aria-hidden":`true`,viewBox:`0 0 6 12`,style:{width:`100%`}},ue=[`fill`],de=[`fill`],fe=[`fill`],pe=[`disabled`],me=750,he=8,ge=2,b={__name:`PenAndPaper`,props:{svgRef:{type:[Object,null,void 0],required:!0},color:{type:String,default:`#2D353C`},backgroundColor:{type:String,default:`#FFFFFF`},active:{type:Boolean,default:!1},scale:{type:Number,default:1},isCursorPointer:{type:Boolean,default:!1},palette:{type:Array,default:()=>[`#000000`,`#FFFFFF`,`#FF5733`,`#33FF57`,`#3357FF`,`#FFC300`,`#800080`,`#FF1493`,`#00CED1`]}},emits:[`close`],setup(e,{emit:ce}){let b=e,_e=ce,x=_([]),S=_([]),C=_(b.color),w=_(2),T=_(!1),ve=_(``),E=_(null),D=_(null),O=_(null),ye=_(null),k=_(null),be=_(null),A=_(!1),j=_(null),xe=_(``),M=_(``),N=_(!1),Se=_(!1),P=_(null),Ce=_(null),we=_(!1),F=_(``),Te=/* @__PURE__ */ new Map,Ee=_(`arrow-def-${r()}`),I=_(!1),L=_(null),De=_({x:0,y:0}),R=_([``]),z=_({row:0,col:0}),B=_(16),Oe=_(!1),ke=_(``),Ae=_(!1),je=[`arrow`,`text`,`line`,`draw`],V=_(0),H=s(()=>je[V.value]),Me={arrow:`plotArrow`,text:`text`,line:`plotLine`,draw:`annotator`},Ne=_(`url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto`);function Pe(e){let t=e?.target;if(!(t instanceof Element))return null;let n=t.closest(`.vue-data-ui-doodle`);return n&&E.value?.contains(n)?n:null}function Fe(e){let t=e?.target;if(!(t instanceof Element))return null;let n=t.closest(`.vue-data-ui-selection-handle`);return n&&E.value?.contains(n)?n:null}function Ie(e){let t=e?.target;if(!(t instanceof Element))return null;let n=t.closest(`.vue-data-ui-selection-delete`);return n&&E.value?.contains(n)?n:null}function Le(e){if(!e)return``;let t=e.getAttribute(`data-doodle-id`);return t||(t=r(),e.setAttribute(`data-doodle-id`,t)),t}function U(){return E.value?Array.from(E.value.children).filter(e=>e.classList?.contains(`vue-data-ui-doodle`)).map(e=>e.outerHTML).join(``):``}function Re(e){if(!E.value)return;K();let t=E.value.querySelector(`.vue-data-ui-svg-caret`);if(t&&t.remove(),Array.from(E.value.children).forEach(e=>{e.classList?.contains(`vue-data-ui-doodle`)&&e.remove()}),e){let t=document.createElementNS(i,`g`);t.innerHTML=e,Array.from(t.children).forEach(e=>E.value.appendChild(e))}}function W(e,t=null){if(e===U())return;let n=Date.now(),r=x.value[x.value.length-1];t&&r?.mergeKey===t&&n-r.timestamp<=me?r.timestamp=n:x.value.push({state:e,mergeKey:t,timestamp:n}),S.value=[]}function ze(e){let t=e.touches?.[0]||e.changedTouches?.[0];return{x:t?t.clientX:e.clientX,y:t?t.clientY:e.clientY}}function Be(e,t){let n=b.svgRef;if(!n||!e)return null;let{x:r,y:i}=ze(t),a=n.createSVGPoint();a.x=r,a.y=i;let o=e.getScreenCTM()?.inverse();return o?a.matrixTransform(o):null}function Ve(e,t,n,r,i,a){let o=i-n,s=a-r,c=o*o+s*s;if(!c)return Math.hypot(e-n,t-r);let l=Math.max(0,Math.min(1,((e-n)*o+(t-r)*s)/c)),u=n+l*o,d=r+l*s;return Math.hypot(e-u,t-d)}function He(e,t){let n=Be(e,t);if(!n)return!1;let r=e.tagName.toLowerCase(),i=he*b.scale;if(r===`line`){let t=Number(e.getAttribute(`x1`)),r=Number(e.getAttribute(`y1`)),a=Number(e.getAttribute(`x2`)),o=Number(e.getAttribute(`y2`)),s=Number(e.getAttribute(`stroke-width`))||0;return Ve(n.x,n.y,t,r,a,o)<=Math.max(i,s/2)}if(r===`circle`){let t=Number(e.getAttribute(`cx`)),r=Number(e.getAttribute(`cy`)),a=Number(e.getAttribute(`r`))||0;return Math.hypot(n.x-t,n.y-r)<=a+i}if(r===`text`)try{let t=e.getBBox();return n.x>=t.x-i&&n.x<=t.x+t.width+i&&n.y>=t.y-i&&n.y<=t.y+t.height+i}catch{return!1}if(r===`path`)try{let t=e.getBBox();if(n.x<t.x-i||n.x>t.x+t.width+i||n.y<t.y-i||n.y>t.y+t.height+i)return!1;if(typeof e.isPointInStroke==`function`){let t=e.getAttribute(`stroke-width`),r=Math.max(Number(t)||0,i*2);e.setAttribute(`stroke-width`,r);let a=e.isPointInStroke(n);return t===null?e.removeAttribute(`stroke-width`):e.setAttribute(`stroke-width`,t),a}let r=e.getTotalLength(),a=Math.max(2*b.scale,2);for(let t=0;t<=r;t+=a){let r=e.getPointAtLength(t);if(Math.hypot(n.x-r.x,n.y-r.y)<=i)return!0}}catch{return!1}return!1}function Ue(e){return Pe(e)||E.value&&Array.from(E.value.querySelectorAll(`.vue-data-ui-doodle`)).reverse().find(t=>He(t,e))||null}function We(){be.value?.parentNode&&be.value.parentNode.removeChild(be.value),be.value=null}function G(){if(We(),!I.value&&b.active&&E.value&&k.value&&E.value.contains(k.value))try{let e=k.value,t=e.getBBox(),n=4*b.scale,r=document.createElementNS(i,`g`);r.setAttribute(`class`,`vue-data-ui-selection-overlay`);let a=document.createElementNS(i,`rect`);if(a.setAttribute(`class`,`vue-data-ui-selection-box`),a.setAttribute(`x`,t.x-n),a.setAttribute(`y`,t.y-n),a.setAttribute(`width`,Math.max(t.width+n*2,n*2)),a.setAttribute(`height`,Math.max(t.height+n*2,n*2)),a.setAttribute(`fill`,`none`),a.setAttribute(`stroke`,b.color),a.setAttribute(`stroke-width`,Math.max(1,b.scale)),a.setAttribute(`stroke-dasharray`,`${4*b.scale} ${3*b.scale}`),a.setAttribute(`pointer-events`,`none`),r.appendChild(a),e.tagName.toLowerCase()===`line`){let t=Math.max(4,5*b.scale),n=Math.max(1,1.5*b.scale);[{endpoint:`start`,x:Number(e.getAttribute(`x1`)),y:Number(e.getAttribute(`y1`))},{endpoint:`end`,x:Number(e.getAttribute(`x2`)),y:Number(e.getAttribute(`y2`))}].forEach(({endpoint:e,x:a,y:o})=>{let s=document.createElementNS(i,`circle`);s.setAttribute(`class`,`vue-data-ui-selection-handle`),s.setAttribute(`data-line-endpoint`,e),s.setAttribute(`cx`,a),s.setAttribute(`cy`,o),s.setAttribute(`r`,t),s.setAttribute(`fill`,b.backgroundColor),s.setAttribute(`stroke`,b.color),s.setAttribute(`stroke-width`,n),s.setAttribute(`pointer-events`,`all`),r.appendChild(s)})}let o=Math.max(20,24*b.scale),s=Math.max(1,b.scale),c=t.x+t.width+n+4*b.scale,l=t.y-n-o-4*b.scale,u=document.createElementNS(i,`g`);u.setAttribute(`class`,`vue-data-ui-selection-delete`),u.setAttribute(`role`,`button`),u.setAttribute(`tabindex`,`0`),u.setAttribute(`aria-label`,`Delete selected drawing`),u.setAttribute(`pointer-events`,`all`);let d=document.createElementNS(i,`rect`);d.setAttribute(`x`,c),d.setAttribute(`y`,l),d.setAttribute(`width`,o),d.setAttribute(`height`,o),d.setAttribute(`rx`,4*b.scale),d.setAttribute(`fill`,b.backgroundColor),d.setAttribute(`stroke`,J.value),d.setAttribute(`stroke-width`,s),d.setAttribute(`vector-effect`,`non-scaling-stroke`);let f=o/24,p=document.createElementNS(i,`path`);p.setAttribute(`d`,`M 8 8 L 16 16 M 16 8 L 8 16`),p.setAttribute(`transform`,`translate(${c} ${l}) scale(${f})`),p.setAttribute(`fill`,`none`),p.setAttribute(`stroke`,b.color),p.setAttribute(`stroke-width`,Math.max(1.25,1.5*b.scale)),p.setAttribute(`stroke-linecap`,`round`),p.setAttribute(`stroke-linejoin`,`round`),p.setAttribute(`vector-effect`,`non-scaling-stroke`),p.setAttribute(`pointer-events`,`none`),u.appendChild(d),u.appendChild(p),u.addEventListener(`keydown`,e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),Ge(e))}),r.appendChild(u);let m=e.getAttribute(`transform`);m&&r.setAttribute(`transform`,m),E.value.appendChild(r),be.value=r}catch{We()}}function K(){k.value=null,A.value=!1,j.value=null,xe.value=``,M.value=``,N.value=!1,Se.value=!1,P.value=null,Ce.value=null,We(),Z()}function Ge(e=null){if(!b.active||!k.value||!E.value||!E.value.contains(k.value))return;e?.cancelable&&e.preventDefault(),e?.stopPropagation?.(),e?.stopImmediatePropagation?.();let t=U();k.value.remove(),W(t),K()}function Ke(e){return e?e.tagName.toLowerCase()===`text`||e.tagName.toLowerCase()===`circle`?e.getAttribute(`fill`):e.getAttribute(`stroke`):null}function qe(e){if(e){we.value=!0;try{let t=e.tagName.toLowerCase(),n=Ke(e);if(n&&(C.value=n),t===`text`){V.value=je.indexOf(`text`);let t=Number(e.getAttribute(`font-size`));Number.isFinite(t)&&b.scale&&(B.value=t/b.scale);return}if(t===`line`?V.value=e.hasAttribute(`marker-end`)?je.indexOf(`arrow`):je.indexOf(`line`):V.value=je.indexOf(`draw`),t===`circle`){let t=Number(e.getAttribute(`r`));Number.isFinite(t)&&b.scale&&(w.value=t*2/b.scale)}else{let t=Number(e.getAttribute(`stroke-width`));Number.isFinite(t)&&b.scale&&(w.value=t/b.scale)}}finally{p(()=>{we.value=!1})}}}function Je(e){b.active&&e&&E.value?.contains(e)&&(Le(e),k.value=e,qe(e),p(G))}function Ye(e){if(!b.active||!E.value||I.value)return;if(Ie(e)){Ge(e);return}let t=Fe(e);if(t&&k.value&&k.value.tagName.toLowerCase()===`line`){e.cancelable&&e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation?.();let n=t.getAttribute(`data-line-endpoint`);if(![`start`,`end`].includes(n))return;P.value=n,Ce.value=Be(k.value,e),A.value=!1,N.value=!1,Se.value=!1,M.value=U(),Z(e);return}let n=Ue(e);if(!n){K();return}e.cancelable&&e.preventDefault(),Se.value=k.value===n,Je(n);let{x:r,y:i}=Y(e);A.value=!0,N.value=!1,j.value={x:r,y:i},xe.value=n.getAttribute(`transform`)||``,M.value=U(),Z(e)}function Xe(e){if(!b.active||!k.value)return;if(Z(e),P.value){let t=Be(k.value,e);if(!t)return;let n=Ce.value;if(!N.value&&n&&Math.hypot(t.x-n.x,t.y-n.y)<ge*b.scale)return;e.cancelable&&e.preventDefault(),N.value=!0,P.value===`start`?(k.value.setAttribute(`x1`,t.x),k.value.setAttribute(`y1`,t.y)):(k.value.setAttribute(`x2`,t.x),k.value.setAttribute(`y2`,t.y)),G();return}if(!A.value||!j.value)return;let{x:t,y:n}=Y(e),r=t-j.value.x,i=n-j.value.y,a=Math.hypot(r,i);if(!N.value&&a<ge*b.scale)return;e.cancelable&&e.preventDefault(),N.value=!0;let o=xe.value.trim();k.value.setAttribute(`transform`,`${o?`${o} `:``}translate(${r} ${i})`),G()}function q(e){let t=k.value,n=!P.value&&t&&t.tagName.toLowerCase()===`text`&&Se.value&&!N.value&&!I.value;if(N.value&&M.value&&W(M.value),A.value=!1,j.value=null,M.value=``,N.value=!1,Se.value=!1,P.value=null,Ce.value=null,xe.value=t?.getAttribute(`transform`)||``,t&&E.value?.contains(t)&&G(),n&&t&&E.value?.contains(t)){nt(t,e),Z(e);return}Z(e)}function Ze(e){if(!b.active||!k.value||we.value)return;let t=k.value,n=t.tagName.toLowerCase();if(Ke(t)===e)return;let r=U();if(n===`text`||n===`circle`)t.setAttribute(`fill`,e);else if(t.setAttribute(`stroke`,e),n===`line`&&t.hasAttribute(`marker-end`)){let n=_t(e);n&&t.setAttribute(`marker-end`,`url(#${n})`)}I.value&&t===L.value||W(r,`color:${Le(t)}`),G(),I.value&&t===L.value&&ct()}function Qe(e){if(!b.active||!k.value||we.value)return;let t=k.value,n=t.tagName.toLowerCase();if(n===`text`)return;let r=Number(e)*b.scale;if((n===`circle`?Number(t.getAttribute(`r`))*2:Number(t.getAttribute(`stroke-width`)))===r)return;let i=U();n===`circle`?t.setAttribute(`r`,r/2):t.setAttribute(`stroke-width`,r),W(i,`size:${Le(t)}`),G()}function $e(e){if(!b.active||!k.value||we.value)return;let t=k.value;if(t.tagName.toLowerCase()!==`text`)return;let n=Number(e)*b.scale;if(Number(t.getAttribute(`font-size`))===n)return;let r=U();t.setAttribute(`font-size`,n),Array.from(t.children).forEach((e,t)=>{e.setAttribute(`dy`,t===0?`0`:`${n*1.2}`)}),I.value&&t===L.value||W(r,`font-size:${Le(t)}`),G(),I.value&&t===L.value&&ct()}y(C,Ze),y(w,Qe),y(B,$e);function et(){V.value+1>=je.length?V.value=0:V.value+=1}function tt(e){if(!E.value||!b.active||H.value!==`text`||I.value||Fe(e)||Ue(e))return;K();let t=U(),{x:n,y:a}=Y(e);De.value={x:n,y:a},R.value=[``],z.value={row:0,col:0},Oe.value=!1,ke.value=t,Ae.value=!1;let o=document.createElementNS(i,`text`);o.setAttribute(`x`,n),o.setAttribute(`y`,a),o.setAttribute(`fill`,C.value),o.setAttribute(`font-size`,B.value*b.scale),o.setAttribute(`font-family`,`sans-serif`),o.setAttribute(`class`,`vue-data-ui-doodle`),o.setAttribute(`data-doodle-id`,r()),o.setAttribute(`dominant-baseline`,`hanging`),o.setAttribute(`pointer-events`,`all`);let s=document.createElementNS(i,`tspan`);s.setAttribute(`x`,n),s.setAttribute(`dy`,`0`),s.setAttribute(`dominant-baseline`,`hanging`),s.textContent=``,o.appendChild(s),o.style.pointerEvents=`none`,o.style.userSelect=`none`,E.value.appendChild(o),k.value=o,L.value=o,I.value=!0,We(),window.addEventListener(`keydown`,rt),window.addEventListener(`mousedown`,lt,!0),it(),ct()}function nt(e){if(!b.active||!E.value||I.value||!e||e.tagName.toLowerCase()!==`text`||!E.value.contains(e))return;let t=U();k.value=e,qe(e);let n=Number(e.getAttribute(`x`))||0,r=Number(e.getAttribute(`y`))||0,i=Array.from(e.children).map(e=>{let t=e.textContent||``;return t===`​`?``:t.split(`​`).join(``)}),a=i.length?i:[e.textContent||``],o=Math.max(0,a.length-1);De.value={x:n,y:r},R.value=a,z.value={row:o,col:a[o]?.length||0},ke.value=t,Ae.value=!0,Oe.value=!0,L.value=e,I.value=!0,e.style.pointerEvents=`none`,We(),window.addEventListener(`keydown`,rt),window.addEventListener(`mousedown`,lt,!0),it(),ct()}function rt(e){if(!I.value)return;let{row:t,col:n}=z.value,r=R.value.slice(),i=!1;if(e.key===`Enter`){let a=r[t],o=a.slice(0,n),s=a.slice(n);r.splice(t,1,o,s),t+=1,n=0,i=!0,e.preventDefault()}else if(e.key===`Backspace`){if(n>0)r[t]=r[t].slice(0,n-1)+r[t].slice(n),--n,i=!0;else if(t>0){let e=r[t-1].length;r[t-1]+=r[t],r.splice(t,1),--t,n=e,i=!0}e.preventDefault()}else if(e.key===`Delete`)n<r[t].length?(r[t]=r[t].slice(0,n)+r[t].slice(n+1),i=!0):t<r.length-1&&(r[t]+=r[t+1],r.splice(t+1,1),i=!0),e.preventDefault();else if(e.key===`ArrowLeft`)n>0?--n:t>0&&(--t,n=r[t].length),i=!0,e.preventDefault();else if(e.key===`ArrowRight`)n<r[t].length?n+=1:t<r.length-1&&(t+=1,n=0),i=!0,e.preventDefault();else if(e.key===`ArrowUp`)t>0&&(--t,n=Math.min(n,r[t].length),i=!0),e.preventDefault();else if(e.key===`ArrowDown`)t<r.length-1&&(t+=1,n=Math.min(n,r[t].length),i=!0),e.preventDefault();else if(e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey)r[t]=r[t].slice(0,n)+e.key+r[t].slice(n),n+=1,i=!0,e.preventDefault();else if(e.key===`Escape`){ut(!1,!0);return}else e.key===`Tab`&&e.preventDefault();i&&(R.value=r,z.value={row:t,col:n},it(),ct())}function it(){let e=L.value;if(!e)return;let{x:t}=De.value;for(;e.firstChild;)e.removeChild(e.firstChild);R.value.forEach((n,r)=>{let a=document.createElementNS(i,`tspan`);a.setAttribute(`x`,t),a.setAttribute(`dominant-baseline`,`hanging`),a.setAttribute(`dy`,r===0?`0`:`${B.value*1.2*b.scale}`),a.textContent=n.length?n:`​`,e.appendChild(a)})}let at=_(null);function ot(){at.value!==null&&(clearInterval(at.value),at.value=null)}function st(e){ot();let t=!0;e.style.opacity=`1`,at.value=setInterval(()=>{if(!E.value||!e||!E.value.contains(e)){ot();return}t=!t,e.style.opacity=t?`1`:`0`},500)}function ct(){let e=E.value?.querySelector(`.vue-data-ui-svg-caret`);e&&E.value&&E.value.removeChild(e);let t=L.value;if(!t||!E.value)return;let{x:n,y:r}=De.value,{row:a,col:o}=z.value,s=B.value*b.scale,c=t.childNodes[a];if(!c)return;let l=c.textContent.slice(0,o);l.endsWith(` `)&&(l+=`\xA0`);let u=document.createElementNS(i,`text`);u.setAttribute(`x`,n),u.setAttribute(`y`,r),u.setAttribute(`font-size`,s),u.setAttribute(`font-family`,`sans-serif`),u.textContent=l||``,E.value.appendChild(u);let d=u.getBBox();E.value.removeChild(u);let f=r+a*s*1.2,p=n+d.width,m=document.createElementNS(i,`rect`);m.setAttribute(`x`,p),m.setAttribute(`y`,f),m.setAttribute(`rx`,1),m.setAttribute(`width`,2),m.setAttribute(`height`,s),m.setAttribute(`fill`,C.value),m.setAttribute(`class`,`vue-data-ui-svg-caret`),m.setAttribute(`pointer-events`,`none`);let h=t.getAttribute(`transform`);h&&m.setAttribute(`transform`,h),E.value.appendChild(m),st(m)}function lt(e){L.value&&(L.value.contains(e.target)||ut(!1))}function ut(e=!1,t=!1){window.removeEventListener(`keydown`,rt),window.removeEventListener(`mousedown`,lt,!0),ot();let n=E.value?.querySelector(`.vue-data-ui-svg-caret`);n&&n.remove();let r=L.value,i=ke.value,a=R.value.every(e=>!e.length);if(t){I.value=!1,L.value=null,R.value=[``],z.value={row:0,col:0},Oe.value=!1,ke.value=``,Ae.value=!1,Re(i);return}r&&E.value?.contains(r)&&(e||a?r.remove():r.style.pointerEvents=`all`),I.value=!1,L.value=null,R.value=[``],z.value={row:0,col:0},Oe.value=!1,ke.value=``,Ae.value=!1,W(i),r&&E.value?.contains(r)?Je(r):K()}let J=s(()=>n(b.color,.6));function dt(){if(!E.value)return;let e=E.value.querySelector(`.vue-data-ui-mask`);if(e&&E.value.removeChild(e),b.active){let e=document.createElementNS(`http://www.w3.org/2000/svg`,`rect`);e.setAttribute(`class`,`vue-data-ui-mask`),e.setAttribute(`width`,`100%`),e.setAttribute(`height`,`100%`),e.setAttribute(`fill`,`transparent`),e.setAttribute(`pointer-events`,`all`),E.value.insertBefore(e,E.value.firstChild)}}function Y(e){let t=b.svgRef;if(!t)return{x:0,y:0};let n=t.createSVGPoint(),r=e.touches?.length||e.changedTouches?.length?e.touches?.[0]||e.changedTouches?.[0]:null,i=r?r.clientX:e.clientX,a=r?r.clientY:e.clientY;n.x=i,n.y=a;let o=t.getScreenCTM()?.inverse();return o?n.matrixTransform(o):{x:0,y:0}}function ft(e){let t=e.trim().split(/\s+/);if(t.length<4)return e;let n=t.slice(1).map(Number);if(n.length%2!=0)return e;let r=pt(n),i=[`M ${r[0]} ${r[1]}`];for(let e=2;e<r.length-2;e+=2){let t=r[e-2],n=r[e-1],a=r[e],o=r[e+1],s=(t+a)/2,c=(n+o)/2;i.push(`Q ${t} ${n} ${s} ${c}`)}let a=r[r.length-2],o=r[r.length-1];return i.push(`L ${a} ${o}`),i.join(` `)}function pt(e,t=1){let n=[...e];for(let r=2;r<e.length-2;r+=2){let i=e[r],a=e[r+1],o=e[r-2],s=e[r-1],c=e[r+2],l=e[r+3];n[r]=i+t*((o+c)/2-i),n[r+1]=a+t*((s+l)/2-a)}return n}function mt(e){let t=e.trim().split(/\s+/),n=``,r=``,i=null,a=null;for(let e=0;e<t.length;e+=1){let o=t[e];if(isNaN(o)){if(r=o,r===`M`||r===`L`)i=parseFloat(t[++e]),a=parseFloat(t[++e]),n+=`${r}${i} ${a}`;else if(r===`Q`){let r=parseFloat(t[++e]),o=parseFloat(t[++e]),s=parseFloat(t[++e]),c=parseFloat(t[++e]);n+=r===i&&o===a?`t${s-i} ${c-a}`:`q${r-i} ${o-a} ${s-i} ${c-a}`,i=s,a=c}}else{let s=parseFloat(o),c=parseFloat(t[++e]);if(r===`L`){let e=s-i,t=c-a;n+=e===0?`v${t}`:t===0?`h${e}`:`l${e} ${t}`,i=s,a=c}else if(r===`Q`){let r=s,o=c,l=parseFloat(t[++e]),u=parseFloat(t[++e]);n+=r===i&&o===a?`t${l-i} ${u-a}`:`q${r-i} ${o-a} ${l-i} ${u-a}`,i=l,a=u}}}return n}function ht(e){if(H.value!==`draw`||!b.active||!E.value||Fe(e)||Ue(e))return;e.cancelable&&e.preventDefault(),K(),F.value=U(),T.value=!0;let{x:t,y:n}=Y(e);ye.value={x:t,y:n},ve.value=`M ${t} ${n}`,D.value=document.createElementNS(i,`path`),D.value.setAttribute(`stroke`,C.value),D.value.setAttribute(`stroke-width`,w.value*b.scale),D.value.setAttribute(`fill`,`none`),D.value.setAttribute(`stroke-linecap`,`round`),D.value.setAttribute(`stroke-linejoin`,`round`),D.value.setAttribute(`class`,`vue-data-ui-doodle`),D.value.setAttribute(`data-doodle-id`,r()),D.value.setAttribute(`pointer-events`,`stroke`),E.value.appendChild(D.value)}function gt(e){if(e.cancelable&&e.preventDefault(),!T.value||!E.value||!D.value)return;let{x:t,y:n}=Y(e);ve.value+=` ${t} ${n}`,D.value.setAttribute(`d`,ve.value)}function _t(e){let t=b.svgRef;if(!t)return null;let n=t.querySelector(`defs#${Ee.value}`);n||(n=document.createElementNS(i,`defs`),n.setAttribute(`id`,Ee.value),t.appendChild(n));let a=String(e).trim();if(Te.has(a))return Te.get(a);let o=`arrow-${r()}`,s=document.createElementNS(i,`marker`);s.setAttribute(`id`,o),s.setAttribute(`markerUnits`,`strokeWidth`),s.setAttribute(`markerWidth`,`6`),s.setAttribute(`markerHeight`,`6`),s.setAttribute(`refX`,`4`),s.setAttribute(`refY`,`3`),s.setAttribute(`orient`,`auto`),s.setAttribute(`viewBox`,`0 0 6 6`);let c=document.createElementNS(i,`path`);return c.setAttribute(`d`,`M 0 0 L 6 3 L 0 6 z`),c.setAttribute(`fill`,e),c.setAttribute(`stroke`,`none`),s.appendChild(c),n.appendChild(s),Te.set(a,o),o}function vt(e){if(![`line`,`arrow`].includes(H.value)||!b.active||!E.value||Fe(e)||Ue(e))return;e.cancelable&&e.preventDefault(),K(),F.value=U(),T.value=!0;let{x:t,y:n}=Y(e);if(ye.value={x:t,y:n},O.value=document.createElementNS(i,`line`),O.value.setAttribute(`stroke`,C.value),O.value.setAttribute(`stroke-width`,w.value*b.scale),O.value.setAttribute(`stroke-linecap`,`round`),O.value.setAttribute(`class`,`vue-data-ui-doodle`),O.value.setAttribute(`data-doodle-id`,r()),O.value.setAttribute(`pointer-events`,`stroke`),O.value.setAttribute(`x1`,t),O.value.setAttribute(`y1`,n),O.value.setAttribute(`x2`,t),O.value.setAttribute(`y2`,n),H.value===`arrow`){let e=_t(C.value);e&&O.value.setAttribute(`marker-end`,`url(#${e})`)}E.value.appendChild(O.value)}function yt(e){if(e.cancelable&&e.preventDefault(),![`line`,`arrow`].includes(H.value)||!T.value||!E.value||!O.value)return;let{x:t,y:n}=Y(e);O.value.setAttribute(`x2`,t),O.value.setAttribute(`y2`,n)}function bt(e){if(T.value&&E.value&&O.value){let{x:t,y:n}=Y(e);O.value.setAttribute(`x2`,t),O.value.setAttribute(`y2`,n),W(F.value),O.value=null,F.value=``}T.value=!1}function X(e){if(T.value&&E.value&&D.value){let{x:t,y:n}=Y(e);if(ye.value&&ye.value.x===t&&ye.value.y===n){D.value.remove();let e=document.createElementNS(i,`circle`);e.setAttribute(`cx`,t),e.setAttribute(`cy`,n),e.setAttribute(`r`,w.value*b.scale/2),e.setAttribute(`fill`,C.value),e.setAttribute(`class`,`vue-data-ui-doodle`),e.setAttribute(`data-doodle-id`,r()),e.setAttribute(`pointer-events`,`all`),E.value.appendChild(e)}else D.value.setAttribute(`d`,mt(ft(ve.value)));W(F.value),F.value=``,D.value=null}T.value=!1}function xt(){if(!x.value.length||!E.value)return;let e=U(),t=x.value.pop();S.value.push({state:e,mergeKey:null,timestamp:Date.now()}),Re(t.state)}function St(){if(!S.value.length||!E.value)return;let e=U(),t=S.value.pop();x.value.push({state:e,mergeKey:null,timestamp:Date.now()}),Re(t.state)}function Ct(){I.value&&ut(!1),K(),E.value&&(E.value.innerHTML=``),x.value=[],S.value=[],Oe.value=!1,ke.value=``,Ae.value=!1,F.value=``,dt()}y(H,()=>{b.active&&(Tt(),wt(),Z())});function wt(){b.svgRef&&b.active&&(b.svgRef.addEventListener(`mousedown`,Ye),b.svgRef.addEventListener(`mousemove`,Xe),b.svgRef.addEventListener(`mouseup`,q),b.svgRef.addEventListener(`mouseleave`,q),b.svgRef.addEventListener(`touchstart`,Ye,{passive:!1}),b.svgRef.addEventListener(`touchmove`,Xe,{passive:!1}),b.svgRef.addEventListener(`touchend`,q),b.svgRef.addEventListener(`touchcancel`,q),H.value===`draw`?(b.svgRef.addEventListener(`mousedown`,ht),b.svgRef.addEventListener(`mousemove`,gt),b.svgRef.addEventListener(`mouseup`,X),b.svgRef.addEventListener(`mouseleave`,X),b.svgRef.addEventListener(`touchstart`,ht,{passive:!1}),b.svgRef.addEventListener(`touchmove`,gt,{passive:!1}),b.svgRef.addEventListener(`touchend`,X),b.svgRef.addEventListener(`touchcancel`,X)):[`line`,`arrow`].includes(H.value)?(b.svgRef.addEventListener(`mousedown`,vt),b.svgRef.addEventListener(`mousemove`,yt),b.svgRef.addEventListener(`mouseup`,bt),b.svgRef.addEventListener(`touchstart`,vt,{passive:!1}),b.svgRef.addEventListener(`touchmove`,yt,{passive:!1}),b.svgRef.addEventListener(`touchend`,bt),b.svgRef.addEventListener(`touchcancel`,bt)):H.value===`text`&&(b.svgRef.addEventListener(`mousedown`,tt),b.svgRef.addEventListener(`touchstart`,tt,{passive:!1})),E.value&&(E.value.style.pointerEvents=`auto`))}function Tt(){b.svgRef&&(b.svgRef.removeEventListener(`mousedown`,Ye),b.svgRef.removeEventListener(`mousemove`,Xe),b.svgRef.removeEventListener(`mouseup`,q),b.svgRef.removeEventListener(`mouseleave`,q),b.svgRef.removeEventListener(`touchstart`,Ye),b.svgRef.removeEventListener(`touchmove`,Xe),b.svgRef.removeEventListener(`touchend`,q),b.svgRef.removeEventListener(`touchcancel`,q),b.svgRef.removeEventListener(`mousedown`,ht),b.svgRef.removeEventListener(`mousemove`,gt),b.svgRef.removeEventListener(`mouseup`,X),b.svgRef.removeEventListener(`mouseleave`,X),b.svgRef.removeEventListener(`touchstart`,ht),b.svgRef.removeEventListener(`touchmove`,gt),b.svgRef.removeEventListener(`touchend`,X),b.svgRef.removeEventListener(`touchcancel`,X),b.svgRef.removeEventListener(`mousedown`,vt),b.svgRef.removeEventListener(`mousemove`,yt),b.svgRef.removeEventListener(`mouseup`,bt),b.svgRef.removeEventListener(`touchstart`,vt),b.svgRef.removeEventListener(`touchmove`,yt),b.svgRef.removeEventListener(`touchend`,bt),b.svgRef.removeEventListener(`touchcancel`,bt),b.svgRef.removeEventListener(`mousedown`,tt),b.svgRef.removeEventListener(`touchstart`,tt),E.value&&(E.value.style.pointerEvents=`none`))}y(()=>b.active,e=>{e?wt():(K(),Tt()),Z()}),y(()=>b.active,()=>{p(()=>{dt()})}),y(()=>b.active,e=>{b.svgRef&&(e?b.svgRef.style.touchAction=`none`:b.svgRef.style.touchAction=``)},{immediate:!0});function Z(e=null){if(E.value){if(!b.active){E.value.style.cursor=``;return}if(I.value){E.value.style.cursor=`text`;return}if(e&&Ie(e)){E.value.style.cursor=`pointer`;return}if(P.value||e&&Fe(e)){E.value.style.cursor=`move`;return}if(A.value&&k.value){E.value.style.cursor=`grabbing`;return}if(e&&k.value&&E.value.contains(k.value)&&He(k.value,e)){E.value.style.cursor=`grab`;return}H.value===`text`?E.value.style.cursor=`text`:[`line`,`arrow`].includes(H.value)?E.value.style.cursor=`crosshair`:E.value.style.cursor=Ne.value}}let Q=_(null),Et=_(null),Dt=_(!1),$=_({x:0,y:0}),Ot=_(null),kt=_(null),At=s(()=>({backgroundColor:b.backgroundColor,"--vue-ui-pen-and-paper-drag-x":`${$.value.x}px`,"--vue-ui-pen-and-paper-drag-y":`${$.value.y}px`}));function jt(){return{width:document.documentElement.clientWidth||window.innerWidth,height:document.documentElement.clientHeight||window.innerHeight}}function Mt(){if(!Q.value)return null;let e=[Q.value,Q.value.querySelector(`.vue-ui-pen-and-paper-drag-handle`),Q.value.querySelector(`.vertical-range`)].filter(Boolean).map(e=>e.getBoundingClientRect());return{left:Math.min(...e.map(e=>e.left)),top:Math.min(...e.map(e=>e.top)),right:Math.max(...e.map(e=>e.right)),bottom:Math.max(...e.map(e=>e.bottom))}}function Nt(e){if(e.pointerType===`mouse`&&e.button!==0||!Q.value)return;e.preventDefault(),e.stopPropagation();let t=Mt();t&&(Dt.value=!0,kt.value=e.pointerId,Ot.value={clientX:e.clientX,clientY:e.clientY,offsetX:$.value.x,offsetY:$.value.y,rect:t},window.addEventListener(`pointermove`,Pt),window.addEventListener(`pointerup`,Ft),window.addEventListener(`pointercancel`,Ft))}function Pt(e){if(!Dt.value||!Ot.value||e.pointerId!==kt.value)return;e.preventDefault();let t=Ot.value,{width:n,height:r}=jt(),i=e.clientX-t.clientX,a=e.clientY-t.clientY,o=Math.min(Math.max(i,-t.rect.left),n-t.rect.right),s=Math.min(Math.max(a,-t.rect.top),r-t.rect.bottom);$.value={x:t.offsetX+o,y:t.offsetY+s}}function Ft(e){(e?.pointerId===void 0||kt.value===null||e.pointerId===kt.value)&&(Dt.value=!1,Ot.value=null,kt.value=null,window.removeEventListener(`pointermove`,Pt),window.removeEventListener(`pointerup`,Ft),window.removeEventListener(`pointercancel`,Ft))}function It(){if(!Q.value||!b.active)return;let e=Mt();if(!e)return;let{width:t,height:n}=jt(),r=0,i=0;e.left<0?r=-e.left:e.right>t&&(r=t-e.right),e.top<0?i=-e.top:e.bottom>n&&(i=n-e.bottom),(r||i)&&($.value={x:$.value.x+r,y:$.value.y+i})}return te(()=>{window.addEventListener(`resize`,It),p(()=>{b.svgRef&&(E.value=document.createElementNS(`http://www.w3.org/2000/svg`,`g`),E.value.setAttribute(`class`,`vue-data-ui-doodles`),b.svgRef.appendChild(E.value),Z(),b.active?wt():Tt(),dt())})}),y(()=>b.active,async e=>{if(!e){Ft(),$.value={x:0,y:0};return}await p(),Et.value?.focus()},{flush:`post`}),ee(()=>{ot(),K(),Ft(),window.removeEventListener(`resize`,It),E.value&&b.svgRef&&(E.value.remove(),Tt())}),(n,r)=>e.active?(ne(),l(`div`,{key:0,ref_key:`menuRef`,ref:Q,"data-dom-to-png-ignore":``,class:m([`vue-ui-pen-and-paper-actions`,{"vue-ui-pen-and-paper-actions-dragging":Dt.value}]),style:g(At.value)},[u(`button`,{type:`button`,class:`vue-ui-pen-and-paper-drag-handle`,"aria-label":`Move drawing toolbar`,style:g({backgroundColor:e.backgroundColor,border:`1px solid ${J.value}`,color:e.color}),onPointerdown:Nt},[(ne(),l(`svg`,le,[u(`circle`,{fill:e.color,cx:`3`,cy:`3`,r:`0.7`},null,8,ue),u(`circle`,{fill:e.color,cx:`3`,cy:`6`,r:`0.7`},null,8,de),u(`circle`,{fill:e.color,cx:`3`,cy:`9`,r:`0.7`},null,8,fe)]))],36),u(`button`,{ref_key:`buttonToggle`,ref:Et,class:`vue-ui-pen-and-paper-action`,onClick:r[0]||=e=>_e(`close`),style:g({backgroundColor:e.backgroundColor,border:`1px solid ${J.value}`,cursor:e.isCursorPointer?`pointer`:`default`})},[v(n.$slots,`annotator-action-close`,{},()=>[d(a,{name:`close`,stroke:e.color},null,8,[`stroke`])])],4),u(`button`,{class:`vue-ui-pen-and-paper-action`,tabindex:`-1`,style:g(`padding: 0 !important; cursor: ${e.isCursorPointer?`pointer`:`default`}`)},[d(o,{value:C.value,"onUpdate:value":r[1]||=e=>C.value=e,backgroundColor:e.backgroundColor,buttonBorderColor:J.value,isCursorPointer:e.isCursorPointer,palette:e.palette},{"annotator-action-color":oe(({color:e})=>[v(n.$slots,`annotator-action-color`,h(f({color:e})))]),_:3},8,[`value`,`backgroundColor`,`buttonBorderColor`,`isCursorPointer`,`palette`])],4),u(`button`,{class:m([`vue-ui-pen-and-paper-action`,{"vue-ui-pen-and-paper-action-active":H.value===`text`}]),onClick:r[2]||=e=>et(),style:g({backgroundColor:e.backgroundColor,border:`1px solid ${J.value}`,cursor:e.isCursorPointer?`pointer`:`default`})},[v(n.$slots,`annotator-action-draw`,h(f({mode:H.value})),()=>[d(a,{name:Me[H.value],stroke:e.color},null,8,[`name`,`stroke`])]),u(`div`,{style:g({position:`absolute`,bottom:`-20px`,color:J.value,width:`100%`,textAlign:`center`,fontSize:`12px`,fontVariantNumeric:`tabular-nums`})},re(ie(t)({v:H.value===`text`?Math.round(B.value):Math.round(w.value),s:`px`,r:1})),5)],6),u(`button`,{class:m([`vue-ui-pen-and-paper-action`,{"vue-ui-pen-and-paper-action-disabled":!x.value.length}]),disabled:!x.value.length,onClick:xt,style:g({backgroundColor:e.backgroundColor,border:`1px solid ${J.value}`,marginTop:`20px`,cursor:e.isCursorPointer?`pointer`:`default`})},[v(n.$slots,`annotator-action-undo`,h(f({disabled:!x.value.length})),()=>[d(a,{name:`refresh`,stroke:e.color},null,8,[`stroke`])])],14,pe),u(`button`,{class:m([`vue-ui-pen-and-paper-action`,{"vue-ui-pen-and-paper-action-disabled":!S.value.length}]),onClick:St,style:g({backgroundColor:e.backgroundColor,border:`1px solid ${J.value}`,cursor:e.isCursorPointer?`pointer`:`default`})},[v(n.$slots,`annotator-action-redo`,h(f({disabled:!S.value.length})),()=>[d(a,{name:`refresh`,stroke:e.color,style:{transform:`scaleX(-1)`}},null,8,[`stroke`])])],6),u(`button`,{class:m([`vue-ui-pen-and-paper-action`,{"vue-ui-pen-and-paper-action-disabled":!x.value.length}]),onClick:Ct,style:g({backgroundColor:e.backgroundColor,border:`1px solid ${J.value}`,cursor:e.isCursorPointer?`pointer`:`default`})},[v(n.$slots,`annotator-action-delete`,h(f({disabled:!x.value.length})),()=>[d(a,{name:`trash`,stroke:e.color},null,8,[`stroke`])])],6),H.value===`text`?se((ne(),l(`input`,{key:0,ref:`range`,type:`range`,class:`vertical-range`,min:3,max:48,step:1,"onUpdate:modelValue":r[3]||=e=>B.value=e,style:g({accentColor:e.color})},null,4)),[[ae,B.value]]):se((ne(),l(`input`,{key:1,ref:`range`,type:`range`,class:`vertical-range`,min:.5,max:12,step:.1,"onUpdate:modelValue":r[4]||=e=>w.value=e,style:g({accentColor:e.color})},null,4)),[[ae,w.value]])],6)):c(``,!0)}};export{b as n,ce as t};
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,Ft as n,X as r,t as i}from"./lib-CV_IANZ6.js";import{t as a}from"./BaseIcon-DdIyewwY.js";import{t as o}from"./ColorPicker-MLwiwxl5.js";import{computed as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createVNode as d,guardReactiveProps as f,nextTick as p,normalizeClass as m,normalizeProps as h,normalizeStyle as g,onBeforeUnmount as ee,onMounted as te,openBlock as ne,ref as _,renderSlot as v,toDisplayString as re,unref as ie,vModelText as ae,watch as y,withCtx as oe,withDirectives as se}from"vue";var ce=/* @__PURE__ */ e({default:()=>b}),le={"aria-hidden":`true`,viewBox:`0 0 6 12`,style:{width:`100%`}},ue=[`fill`],de=[`fill`],fe=[`fill`],pe=[`disabled`],me=750,he=8,ge=2,b={__name:`PenAndPaper`,props:{svgRef:{type:[Object,null,void 0],required:!0},color:{type:String,default:`#2D353C`},backgroundColor:{type:String,default:`#FFFFFF`},active:{type:Boolean,default:!1},scale:{type:Number,default:1},isCursorPointer:{type:Boolean,default:!1},palette:{type:Array,default:()=>[`#000000`,`#FFFFFF`,`#FF5733`,`#33FF57`,`#3357FF`,`#FFC300`,`#800080`,`#FF1493`,`#00CED1`]}},emits:[`close`],setup(e,{emit:ce}){let b=e,_e=ce,x=_([]),S=_([]),C=_(b.color),w=_(2),T=_(!1),ve=_(``),E=_(null),D=_(null),O=_(null),ye=_(null),k=_(null),be=_(null),A=_(!1),j=_(null),xe=_(``),M=_(``),N=_(!1),Se=_(!1),P=_(null),Ce=_(null),we=_(!1),F=_(``),Te=/* @__PURE__ */ new Map,Ee=_(`arrow-def-${r()}`),I=_(!1),L=_(null),De=_({x:0,y:0}),R=_([``]),z=_({row:0,col:0}),B=_(16),Oe=_(!1),ke=_(``),Ae=_(!1),je=[`arrow`,`text`,`line`,`draw`],V=_(0),H=s(()=>je[V.value]),Me={arrow:`plotArrow`,text:`text`,line:`plotLine`,draw:`annotator`},Ne=_(`url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto`);function Pe(e){let t=e?.target;if(!(t instanceof Element))return null;let n=t.closest(`.vue-data-ui-doodle`);return n&&E.value?.contains(n)?n:null}function Fe(e){let t=e?.target;if(!(t instanceof Element))return null;let n=t.closest(`.vue-data-ui-selection-handle`);return n&&E.value?.contains(n)?n:null}function Ie(e){let t=e?.target;if(!(t instanceof Element))return null;let n=t.closest(`.vue-data-ui-selection-delete`);return n&&E.value?.contains(n)?n:null}function Le(e){if(!e)return``;let t=e.getAttribute(`data-doodle-id`);return t||(t=r(),e.setAttribute(`data-doodle-id`,t)),t}function U(){return E.value?Array.from(E.value.children).filter(e=>e.classList?.contains(`vue-data-ui-doodle`)).map(e=>e.outerHTML).join(``):``}function Re(e){if(!E.value)return;K();let t=E.value.querySelector(`.vue-data-ui-svg-caret`);if(t&&t.remove(),Array.from(E.value.children).forEach(e=>{e.classList?.contains(`vue-data-ui-doodle`)&&e.remove()}),e){let t=document.createElementNS(i,`g`);t.innerHTML=e,Array.from(t.children).forEach(e=>E.value.appendChild(e))}}function W(e,t=null){if(e===U())return;let n=Date.now(),r=x.value[x.value.length-1];t&&r?.mergeKey===t&&n-r.timestamp<=me?r.timestamp=n:x.value.push({state:e,mergeKey:t,timestamp:n}),S.value=[]}function ze(e){let t=e.touches?.[0]||e.changedTouches?.[0];return{x:t?t.clientX:e.clientX,y:t?t.clientY:e.clientY}}function Be(e,t){let n=b.svgRef;if(!n||!e)return null;let{x:r,y:i}=ze(t),a=n.createSVGPoint();a.x=r,a.y=i;let o=e.getScreenCTM()?.inverse();return o?a.matrixTransform(o):null}function Ve(e,t,n,r,i,a){let o=i-n,s=a-r,c=o*o+s*s;if(!c)return Math.hypot(e-n,t-r);let l=Math.max(0,Math.min(1,((e-n)*o+(t-r)*s)/c)),u=n+l*o,d=r+l*s;return Math.hypot(e-u,t-d)}function He(e,t){let n=Be(e,t);if(!n)return!1;let r=e.tagName.toLowerCase(),i=he*b.scale;if(r===`line`){let t=Number(e.getAttribute(`x1`)),r=Number(e.getAttribute(`y1`)),a=Number(e.getAttribute(`x2`)),o=Number(e.getAttribute(`y2`)),s=Number(e.getAttribute(`stroke-width`))||0;return Ve(n.x,n.y,t,r,a,o)<=Math.max(i,s/2)}if(r===`circle`){let t=Number(e.getAttribute(`cx`)),r=Number(e.getAttribute(`cy`)),a=Number(e.getAttribute(`r`))||0;return Math.hypot(n.x-t,n.y-r)<=a+i}if(r===`text`)try{let t=e.getBBox();return n.x>=t.x-i&&n.x<=t.x+t.width+i&&n.y>=t.y-i&&n.y<=t.y+t.height+i}catch{return!1}if(r===`path`)try{let t=e.getBBox();if(n.x<t.x-i||n.x>t.x+t.width+i||n.y<t.y-i||n.y>t.y+t.height+i)return!1;if(typeof e.isPointInStroke==`function`){let t=e.getAttribute(`stroke-width`),r=Math.max(Number(t)||0,i*2);e.setAttribute(`stroke-width`,r);let a=e.isPointInStroke(n);return t===null?e.removeAttribute(`stroke-width`):e.setAttribute(`stroke-width`,t),a}let r=e.getTotalLength(),a=Math.max(2*b.scale,2);for(let t=0;t<=r;t+=a){let r=e.getPointAtLength(t);if(Math.hypot(n.x-r.x,n.y-r.y)<=i)return!0}}catch{return!1}return!1}function Ue(e){return Pe(e)||E.value&&Array.from(E.value.querySelectorAll(`.vue-data-ui-doodle`)).reverse().find(t=>He(t,e))||null}function We(){be.value?.parentNode&&be.value.parentNode.removeChild(be.value),be.value=null}function G(){if(We(),!I.value&&b.active&&E.value&&k.value&&E.value.contains(k.value))try{let e=k.value,t=e.getBBox(),n=4*b.scale,r=document.createElementNS(i,`g`);r.setAttribute(`class`,`vue-data-ui-selection-overlay`);let a=document.createElementNS(i,`rect`);if(a.setAttribute(`class`,`vue-data-ui-selection-box`),a.setAttribute(`x`,t.x-n),a.setAttribute(`y`,t.y-n),a.setAttribute(`width`,Math.max(t.width+n*2,n*2)),a.setAttribute(`height`,Math.max(t.height+n*2,n*2)),a.setAttribute(`fill`,`none`),a.setAttribute(`stroke`,b.color),a.setAttribute(`stroke-width`,Math.max(1,b.scale)),a.setAttribute(`stroke-dasharray`,`${4*b.scale} ${3*b.scale}`),a.setAttribute(`pointer-events`,`none`),r.appendChild(a),e.tagName.toLowerCase()===`line`){let t=Math.max(4,5*b.scale),n=Math.max(1,1.5*b.scale);[{endpoint:`start`,x:Number(e.getAttribute(`x1`)),y:Number(e.getAttribute(`y1`))},{endpoint:`end`,x:Number(e.getAttribute(`x2`)),y:Number(e.getAttribute(`y2`))}].forEach(({endpoint:e,x:a,y:o})=>{let s=document.createElementNS(i,`circle`);s.setAttribute(`class`,`vue-data-ui-selection-handle`),s.setAttribute(`data-line-endpoint`,e),s.setAttribute(`cx`,a),s.setAttribute(`cy`,o),s.setAttribute(`r`,t),s.setAttribute(`fill`,b.backgroundColor),s.setAttribute(`stroke`,b.color),s.setAttribute(`stroke-width`,n),s.setAttribute(`pointer-events`,`all`),r.appendChild(s)})}let o=Math.max(20,24*b.scale),s=Math.max(1,b.scale),c=t.x+t.width+n+4*b.scale,l=t.y-n-o-4*b.scale,u=document.createElementNS(i,`g`);u.setAttribute(`class`,`vue-data-ui-selection-delete`),u.setAttribute(`role`,`button`),u.setAttribute(`tabindex`,`0`),u.setAttribute(`aria-label`,`Delete selected drawing`),u.setAttribute(`pointer-events`,`all`);let d=document.createElementNS(i,`rect`);d.setAttribute(`x`,c),d.setAttribute(`y`,l),d.setAttribute(`width`,o),d.setAttribute(`height`,o),d.setAttribute(`rx`,4*b.scale),d.setAttribute(`fill`,b.backgroundColor),d.setAttribute(`stroke`,J.value),d.setAttribute(`stroke-width`,s),d.setAttribute(`vector-effect`,`non-scaling-stroke`);let f=o/24,p=document.createElementNS(i,`path`);p.setAttribute(`d`,`M 8 8 L 16 16 M 16 8 L 8 16`),p.setAttribute(`transform`,`translate(${c} ${l}) scale(${f})`),p.setAttribute(`fill`,`none`),p.setAttribute(`stroke`,b.color),p.setAttribute(`stroke-width`,Math.max(1.25,1.5*b.scale)),p.setAttribute(`stroke-linecap`,`round`),p.setAttribute(`stroke-linejoin`,`round`),p.setAttribute(`vector-effect`,`non-scaling-stroke`),p.setAttribute(`pointer-events`,`none`),u.appendChild(d),u.appendChild(p),u.addEventListener(`keydown`,e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),Ge(e))}),r.appendChild(u);let m=e.getAttribute(`transform`);m&&r.setAttribute(`transform`,m),E.value.appendChild(r),be.value=r}catch{We()}}function K(){k.value=null,A.value=!1,j.value=null,xe.value=``,M.value=``,N.value=!1,Se.value=!1,P.value=null,Ce.value=null,We(),Z()}function Ge(e=null){if(!b.active||!k.value||!E.value||!E.value.contains(k.value))return;e?.cancelable&&e.preventDefault(),e?.stopPropagation?.(),e?.stopImmediatePropagation?.();let t=U();k.value.remove(),W(t),K()}function Ke(e){return e?e.tagName.toLowerCase()===`text`||e.tagName.toLowerCase()===`circle`?e.getAttribute(`fill`):e.getAttribute(`stroke`):null}function qe(e){if(e){we.value=!0;try{let t=e.tagName.toLowerCase(),n=Ke(e);if(n&&(C.value=n),t===`text`){V.value=je.indexOf(`text`);let t=Number(e.getAttribute(`font-size`));Number.isFinite(t)&&b.scale&&(B.value=t/b.scale);return}if(t===`line`?V.value=e.hasAttribute(`marker-end`)?je.indexOf(`arrow`):je.indexOf(`line`):V.value=je.indexOf(`draw`),t===`circle`){let t=Number(e.getAttribute(`r`));Number.isFinite(t)&&b.scale&&(w.value=t*2/b.scale)}else{let t=Number(e.getAttribute(`stroke-width`));Number.isFinite(t)&&b.scale&&(w.value=t/b.scale)}}finally{p(()=>{we.value=!1})}}}function Je(e){b.active&&e&&E.value?.contains(e)&&(Le(e),k.value=e,qe(e),p(G))}function Ye(e){if(!b.active||!E.value||I.value)return;if(Ie(e)){Ge(e);return}let t=Fe(e);if(t&&k.value&&k.value.tagName.toLowerCase()===`line`){e.cancelable&&e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation?.();let n=t.getAttribute(`data-line-endpoint`);if(![`start`,`end`].includes(n))return;P.value=n,Ce.value=Be(k.value,e),A.value=!1,N.value=!1,Se.value=!1,M.value=U(),Z(e);return}let n=Ue(e);if(!n){K();return}e.cancelable&&e.preventDefault(),Se.value=k.value===n,Je(n);let{x:r,y:i}=Y(e);A.value=!0,N.value=!1,j.value={x:r,y:i},xe.value=n.getAttribute(`transform`)||``,M.value=U(),Z(e)}function Xe(e){if(!b.active||!k.value)return;if(Z(e),P.value){let t=Be(k.value,e);if(!t)return;let n=Ce.value;if(!N.value&&n&&Math.hypot(t.x-n.x,t.y-n.y)<ge*b.scale)return;e.cancelable&&e.preventDefault(),N.value=!0,P.value===`start`?(k.value.setAttribute(`x1`,t.x),k.value.setAttribute(`y1`,t.y)):(k.value.setAttribute(`x2`,t.x),k.value.setAttribute(`y2`,t.y)),G();return}if(!A.value||!j.value)return;let{x:t,y:n}=Y(e),r=t-j.value.x,i=n-j.value.y,a=Math.hypot(r,i);if(!N.value&&a<ge*b.scale)return;e.cancelable&&e.preventDefault(),N.value=!0;let o=xe.value.trim();k.value.setAttribute(`transform`,`${o?`${o} `:``}translate(${r} ${i})`),G()}function q(e){let t=k.value,n=!P.value&&t&&t.tagName.toLowerCase()===`text`&&Se.value&&!N.value&&!I.value;if(N.value&&M.value&&W(M.value),A.value=!1,j.value=null,M.value=``,N.value=!1,Se.value=!1,P.value=null,Ce.value=null,xe.value=t?.getAttribute(`transform`)||``,t&&E.value?.contains(t)&&G(),n&&t&&E.value?.contains(t)){nt(t,e),Z(e);return}Z(e)}function Ze(e){if(!b.active||!k.value||we.value)return;let t=k.value,n=t.tagName.toLowerCase();if(Ke(t)===e)return;let r=U();if(n===`text`||n===`circle`)t.setAttribute(`fill`,e);else if(t.setAttribute(`stroke`,e),n===`line`&&t.hasAttribute(`marker-end`)){let n=_t(e);n&&t.setAttribute(`marker-end`,`url(#${n})`)}I.value&&t===L.value||W(r,`color:${Le(t)}`),G(),I.value&&t===L.value&&ct()}function Qe(e){if(!b.active||!k.value||we.value)return;let t=k.value,n=t.tagName.toLowerCase();if(n===`text`)return;let r=Number(e)*b.scale;if((n===`circle`?Number(t.getAttribute(`r`))*2:Number(t.getAttribute(`stroke-width`)))===r)return;let i=U();n===`circle`?t.setAttribute(`r`,r/2):t.setAttribute(`stroke-width`,r),W(i,`size:${Le(t)}`),G()}function $e(e){if(!b.active||!k.value||we.value)return;let t=k.value;if(t.tagName.toLowerCase()!==`text`)return;let n=Number(e)*b.scale;if(Number(t.getAttribute(`font-size`))===n)return;let r=U();t.setAttribute(`font-size`,n),Array.from(t.children).forEach((e,t)=>{e.setAttribute(`dy`,t===0?`0`:`${n*1.2}`)}),I.value&&t===L.value||W(r,`font-size:${Le(t)}`),G(),I.value&&t===L.value&&ct()}y(C,Ze),y(w,Qe),y(B,$e);function et(){V.value+1>=je.length?V.value=0:V.value+=1}function tt(e){if(!E.value||!b.active||H.value!==`text`||I.value||Fe(e)||Ue(e))return;K();let t=U(),{x:n,y:a}=Y(e);De.value={x:n,y:a},R.value=[``],z.value={row:0,col:0},Oe.value=!1,ke.value=t,Ae.value=!1;let o=document.createElementNS(i,`text`);o.setAttribute(`x`,n),o.setAttribute(`y`,a),o.setAttribute(`fill`,C.value),o.setAttribute(`font-size`,B.value*b.scale),o.setAttribute(`font-family`,`sans-serif`),o.setAttribute(`class`,`vue-data-ui-doodle`),o.setAttribute(`data-doodle-id`,r()),o.setAttribute(`dominant-baseline`,`hanging`),o.setAttribute(`pointer-events`,`all`);let s=document.createElementNS(i,`tspan`);s.setAttribute(`x`,n),s.setAttribute(`dy`,`0`),s.setAttribute(`dominant-baseline`,`hanging`),s.textContent=``,o.appendChild(s),o.style.pointerEvents=`none`,o.style.userSelect=`none`,E.value.appendChild(o),k.value=o,L.value=o,I.value=!0,We(),window.addEventListener(`keydown`,rt),window.addEventListener(`mousedown`,lt,!0),it(),ct()}function nt(e){if(!b.active||!E.value||I.value||!e||e.tagName.toLowerCase()!==`text`||!E.value.contains(e))return;let t=U();k.value=e,qe(e);let n=Number(e.getAttribute(`x`))||0,r=Number(e.getAttribute(`y`))||0,i=Array.from(e.children).map(e=>{let t=e.textContent||``;return t===`​`?``:t.split(`​`).join(``)}),a=i.length?i:[e.textContent||``],o=Math.max(0,a.length-1);De.value={x:n,y:r},R.value=a,z.value={row:o,col:a[o]?.length||0},ke.value=t,Ae.value=!0,Oe.value=!0,L.value=e,I.value=!0,e.style.pointerEvents=`none`,We(),window.addEventListener(`keydown`,rt),window.addEventListener(`mousedown`,lt,!0),it(),ct()}function rt(e){if(!I.value)return;let{row:t,col:n}=z.value,r=R.value.slice(),i=!1;if(e.key===`Enter`){let a=r[t],o=a.slice(0,n),s=a.slice(n);r.splice(t,1,o,s),t+=1,n=0,i=!0,e.preventDefault()}else if(e.key===`Backspace`){if(n>0)r[t]=r[t].slice(0,n-1)+r[t].slice(n),--n,i=!0;else if(t>0){let e=r[t-1].length;r[t-1]+=r[t],r.splice(t,1),--t,n=e,i=!0}e.preventDefault()}else if(e.key===`Delete`)n<r[t].length?(r[t]=r[t].slice(0,n)+r[t].slice(n+1),i=!0):t<r.length-1&&(r[t]+=r[t+1],r.splice(t+1,1),i=!0),e.preventDefault();else if(e.key===`ArrowLeft`)n>0?--n:t>0&&(--t,n=r[t].length),i=!0,e.preventDefault();else if(e.key===`ArrowRight`)n<r[t].length?n+=1:t<r.length-1&&(t+=1,n=0),i=!0,e.preventDefault();else if(e.key===`ArrowUp`)t>0&&(--t,n=Math.min(n,r[t].length),i=!0),e.preventDefault();else if(e.key===`ArrowDown`)t<r.length-1&&(t+=1,n=Math.min(n,r[t].length),i=!0),e.preventDefault();else if(e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey)r[t]=r[t].slice(0,n)+e.key+r[t].slice(n),n+=1,i=!0,e.preventDefault();else if(e.key===`Escape`){ut(!1,!0);return}else e.key===`Tab`&&e.preventDefault();i&&(R.value=r,z.value={row:t,col:n},it(),ct())}function it(){let e=L.value;if(!e)return;let{x:t}=De.value;for(;e.firstChild;)e.removeChild(e.firstChild);R.value.forEach((n,r)=>{let a=document.createElementNS(i,`tspan`);a.setAttribute(`x`,t),a.setAttribute(`dominant-baseline`,`hanging`),a.setAttribute(`dy`,r===0?`0`:`${B.value*1.2*b.scale}`),a.textContent=n.length?n:`​`,e.appendChild(a)})}let at=_(null);function ot(){at.value!==null&&(clearInterval(at.value),at.value=null)}function st(e){ot();let t=!0;e.style.opacity=`1`,at.value=setInterval(()=>{if(!E.value||!e||!E.value.contains(e)){ot();return}t=!t,e.style.opacity=t?`1`:`0`},500)}function ct(){let e=E.value?.querySelector(`.vue-data-ui-svg-caret`);e&&E.value&&E.value.removeChild(e);let t=L.value;if(!t||!E.value)return;let{x:n,y:r}=De.value,{row:a,col:o}=z.value,s=B.value*b.scale,c=t.childNodes[a];if(!c)return;let l=c.textContent.slice(0,o);l.endsWith(` `)&&(l+=`\xA0`);let u=document.createElementNS(i,`text`);u.setAttribute(`x`,n),u.setAttribute(`y`,r),u.setAttribute(`font-size`,s),u.setAttribute(`font-family`,`sans-serif`),u.textContent=l||``,E.value.appendChild(u);let d=u.getBBox();E.value.removeChild(u);let f=r+a*s*1.2,p=n+d.width,m=document.createElementNS(i,`rect`);m.setAttribute(`x`,p),m.setAttribute(`y`,f),m.setAttribute(`rx`,1),m.setAttribute(`width`,2),m.setAttribute(`height`,s),m.setAttribute(`fill`,C.value),m.setAttribute(`class`,`vue-data-ui-svg-caret`),m.setAttribute(`pointer-events`,`none`);let h=t.getAttribute(`transform`);h&&m.setAttribute(`transform`,h),E.value.appendChild(m),st(m)}function lt(e){L.value&&(L.value.contains(e.target)||ut(!1))}function ut(e=!1,t=!1){window.removeEventListener(`keydown`,rt),window.removeEventListener(`mousedown`,lt,!0),ot();let n=E.value?.querySelector(`.vue-data-ui-svg-caret`);n&&n.remove();let r=L.value,i=ke.value,a=R.value.every(e=>!e.length);if(t){I.value=!1,L.value=null,R.value=[``],z.value={row:0,col:0},Oe.value=!1,ke.value=``,Ae.value=!1,Re(i);return}r&&E.value?.contains(r)&&(e||a?r.remove():r.style.pointerEvents=`all`),I.value=!1,L.value=null,R.value=[``],z.value={row:0,col:0},Oe.value=!1,ke.value=``,Ae.value=!1,W(i),r&&E.value?.contains(r)?Je(r):K()}let J=s(()=>n(b.color,.6));function dt(){if(!E.value)return;let e=E.value.querySelector(`.vue-data-ui-mask`);if(e&&E.value.removeChild(e),b.active){let e=document.createElementNS(`http://www.w3.org/2000/svg`,`rect`);e.setAttribute(`class`,`vue-data-ui-mask`),e.setAttribute(`width`,`100%`),e.setAttribute(`height`,`100%`),e.setAttribute(`fill`,`transparent`),e.setAttribute(`pointer-events`,`all`),E.value.insertBefore(e,E.value.firstChild)}}function Y(e){let t=b.svgRef;if(!t)return{x:0,y:0};let n=t.createSVGPoint(),r=e.touches?.length||e.changedTouches?.length?e.touches?.[0]||e.changedTouches?.[0]:null,i=r?r.clientX:e.clientX,a=r?r.clientY:e.clientY;n.x=i,n.y=a;let o=t.getScreenCTM()?.inverse();return o?n.matrixTransform(o):{x:0,y:0}}function ft(e){let t=e.trim().split(/\s+/);if(t.length<4)return e;let n=t.slice(1).map(Number);if(n.length%2!=0)return e;let r=pt(n),i=[`M ${r[0]} ${r[1]}`];for(let e=2;e<r.length-2;e+=2){let t=r[e-2],n=r[e-1],a=r[e],o=r[e+1],s=(t+a)/2,c=(n+o)/2;i.push(`Q ${t} ${n} ${s} ${c}`)}let a=r[r.length-2],o=r[r.length-1];return i.push(`L ${a} ${o}`),i.join(` `)}function pt(e,t=1){let n=[...e];for(let r=2;r<e.length-2;r+=2){let i=e[r],a=e[r+1],o=e[r-2],s=e[r-1],c=e[r+2],l=e[r+3];n[r]=i+t*((o+c)/2-i),n[r+1]=a+t*((s+l)/2-a)}return n}function mt(e){let t=e.trim().split(/\s+/),n=``,r=``,i=null,a=null;for(let e=0;e<t.length;e+=1){let o=t[e];if(isNaN(o)){if(r=o,r===`M`||r===`L`)i=parseFloat(t[++e]),a=parseFloat(t[++e]),n+=`${r}${i} ${a}`;else if(r===`Q`){let r=parseFloat(t[++e]),o=parseFloat(t[++e]),s=parseFloat(t[++e]),c=parseFloat(t[++e]);n+=r===i&&o===a?`t${s-i} ${c-a}`:`q${r-i} ${o-a} ${s-i} ${c-a}`,i=s,a=c}}else{let s=parseFloat(o),c=parseFloat(t[++e]);if(r===`L`){let e=s-i,t=c-a;n+=e===0?`v${t}`:t===0?`h${e}`:`l${e} ${t}`,i=s,a=c}else if(r===`Q`){let r=s,o=c,l=parseFloat(t[++e]),u=parseFloat(t[++e]);n+=r===i&&o===a?`t${l-i} ${u-a}`:`q${r-i} ${o-a} ${l-i} ${u-a}`,i=l,a=u}}}return n}function ht(e){if(H.value!==`draw`||!b.active||!E.value||Fe(e)||Ue(e))return;e.cancelable&&e.preventDefault(),K(),F.value=U(),T.value=!0;let{x:t,y:n}=Y(e);ye.value={x:t,y:n},ve.value=`M ${t} ${n}`,D.value=document.createElementNS(i,`path`),D.value.setAttribute(`stroke`,C.value),D.value.setAttribute(`stroke-width`,w.value*b.scale),D.value.setAttribute(`fill`,`none`),D.value.setAttribute(`stroke-linecap`,`round`),D.value.setAttribute(`stroke-linejoin`,`round`),D.value.setAttribute(`class`,`vue-data-ui-doodle`),D.value.setAttribute(`data-doodle-id`,r()),D.value.setAttribute(`pointer-events`,`stroke`),E.value.appendChild(D.value)}function gt(e){if(e.cancelable&&e.preventDefault(),!T.value||!E.value||!D.value)return;let{x:t,y:n}=Y(e);ve.value+=` ${t} ${n}`,D.value.setAttribute(`d`,ve.value)}function _t(e){let t=b.svgRef;if(!t)return null;let n=t.querySelector(`defs#${Ee.value}`);n||(n=document.createElementNS(i,`defs`),n.setAttribute(`id`,Ee.value),t.appendChild(n));let a=String(e).trim();if(Te.has(a))return Te.get(a);let o=`arrow-${r()}`,s=document.createElementNS(i,`marker`);s.setAttribute(`id`,o),s.setAttribute(`markerUnits`,`strokeWidth`),s.setAttribute(`markerWidth`,`6`),s.setAttribute(`markerHeight`,`6`),s.setAttribute(`refX`,`4`),s.setAttribute(`refY`,`3`),s.setAttribute(`orient`,`auto`),s.setAttribute(`viewBox`,`0 0 6 6`);let c=document.createElementNS(i,`path`);return c.setAttribute(`d`,`M 0 0 L 6 3 L 0 6 z`),c.setAttribute(`fill`,e),c.setAttribute(`stroke`,`none`),s.appendChild(c),n.appendChild(s),Te.set(a,o),o}function vt(e){if(![`line`,`arrow`].includes(H.value)||!b.active||!E.value||Fe(e)||Ue(e))return;e.cancelable&&e.preventDefault(),K(),F.value=U(),T.value=!0;let{x:t,y:n}=Y(e);if(ye.value={x:t,y:n},O.value=document.createElementNS(i,`line`),O.value.setAttribute(`stroke`,C.value),O.value.setAttribute(`stroke-width`,w.value*b.scale),O.value.setAttribute(`stroke-linecap`,`round`),O.value.setAttribute(`class`,`vue-data-ui-doodle`),O.value.setAttribute(`data-doodle-id`,r()),O.value.setAttribute(`pointer-events`,`stroke`),O.value.setAttribute(`x1`,t),O.value.setAttribute(`y1`,n),O.value.setAttribute(`x2`,t),O.value.setAttribute(`y2`,n),H.value===`arrow`){let e=_t(C.value);e&&O.value.setAttribute(`marker-end`,`url(#${e})`)}E.value.appendChild(O.value)}function yt(e){if(e.cancelable&&e.preventDefault(),![`line`,`arrow`].includes(H.value)||!T.value||!E.value||!O.value)return;let{x:t,y:n}=Y(e);O.value.setAttribute(`x2`,t),O.value.setAttribute(`y2`,n)}function bt(e){if(T.value&&E.value&&O.value){let{x:t,y:n}=Y(e);O.value.setAttribute(`x2`,t),O.value.setAttribute(`y2`,n),W(F.value),O.value=null,F.value=``}T.value=!1}function X(e){if(T.value&&E.value&&D.value){let{x:t,y:n}=Y(e);if(ye.value&&ye.value.x===t&&ye.value.y===n){D.value.remove();let e=document.createElementNS(i,`circle`);e.setAttribute(`cx`,t),e.setAttribute(`cy`,n),e.setAttribute(`r`,w.value*b.scale/2),e.setAttribute(`fill`,C.value),e.setAttribute(`class`,`vue-data-ui-doodle`),e.setAttribute(`data-doodle-id`,r()),e.setAttribute(`pointer-events`,`all`),E.value.appendChild(e)}else D.value.setAttribute(`d`,mt(ft(ve.value)));W(F.value),F.value=``,D.value=null}T.value=!1}function xt(){if(!x.value.length||!E.value)return;let e=U(),t=x.value.pop();S.value.push({state:e,mergeKey:null,timestamp:Date.now()}),Re(t.state)}function St(){if(!S.value.length||!E.value)return;let e=U(),t=S.value.pop();x.value.push({state:e,mergeKey:null,timestamp:Date.now()}),Re(t.state)}function Ct(){I.value&&ut(!1),K(),E.value&&(E.value.innerHTML=``),x.value=[],S.value=[],Oe.value=!1,ke.value=``,Ae.value=!1,F.value=``,dt()}y(H,()=>{b.active&&(Tt(),wt(),Z())});function wt(){b.svgRef&&b.active&&(b.svgRef.addEventListener(`mousedown`,Ye),b.svgRef.addEventListener(`mousemove`,Xe),b.svgRef.addEventListener(`mouseup`,q),b.svgRef.addEventListener(`mouseleave`,q),b.svgRef.addEventListener(`touchstart`,Ye,{passive:!1}),b.svgRef.addEventListener(`touchmove`,Xe,{passive:!1}),b.svgRef.addEventListener(`touchend`,q),b.svgRef.addEventListener(`touchcancel`,q),H.value===`draw`?(b.svgRef.addEventListener(`mousedown`,ht),b.svgRef.addEventListener(`mousemove`,gt),b.svgRef.addEventListener(`mouseup`,X),b.svgRef.addEventListener(`mouseleave`,X),b.svgRef.addEventListener(`touchstart`,ht,{passive:!1}),b.svgRef.addEventListener(`touchmove`,gt,{passive:!1}),b.svgRef.addEventListener(`touchend`,X),b.svgRef.addEventListener(`touchcancel`,X)):[`line`,`arrow`].includes(H.value)?(b.svgRef.addEventListener(`mousedown`,vt),b.svgRef.addEventListener(`mousemove`,yt),b.svgRef.addEventListener(`mouseup`,bt),b.svgRef.addEventListener(`touchstart`,vt,{passive:!1}),b.svgRef.addEventListener(`touchmove`,yt,{passive:!1}),b.svgRef.addEventListener(`touchend`,bt),b.svgRef.addEventListener(`touchcancel`,bt)):H.value===`text`&&(b.svgRef.addEventListener(`mousedown`,tt),b.svgRef.addEventListener(`touchstart`,tt,{passive:!1})),E.value&&(E.value.style.pointerEvents=`auto`))}function Tt(){b.svgRef&&(b.svgRef.removeEventListener(`mousedown`,Ye),b.svgRef.removeEventListener(`mousemove`,Xe),b.svgRef.removeEventListener(`mouseup`,q),b.svgRef.removeEventListener(`mouseleave`,q),b.svgRef.removeEventListener(`touchstart`,Ye),b.svgRef.removeEventListener(`touchmove`,Xe),b.svgRef.removeEventListener(`touchend`,q),b.svgRef.removeEventListener(`touchcancel`,q),b.svgRef.removeEventListener(`mousedown`,ht),b.svgRef.removeEventListener(`mousemove`,gt),b.svgRef.removeEventListener(`mouseup`,X),b.svgRef.removeEventListener(`mouseleave`,X),b.svgRef.removeEventListener(`touchstart`,ht),b.svgRef.removeEventListener(`touchmove`,gt),b.svgRef.removeEventListener(`touchend`,X),b.svgRef.removeEventListener(`touchcancel`,X),b.svgRef.removeEventListener(`mousedown`,vt),b.svgRef.removeEventListener(`mousemove`,yt),b.svgRef.removeEventListener(`mouseup`,bt),b.svgRef.removeEventListener(`touchstart`,vt),b.svgRef.removeEventListener(`touchmove`,yt),b.svgRef.removeEventListener(`touchend`,bt),b.svgRef.removeEventListener(`touchcancel`,bt),b.svgRef.removeEventListener(`mousedown`,tt),b.svgRef.removeEventListener(`touchstart`,tt),E.value&&(E.value.style.pointerEvents=`none`))}y(()=>b.active,e=>{e?wt():(K(),Tt()),Z()}),y(()=>b.active,()=>{p(()=>{dt()})}),y(()=>b.active,e=>{b.svgRef&&(e?b.svgRef.style.touchAction=`none`:b.svgRef.style.touchAction=``)},{immediate:!0});function Z(e=null){if(E.value){if(!b.active){E.value.style.cursor=``;return}if(I.value){E.value.style.cursor=`text`;return}if(e&&Ie(e)){E.value.style.cursor=`pointer`;return}if(P.value||e&&Fe(e)){E.value.style.cursor=`move`;return}if(A.value&&k.value){E.value.style.cursor=`grabbing`;return}if(e&&k.value&&E.value.contains(k.value)&&He(k.value,e)){E.value.style.cursor=`grab`;return}H.value===`text`?E.value.style.cursor=`text`:[`line`,`arrow`].includes(H.value)?E.value.style.cursor=`crosshair`:E.value.style.cursor=Ne.value}}let Q=_(null),Et=_(null),Dt=_(!1),$=_({x:0,y:0}),Ot=_(null),kt=_(null),At=s(()=>({backgroundColor:b.backgroundColor,"--vue-ui-pen-and-paper-drag-x":`${$.value.x}px`,"--vue-ui-pen-and-paper-drag-y":`${$.value.y}px`}));function jt(){return{width:document.documentElement.clientWidth||window.innerWidth,height:document.documentElement.clientHeight||window.innerHeight}}function Mt(){if(!Q.value)return null;let e=[Q.value,Q.value.querySelector(`.vue-ui-pen-and-paper-drag-handle`),Q.value.querySelector(`.vertical-range`)].filter(Boolean).map(e=>e.getBoundingClientRect());return{left:Math.min(...e.map(e=>e.left)),top:Math.min(...e.map(e=>e.top)),right:Math.max(...e.map(e=>e.right)),bottom:Math.max(...e.map(e=>e.bottom))}}function Nt(e){if(e.pointerType===`mouse`&&e.button!==0||!Q.value)return;e.preventDefault(),e.stopPropagation();let t=Mt();t&&(Dt.value=!0,kt.value=e.pointerId,Ot.value={clientX:e.clientX,clientY:e.clientY,offsetX:$.value.x,offsetY:$.value.y,rect:t},window.addEventListener(`pointermove`,Pt),window.addEventListener(`pointerup`,Ft),window.addEventListener(`pointercancel`,Ft))}function Pt(e){if(!Dt.value||!Ot.value||e.pointerId!==kt.value)return;e.preventDefault();let t=Ot.value,{width:n,height:r}=jt(),i=e.clientX-t.clientX,a=e.clientY-t.clientY,o=Math.min(Math.max(i,-t.rect.left),n-t.rect.right),s=Math.min(Math.max(a,-t.rect.top),r-t.rect.bottom);$.value={x:t.offsetX+o,y:t.offsetY+s}}function Ft(e){(e?.pointerId===void 0||kt.value===null||e.pointerId===kt.value)&&(Dt.value=!1,Ot.value=null,kt.value=null,window.removeEventListener(`pointermove`,Pt),window.removeEventListener(`pointerup`,Ft),window.removeEventListener(`pointercancel`,Ft))}function It(){if(!Q.value||!b.active)return;let e=Mt();if(!e)return;let{width:t,height:n}=jt(),r=0,i=0;e.left<0?r=-e.left:e.right>t&&(r=t-e.right),e.top<0?i=-e.top:e.bottom>n&&(i=n-e.bottom),(r||i)&&($.value={x:$.value.x+r,y:$.value.y+i})}return te(()=>{window.addEventListener(`resize`,It),p(()=>{b.svgRef&&(E.value=document.createElementNS(`http://www.w3.org/2000/svg`,`g`),E.value.setAttribute(`class`,`vue-data-ui-doodles`),b.svgRef.appendChild(E.value),Z(),b.active?wt():Tt(),dt())})}),y(()=>b.active,async e=>{if(!e){Ft(),$.value={x:0,y:0};return}await p(),Et.value?.focus()},{flush:`post`}),ee(()=>{ot(),K(),Ft(),window.removeEventListener(`resize`,It),E.value&&b.svgRef&&(E.value.remove(),Tt())}),(n,r)=>e.active?(ne(),l(`div`,{key:0,ref_key:`menuRef`,ref:Q,"data-dom-to-png-ignore":``,class:m([`vue-ui-pen-and-paper-actions`,{"vue-ui-pen-and-paper-actions-dragging":Dt.value}]),style:g(At.value)},[u(`button`,{type:`button`,class:`vue-ui-pen-and-paper-drag-handle`,"aria-label":`Move drawing toolbar`,style:g({backgroundColor:e.backgroundColor,border:`1px solid ${J.value}`,color:e.color}),onPointerdown:Nt},[(ne(),l(`svg`,le,[u(`circle`,{fill:e.color,cx:`3`,cy:`3`,r:`0.7`},null,8,ue),u(`circle`,{fill:e.color,cx:`3`,cy:`6`,r:`0.7`},null,8,de),u(`circle`,{fill:e.color,cx:`3`,cy:`9`,r:`0.7`},null,8,fe)]))],36),u(`button`,{ref_key:`buttonToggle`,ref:Et,class:`vue-ui-pen-and-paper-action`,onClick:r[0]||=e=>_e(`close`),style:g({backgroundColor:e.backgroundColor,border:`1px solid ${J.value}`,cursor:e.isCursorPointer?`pointer`:`default`})},[v(n.$slots,`annotator-action-close`,{},()=>[d(a,{name:`close`,stroke:e.color},null,8,[`stroke`])])],4),u(`button`,{class:`vue-ui-pen-and-paper-action`,tabindex:`-1`,style:g(`padding: 0 !important; cursor: ${e.isCursorPointer?`pointer`:`default`}`)},[d(o,{value:C.value,"onUpdate:value":r[1]||=e=>C.value=e,backgroundColor:e.backgroundColor,buttonBorderColor:J.value,isCursorPointer:e.isCursorPointer,palette:e.palette},{"annotator-action-color":oe(({color:e})=>[v(n.$slots,`annotator-action-color`,h(f({color:e})))]),_:3},8,[`value`,`backgroundColor`,`buttonBorderColor`,`isCursorPointer`,`palette`])],4),u(`button`,{class:m([`vue-ui-pen-and-paper-action`,{"vue-ui-pen-and-paper-action-active":H.value===`text`}]),onClick:r[2]||=e=>et(),style:g({backgroundColor:e.backgroundColor,border:`1px solid ${J.value}`,cursor:e.isCursorPointer?`pointer`:`default`})},[v(n.$slots,`annotator-action-draw`,h(f({mode:H.value})),()=>[d(a,{name:Me[H.value],stroke:e.color},null,8,[`name`,`stroke`])]),u(`div`,{style:g({position:`absolute`,bottom:`-20px`,color:J.value,width:`100%`,textAlign:`center`,fontSize:`12px`,fontVariantNumeric:`tabular-nums`})},re(ie(t)({v:H.value===`text`?Math.round(B.value):Math.round(w.value),s:`px`,r:1})),5)],6),u(`button`,{class:m([`vue-ui-pen-and-paper-action`,{"vue-ui-pen-and-paper-action-disabled":!x.value.length}]),disabled:!x.value.length,onClick:xt,style:g({backgroundColor:e.backgroundColor,border:`1px solid ${J.value}`,marginTop:`20px`,cursor:e.isCursorPointer?`pointer`:`default`})},[v(n.$slots,`annotator-action-undo`,h(f({disabled:!x.value.length})),()=>[d(a,{name:`refresh`,stroke:e.color},null,8,[`stroke`])])],14,pe),u(`button`,{class:m([`vue-ui-pen-and-paper-action`,{"vue-ui-pen-and-paper-action-disabled":!S.value.length}]),onClick:St,style:g({backgroundColor:e.backgroundColor,border:`1px solid ${J.value}`,cursor:e.isCursorPointer?`pointer`:`default`})},[v(n.$slots,`annotator-action-redo`,h(f({disabled:!S.value.length})),()=>[d(a,{name:`refresh`,stroke:e.color,style:{transform:`scaleX(-1)`}},null,8,[`stroke`])])],6),u(`button`,{class:m([`vue-ui-pen-and-paper-action`,{"vue-ui-pen-and-paper-action-disabled":!x.value.length}]),onClick:Ct,style:g({backgroundColor:e.backgroundColor,border:`1px solid ${J.value}`,cursor:e.isCursorPointer?`pointer`:`default`})},[v(n.$slots,`annotator-action-delete`,h(f({disabled:!x.value.length})),()=>[d(a,{name:`trash`,stroke:e.color},null,8,[`stroke`])])],6),H.value===`text`?se((ne(),l(`input`,{key:0,ref:`range`,type:`range`,class:`vertical-range`,min:3,max:48,step:1,"onUpdate:modelValue":r[3]||=e=>B.value=e,style:g({accentColor:e.color})},null,4)),[[ae,B.value]]):se((ne(),l(`input`,{key:1,ref:`range`,type:`range`,class:`vertical-range`,min:.5,max:12,step:.1,"onUpdate:modelValue":r[4]||=e=>w.value=e,style:g({accentColor:e.color})},null,4)),[[ae,w.value]])],6)):c(``,!0)}};export{b as n,ce as t};

package/dist/{Shape-tkp65OcG.js → Shape-Bp9YNtPc.js}

@@ -1 +1 @@
-import{B as e,M as t}from"./lib-zDxoqrgo.js";import{t as n}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{computed as r,createCommentVNode as i,createElementBlock as a,normalizeClass as o,normalizeStyle as s,openBlock as c}from"vue";var l=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],u=[`d`,`fill`,`stroke`,`stroke-width`],d=[`points`,`fill`,`stroke`,`stroke-width`],f=/*#__PURE__*/ n({__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},transition:{type:String},still:{type:Boolean}},emits:[`mouseover`,`mouseout`,`click`],setup(n,{emit:f}){let p=n,m=f;function h(e){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}}[e]}let g=r(()=>h(p.shape)),_=r(()=>p.shape===`star`?e({plot:{x:p.plot.x,y:p.plot.y},radius:p.radius*(p.isSelected?p.zoom:1)}):null),v=r(()=>t({plot:{x:p.plot.x,y:p.plot.y},radius:p.radius*(p.isSelected?p.zoom:1),sides:g.value.points,rotation:g.value.rotation}).path);return(e,t)=>(c(),a(`g`,null,[g.value&&g.value.points===1?(c(),a(`circle`,{key:0,class:o([`vdui-shape-circle`,{"vdui-shape-no-transition":n.still}]),cx:n.plot.x,cy:n.plot.y,r:p.radius*(p.isSelected?p.zoom:1),fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[0]||=e=>m(`mouseover`),onMouseout:t[1]||=e=>m(`mouseout`),onClick:t[2]||=e=>m(`click`),style:s({transition:n.transition})},null,46,l)):i(``,!0),g.value&&g.value.points>=n.limit?(c(),a(`path`,{key:1,class:o([`vdui-shape-polygon`,{"vdui-shape-no-transition":n.still}]),d:v.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[3]||=e=>m(`mouseover`),onMouseout:t[4]||=e=>m(`mouseout`),onClick:t[5]||=e=>m(`click`),style:s({transition:n.transition})},null,46,u)):i(``,!0),_.value?(c(),a(`polygon`,{key:2,class:o([`vdui-shape-star`,{"vdui-shape-no-transition":n.still}]),points:_.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[6]||=e=>m(`mouseover`),onMouseout:t[7]||=e=>m(`mouseout`),onClick:t[8]||=e=>m(`click`),style:s({transition:n.transition})},null,46,d)):i(``,!0)]))}},[[`__scopeId`,`data-v-848f7c20`]]);export{f as t};
+import{B as e,M as t}from"./lib-CV_IANZ6.js";import{t as n}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{computed as r,createCommentVNode as i,createElementBlock as a,normalizeClass as o,normalizeStyle as s,openBlock as c}from"vue";var l=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],u=[`d`,`fill`,`stroke`,`stroke-width`],d=[`points`,`fill`,`stroke`,`stroke-width`],f=/*#__PURE__*/ n({__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},transition:{type:String},still:{type:Boolean}},emits:[`mouseover`,`mouseout`,`click`],setup(n,{emit:f}){let p=n,m=f;function h(e){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}}[e]}let g=r(()=>h(p.shape)),_=r(()=>p.shape===`star`?e({plot:{x:p.plot.x,y:p.plot.y},radius:p.radius*(p.isSelected?p.zoom:1)}):null),v=r(()=>t({plot:{x:p.plot.x,y:p.plot.y},radius:p.radius*(p.isSelected?p.zoom:1),sides:g.value.points,rotation:g.value.rotation}).path);return(e,t)=>(c(),a(`g`,null,[g.value&&g.value.points===1?(c(),a(`circle`,{key:0,class:o([`vdui-shape-circle`,{"vdui-shape-no-transition":n.still}]),cx:n.plot.x,cy:n.plot.y,r:p.radius*(p.isSelected?p.zoom:1),fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[0]||=e=>m(`mouseover`),onMouseout:t[1]||=e=>m(`mouseout`),onClick:t[2]||=e=>m(`click`),style:s({transition:n.transition})},null,46,l)):i(``,!0),g.value&&g.value.points>=n.limit?(c(),a(`path`,{key:1,class:o([`vdui-shape-polygon`,{"vdui-shape-no-transition":n.still}]),d:v.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[3]||=e=>m(`mouseover`),onMouseout:t[4]||=e=>m(`mouseout`),onClick:t[5]||=e=>m(`click`),style:s({transition:n.transition})},null,46,u)):i(``,!0),_.value?(c(),a(`polygon`,{key:2,class:o([`vdui-shape-star`,{"vdui-shape-no-transition":n.still}]),points:_.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[6]||=e=>m(`mouseover`),onMouseout:t[7]||=e=>m(`mouseout`),onClick:t[8]||=e=>m(`click`),style:s({transition:n.transition})},null,46,d)):i(``,!0)]))}},[[`__scopeId`,`data-v-848f7c20`]]);export{f as t};

package/dist/SlicerPreview-CNUciSbY.js

@@ -0,0 +1 @@
+import{Dt as e,I as t,Jt as n,P as r,S as i,U as a,V as o,W as s,X as c,an as ee,kt as te,r as l,t as ne}from"./lib-CV_IANZ6.js";import{t as u}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{i as re,l as ie,t as ae}from"./useResponsive-D2CPcpda.js";import{t as d}from"./BaseIcon-DdIyewwY.js";import{t as oe}from"./DefGrad-DKMq1REY.js";import{Fragment as f,computed as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as se,guardReactiveProps as ce,mergeProps as le,nextTick as ue,normalizeClass as de,normalizeProps as fe,normalizeStyle as _,onBeforeUnmount as pe,onMounted as me,onUpdated as he,openBlock as v,ref as y,renderList as b,renderSlot as ge,toDisplayString as _e,unref as ve,useCssVars as ye,vModelText as be,watch as x,withDirectives as xe,withKeys as Se,withModifiers as S}from"vue";var Ce=[`data-minimap`],we={class:`vue-data-ui-slicer-labels`,style:{position:`relative`,"z-index":`1`,"pointer-events":`none`}},Te={key:0,style:{width:`100%`,position:`relative`,"pointer-events":`all`}},Ee={key:0,class:`minimap`,style:{width:`100%`}},De=[`xmlns`,`viewBox`],Oe=[`id`],ke=[`x`,`width`,`height`],Ae=[`width`,`height`,`stroke`],je=[`d`,`stroke`],Me=[`d`,`fill`],Ne=[`x`,`y`,`width`,`height`,`fill`],Pe=[`d`,`stroke`,`stroke-dasharray`],Fe=[`cx`,`cy`,`fill`,`stroke`],Ie=[`cx`,`cy`,`fill`,`stroke`],Le=[`x`,`width`,`height`,`fill`,`rx`],Re=[`x`,`width`,`height`,`rx`,`fill`],ze=[`x`,`width`,`height`,`fill`,`rx`,`aria-valuemin`,`aria-valuemax`,`aria-valuenow`,`aria-valuetext`],Be=[`x2`,`y1`,`y2`,`stroke`],Ve={key:`merged-tree`},He=[`d`,`stroke`],Ue=[`cx`,`cy`,`stroke`,`fill`],We=[`cx`,`cy`,`stroke`,`fill`],Ge={key:`split-tree`},Ke=[`x`,`y`,`width`,`height`,`fill`],qe=[`d`,`stroke`,`stroke-dasharray`],Je=[`cx`,`cy`,`fill`,`stroke`],Ye=[`width`,`height`],Xe=[`transform`],Ze=[`x`,`y`,`width`,`height`],Qe=[`x`,`width`,`height`,`fill`,`stroke`,`stroke-width`],$e=[`transform`],et=[`width`,`height`],tt=[`fill`,`stroke`],nt=[`stroke`],rt=[`fill`],it=[`transform`],at=[`y`,`width`,`height`],ot=[`width`,`height`,`fill`,`stroke`,`stroke-width`],st={key:0,class:`compact-handle-icon`,style:{"pointer-events":`none`}},ct=[`width`,`height`],lt=[`fill`,`stroke`],ut=[`stroke`],dt=[`fill`],ft={key:`merged-tree`,style:{"pointer-events":`none`}},pt=[`cx`,`cy`,`stroke`,`fill`],mt=[`cx`,`cy`,`fill`],ht=[`cx`,`cy`,`stroke`,`fill`],gt=[`cx`,`cy`,`fill`],_t={key:1,style:{"pointer-events":`none`}},vt=[`d`,`stroke`,`stroke-dasharray`],yt=[`cx`,`cy`,`fill`,`stroke`],bt=[`cx`,`cy`,`stroke`,`fill`],xt=[`cx`,`cy`,`fill`],St=[`cx`,`cy`,`stroke`,`fill`],Ct=[`cx`,`cy`,`fill`],wt=[`cx`,`cy`,`fill`,`stroke`],Tt=[`step`,`min`,`max`,`tabindex`],Et=[`step`,`min`,`max`,`tabindex`],Dt=48,Ot=48,kt=/*#__PURE__*/ u({__name:`SlicerPreview`,props:{uuid:{type:String,default:``},immediate:{type:Boolean,default:!0},background:{type:String,default:`#FFFFFF`},borderColor:{type:String,default:`#FFFFFF`},fontSize:{type:Number,default:14},labelLeft:{type:[String,Number],default:``},labelRight:{type:[String,Number],default:``},textColor:{type:String,default:`#1A1A1A`},inputColor:{type:String,default:`#1A1A1A`},max:{type:Number,default:0},min:{type:Number,default:0},selectColor:{type:String,default:`#4A4A4A`},useResetSlot:{type:Boolean,default:!1},valueStart:{type:[Number,String],default:0},valueEnd:{type:[Number,String],default:0},minimap:{type:Array,default:[]},smoothMinimap:{type:Boolean,default:!1},minimapSelectedColor:{type:String,default:`#1f77b4`},minimapSelectionRadius:{type:Number,default:12},minimapLineColor:{type:String,default:`#2D353C`},minimapSelectedColorOpacity:{type:Number,default:.2},minimapSelectedIndex:{type:Number,default:null},minimapIndicatorColor:{type:String,default:`#2D353C`},refreshStartPoint:{type:Number,default:0},refreshEndPoint:{type:Number,default:null},enableRangeHandles:{type:Boolean,default:!1},enableSelectionDrag:{type:Boolean,default:!0},verticalHandles:{type:Boolean,default:!1},timeLabels:{type:Array},isPreview:{type:Boolean,default:!1},preciseLabels:{type:Array,default(){return[]}},usePreciseLabels:{type:Boolean,default:!1},selectedSeries:{type:Object},customFormat:{type:[Function,null]},minimapCompact:{type:Boolean,default:!1},allMinimaps:{type:Array,default(){return[]}},minimapMerged:{type:Boolean,default:!1},minimapFrameColor:{type:String,default:`#e1e5e8`},cutNullValues:{type:Boolean,default:!1},focusOnDrag:{type:Boolean,default:!1},focusRangeRatio:{type:Number,default:.1},minScale:{type:Number,default:null},maxScale:{type:Number,default:null},forceZeroCenter:{type:Boolean,default:!1},maxWidth:{type:Number,default:null},minimapLeftInsetRatio:{type:Number,default:null},minimapRightInsetRatio:{type:Number,default:null},isCursorPointer:{type:Boolean,default:!1},additionalMinimapHeight:{type:Number,default:0},handleType:{type:String,default:``},handleWidth:{type:Number,default:20},handleBorderWidth:{type:Number,default:1},handleIconColor:{type:String,default:null},handleBorderColor:{type:String,default:null},handleFill:{type:String,default:null},precision:{type:Number,default:0},useValueRange:{type:Boolean,default:!1}},emits:[`futureStart`,`futureEnd`,`update:start`,`update:end`,`reset`,`trapMouse`,`trapMouseValue`],setup(u,{expose:kt,emit:At}){ye(e=>({v1facdf1e:on.value,v90bb30dc:R.value,v55cd00fa:cn.value,d050ae7c:u.selectColor,v15a5e250:sn.value}));let C=u;function w(e){let t=Number(e)||0;return C.precision<=0?Math.round(t):Number(t.toFixed(C.precision))}let T=y(null),E=y(C.min),D=y(C.max),O=p(()=>!!C.allMinimaps.length),jt=p(()=>te(C.minimapLeftInsetRatio)&&te(C.minimapRightInsetRatio)),Mt=p(()=>{let e=Math.min(1,Math.max(0,C.minimapLeftInsetRatio))*100,t=Math.min(1,Math.max(0,C.minimapRightInsetRatio))*100;return{padding:jt.value?`0 ${t}% 0 ${e}%`:`0 48px`,maxWidth:C.maxWidth&&!jt.value?`${C.maxWidth}px`:void 0,margin:C.maxWidth&&!jt.value?`0 auto`:void 0}}),Nt=y(c()),k=y(!1),A=p(()=>O.value&&C.minimapCompact),Pt=y(null),j=y(null),Ft=y(!1),It=y(0),Lt=y(0),Rt=y(null),zt=y(!1),Bt=p(()=>Pt.value!==null),Vt=p(()=>C.useValueRange?D.value:D.value-1),Ht=p(()=>Math.max(1,Number(C.max)-Number(C.min)));function Ut(e){return(Number(e)-Number(C.min))/Ht.value*100}function Wt(e){return z.value.width*(Ut(e)/100)}function Gt(e){let t=Math.min(1,Math.max(0,e/Math.max(1,z.value.width)));return w(Number(C.min)+Ht.value*t)}function Kt(e){let t=C.useValueRange?e?.y:e;return te(t)?Number(t):null}function qt(e,t){return C.useValueRange?Number(e?.x):t+Number(C.min)}function Jt(e,t){return C.useValueRange?Wt(qt(e,t)):H.value*t+(C.minimapCompact?0:H.value/2)}let Yt=p(()=>Math.min(40,Math.max(20,C.handleWidth))),Xt=y(0),Zt=ie(e=>I(`futureStart`,e),0),Qt=ie(e=>I(`futureEnd`,e),0),M=p(()=>C.precision>0?1/10**C.precision:1),N=p({get:()=>E.value,set(e){let t=Math.min(Number(e),Number(D.value)-M.value);t!==E.value&&(E.value=t,q.value&&(q.value.value=String(t)),C.immediate?I(`update:start`,Number(t)):k.value&&Zt(t))}}),P=p({get:()=>D.value,set(e){let t=Math.max(Number(e),Number(E.value)+M.value);t!==D.value&&(D.value=t,Gn.value&&(Gn.value.value=String(t)),C.immediate?I(`update:end`,Number(t)):k.value&&Qt(t))}});function F(){clearTimeout(null),C.immediate||(I(`update:start`,Number(E.value)),I(`update:end`,Number(D.value))),k.value=!1}let $t=p(()=>C.refreshEndPoint===null?C.max:C.refreshEndPoint),I=At,en=p(()=>{if(C.useValueRange)return Ut(E.value);if(A.value){let e=Math.max(1,B.value-1);return In.value/e*100}let e=Math.max(1,C.max-C.min);return(E.value-C.min)/e*100}),tn=p(()=>{if(C.useValueRange)return Ut(D.value);if(A.value){let e=Math.max(1,B.value-1);return Ln.value/e*100}let e=Math.max(1,C.max-C.min);return(D.value-C.min)/e*100}),nn=p(()=>(en.value+tn.value)/2),rn=p(()=>{if(!T.value)return!1;let e=Math.max(1,C.max-C.min);return T.value.getBoundingClientRect().width*((E.value-C.min)/e)-xr.value/2<0}),an=p(()=>{if(!T.value)return!1;let e=Math.max(1,C.max-C.min),t=T.value.getBoundingClientRect().width;return t*((D.value-C.min)/e)+Sr.value/2>t}),L=p(()=>{let e=an.value?`calc(${nn.value}% - ${kr.value.width}px)`:rn.value?`calc(${nn.value}% - 8px)`:`calc(${nn.value}% - ${kr.value.width/2}px)`;return{left:`${en.value}%`,width:`${Math.max(0,tn.value-en.value)}%`,background:C.selectColor,tooltipLeft:`calc(${en.value}% - ${rn.value?9:xr.value/2}px)`,tooltipRight:`calc(${tn.value}% - ${an.value?Sr.value-9:Sr.value/2}px)`,tooltipCenter:e,arrowLeft:!rn.value,arrowRight:!an.value}}),on=p(()=>C.inputColor),sn=p(()=>C.background),cn=p(()=>n(i(C.selectColor)||C.selectColor,20)),R=p(()=>C.borderColor),ln=p(()=>Number(C.max)>Number(C.min));function un(){I(`reset`)}x(()=>C.min,e=>{Number(E.value)<Number(e)&&(E.value=Number(e)),Number(D.value)<Number(e)&&(D.value=Number(e))}),x(()=>C.max,e=>{Number(E.value)>Number(e)&&(E.value=Number(e)),Number(D.value)>Number(e)&&(D.value=Number(e))});let dn=y(null),z=y({width:1,height:1}),fn=y(null);me(()=>{if(O.value){let e=ie(()=>{if(!dn.value)return;let{width:e,height:t}=ae({chart:dn.value}),n=Math.max(0,Math.round(e)),r=Math.max(0,Math.round(t-47));(n!==z.value.width||r!==z.value.height)&&(z.value.width=n,z.value.height=r+C.additionalMinimapHeight)},0);fn.value=new ResizeObserver(e),fn.value.observe(dn.value)}}),pe(()=>{fn.value&&fn.value.disconnect()});let B=p(()=>Math.max(1,C.max-C.min));function pn(e){let t=Math.floor(e-C.min);return Math.min(Math.max(0,t),B.value)}function mn(e){let t=Math.ceil(e-C.min);return Math.min(Math.max(0,t),B.value)}let V=p(()=>pn(E.value)),hn=p(()=>mn(D.value)),gn=p(()=>Math.max(...C.allMinimaps.map(e=>e.series.length))),_n=p(()=>O.value&&C.minimapCompact?40:0),vn=p(()=>_n.value/2);p(()=>Math.max(1,z.value.width-vn.value*2));let H=p(()=>{if(C.minimapCompact&&!C.useValueRange)return z.value.width/Math.max(1,B.value-1);let e=Math.max(1,gn.value-+!!C.minimapCompact);return z.value.width/e}),yn=p(()=>C.allMinimaps.length?C.allMinimaps.filter(e=>e.type===`bar`&&e.isVisible).length:0),bn=p(()=>H.value/(yn.value||1)*.8);function xn(e,t,n){let r=bn.value,i=Math.max(1,yn.value),a=gn.value-1;return n===0?e+r/2*t:n===a?e-r/2*(i-t):e-i*r/2+t*r}function Sn(e,t){return[0,gn.value-1].includes(t)?bn.value/2:bn.value}let Cn=p(()=>{let e=[];if(Array.isArray(C.minimap)&&C.minimap.length&&C.minimapMerged&&e.push(...C.minimap.map(Kt).filter(Number.isFinite)),Array.isArray(C.allMinimaps)&&C.allMinimaps.length)for(let t of C.allMinimaps)t?.isVisible&&Array.isArray(t?.series)&&e.push(...t.series.map(Kt).filter(Number.isFinite));return e.length?{min:Math.min(...e),max:Math.max(...e)}:{min:0,max:1}}),wn=p(()=>{if(C.minScale==null&&C.forceZeroCenter)return null;let e=Number(C.minScale);return Number.isFinite(e)?e:null}),Tn=p(()=>{if(C.maxScale==null&&C.forceZeroCenter)return null;let e=Number(C.maxScale);return Number.isFinite(e)?e:null}),En=p(()=>wn.value!==null&&Tn.value!==null),Dn=p(()=>{let{min:e,max:t}=Cn.value,n=wn.value,r=Tn.value,i,a;return n!==null&&r!==null?(i=Math.min(n,e),a=Math.max(r,t)):(i=n===null?e:n,a=r===null?t:r),Number.isFinite(i)||(i=0),Number.isFinite(a)||(a=1),i===a?a=i+1:i>a&&([i,a]=[a,i]),{min:i,max:a}}),On=p(()=>Dn.value.min),kn=p(()=>Dn.value.max),An=p(()=>On.value<0&&kn.value>0||kn.value<=0?On.value:0),jn=e=>{let t=Math.max(1,z.value.height);return Nn(On.value,kn.value,t,En.value)(e)},Mn=p(()=>jn(0));function Nn(e,t,n,r=!1){let i=(e,t,n)=>Math.max(t,Math.min(n,e)),a=1e-9,o=Math.max(a,t-e);if(r)return t=>n-(t-e)/o*n;if(t<=0){let t=Math.max(a,0-e);return r=>n-(r-e)/t*n}if(e>=0){let e=Math.max(a,t-0);return t=>n-(t-0)/e*n}{let r=Math.max(a,Math.max(Math.abs(e),Math.abs(t)));return e=>(1-(i(e/r,-1,1)+1)/2)*n}}function Pn(e,n=!1,i=!1){if(!e||!e.length)return{fullSet:``,points:[],selectionSet:``,sliced:[],firstPlot:null,lastPlot:null,hasFull:!1,hasSelection:!1,fullMarkers:[],selectionMarkers:[],dashed:!1};let c=Math.max(1,z.value.height),ee=Nn(On.value,kn.value,c,En.value),te=e.length,l=Math.min(Math.max(0,V.value),Math.max(0,te-1)),ne=Math.min(te,Math.max(l+1,hn.value)),u=e.map((e,t)=>{let n=Kt(e),r=Number.isFinite(n),i=Jt(e,t),a=En.value?((e,t,n)=>Math.max(t,Math.min(n,e)))(0,On.value,kn.value):0,o=ee(a);return{x:i,y:r?ee(n):NaN,v:n,value:r?n:null,y0:o,i:t,xValue:qt(e,t)}}),re=e=>e>=0&&e<u.length&&Number.isFinite(u[e]?.value),ie=u.filter(e=>Number.isFinite(e.value)&&!re(e.i-1)&&!re(e.i+1)),ae=C.useValueRange?ie.filter(e=>e.xValue>=Number(E.value)&&e.xValue<=Number(D.value)):ie.filter(e=>e.i>=l&&e.i<ne),d=C.useValueRange?u.filter(e=>e.xValue>=Number(E.value)&&e.xValue<=Number(D.value)):u.slice(l,ne);return{fullSet:u.length>=2?i?o(C.cutNullValues?u:u.filter(e=>e.value!=null)):C.smoothMinimap||n?C.cutNullValues?t(u):r(u.filter(e=>e.value!=null)):C.cutNullValues?s(u):a(u.filter(e=>e.value!=null)):``,points:u,selectionSet:d.length>=2?i?o(C.cutNullValues?d:d.filter(e=>e.value!=null)):C.smoothMinimap||n?C.cutNullValues?t(d):r(d.filter(e=>e.value!=null)):C.cutNullValues?s(d):a(d.filter(e=>e.value!=null)):``,sliced:d,firstPlot:C.useValueRange?d[0]||null:u[l]||null,lastPlot:C.useValueRange?d[d.length-1]||null:u[Math.max(0,ne-1)]||null,hasFull:u.length>=2,hasSelection:d.length>=2,fullMarkers:ie,selectionMarkers:ae}}let U=p(()=>C.minimap.length?Pn(C.minimap):[]),W=p(()=>C.allMinimaps.length?C.allMinimaps.map((e,t)=>{let n=Pn(e?.series||[],!!e.smooth,!!e.useStepper),r=e?.id??e?.name??t;return{key:typeof r==`object`?JSON.stringify(r):String(r),color:e?.color,...n,temperatureColors:e?.temperatureColors??null,isVisible:e.isVisible,type:e.type||void 0,dashed:e.dashed??!1,useStepper:!!e.useStepper}}):[]),G=p(()=>{if(C.useValueRange){let e=Wt(E.value),t=Wt(D.value);return{x:e,width:Math.max(0,t-e)}}let e=V.value,t=Math.max(e+1,hn.value);return{x:H.value*e+(C.minimapCompact?0:H.value/2),width:H.value*(t-e)-H.value}}),K=y(C.minimapSelectedIndex),Fn=e=>Math.round(C.min+e),In=p({get(){return A.value?V.value:Number(N.value)},set(e){if(A.value){if(C.useValueRange){let t=w(e);Jn(Math.min(Math.max(Number(C.min),t),Number(D.value)-M.value));return}let t=Math.round(+e||0);Jn(Fn(t))}else{let t=w(e),n=Number(D.value)-M.value,r=Math.min(Math.max(C.min,t),n);q.value&&(q.value.valueAsNumber=r),Jn(r)}}}),Ln=p({get(){return A.value?Math.max(V.value,hn.value-1):Number(P.value)},set(e){if(A.value){if(C.useValueRange){let t=w(e);Xn(Math.max(Number(E.value)+M.value,Math.min(t,Number(C.max))));return}let t=Math.round(+e||0);Xn(Fn(t+1))}else{let t=w(e),n=Number(E.value)+M.value,r=Math.max(n,Math.min(t,C.max));Gn.value&&(Gn.value.valueAsNumber=r),Xn(r)}}}),Rn=0;function zn(e,t){if(t===Rn){if(C.useValueRange){K.value=Number.isFinite(Number(e))?Wt(Number(e)):null;return}K.value=pn(C.valueStart)+e}}let Bn=re(zn,60);x(()=>C.minimapSelectedIndex,(e,t)=>{if(Rn+=1,[null,void 0].includes(e)){K.value=null;return}e!==t&&Bn(e,Rn)},{immediate:!0});function Vn(e){if(Bt.value)return;K.value=e;let t=V.value,n=hn.value;e>=t&&e<n&&!Q.value&&I(`trapMouse`,e-t)}function Hn(e){let t=Gt(e),n=C.allMinimaps.flatMap(e=>(e.series||[]).map((e,n)=>({point:e,index:n,x:Number(e?.x),distance:Math.abs(Number(e?.x)-t)}))).filter(e=>Number.isFinite(e.x));return n.length?n.reduce((e,t)=>t.distance<e.distance?t:e,n[0]):null}function Un(e){if(!ln.value||Bt.value)return;let t=Gr(e.clientX);if(C.useValueRange){let e=Hn(t);if(!e){Wn();return}K.value=Wt(e.x),I(`trapMouse`,e.index),I(`trapMouseValue`,e.x);return}Vn(Kr(t))}function Wn(){K.value=null,!Bt.value&&(I(`trapMouse`,null),I(`trapMouseValue`,null))}let q=y(null),Gn=y(null);function Kn(e){if(typeof e==`object`&&e&&`target`in e){let t=e.target,n=`valueAsNumber`in t?t.valueAsNumber:+t.value;return Number.isFinite(n)?n:NaN}let t=+e;return Number.isFinite(t)?t:NaN}let qn=0;function Jn(e){k.value=!0;let t=Kn(e);Number.isFinite(t)&&(cancelAnimationFrame(qn),qn=requestAnimationFrame(()=>{N.value=t}))}let Yn=0;function Xn(e){k.value=!0;let t=Kn(e);Number.isFinite(t)&&(cancelAnimationFrame(Yn),Yn=requestAnimationFrame(()=>{P.value=t}))}function Zn(e,t){let n=Kn(e),r=Kn(t);if(!Number.isFinite(n)||!Number.isFinite(r))return;cancelAnimationFrame(qn),cancelAnimationFrame(Yn);let i=Number(C.min),a=Number(C.max),o=M.value,s=w(Math.max(i,Math.min(n,a))),c=w(Math.max(i,Math.min(r,a)));s=Math.min(s,a-o),c=Math.max(c,s+o),c=Math.min(c,a),c<=s&&(s=i,c=a),E.value=s,D.value=c,q.value&&(q.value.value=String(s)),Gn.value&&(Gn.value.value=String(c))}pe(()=>{cancelAnimationFrame(qn),cancelAnimationFrame(Yn)});let Qn=p(()=>C.valueEnd-C.valueStart),$n=p(()=>Qn.value<C.max-C.min),er=y(!1),tr=y(null),nr=p(()=>(Xt.value-48)/(C.max-C.min)*Qn.value),rr=p(()=>Math.max(1,Xt.value-Dt-nr.value)),ir=p(()=>Math.max(1,C.max-C.min-Qn.value)),ar=p(()=>ir.value/rr.value),or=y(0),sr=y(0),cr=y(0),lr=y(0),J=null,Y=null,X=null,Z=null,ur=y(C.min);function dr(e){if(!T.value)return C.min;let t=T.value.getBoundingClientRect(),n=t.left+Dt/2,r=t.right-Dt/2,i=Math.max(1,r-n),a=(Math.max(n,Math.min(e,r))-n)/i,o=Math.max(1,C.max-C.min);return Math.round(C.min+a*o)}let fr=async e=>{if(k.value=!0,Cr.value=!0,!C.enableSelectionDrag)return;let t=e.type===`touchstart`;t||e.stopPropagation();let n=t&&e.targetTouches&&e.targetTouches[0]?e.targetTouches[0]:null,r=t?n?n.target:null:e.target;if(!r||!(r instanceof Element)||r.classList?.contains(`range-handle`)||r.classList?.contains(`vue-ui-zoom-compact-minimap-handle`)||r.closest(`.vue-ui-zoom-compact-minimap-handle`))return;er.value=!0;let i=t?n?n.clientX:0:e.clientX;if(tr.value=i,or.value=i,C.focusOnDrag&&!$n.value&&T.value&&!zt.value){zt.value=!0;try{ur.value=dr(i);let e=Math.min(.95,Math.max(.05,C.focusRangeRatio)),t=Number(C.max)-Number(C.min),n=Math.max(1,Math.round(t*e)),r=Math.floor(n/2),a=ur.value-r;a=Math.max(Number(C.min),Math.min(a,Number(C.max)-n));let o=Math.min(Number(C.max),a+n);N.value=a,P.value=o,Zt(a),Qt(o),ee(T.value,`mouseup`),await ue(),ee(T.value,`mousedown`,{clientX:i})}finally{zt.value=!1}return}sr.value=E.value,cr.value=D.value,lr.value=ar.value,J=t?`touchmove`:`mousemove`,Y=t?`touchend`:`mouseup`,X=t?mr:pr,Z=t?_r:gr,window.addEventListener(J,X,{passive:!1}),window.addEventListener(Y,Z)};function pr(e){er.value&&hr(e.clientX)}function mr(e){if(!er.value||!T.value)return;let t=e.target;if(!(t instanceof Element)||!T.value.contains(t)||t.classList&&t.classList.contains(`range-handle`))return;e.preventDefault();let n=e.targetTouches&&e.targetTouches[0]?e.targetTouches[0]:null;n&&hr(n.clientX)}function hr(e){if(!er.value)return;let t=dr(or.value),n=dr(e)-t,r=Math.round(sr.value+n);r=Math.max(C.min,Math.min(r,C.max-Qn.value));let i=r+Qn.value;N.value=r,P.value=i,Zt(r),Qt(i)}function gr(){vr()}function _r(){vr()}function vr(){er.value=!1,J&&X&&window.removeEventListener(J,X),Y&&Z&&window.removeEventListener(Y,Z),J=Y=null,X=Z=null,F()}let Q=y(!1),yr=y(null),br=y(null),xr=y(1),Sr=y(1),Cr=y(!1);function wr(){if(yr.value){let e=Math.round(yr.value.getBoundingClientRect().width);e!==xr.value&&(xr.value=e)}}function Tr(){if(br.value){let e=Math.round(br.value.getBoundingClientRect().width);e!==Sr.value&&(Sr.value=e)}}he(()=>{wr(),Tr()});let Er=y(0);function Dr(e){Er.value=+(e===`start`)}let Or=y(!1),kr=y({width:0,left:0});x([E,D],async()=>{if(await ue(),!yr.value||!br.value){Or.value=!1,kr.value={width:0,left:0};return}let e=yr.value.getBoundingClientRect(),t=br.value.getBoundingClientRect();Or.value=e.x+e.width>t.x;let n=e.x+e.width/2,r=t.x+t.width/2,i=e.width+t.width,a=(n+r)/2;kr.value={width:i,left:a-i/2}}),he(()=>{wr(),Tr()}),x(()=>C.labelLeft,()=>{ue(wr)},{deep:!0}),x(()=>C.labelRight,()=>{ue(Tr)},{deep:!0});let $=p(()=>{let t=``,n=``,r=!1;if(e(C.customFormat))try{let e=C.customFormat({absoluteIndex:E.value,seriesIndex:E.value,datapoint:C.selectedSeries,timeLabel:C.preciseLabels[E.value],side:`left`}),i=C.customFormat({absoluteIndex:Vt.value,seriesIndex:-1,datapoint:C.selectedSeries,timeLabel:C.useValueRange?null:C.preciseLabels[Vt.value],side:`right`});typeof e==`string`&&typeof i==`string`&&(t=e,n=i,r=!0)}catch{r=!1}if(!r){let e=C.useValueRange?{text:String(Math.round(E.value*1e3)/1e3)}:C.usePreciseLabels?C.preciseLabels.find(e=>e.absoluteIndex===E.value):C.timeLabels.find(e=>e.absoluteIndex===E.value),r=C.useValueRange?{text:String(Math.round(D.value*1e3)/1e3)}:C.usePreciseLabels?C.preciseLabels.find(e=>e.absoluteIndex===Vt.value):C.timeLabels.find(e=>e.absoluteIndex===Vt.value);t=e?e.text:``,n=r?r.text:``}return{left:t,right:n}});pe(()=>{fn.value&&fn.value.disconnect(),J&&X&&window.removeEventListener(J,X),Y&&Z&&window.removeEventListener(Y,Z),J=Y=null,X=Z=null,clearTimeout(null)});let Ar=p(()=>{if(!ln.value||K.value===null)return null;if(C.useValueRange){let e=K.value;return e<G.value.x||e>G.value.x+G.value.width?null:{x1:e,x2:e,y1:0,y2:Math.max(z.value.height,0),stroke:C.minimapIndicatorColor,"stroke-linecap":`round`,"stroke-dasharray":2,"stroke-width":1}}if(K.value>=V.value&&K.value<hn.value){let e=K.value,t=H.value*e+(C.minimapCompact?0:H.value/2);return{x1:t,x2:t,y1:0,y2:Math.max(z.value.height,0),stroke:C.minimapIndicatorColor,"stroke-linecap":`round`,"stroke-dasharray":2,"stroke-width":1}}return null}),jr=p(()=>Number(E.value)<Number(D.value)-1),Mr=p(()=>Number(E.value)>Number(C.min)),Nr=p(()=>Number(D.value)<Number(C.max)),Pr=p(()=>Number(D.value)>Number(E.value)+1);function Fr(e){let t=Number(E.value)+e;e>0&&!jr.value||e<0&&!Mr.value||(k.value=!0,N.value=t,F())}function Ir(e){let t=Number(D.value)+e;e>0&&!Nr.value||e<0&&!Pr.value||(k.value=!0,P.value=t,F())}let Lr={plus:()=>Fr(1),minus:()=>Fr(-1),canPlus:jr,canMinus:Mr},Rr={plus:()=>Ir(1),minus:()=>Ir(-1),canPlus:Nr,canMinus:Pr};function zr(e){if(!e||Br(e.target))return;let t=e.key,n=t===`ArrowLeft`||t===`ArrowDown`||t===`-`||t===`Subtract`,r=t===`ArrowRight`||t===`ArrowUp`||t===`+`||t===`Add`;(n||r)&&(e.preventDefault(),e.stopPropagation(),r?(Lr.plus(),Rr.plus()):(Lr.minus(),Rr.minus()))}function Br(e){return e instanceof HTMLElement&&(e.isContentEditable||e.tagName===`INPUT`||e.tagName===`TEXTAREA`||e.tagName===`SELECT`)}function Vr(e){if(!O.value||!C.minimapCompact)return;let t=T.value;if(!t)return;let n=e===`start`?`[data-cy="slicer-compact-handle-left"]`:`[data-cy="slicer-compact-handle-right"]`,r=t.querySelector(n);r&&r instanceof SVGElement&&typeof r.focus==`function`&&r.focus()}function Hr(e,t){if(!t||Br(t.target))return;let n=t.key,r=n===`ArrowLeft`||n===`ArrowDown`||n===`-`||n===`Subtract`,i=n===`ArrowRight`||n===`ArrowUp`||n===`+`||n===`Add`;(r||i)&&(t.preventDefault(),t.stopPropagation(),e===`start`?i?Lr.plus():Lr.minus():i?Rr.plus():Rr.minus(),ue(()=>Vr(e)))}let Ur=p(()=>({tabindex:0,role:`slider`,"aria-label":`Range start`,"aria-valuemin":Number(C.min),"aria-valuemax":Math.max(Number(C.min),Number(D.value)-1),"aria-valuenow":Number(E.value)})),Wr=p(()=>({tabindex:0,role:`slider`,"aria-label":`Range end`,"aria-valuemin":Math.min(Number(C.max),Number(E.value)+1),"aria-valuemax":Number(C.max),"aria-valuenow":Number(D.value)}));function Gr(e){if(!Rt.value)return 0;let t=Rt.value.getBoundingClientRect();if(!t.width)return 0;let n=(e-t.left)/t.width;return Math.min(1,Math.max(0,n))*z.value.width}function Kr(e){let t=Math.max(0,B.value-1),n=Math.max(1,z.value.width),r=Math.min(1,Math.max(0,e/n));return Math.min(t,Math.max(0,Math.round(r*t)))}function qr(e,t){let n=Math.min(Math.max(0,t),Math.max(1,z.value.width));if(C.useValueRange){let t=Gt(n);if(e===`start`){let e=Math.min(t,Number(D.value)-M.value);N.value=e,Zt(e);return}if(e===`end`){let e=Math.max(Number(E.value)+M.value,t),n=Math.min(Number(C.max),e);P.value=n,Qt(n);return}}let r=Kr(n);if(e===`start`){let e=Math.min(C.min+r,Number(D.value)-1);N.value=e,Zt(e);return}if(e===`end`){let e=Math.max(Number(E.value)+1,C.min+r+1),t=Math.min(C.max,e);P.value=t,Qt(t)}}function Jr(e=!1){let t=Ft.value;Pt.value=null,j.value=null,Ft.value=!1,It.value=0,Lt.value=0,e&&t&&F()}function Yr(e,t){if(Pt.value!==e||j.value!==t.pointerId||!dn.value)return;if(t.pointerType===`mouse`&&!(t.buttons&1)){Jr(!0);return}t.preventDefault();let n=t.clientX-It.value;if(!Ft.value){if(Math.abs(n)<4)return;Ft.value=!0,k.value=!0,Cr.value=!0}let r=Gr(t.clientX)-Lt.value;qr(e,e===`start`?r+Yt.value:r)}function Xr(e,t){if(Pt.value!==e||j.value!==t.pointerId)return;let n=t.currentTarget,r=t.pointerId;Jr(!0),n?.hasPointerCapture?.(r)&&n.releasePointerCapture(r)}function Zr(e,t){Pt.value===e&&j.value===t.pointerId&&Jr(!0)}function Qr(e,t){if(!O.value||!C.minimapCompact||!dn.value||t.pointerType===`mouse`&&t.button!==0||j.value!==null)return;t.preventDefault(),t.stopPropagation(),K.value=null;let n=Gr(t.clientX),r=e===`start`?G.value.x-Yt.value:G.value.x+G.value.width;Pt.value=e,j.value=t.pointerId,Ft.value=!1,It.value=t.clientX,Lt.value=n-r,t.currentTarget?.setPointerCapture?.(t.pointerId)}x(A,e=>{!e&&j.value!==null&&Jr(!0)});let $r=p(()=>V.value),ei=p(()=>Math.max(V.value,hn.value-1));p(()=>{if(!O.value||!C.minimapCompact||!C.allMinimaps.length)return[];let e=$r.value,t=ei.value;return W.value.flatMap(n=>{if(!n?.isVisible||![`line`,`plot`].includes(n.type)||!n.type)return[];let r=[],i=n.points?.find(t=>t.i===e&&t.value!==null),a=n.points?.find(e=>e.i===t&&e.value!==null);return i&&r.push({key:`${n.key}-left-${i.i}`,x:i.x,y:i.y,color:n.color}),a&&t!==e&&r.push({key:`${n.key}-right-${a.i}`,x:a.x,y:a.y,color:n.color}),r})});let ti=p(()=>Math.min(40,Math.max(20,C.handleWidth))),ni=p(()=>Math.max(Ot,ti.value)),ri=p(()=>Math.max(Ot,Number(z.value.height)||0)),ii=p(()=>(z.value.height-ri.value)/2),ai=p(()=>G.value.x),oi=p(()=>G.value.x+G.value.width);return kt({setStartValue:Jn,setEndValue:Xn,setRangeValues:Zn}),(e,t)=>(v(),h(`div`,{"data-minimap":O.value,"data-dom-to-png-ignore":``,"data-dom-to-png-ignore-layout":``,class:`vue-data-ui-zoom`,ref_key:`zoomWrapper`,ref:T,onMousedown:fr,onTouchstart:fr,style:_(Mt.value)},[g(`div`,we,[u.valueStart!==u.refreshStartPoint||u.valueEnd!==$t.value?(v(),h(`div`,Te,[ge(e.$slots,`reset-action`,{reset:un},()=>[g(`button`,{tabindex:`0`,role:`button`,class:`vue-data-ui-refresh-button`,style:_({top:O.value?`36px`:`-16px`,cursor:u.isCursorPointer?`pointer`:`default`}),onClick:un},[se(d,{name:`refresh`,stroke:u.textColor},null,8,[`stroke`])],4)],!0)])):m(``,!0)]),g(`div`,{class:`double-range-slider`,ref_key:`minimapWrapper`,ref:dn,style:_([{"z-index":`0`},O.value?{"--minimap-unit-px":H.value+`px`,"--minimap-offset-px":(u.minimapCompact?0:H.value/2)+`px`}:void 0]),onMouseenter:t[26]||=e=>Cr.value=!0,onMouseleave:t[27]||=e=>Cr.value=!1},[O.value?(v(),h(`div`,Ee,[(v(),h(`svg`,{ref_key:`minimapSvg`,ref:Rt,key:`mm-${u.minimapMerged?`merged`:`split`}-${u.minimapCompact?`compact`:`normal`}`,xmlns:ve(ne),viewBox:`0 0 ${Math.max(0,z.value.width)} ${Math.max(0,z.value.height)}`,preserveAspectRatio:`none`},[g(`defs`,null,[se(oe,{t:`linear`,id:Nt.value,x1:`0%`,y1:`0%`,x2:`0%`,y2:`100%`,stops:[[`0%`,u.minimapLineColor,.31],[`100%`,`transparent`,0]]},null,8,[`id`,`stops`]),g(`clipPath`,{id:`selection_clip_${Nt.value}`},[g(`rect`,{x:G.value.x,y:`0`,width:Math.max(0,G.value.width),height:Math.max(z.value.height,0)},null,8,ke)],8,Oe)]),u.minimapCompact?(v(),h(`rect`,{key:0,class:`vue-ui-zoom-minimap-frame`,x:0,y:0,width:z.value.width,height:z.value.height,fill:`none`,stroke:u.minimapFrameColor,rx:3},null,8,Ae)):m(``,!0),e.$slots.slotMap?m(``,!0):(v(),h(f,{key:1},[u.minimapMerged?(v(),h(`path`,{key:0,d:`M${U.value.fullSet}`,stroke:`${u.minimapLineColor}`,fill:`none`,"stroke-width":`1`,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:{opacity:`0.6`}},null,8,je)):m(``,!0),u.minimapMerged&&!u.minimapCompact?(v(),h(`path`,{key:1,d:`M${H.value/2},${Math.max(z.value.height,0)} ${U.value.fullSet} L${z.value.width-H.value/2},${Math.max(z.value.height,0)}Z`,fill:`url(#${Nt.value})`,stroke:`none`,style:{opacity:`0.6`}},null,8,Me)):u.minimapMerged?m(``,!0):(v(),h(f,{key:2},[(v(!0),h(f,null,b(W.value.filter(e=>e.type===`bar`&&e.isVisible),(e,t)=>(v(),h(`g`,null,[(v(!0),h(f,null,b(e.points,(n,r)=>(v(),h(f,null,[e&&!isNaN(n.y)?(v(),h(`rect`,{key:0,x:xn(n.x,t,r),y:n.v>=0?n.y:n.y0,width:Sn(t,r),height:n.v>=0?n.y0-n.y:n.y-n.y0,fill:e.color,style:{opacity:.6}},null,8,Ne)):m(``,!0)],64))),256))]))),256)),(v(!0),h(f,null,b(W.value.filter(e=>e.type===`line`),e=>(v(),h(`g`,null,[e.isVisible?(v(),h(`path`,{key:0,d:`M ${e.fullSet}`,fill:`none`,stroke:e.color,style:{opacity:`0.6`},"stroke-dasharray":e.dashed?`2 4`:0},null,8,Pe)):m(``,!0),e.isVisible&&u.cutNullValues?(v(!0),h(f,{key:1},b(e.fullMarkers,t=>(v(),h(`circle`,{key:`sel-dot-under-${e.key}-${t.i}`,cx:t.x,cy:t.y,r:`2`,fill:e.color,stroke:R.value,"stroke-width":`0.5`,style:{opacity:`0.6`}},null,8,Fe))),128)):m(``,!0)]))),256)),(v(!0),h(f,null,b(W.value.filter(e=>e.type===`plot`),e=>(v(),h(`g`,null,[(v(!0),h(f,null,b(e.points,t=>(v(),h(`g`,null,[e.isVisible&&t.value!==null?(v(),h(`circle`,{key:`sel-plot-under-${e.key}-${t.i}`,cx:t.x,cy:t.y,r:`2`,fill:e.color,stroke:R.value,"stroke-width":`0.5`,style:{opacity:`0.6`}},null,8,Ie)):m(``,!0)]))),256))]))),256))],64))],64)),g(`rect`,{x:G.value.x,y:0,width:Math.max(0,G.value.width),height:Math.max(z.value.height,0),fill:R.value,rx:u.minimapSelectionRadius,stroke:`none`},null,8,Le),g(`rect`,{x:G.value.x,y:0,width:G.value.width<0?0:G.value.width,height:Math.max(z.value.height,0),rx:u.minimapSelectionRadius,fill:R.value,style:_({opacity:er.value||k.value?0:1})},null,12,Re),g(`rect`,{x:G.value.x,y:0,width:G.value.width<0?0:G.value.width,height:Math.max(z.value.height,0),fill:u.minimapSelectedColor,rx:u.minimapSelectionRadius,style:_({opacity:u.minimapSelectedColorOpacity}),tabindex:`0`,role:`slider`,"aria-label":`Selected range`,"aria-valuemin":Number(C.min),"aria-valuemax":Number(C.max),"aria-valuenow":Number(E.value),"aria-valuetext":$.value.left&&$.value.right?`${$.value.left} – ${$.value.right}`:void 0,onKeydown:zr},null,44,ze),!u.minimapMerged&&An.value<0?(v(),h(`line`,{key:2,class:`slicer-minimap-zero-line`,x1:0,x2:z.value.width,y1:Mn.value,y2:Mn.value,stroke:u.minimapFrameColor,"stroke-width":`0.5`},null,8,Be)):m(``,!0),e.$slots.slotMap?m(``,!0):(v(),h(f,{key:3},[u.minimapMerged?(v(),h(`g`,Ve,[U.value&&U.value.sliced&&U.value.sliced.length?(v(),h(f,{key:0},[U.value.selectionSet?(v(),h(`path`,{key:0,d:`M ${U.value.selectionSet}`,stroke:`${u.minimapLineColor}`,fill:`transparent`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,He)):m(``,!0)],64)):m(``,!0),U.value&&U.value.firstPlot?(v(),h(`circle`,{key:1,cx:U.value.firstPlot.x,cy:U.value.firstPlot.y,"stroke-width":`0.5`,stroke:R.value,r:`3`,fill:u.minimapLineColor},null,8,Ue)):m(``,!0),U.value&&U.value.lastPlot?(v(),h(`circle`,{key:2,cx:U.value.lastPlot.x,cy:U.value.lastPlot.y,"stroke-width":`0.5`,stroke:R.value,r:`3`,fill:u.minimapLineColor},null,8,We)):m(``,!0)])):(v(),h(`g`,Ge,[(v(!0),h(f,null,b(W.value.filter(e=>e.type===`bar`&&e.isVisible),(e,t)=>(v(),h(`g`,null,[(v(!0),h(f,null,b(e.points,(n,r)=>(v(),h(f,null,[e&&!isNaN(n.y)?(v(),h(`rect`,{key:0,x:xn(n.x,t,r),y:n.v>=0?n.y:n.y0,width:Sn(t,r),height:n.v>=0?n.y0-n.y:n.y-n.y0,fill:e.color,style:_({opacity:+(r>=N.value&&r<P.value)})},null,12,Ke)):m(``,!0)],64))),256))]))),256)),(v(!0),h(f,null,b(W.value.filter(e=>e.type===`line`),(e,t)=>(v(),h(`g`,{key:String(e.key)},[e&&e.hasSelection&&e.selectionSet&&e.isVisible?(v(),h(`path`,{key:0,d:`M ${e.selectionSet}`,stroke:e.temperatureColors?`url(#temperature_grad_line_${t}_${u.uuid})`:e.color,fill:`transparent`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-dasharray":e.dashed?`2 4`:0},null,8,qe)):m(``,!0)]))),128)),(v(!0),h(f,null,b(W.value.filter(e=>e.type===`plot`),e=>(v(),h(`g`,{key:String(e.key)},[(v(!0),h(f,null,b(e.sliced,t=>(v(),h(`g`,null,[e.isVisible&&t.value!==null?(v(),h(`circle`,{key:0,cx:t.x,cy:t.y,r:`2`,fill:e.color,stroke:R.value,"stroke-width":`0.5`,style:{opacity:`0.6`}},null,8,Je)):m(``,!0)]))),256))]))),128))]))],64)),e.$slots.slotMap?ge(e.$slots,`slotMap`,fe(ce({width:Math.max(0,z.value.width),height:Math.max(0,z.value.height),zeroY:Mn.value,unitW:Math.max(0,H.value)})),void 0,!0,4):m(``,!0),K.value!==null&&!Q.value?(v(),h(`line`,fe(le({key:5},Ar.value)),null,16)):m(``,!0),g(`rect`,{x:0,y:0,width:Math.max(0,z.value.width),height:Math.max(0,z.value.height),fill:`transparent`,style:_([{"pointer-events":`all !important`},{cursor:u.enableSelectionDrag?Q.value?`grabbing`:`grab`:`default`}]),onMousedown:t[0]||=e=>Q.value=!0,onMouseup:t[1]||=e=>Q.value=!1,onMousemove:Un,onMouseleave:Wn},null,44,Ye),O.value&&u.minimapCompact?(v(),h(f,{key:6},[g(`g`,le({class:`vue-ui-zoom-compact-minimap-handle`,transform:`translate(${ai.value}, 0)`},Ur.value,{onKeydown:t[2]||=e=>Hr(`start`,e),onPointerdown:t[3]||=S(e=>Qr(`start`,e),[`stop`,`prevent`]),onPointermove:t[4]||=S(e=>Yr(`start`,e),[`stop`,`prevent`]),onPointerup:t[5]||=S(e=>Xr(`start`,e),[`stop`,`prevent`]),onPointercancel:t[6]||=S(e=>Xr(`start`,e),[`stop`,`prevent`]),onLostpointercapture:t[7]||=e=>Zr(`start`,e),onClick:t[8]||=S(()=>{},[`stop`,`prevent`])}),[g(`rect`,{class:`vue-ui-zoom-compact-minimap-handle-hit`,x:-ni.value,y:ii.value,width:ni.value,height:ri.value,fill:`transparent`},null,8,Ze),g(`rect`,{class:`vue-ui-zoom-compact-minimap-handle-visual`,x:-ti.value,y:0,width:ti.value,height:z.value.height,fill:u.handleFill||R.value,stroke:u.handleBorderColor||u.textColor,"stroke-width":u.handleBorderWidth,rx:3},null,8,Qe),u.handleType&&u.handleType!==`empty`?(v(),h(`g`,{key:0,class:`compact-handle-icon`,transform:`translate(${-ti.value}, 0)`,style:{"pointer-events":`none`}},[(v(),h(`svg`,{width:ti.value,height:z.value.height,viewBox:`0 0 20 20`,preserveAspectRatio:`xMidYMid meet`},[u.handleType===`arrow`?(v(),h(`path`,{key:0,d:`M 7 7 L 3 10 L 7 13 L 7 7 M 13 7 L 17 10 L 13 13 L 13 7`,fill:R.value,stroke:u.handleIconColor||u.textColor,"stroke-width":.618,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,tt)):u.handleType===`chevron`?(v(),h(`path`,{key:1,d:`M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13`,fill:`none`,stroke:u.handleIconColor||u.textColor,"stroke-width":.618,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,nt)):u.handleType===`grab`?(v(),h(`path`,{key:2,d:`M 8 5 A 1 1 0 0 0 8 7 A 1 1 0 0 0 8 5 M 8 9 A 1 1 0 0 0 8 11 A 1 1 0 0 0 8 9 M 8 13 A 1 1 0 0 0 8 15 A 1 1 0 0 0 8 13 M 12 5 A 1 1 0 0 0 12 7 A 1 1 0 0 0 12 5 M 12 9 A 1 1 0 0 0 12 11 A 1 1 0 0 0 12 9 M 12 13 A 1 1 0 0 0 12 15 A 1 1 0 0 0 12 13`,fill:u.handleIconColor||u.textColor,stroke:`none`,opacity:`0.6`},null,8,rt)):m(``,!0)],8,et))],8,$e)):m(``,!0)],16,Xe),g(`g`,le({class:`vue-ui-zoom-compact-minimap-handle`,transform:`translate(${oi.value}, 0)`},Wr.value,{onKeydown:t[9]||=e=>Hr(`end`,e),onPointerdown:t[10]||=S(e=>Qr(`end`,e),[`stop`,`prevent`]),onPointermove:t[11]||=S(e=>Yr(`end`,e),[`stop`,`prevent`]),onPointerup:t[12]||=S(e=>Xr(`end`,e),[`stop`,`prevent`]),onPointercancel:t[13]||=S(e=>Xr(`end`,e),[`stop`,`prevent`]),onLostpointercapture:t[14]||=e=>Zr(`end`,e),onClick:t[15]||=S(()=>{},[`stop`,`prevent`])}),[g(`rect`,{class:`vue-ui-zoom-compact-minimap-handle-hit`,x:0,y:ii.value,width:ni.value,height:ri.value,fill:`transparent`},null,8,at),g(`rect`,{class:`vue-ui-zoom-compact-minimap-handle-visual`,x:0,y:0,width:ti.value,height:z.value.height,fill:u.handleFill||R.value,stroke:u.handleBorderColor||u.textColor,"stroke-width":u.handleBorderWidth,rx:3},null,8,ot),u.handleType&&u.handleType!==`empty`?(v(),h(`g`,st,[(v(),h(`svg`,{width:ti.value,height:z.value.height,viewBox:`0 0 20 20`,preserveAspectRatio:`xMidYMid meet`},[u.handleType===`arrow`?(v(),h(`path`,{key:0,d:`M 7 7 L 3 10 L 7 13 L 7 7 M 13 7 L 17 10 L 13 13 L 13 7`,fill:R.value,stroke:u.handleIconColor||u.textColor,"stroke-width":.618,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,lt)):u.handleType===`chevron`?(v(),h(`path`,{key:1,d:`M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13`,fill:`none`,stroke:u.handleIconColor||u.textColor,"stroke-width":.618,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,ut)):u.handleType===`grab`?(v(),h(`path`,{key:2,d:`M 8 5 A 1 1 0 0 0 8 7 A 1 1 0 0 0 8 5 M 8 9 A 1 1 0 0 0 8 11 A 1 1 0 0 0 8 9 M 8 13 A 1 1 0 0 0 8 15 A 1 1 0 0 0 8 13 M 12 5 A 1 1 0 0 0 12 7 A 1 1 0 0 0 12 5 M 12 9 A 1 1 0 0 0 12 11 A 1 1 0 0 0 12 9 M 12 13 A 1 1 0 0 0 12 15 A 1 1 0 0 0 12 13`,fill:u.handleIconColor||u.textColor,stroke:`none`,opacity:`0.6`},null,8,dt)):m(``,!0)],8,ct))])):m(``,!0)],16,it)],64)):m(``,!0),e.$slots.slotMap?m(``,!0):(v(),h(f,{key:7},[u.minimapMerged?(v(),h(`g`,ft,[U.value&&U.value.firstPlot&&U.value.firstPlot.value!==null?(v(),h(`circle`,{key:0,cx:U.value.firstPlot.x,cy:U.value.firstPlot.y,"stroke-width":`0.5`,stroke:R.value,r:`4`,fill:u.minimapLineColor},null,8,pt)):m(``,!0),U.value&&U.value.firstPlot&&U.value.firstPlot.value!==null?(v(),h(`circle`,{key:1,cx:U.value.firstPlot.x,cy:U.value.firstPlot.y,r:2,fill:R.value},null,8,mt)):m(``,!0),U.value&&U.value.lastPlot&&U.value.lastPlot.value!==null?(v(),h(`circle`,{key:2,cx:U.value.lastPlot.x,cy:U.value.lastPlot.y,"stroke-width":`0.5`,stroke:R.value,r:`4`,fill:u.minimapLineColor},null,8,ht)):m(``,!0),U.value&&U.value.lastPlot&&U.value.lastPlot.value!==null?(v(),h(`circle`,{key:3,cx:U.value.lastPlot.x,cy:U.value.lastPlot.y,r:`2`,fill:R.value},null,8,gt)):m(``,!0)])):(v(),h(`g`,_t,[(v(!0),h(f,null,b(W.value.filter(e=>e.type===`line`),(e,t)=>(v(),h(`g`,{key:String(e.key)},[e&&e.hasSelection&&e.selectionSet&&e.isVisible?(v(),h(`path`,{key:0,d:`M ${e.selectionSet}`,stroke:e.temperatureColors?`url(#temperature_grad_line_${t}_${u.uuid})`:e.color,fill:`transparent`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-dasharray":e.dashed?`2 4`:0},null,8,vt)):m(``,!0),e.isVisible&&u.cutNullValues?(v(!0),h(f,{key:1},b(e.selectionMarkers,t=>(v(),h(`circle`,{key:`sel-dot-${e.key}-${t.i}`,cx:t.x,cy:t.y,r:`2.5`,fill:e.color,stroke:R.value,"stroke-width":`0.5`},null,8,yt))),128)):m(``,!0),e&&e.firstPlot&&e.isVisible&&e.firstPlot.value!==null?(v(),h(`circle`,{key:2,cx:e.firstPlot.x,cy:e.firstPlot.y,"stroke-width":`0.5`,stroke:R.value,r:`4`,fill:e.color},null,8,bt)):m(``,!0),e&&e.firstPlot&&e.isVisible&&e.firstPlot.value!==null?(v(),h(`circle`,{key:3,cx:e.firstPlot.x,cy:e.firstPlot.y,r:`2`,fill:R.value},null,8,xt)):m(``,!0),e&&e.lastPlot&&e.isVisible&&e.lastPlot.value!==null?(v(),h(`circle`,{key:4,cx:e.lastPlot.x,cy:e.lastPlot.y,"stroke-width":`0.5`,stroke:R.value,r:`4`,fill:e.color},null,8,St)):m(``,!0),e&&e.lastPlot&&e.isVisible&&e.lastPlot.value!==null?(v(),h(`circle`,{key:5,cx:e.lastPlot.x,cy:e.lastPlot.y,r:`2`,fill:R.value},null,8,Ct)):m(``,!0)]))),128)),(v(!0),h(f,null,b(W.value.filter(e=>e.type===`plot`),e=>(v(),h(`g`,{key:String(e.key)},[(v(!0),h(f,null,b(e.points,t=>(v(),h(`g`,null,[e.isVisible&&u.cutNullValues&&t.value!==null?(v(),h(`circle`,{key:`sel-plot-${e.key}-${t.i}`,cx:t.x,cy:t.y,r:`2.5`,fill:e.color,stroke:R.value,"stroke-width":`0.5`},null,8,wt)):m(``,!0)]))),256))]))),128))]))],64))],8,De))])):m(``,!0),g(`div`,{class:`slider-track`,style:_({visibility:O.value&&u.minimapCompact?`hidden`:`visible`})},null,4),g(`div`,{class:de({"range-highlight":!0,move:u.enableSelectionDrag}),onMousedown:t[16]||=e=>Q.value=!0,onMouseup:t[17]||=e=>Q.value=!1,style:_({...L.value,cursor:Q.value?`grabbing`:`grab`,visibility:O.value&&u.minimapCompact?`hidden`:`visible`})},null,38),u.enableRangeHandles&&!(O.value&&u.minimapCompact)?xe((v(),h(`input`,{key:1,"aria-label":`range-handle-left`,ref_key:`rangeStart`,ref:q,type:`range`,step:u.precision>0?1/10**u.precision:1,class:de({"range-left":!0,"range-handle":!0,"range-minimap":O.value&&u.verticalHandles,"range-invisible":O.value&&u.minimapCompact}),min:u.min,max:u.minimapCompact&&O.value&&!u.useValueRange?Math.max(0,B.value-1):u.max,tabindex:O.value?-1:0,"onUpdate:modelValue":t[18]||=e=>In.value=e,onFocus:t[19]||=e=>O.value&&e.target.blur(),onInput:t[20]||=e=>In.value=e.target.valueAsNumber,onChange:F,onKeyup:Se(F,[`enter`]),onBlur:F,onMouseenter:t[21]||=e=>Dr(`start`),onPointerup:F},null,42,Tt)),[[be,In.value,void 0,{number:!0}]]):m(``,!0),u.enableRangeHandles&&!(O.value&&u.minimapCompact)?xe((v(),h(`input`,{key:2,"aria-label":`range-handle-right`,ref_key:`rangeEnd`,ref:Gn,type:`range`,step:u.precision>0?1/10**u.precision:1,class:de({"range-right":!0,"range-handle":!0,"range-minimap":O.value&&u.verticalHandles,"range-invisible":O.value&&u.minimapCompact}),min:u.min,max:u.minimapCompact&&O.value&&!u.useValueRange?Math.max(0,B.value-1):u.max,tabindex:O.value?-1:0,onFocus:t[22]||=e=>O.value&&e.target.blur(),"onUpdate:modelValue":t[23]||=e=>Ln.value=e,onInput:t[24]||=e=>Ln.value=e.target.valueAsNumber,onChange:F,onKeyup:Se(F,[`enter`]),onBlur:F,onMouseenter:t[25]||=e=>Dr(`end`),onPointerup:F},null,42,Et)),[[be,Ln.value,void 0,{number:!0}]]):m(``,!0),$.value.left?(v(),h(`div`,{key:3,ref_key:`tooltipLeft`,ref:yr,class:de({"range-tooltip":!0,"range-tooltip-visible":Cr.value,"range-tooltip-arrow":L.value.arrowLeft&&!u.verticalHandles,"range-tooltip-arrow-left":!L.value.arrowLeft&&!u.verticalHandles}),style:_({left:L.value.tooltipLeft,color:ve(l)(u.selectColor),backgroundColor:u.selectColor,border:`1px solid ${R.value}`,zIndex:`${Er.value+4}`,visibility:Or.value||$.value.left===$.value.right?`hidden`:`visible`,top:O.value&&u.minimapCompact?`calc(-100% - 12px)`:`-100%`})},_e($.value.left),7)):m(``,!0),(Or.value||$.value.left===$.value.right)&&($.value.left||$.value.right)?(v(),h(`div`,{key:4,ref:`tooltipMerge`,class:de({"range-tooltip":!0,"range-tooltip-visible":Cr.value,"range-tooltip-arrow":!0,"range-tooltip-arrow-left":!L.value.arrowLeft&&!u.verticalHandles,"range-tooltip-arrow-right":!L.value.arrowRight&&!u.verticalHandles}),style:_({left:L.value.tooltipCenter,width:kr.value.width+`px`,color:ve(l)(u.selectColor),backgroundColor:u.selectColor,border:`1px solid ${R.value}`,zIndex:`4`,top:O.value&&u.minimapCompact?`calc(-100% - 12px)`:`-100%`})},_e($.value.left===$.value.right?$.value.left:`${$.value.left} - ${$.value.right}`),7)):m(``,!0),$.value.right?(v(),h(`div`,{key:5,ref_key:`tooltipRight`,ref:br,class:de({"range-tooltip":!0,"range-tooltip-visible":Cr.value,"range-tooltip-arrow":L.value.arrowRight&&!u.verticalHandles,"range-tooltip-arrow-right":!L.value.arrowRight&&!u.verticalHandles}),style:_({left:L.value.tooltipRight,color:ve(l)(u.selectColor),backgroundColor:u.selectColor,border:`1px solid ${R.value}`,zIndex:`4`,visibility:Or.value||$.value.left===$.value.right?`hidden`:`visible`,top:O.value&&u.minimapCompact?`calc(-100% - 12px)`:`-100%`})},_e($.value.right),7)):m(``,!0)],36)],44,Ce))}},[[`__scopeId`,`data-v-d5072eae`]]);export{kt as t};

package/dist/{SparkTooltip-BlJLvizH.js → SparkTooltip-C5JMcBXT.js}

@@ -1 +1 @@
-import{Jt as e,Wt as t}from"./lib-zDxoqrgo.js";import{t as n}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{computed as r,createElementBlock as i,nextTick as a,normalizeStyle as o,onMounted as s,openBlock as c,ref as l,renderSlot as u,toRef as d,watch as f}from"vue";var p=/*#__PURE__*/ n({__name:`SparkTooltip`,props:{svgRef:{type:Object},x:{type:Number,required:!0},y:{type:Number,required:!0},prevX:{type:Number,required:!0},prevY:{type:Number,required:!0},offsetY:{type:Number,default:0},background:{type:String},backgroundOpacity:{type:Number,default:100},borderRadius:{type:Number,default:2},borderWidth:{type:Number,default:0},borderColor:{type:String,default:`#FFFFFF`},color:{type:String},fontSize:{type:Number}},setup(n){let p=n,m=d(p.svgRef),h=l(null),g=l(0),_=l(0),v=l(!1),y=r(()=>e(p.background,p.backgroundOpacity)),b=async()=>{if(!m.value||!h.value)return;let e=t({svgElement:m.value,element:h.value,x:p.x,y:p.y,offsetY:p.offsetY}),n=t({svgElement:m.value,element:h.value,x:p.prevX,y:p.prevY,offsetY:p.offsetY});e&&n&&(v.value=!1,g.value=n.top,_.value=n.left,await a(),setTimeout(()=>{v.value=!0,g.value=e.top,_.value=e.left},50))};return s(b),f(()=>[p.x,p.y,p.prevX,p.prevY],()=>b(),{immediate:!0}),(e,t)=>(c(),i(`div`,{ref_key:`tooltipRef`,ref:h,class:`vue-data-ui-spark-tooltip`,style:o({position:`fixed`,top:`${g.value}px`,left:`${_.value}px`,pointerEvents:`none`,background:y.value,color:p.color,fontSize:`${p.fontSize}px`,borderRadius:`${p.borderRadius}px`,border:`${p.borderWidth}px solid ${p.borderColor}`,transition:v.value?`top 0.3s ease-out, left 0.3s ease-out`:`none`})},[u(e.$slots,`default`,{},void 0,!0)],4))}},[[`__scopeId`,`data-v-57d870b0`]]);export{p as default};
+import{Jt as e,Wt as t}from"./lib-CV_IANZ6.js";import{t as n}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{computed as r,createElementBlock as i,nextTick as a,normalizeStyle as o,onMounted as s,openBlock as c,ref as l,renderSlot as u,toRef as d,watch as f}from"vue";var p=/*#__PURE__*/ n({__name:`SparkTooltip`,props:{svgRef:{type:Object},x:{type:Number,required:!0},y:{type:Number,required:!0},prevX:{type:Number,required:!0},prevY:{type:Number,required:!0},offsetY:{type:Number,default:0},background:{type:String},backgroundOpacity:{type:Number,default:100},borderRadius:{type:Number,default:2},borderWidth:{type:Number,default:0},borderColor:{type:String,default:`#FFFFFF`},color:{type:String},fontSize:{type:Number}},setup(n){let p=n,m=d(p.svgRef),h=l(null),g=l(0),_=l(0),v=l(!1),y=r(()=>e(p.background,p.backgroundOpacity)),b=async()=>{if(!m.value||!h.value)return;let e=t({svgElement:m.value,element:h.value,x:p.x,y:p.y,offsetY:p.offsetY}),n=t({svgElement:m.value,element:h.value,x:p.prevX,y:p.prevY,offsetY:p.offsetY});e&&n&&(v.value=!1,g.value=n.top,_.value=n.left,await a(),setTimeout(()=>{v.value=!0,g.value=e.top,_.value=e.left},50))};return s(b),f(()=>[p.x,p.y,p.prevX,p.prevY],()=>b(),{immediate:!0}),(e,t)=>(c(),i(`div`,{ref_key:`tooltipRef`,ref:h,class:`vue-data-ui-spark-tooltip`,style:o({position:`fixed`,top:`${g.value}px`,left:`${_.value}px`,pointerEvents:`none`,background:y.value,color:p.color,fontSize:`${p.fontSize}px`,borderRadius:`${p.borderRadius}px`,border:`${p.borderWidth}px solid ${p.borderColor}`,transition:v.value?`top 0.3s ease-out, left 0.3s ease-out`:`none`})},[u(e.$slots,`default`,{},void 0,!0)],4))}},[[`__scopeId`,`data-v-57d870b0`]]);export{p as default};

package/dist/{Title-BRAjxtjG.js → Title-BGYFqulv.js}

@@ -1 +1 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useNestedProp-CT9phgWx.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,normalizeStyle as s,openBlock as c,renderSlot as l,toDisplayString as u}from"vue";var d=/* @__PURE__ */ e({default:()=>f}),f={__name:`Title`,props:{config:{type:Object,default(){return{}}},lineHeight:{type:[String,Boolean],default:!1}},setup(e){let d=e,f=r(()=>t({userConfig:d.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(t,r)=>(c(),a(n,null,[o(`div`,{class:`atom-title`,style:s({width:`calc(100% - ${f.value.title.paddingLeft+f.value.title.paddingRight}px)`,textAlign:f.value.title.textAlign,color:f.value.title.color,fontSize:`var(--title-font-size, ${f.value.title.fontSize}px)`,fontWeight:f.value.title.bold?`bold`:``,paddingLeft:f.value.title.paddingLeft+`px`,paddingRight:f.value.title.paddingRight+`px`,lineHeight:e.lineHeight?e.lineHeight:void 0})},u(f.value.title.text),5),f.value.subtitle.text?(c(),a(`div`,{key:0,class:`atom-subtitle`,style:s({width:`calc(100% - ${f.value.title.paddingLeft+f.value.title.paddingRight}px)`,textAlign:f.value.title.textAlign,color:f.value.subtitle.color,fontSize:`var(--subtitle-font-size, ${f.value.subtitle.fontSize}px)`,fontWeight:f.value.subtitle.bold?`bold`:``,paddingLeft:f.value.title.paddingLeft+`px`,paddingRight:f.value.title.paddingRight+`px`,lineHeight:e.lineHeight?e.lineHeight:void 0})},u(f.value.subtitle.text),5)):i(``,!0),f.value.subtitle.text?(c(),a(`div`,{key:1,style:s({width:`calc(100% - ${f.value.title.paddingLeft+f.value.title.paddingRight}px)`,textAlign:f.value.title.textAlign,color:f.value.subtitle.color,fontSize:`var(--subtitle-font-size, ${f.value.subtitle.fontSize}px)`,fontWeight:f.value.subtitle.bold?`bold`:``,paddingLeft:f.value.title.paddingLeft+`px`,paddingRight:f.value.title.paddingRight+`px`,lineHeight:e.lineHeight?e.lineHeight:void 0})},[l(t.$slots,`default`)],4)):i(``,!0)],64))}};export{f as n,d as t};
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useNestedProp-CB186vF2.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,normalizeStyle as s,openBlock as c,renderSlot as l,toDisplayString as u}from"vue";var d=/* @__PURE__ */ e({default:()=>f}),f={__name:`Title`,props:{config:{type:Object,default(){return{}}},lineHeight:{type:[String,Boolean],default:!1}},setup(e){let d=e,f=r(()=>t({userConfig:d.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(t,r)=>(c(),a(n,null,[o(`div`,{class:`atom-title`,style:s({width:`calc(100% - ${f.value.title.paddingLeft+f.value.title.paddingRight}px)`,textAlign:f.value.title.textAlign,color:f.value.title.color,fontSize:`var(--title-font-size, ${f.value.title.fontSize}px)`,fontWeight:f.value.title.bold?`bold`:``,paddingLeft:f.value.title.paddingLeft+`px`,paddingRight:f.value.title.paddingRight+`px`,lineHeight:e.lineHeight?e.lineHeight:void 0})},u(f.value.title.text),5),f.value.subtitle.text?(c(),a(`div`,{key:0,class:`atom-subtitle`,style:s({width:`calc(100% - ${f.value.title.paddingLeft+f.value.title.paddingRight}px)`,textAlign:f.value.title.textAlign,color:f.value.subtitle.color,fontSize:`var(--subtitle-font-size, ${f.value.subtitle.fontSize}px)`,fontWeight:f.value.subtitle.bold?`bold`:``,paddingLeft:f.value.title.paddingLeft+`px`,paddingRight:f.value.title.paddingRight+`px`,lineHeight:e.lineHeight?e.lineHeight:void 0})},u(f.value.subtitle.text),5)):i(``,!0),f.value.subtitle.text?(c(),a(`div`,{key:1,style:s({width:`calc(100% - ${f.value.title.paddingLeft+f.value.title.paddingRight}px)`,textAlign:f.value.title.textAlign,color:f.value.subtitle.color,fontSize:`var(--subtitle-font-size, ${f.value.subtitle.fontSize}px)`,fontWeight:f.value.subtitle.bold?`bold`:``,paddingLeft:f.value.title.paddingLeft+`px`,paddingRight:f.value.title.paddingRight+`px`,lineHeight:e.lineHeight?e.lineHeight:void 0})},[l(t.$slots,`default`)],4)):i(``,!0)],64))}};export{f as n,d as t};

package/dist/{Tooltip-BUXB0i6z.js → Tooltip-Cus2-XNQ.js}

@@ -1 +1 @@
-import{Jt as e}from"./lib-zDxoqrgo.js";import{Teleport as t,computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,nextTick as s,normalizeClass as c,normalizeStyle as l,onMounted as u,onUnmounted as d,openBlock as f,ref as p,renderSlot as m,watch as h}from"vue";function g({tooltip:e,chart:t,clientPosition:n,positionPreference:r=`center`,defaultOffsetY:i=24,defaultOffsetX:a=0,blockShiftY:o=!1}){let s=p(a),c=p(i);if(e&&t){let{width:l,height:u}=e.getBoundingClientRect(),{right:d,left:f,bottom:p}=t.getBoundingClientRect();r===`center`&&(s.value=n.x+l/2>d?-l+(d-n.x):n.x-l/2<f?-l+(l-(n.x-f)):-l/2),r===`right`&&(s.value=n.x+l+a>d?-l+(d-n.x):a),r===`left`&&(s.value=n.x-l-a<f?f-n.x:-l-a),n.y+u>p&&!o&&(c.value=-u-i)}return{top:n.y+c.value,left:n.x+s.value}}function _(e,t,n){u(()=>e.addEventListener(t,n)),d(()=>e.removeEventListener(t,n))}function v(){let e=p(0),t=p(0);return _(window,`mousemove`,n=>{e.value=n.clientX,t.value=n.clientY}),{x:e,y:t}}var y=[`aria-hidden`],b=[`innerHTML`],x={__name:`Tooltip`,props:{teleportTo:{type:String,default:`body`},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},offsetX:{type:Number,default:0},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1},smooth:{type:Boolean,default:!0},backdropFilter:{type:Boolean,default:!0},smoothForce:{type:Number,default:.18},smoothSnapThreshold:{type:Number,default:.25},isA11yMode:{type:Boolean,default:!1},a11yPosition:{type:Object,default:null}},setup(u,{expose:_}){let x=u,S=p(null),{x:C,y:w}=v(x.parent),T=p({x:0,y:0}),E=p({x:0,y:0}),D=p(null),O=p(null),k=p({scaleX:1,scaleY:1}),A=p(null);function j(){let e=N(S.value);if(D.value=e,!e){O.value=null,k.value={scaleX:1,scaleY:1},A.value=null;return}O.value=e.getBoundingClientRect(),k.value=P(e),A.value=x.parent?.getBoundingClientRect?.()||null}function M(e){return e?!!(e.transform&&e.transform!==`none`||e.perspective&&e.perspective!==`none`||e.filter&&e.filter!==`none`||e.backdropFilter&&e.backdropFilter!==`none`||e.contain&&e.contain.includes(`paint`)||e.willChange&&(e.willChange.includes(`transform`)||e.willChange.includes(`filter`))):!1}function N(e){let t=e?.parentElement||null;for(;t&&t!==document.documentElement;){if(M(getComputedStyle(t)))return t;t=t.parentElement}return null}function P(e){if(!e)return{scaleX:1,scaleY:1};let t=getComputedStyle(e).transform;if(!t||t===`none`)return{scaleX:1,scaleY:1};try{let e=new DOMMatrixReadOnly(t),n=Math.hypot(e.a,e.b),r=Math.hypot(e.c,e.d);return{scaleX:n||1,scaleY:r||1}}catch{return{scaleX:1,scaleY:1}}}function F({x:e,y:t}){x.isA11yMode||(C.value=e,w.value=t)}let I=null;function L(){if(!x.show){z();return}if(!x.smooth){E.value.x=T.value.x,E.value.y=T.value.y,z();return}let e=T.value.x-E.value.x,t=T.value.y-E.value.y;if(Math.abs(e)<=x.smoothSnapThreshold&&Math.abs(t)<=x.smoothSnapThreshold){E.value.x=T.value.x,E.value.y=T.value.y,z();return}E.value.x+=e*x.smoothForce,E.value.y+=t*x.smoothForce,I=requestAnimationFrame(L)}function R(){I==null&&x.show&&x.smooth&&(I=requestAnimationFrame(L))}function z(){I!=null&&(cancelAnimationFrame(I),I=null)}h([C,w],([e,t])=>{T.value.x=e,T.value.y=t,x.smooth?R():(E.value.x=e,E.value.y=t)}),h(()=>x.show,async e=>{if(!e){z();return}let t=C.value,n=w.value;T.value.x=t,T.value.y=n,E.value.x=t,E.value.y=n,await s(),j(),R()}),d(()=>{z()});let B=n(()=>x.isA11yMode&&x.a11yPosition&&typeof x.a11yPosition.x==`number`&&typeof x.a11yPosition.y==`number`?{x:x.a11yPosition.x,y:x.a11yPosition.y}:{x:E.value.x,y:E.value.y}),V=n(()=>{let e=O.value;if(!e)return{x:B.value.x,y:B.value.y};let{scaleX:t,scaleY:n}=k.value;return{x:(B.value.x-e.left)/t,y:(B.value.y-e.top)/n}}),H=n(()=>{let e=O.value,t=A.value;if(!e||!t)return x.parent;let{scaleX:n,scaleY:r}=k.value;return{...x.parent,getBoundingClientRect(){let i=t;return{left:(i.left-e.left)/n,top:(i.top-e.top)/r,right:(i.right-e.left)/n,bottom:(i.bottom-e.top)/r,width:i.width/n,height:i.height/r,x:(i.left-e.left)/n,y:(i.top-e.top)/r}}}}),U=n(()=>{let e=g({tooltip:S.value,chart:H.value,clientPosition:V.value,positionPreference:x.position,defaultOffsetX:x.offsetX,defaultOffsetY:x.offsetY,blockShiftY:x.blockShiftY});return{top:Math.round(e.top),left:Math.round(e.left)}}),W=n(()=>e(x.backgroundColor,x.backgroundOpacity)),G=n(()=>{let e={pointerEvents:`none`,position:`fixed`,top:`0px`,left:`0px`,transform:`translate3d(${U.value.left}px, ${U.value.top}px, 0)`,borderRadius:`${x.borderRadius}px`,border:`${x.borderWidth}px solid ${x.borderColor}`,zIndex:2147483647};return x.isCustom||Object.assign(e,{background:W.value,color:x.color,maxWidth:x.maxWidth,fontSize:`${x.fontSize}px`}),e});return _({placeTooltip:F}),(e,n)=>(f(),r(t,{to:u.isFullscreen?u.parent:u.teleportTo},[u.show?(f(),a(`div`,{key:0,ref_key:`tooltip`,ref:S,role:`tooltip`,"aria-hidden":!u.show,"aria-live":`polite`,class:c({"vue-data-ui-custom-tooltip":u.isCustom,"vue-data-ui-tooltip":!u.isCustom,"vue-data-ui-tooltip-backdrop":u.backdropFilter}),style:l(G.value)},[m(e.$slots,`tooltip-before`),m(e.$slots,`default`),m(e.$slots,`tooltip`,{},()=>[o(`div`,{innerHTML:u.content},null,8,b)]),m(e.$slots,`tooltip-after`)],14,y)):i(``,!0)],8,[`to`]))}};export{x as default};
+import{Jt as e}from"./lib-CV_IANZ6.js";import{Teleport as t,computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,nextTick as s,normalizeClass as c,normalizeStyle as l,onMounted as u,onUnmounted as d,openBlock as f,ref as p,renderSlot as m,watch as h}from"vue";function g({tooltip:e,chart:t,clientPosition:n,positionPreference:r=`center`,defaultOffsetY:i=24,defaultOffsetX:a=0,blockShiftY:o=!1}){let s=p(a),c=p(i);if(e&&t){let{width:l,height:u}=e.getBoundingClientRect(),{right:d,left:f,bottom:p}=t.getBoundingClientRect();r===`center`&&(s.value=n.x+l/2>d?-l+(d-n.x):n.x-l/2<f?-l+(l-(n.x-f)):-l/2),r===`right`&&(s.value=n.x+l+a>d?-l+(d-n.x):a),r===`left`&&(s.value=n.x-l-a<f?f-n.x:-l-a),n.y+u>p&&!o&&(c.value=-u-i)}return{top:n.y+c.value,left:n.x+s.value}}function _(e,t,n){u(()=>e.addEventListener(t,n)),d(()=>e.removeEventListener(t,n))}function v(){let e=p(0),t=p(0);return _(window,`mousemove`,n=>{e.value=n.clientX,t.value=n.clientY}),{x:e,y:t}}var y=[`aria-hidden`],b=[`innerHTML`],x={__name:`Tooltip`,props:{teleportTo:{type:String,default:`body`},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},offsetX:{type:Number,default:0},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1},smooth:{type:Boolean,default:!0},backdropFilter:{type:Boolean,default:!0},smoothForce:{type:Number,default:.18},smoothSnapThreshold:{type:Number,default:.25},isA11yMode:{type:Boolean,default:!1},a11yPosition:{type:Object,default:null}},setup(u,{expose:_}){let x=u,S=p(null),{x:C,y:w}=v(x.parent),T=p({x:0,y:0}),E=p({x:0,y:0}),D=p(null),O=p(null),k=p({scaleX:1,scaleY:1}),A=p(null);function j(){let e=N(S.value);if(D.value=e,!e){O.value=null,k.value={scaleX:1,scaleY:1},A.value=null;return}O.value=e.getBoundingClientRect(),k.value=P(e),A.value=x.parent?.getBoundingClientRect?.()||null}function M(e){return e?!!(e.transform&&e.transform!==`none`||e.perspective&&e.perspective!==`none`||e.filter&&e.filter!==`none`||e.backdropFilter&&e.backdropFilter!==`none`||e.contain&&e.contain.includes(`paint`)||e.willChange&&(e.willChange.includes(`transform`)||e.willChange.includes(`filter`))):!1}function N(e){let t=e?.parentElement||null;for(;t&&t!==document.documentElement;){if(M(getComputedStyle(t)))return t;t=t.parentElement}return null}function P(e){if(!e)return{scaleX:1,scaleY:1};let t=getComputedStyle(e).transform;if(!t||t===`none`)return{scaleX:1,scaleY:1};try{let e=new DOMMatrixReadOnly(t),n=Math.hypot(e.a,e.b),r=Math.hypot(e.c,e.d);return{scaleX:n||1,scaleY:r||1}}catch{return{scaleX:1,scaleY:1}}}function F({x:e,y:t}){x.isA11yMode||(C.value=e,w.value=t)}let I=null;function L(){if(!x.show){z();return}if(!x.smooth){E.value.x=T.value.x,E.value.y=T.value.y,z();return}let e=T.value.x-E.value.x,t=T.value.y-E.value.y;if(Math.abs(e)<=x.smoothSnapThreshold&&Math.abs(t)<=x.smoothSnapThreshold){E.value.x=T.value.x,E.value.y=T.value.y,z();return}E.value.x+=e*x.smoothForce,E.value.y+=t*x.smoothForce,I=requestAnimationFrame(L)}function R(){I==null&&x.show&&x.smooth&&(I=requestAnimationFrame(L))}function z(){I!=null&&(cancelAnimationFrame(I),I=null)}h([C,w],([e,t])=>{T.value.x=e,T.value.y=t,x.smooth?R():(E.value.x=e,E.value.y=t)}),h(()=>x.show,async e=>{if(!e){z();return}let t=C.value,n=w.value;T.value.x=t,T.value.y=n,E.value.x=t,E.value.y=n,await s(),j(),R()}),d(()=>{z()});let B=n(()=>x.isA11yMode&&x.a11yPosition&&typeof x.a11yPosition.x==`number`&&typeof x.a11yPosition.y==`number`?{x:x.a11yPosition.x,y:x.a11yPosition.y}:{x:E.value.x,y:E.value.y}),V=n(()=>{let e=O.value;if(!e)return{x:B.value.x,y:B.value.y};let{scaleX:t,scaleY:n}=k.value;return{x:(B.value.x-e.left)/t,y:(B.value.y-e.top)/n}}),H=n(()=>{let e=O.value,t=A.value;if(!e||!t)return x.parent;let{scaleX:n,scaleY:r}=k.value;return{...x.parent,getBoundingClientRect(){let i=t;return{left:(i.left-e.left)/n,top:(i.top-e.top)/r,right:(i.right-e.left)/n,bottom:(i.bottom-e.top)/r,width:i.width/n,height:i.height/r,x:(i.left-e.left)/n,y:(i.top-e.top)/r}}}}),U=n(()=>{let e=g({tooltip:S.value,chart:H.value,clientPosition:V.value,positionPreference:x.position,defaultOffsetX:x.offsetX,defaultOffsetY:x.offsetY,blockShiftY:x.blockShiftY});return{top:Math.round(e.top),left:Math.round(e.left)}}),W=n(()=>e(x.backgroundColor,x.backgroundOpacity)),G=n(()=>{let e={pointerEvents:`none`,position:`fixed`,top:`0px`,left:`0px`,transform:`translate3d(${U.value.left}px, ${U.value.top}px, 0)`,borderRadius:`${x.borderRadius}px`,border:`${x.borderWidth}px solid ${x.borderColor}`,zIndex:2147483647};return x.isCustom||Object.assign(e,{background:W.value,color:x.color,maxWidth:x.maxWidth,fontSize:`${x.fontSize}px`}),e});return _({placeTooltip:F}),(e,n)=>(f(),r(t,{to:u.isFullscreen?u.parent:u.teleportTo},[u.show?(f(),a(`div`,{key:0,ref_key:`tooltip`,ref:S,role:`tooltip`,"aria-hidden":!u.show,"aria-live":`polite`,class:c({"vue-data-ui-custom-tooltip":u.isCustom,"vue-data-ui-tooltip":!u.isCustom,"vue-data-ui-tooltip-backdrop":u.backdropFilter}),style:l(G.value)},[m(e.$slots,`tooltip-before`),m(e.$slots,`default`),m(e.$slots,`tooltip`,{},()=>[o(`div`,{innerHTML:u.content},null,8,b)]),m(e.$slots,`tooltip-after`)],14,y)):i(``,!0)],8,[`to`]))}};export{x as default};

package/dist/{UserOptions-D65t74CM.js → UserOptions-DTxMeZv3.js}

@@ -1 +1 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./img-8sM3sVWU.js";import{t as n}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as r}from"./BaseIcon-Cz30ODFA.js";import{t as i}from"./vClickOutside-BxNzkY17.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createVNode as d,guardReactiveProps as f,nextTick as p,normalizeClass as m,normalizeProps as h,normalizeStyle as g,onBeforeUnmount as _,onMounted as ee,openBlock as v,ref as y,renderList as b,renderSlot as x,toDisplayString as te,unref as ne,watch as S,withDirectives as C,withKeys as w,withModifiers as T}from"vue";var re={beforeMount(e,t){let n=()=>typeof t.value==`function`?{handler:t.value,targets:[e],disabled:!1,scrollGuardMs:250,moveThreshold:10}:{handler:t.value?.handler,targets:t.value?.targets??[e],disabled:!!t.value?.disabled,scrollGuardMs:t.value?.scrollGuardMs??250,moveThreshold:t.value?.moveThreshold??10},r={lastScrollTs:0,pointerId:null,startX:0,startY:0,moved:!1},i=()=>{r.lastScrollTs=performance.now()},a=e=>{r.pointerId=e.pointerId??null,r.startX=e.clientX??0,r.startY=e.clientY??0,r.moved=!1},o=e=>{if(r.pointerId===null||(e.pointerId??null)!==r.pointerId)return;let t=(e.clientX??0)-r.startX,i=(e.clientY??0)-r.startY,{moveThreshold:a}=n();t*t+i*i>=a*a&&(r.moved=!0)},s=e=>{r.pointerId!==null&&(e.pointerId??null)===r.pointerId&&(r.pointerId=null)},c=(e,t)=>{let n=e.composedPath?e.composedPath():[];for(let r of t){let t=r&&typeof r==`object`&&`value`in r?r.value:r;if(t&&(t===e.target||t.contains&&t.contains(e.target)||n.length&&n.includes(t)))return!0}return!1},l=e=>{let{handler:t,targets:i,disabled:a,scrollGuardMs:o}=n();a||typeof t==`function`&&(performance.now()-r.lastScrollTs<o||r.moved||c(e,i)||t(e))};e.__vPopoverClickOutside__={onScrollCapture:i,onPointerDownCapture:a,onPointerMoveCapture:o,onPointerUpCapture:s,onClickCapture:l},window.addEventListener(`scroll`,i,!0),document.addEventListener(`pointerdown`,a,!0),document.addEventListener(`pointermove`,o,!0),document.addEventListener(`pointerup`,s,!0),document.addEventListener(`click`,l,!0)},unmounted(e){let t=e.__vPopoverClickOutside__;t&&(window.removeEventListener(`scroll`,t.onScrollCapture,!0),document.removeEventListener(`pointerdown`,t.onPointerDownCapture,!0),document.removeEventListener(`pointermove`,t.onPointerMoveCapture,!0),document.removeEventListener(`pointerup`,t.onPointerUpCapture,!0),document.removeEventListener(`click`,t.onClickCapture,!0),delete e.__vPopoverClickOutside__)}},E=/* @__PURE__ */ e({default:()=>D}),ie=[`title`,`onKeydown`],ae=[`popover`,`data-open`],oe=[`onClick`,`onMouseenter`,`onMouseout`],se=[`title`],ce=[`data-open`],le=[`onClick`,`onMouseenter`,`onMouseout`],D=/*#__PURE__*/ n({__name:`UserOptions`,props:{hasPdf:{type:Boolean,default:!0},hasXls:{type:Boolean,default:!0},hasImg:{type:Boolean,default:!1},hasSvg:{type:Boolean,default:!1},hasLabel:{type:Boolean,default:!1},isLabelActive:{type:Boolean,default:!1},hasTable:{type:Boolean,default:!1},hasSort:{type:Boolean,default:!1},hasStack:{type:Boolean,default:!1},hasTooltip:{type:Boolean,default:!1},color:{type:String},backgroundColor:{type:String},isPrinting:{type:Boolean,default:!1},isImaging:{type:Boolean,default:!1},title:{type:String},uid:{type:String},hasFullscreen:{type:Boolean,default:!1},chartElement:{type:HTMLElement,default:null},isFullscreen:{type:Boolean,default:!1},isStacked:{type:Boolean,default:!1},isTooltip:{type:Boolean,default:!1},hasAnimation:{type:Boolean,default:!1},isAnimation:{type:Boolean,default:!1},titles:{type:Object,default(){return{}}},showTooltips:{type:Boolean,default:!0},zIndex:{type:Number,default:1},noOffset:{type:Boolean,default:!0},position:{type:String,default:`right`},offsetX:{type:Number,default:0},hasAnnotator:{type:Boolean,default:!1},isAnnotation:{type:Boolean,default:!1},callbacks:{type:Object,default(){return{}}},printScale:{type:Number,default:2},tableDialog:{type:Boolean,default:!1},hasZoom:{type:Boolean,default:!1},isZoom:{type:Boolean,default:!1},isCursorPointer:{type:Boolean,default:!1},hasAltCopy:{type:Boolean,default:!1}},emits:[`generatePdf`,`generateCsv`,`generateImage`,`toggleTable`,`toggleLabels`,`toggleSort`,`toggleFullscreen`,`toggleStack`,`toggleTooltip`,`toggleAnimation`,`toggleAnnotator`,`generateSvg`,`toggleZoom`,`copyAlt`],setup(e,{expose:n,emit:E}){let D=e,O=E,k=y(null),A=y(null),j=y(null),M=y(!1),N=o(()=>typeof window<`u`&&typeof HTMLElement<`u`&&`popover`in HTMLElement.prototype);async function ue(){if(D.callbacks.pdf){let{imageUri:e,base64:n}=await t({domElement:D.chartElement,base64:!0,img:!0,scale:D.printScale});D.callbacks.pdf({domElement:D.chartElement,base64:n,imageUri:e})}else O(`generatePdf`)}function de(){O(`generateCsv`,D.callbacks.csv)}async function fe(){if(D.callbacks.img){O(`generateImage`,{stage:`start`});try{let{imageUri:e,base64:n}=await t({domElement:D.chartElement,base64:!0,img:!0,scale:D.printScale});await Promise.resolve(D.callbacks.img({domElement:D.chartElement,imageUri:e,base64:n}))}finally{O(`generateImage`,{stage:`end`})}}else O(`generateImage`)}function pe(){O(`generateSvg`,{isCb:!!D.callbacks.svg})}let P=y(!1);function me(){D.callbacks.table?D.callbacks.table():(P.value=!P.value,O(`toggleTable`))}function he(e){P.value=e}n({setTableIconState:he});let F=y(D.isLabelActive);function ge(){D.callbacks.labels?D.callbacks.labels():(F.value=!F.value,O(`toggleLabels`))}let I=y(D.isAnimation);function L(){D.callbacks.animation?D.callbacks.animation():(I.value=!I.value,O(`toggleAnimation`))}let R=y(D.isZoom);function z(){D.callbacks.zoom?D.callbacks.zoom():(R.value=!R.value,O(`toggleZoom`))}let B=o({get:()=>D.isAnnotation,set:e=>e});function V(){D.callbacks.annotator?D.callbacks.annotator():(B.value=!B.value,O(`toggleAnnotator`))}function _e(){D.callbacks.sort?D.callbacks.sort():O(`toggleSort`)}function H(){O(`copyAlt`)}let U=y(D.isStacked);function ve(){D.callbacks.stack?D.callbacks.stack():(U.value=!U.value,O(`toggleStack`))}let W=y(D.isTooltip);function ye(){D.callbacks.tooltip?D.callbacks.tooltip():(W.value=!W.value,O(`toggleTooltip`))}let be=o({get:()=>D.isFullscreen,set:e=>O(`toggleFullscreen`,e)});function G(){if(!D.chartElement)return;let e=!D.isFullscreen;be.value=e,e?D.chartElement.requestFullscreen():document.exitFullscreen()}function K(){let e=!!document.fullscreenElement;O(`toggleFullscreen`,e)}ee(()=>{document.addEventListener(`fullscreenchange`,K)}),_(()=>{document.removeEventListener(`fullscreenchange`,K)});let q=y(window.innerWidth>600),J=y({tooltip:!1,pdf:!1,csv:!1,img:!1,table:!1,labels:!1,sort:!1,stack:!1,fullscreen:!1,animation:!1,annotator:!1,svg:!1,zoom:!1,altCopy:!1}),xe=y(!0);function Se(){q.value=window.innerWidth>600,M.value=!M.value,M.value&&(xe.value=!1)}function Ce(){D.isPrinting||D.isImaging||(M.value=!1)}function we(){M.value&&Ce()}let Y=y(0);function Te(){Y.value=performance.now()+50}function X(){D.isPrinting||D.isImaging||(N.value&&Q(),M.value=!1)}function Ee(){performance.now()<Y.value||X()}function De(){if(q.value=window.innerWidth>600,!N.value){M.value||Te(),M.value=!M.value;return}let e=j.value;if(e&&e.matches&&e.matches(`:popover-open`)||M.value){M.value=!1,Q();return}Te(),M.value=!0}function Oe(){De()}function ke(e,t,n,r){let i=window.devicePixelRatio||1,a=e=>Math.round(e*i)/i;e.style.position=`fixed`,e.style.top=`${a(t)}px`,e.style.left=`${a(n)}px`,e.style.right=`auto`,e.style.width=`${a(r)}px`}function Ae(e){if(e.style.width=``,e.style.left=``,e.style.right=``,e.style.top=``,e.style.position=`absolute`,e.style.top=`36px`,D.position===`right`){let t=D.offsetX?D.offsetX:D.noOffset?0:4;e.style.right=`${t}px`,e.style.left=`auto`}else{let t=D.noOffset?0:4;e.style.left=`${t}px`,e.style.right=`auto`}e.style.display=`flex`,e.style.visibility=`hidden`,e.style.pointerEvents=`none`}function je(){if(!N.value||!M.value||!k.value||!j.value)return;let e=k.value.getBoundingClientRect(),t=j.value.getBoundingClientRect(),n=e.top+38;if(D.position===`right`){let r=D.offsetX?D.offsetX:D.noOffset?0:4,i=e.right-r-t.width;ke(j.value,n,i,t.width)}else{let r=D.noOffset?0:4,i=e.left+r;ke(j.value,n,i,t.width)}}let Me=0;function Ne(){cancelAnimationFrame(Me),Me=requestAnimationFrame(()=>{je()})}function Z(){N.value&&M.value&&Ne()}function Pe(e,t){let n=window.devicePixelRatio||1,r=e=>Math.round(e*n)/n;e.style.position=`fixed`,e.style.top=`${r(t.top)}px`,e.style.left=`${r(t.left)}px`,e.style.right=`auto`,e.style.width=`${r(t.width)}px`}async function Fe(e=!1){if(!N.value)return;let t=j.value;if(!t)return;let n=t.getAttribute(`style`)||``,r=t.getAttribute(`data-open`);t.setAttribute(`popover`,`manual`);try{t.setAttribute(`data-open`,`true`),Ae(t),await p();let i=t.getBoundingClientRect();t.setAttribute(`style`,n),r===null?t.removeAttribute(`data-open`):t.setAttribute(`data-open`,r),Pe(t,i),e||(typeof t.showPopover==`function`?t.showPopover():t.style.display=`flex`)}catch{if(!e)try{typeof t.showPopover==`function`?t.showPopover():t.style.display=`flex`}catch{}}}function Q(){if(!N.value)return;let e=j.value;if(e){e.setAttribute(`popover`,`manual`);try{typeof e.hidePopover==`function`?e.hidePopover():e.style.display=`none`}catch{e.style.display=`none`}e.style.position=``,e.style.top=``,e.style.left=``,e.style.right=``,e.style.width=``,e.style.inset=``}}function Ie(){if(!N.value)return;let e=j.value;e&&(M.value&&=typeof e.matches==`function`&&(()=>{try{return e.matches(`:popover-open`)}catch{return!1}})())}function Le(e){if(!N.value||!M.value||performance.now()<Y.value)return;let t=e.composedPath?e.composedPath():[],n=A.value?t.includes(A.value):!1,r=j.value?t.includes(j.value):!1;!n&&!r&&X()}S(()=>D.isFullscreen,async()=>{N.value&&(await p(),M.value&&Fe())}),S(()=>M.value,async e=>{N.value&&(await p(),e?(await Fe(!1),je()):Q())});function Re(e){e.key===`Escape`&&k.value&&k.value.contains(document.activeElement)&&(e.preventDefault(),e.stopPropagation(),X(),A.value?.focus())}ee(()=>{window.addEventListener(`pointerdown`,Le,!0),window.addEventListener(`resize`,Z,{passive:!0}),window.addEventListener(`scroll`,Z,{passive:!0,capture:!0}),j.value&&j.value.addEventListener(`toggle`,Ie)}),_(()=>{window.removeEventListener(`pointerdown`,Le,!0),window.removeEventListener(`resize`,Z),window.removeEventListener(`scroll`,Z,!0),j.value&&j.value.removeEventListener(`toggle`,Ie)});let ze=o(()=>[{key:`pdf`,visible:D.hasPdf,slot:`optionPdf`,testId:`user-options-pdf`,run:ue,icon:`filePdf`,alternate:D.isPrinting,alternateIcon:`hourglass`,spin:!0},{key:`csv`,visible:D.hasXls,slot:`optionCsv`,testId:`user-options-xls`,run:de,icon:`fileCsv`},{key:`img`,visible:D.hasImg,slot:`optionImg`,testId:`user-options-img`,run:fe,icon:`filePng`,alternate:D.isImaging,alternateIcon:`hourglass`,spin:!0},{key:`svg`,visible:D.hasSvg,slot:`optionSvg`,testId:`user-options-svg`,run:pe,icon:`fileSvg`},{key:`tooltip`,visible:D.hasTooltip,slot:`optionTooltip`,testId:`user-options-tooltip`,run:ye,icon:`tooltipDisabled`,alternate:W.value,alternateIcon:`tooltip`},{key:`table`,visible:D.hasTable,slot:`optionTable`,testId:`user-options-table`,run:me,icon:P.value?`tableClose`:`tableOpen`,alternate:D.tableDialog,alternateIcon:P.value?`tableDialogClose`:`tableDialogOpen`},{key:`labels`,visible:D.hasLabel,slot:`optionLabels`,testId:`user-options-label`,run:ge,icon:F.value?`labelClose`:`labelOpen`},{key:`sort`,visible:D.hasSort,slot:`optionSort`,testId:`user-options-sort`,run:_e,icon:`sort`},{key:`stack`,visible:D.hasStack,slot:`optionStack`,testId:`user-options-stack`,run:ve,icon:`stack`,alternate:U.value,alternateIcon:`unstack`,slotProps:{first:{name:`isStack`,value:U.value}}},{key:`fullscreen`,visible:D.hasFullscreen,slot:`optionFullscreen`,testId:`user-options-fullscreen`,run:()=>G(D.isFullscreen?`out`:`in`),icon:`fullscreen`,alternate:D.isFullscreen,alternateIcon:`exitFullscreen`,slotProps:{first:{name:`toggleFullscreen`,value:G},second:{name:`isFullscreen`,value:D.isFullscreen}}},{key:`zoom`,visible:D.hasZoom,slot:`optionZoom`,testId:`user-options-fullscreen`,run:()=>z(),icon:`zoomLock`,alternate:D.isZoom,alternateIcon:`zoomUnlock`,slotProps:{first:{name:`toggleZoom`,value:z},second:{name:`isZoomLocked`,value:!D.isZoom}}},{key:`animation`,visible:D.hasAnimation,slot:`optionAnimation`,testId:`user-options-anim`,run:L,icon:`pause`,alternate:I.value,alternateIcon:`play`,slotProps:{first:{name:`toggleAnimation`,value:L},second:{name:`isAnimated`,value:I.value}}},{key:`annotator`,visible:D.hasAnnotator,slot:`optionAnnotator`,testId:`user-options-annotator`,run:V,icon:`annotator`,alternate:B.value,alternateIcon:`annotatorDisabled`,slotProps:{first:{name:`toggleAnnotator`,value:V},second:{name:`isAnnotator`,value:B.value}}},{key:`altCopy`,visible:D.hasAltCopy,slot:`optionAltCopy`,testId:`user-options-alt-copy`,run:H,icon:`accessibility`,slotProps:{first:{name:`copyAlt`,value:H}}}]);function $(e){let t={"button-info-left":D.position===`left`,"button-info-right":D.position===`right`},n=D.position===`left`&&J.value[e],r=D.position===`right`&&J.value[e];return e===`tooltip`?{...t,"button-info-left-visible":n,"button-info-right-visible":r}:{...t,"button-info-right-visible":r,"button-info-left-visible":n}}return(t,n)=>N.value?C((v(),l(`div`,{key:0,ref_key:`rootRef`,ref:k,"data-dom-to-png-ignore":``,class:`vue-ui-user-options`,style:g(`z-index: ${e.zIndex}; height: 34px; position: ${e.isFullscreen?`fixed`:`absolute`}; top: 0; ${e.position===`right`?`right:${e.isFullscreen?`12px`:`0`}`:`left:${e.isFullscreen?`12px`:`0`}`}; padding: 4px; background:transparent;`),onKeydown:Re},[u(`div`,{ref_key:`triggerRef`,ref:A,tabindex:`0`,role:`button`,title:M.value?e.titles.close||``:e.titles.open||``,style:g(`width:32px; position: absolute; top: 0;${e.position===`right`?`right: ${e.offsetX?e.offsetX:e.noOffset?0:4}px`:`left: ${e.noOffset?0:4}px`}; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px;  cursor:${e.isCursorPointer?`pointer`:`default`}; background:transparent`),onPointerdown:T(De,[`stop`,`prevent`]),onKeydown:w(T(Oe,[`stop`,`prevent`]),[`enter`])},[x(t.$slots,`menuIcon`,h(f({isOpen:M.value,color:e.color})),()=>[d(r,{name:M.value?`close`:`menu`,stroke:e.color,"stroke-width":2},null,8,[`name`,`stroke`])],!0)],44,ie),u(`div`,{ref_key:`drawerRef`,ref:j,popover:N.value?`manual`:null,"data-open":N.value?null:M.value,class:m({"vue-ui-user-options-drawer":!0}),style:g(N.value?{background:e.backgroundColor}:`background:${e.backgroundColor}; ${e.position===`right`?`right: ${e.offsetX?e.offsetX:e.noOffset?0:4}px`:`left: ${e.noOffset?0:4}px`}`)},[x(t.$slots,`custom-menu-before`,{},void 0,!0),(v(!0),l(a,null,b(ze.value,n=>(v(),l(a,{key:n.key},[n.visible?(v(),l(`button`,{key:0,tabindex:`0`,class:`vue-ui-user-options-button`,onClick:n.run,onMouseenter:e=>J.value[n.key]=!0,onMouseout:e=>J.value[n.key]=!1,style:g({cursor:e.isCursorPointer?`pointer`:`default`})},[t.$slots[n.slot]?(v(),l(a,{key:0},[n.slotProps?n.slotProps.second?x(t.$slots,n.slot,h({[n.slotProps.first.name||``]:n.slotProps.first.value,[n.slotProps.second.name||``]:n.slotProps.second.value}),void 0,!0,2):x(t.$slots,n.slot,h({[n.slotProps.first.name||``]:n.slotProps.first.value}),void 0,!0,1):x(t.$slots,n.slot,{},void 0,!0,0)],64)):(v(),l(a,{key:1},[n.alternate?(v(),s(r,{key:0,name:n.alternateIcon,isSpin:n.spin,stroke:e.color,style:{"pointer-events":`none`}},null,8,[`name`,`isSpin`,`stroke`])):(v(),s(r,{key:1,name:n.icon,stroke:e.color,style:{"pointer-events":`none`}},null,8,[`name`,`stroke`]))],64)),q.value&&e.titles[n.key===`animation`?`fullscreen`:n.key]?(v(),l(`div`,{key:2,dir:`auto`,class:m($(n.key)),style:g({background:e.backgroundColor,color:e.color})},te(e.titles[n.key]),7)):c(``,!0)],44,oe)):c(``,!0)],64))),128)),x(t.$slots,`custom-menu-after`,{},void 0,!0)],12,ae)],36)),[[ne(re),N.value?null:{targets:[k.value,j.value,A.value],handler:Ee}]]):C((v(),l(`div`,{key:1,ref_key:`rootRef`,ref:k,"data-dom-to-png-ignore":``,class:`vue-ui-user-options`,style:g(`z-index: ${e.zIndex}; height: 34px; position: ${e.isFullscreen?`fixed`:`absolute`}; top: 0; ${e.position===`right`?`right:${e.isFullscreen?`12px`:`0`}`:`left:${e.isFullscreen?`12px`:`0`}`}; padding: 4px; background:transparent;`),onKeydown:Re},[u(`div`,{ref_key:`triggerRef`,ref:A,tabindex:`0`,title:M.value?e.titles.close||``:e.titles.open||``,style:g(`width:32px; position: absolute; top: 0;${e.position===`right`?`right: ${e.offsetX?e.offsetX:e.noOffset?0:4}px`:`left: ${e.noOffset?0:4}px`}; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px;  cursor:pointer; background:transparent`),onClick:T(Se,[`stop`]),onKeypress:w(Se,[`enter`])},[x(t.$slots,`menuIcon`,h(f({isOpen:M.value,color:e.color})),()=>[d(r,{name:M.value?`close`:`menu`,stroke:e.color,"stroke-width":2},null,8,[`name`,`stroke`])],!0)],44,se),u(`div`,{ref_key:`drawerRef`,ref:j,"data-open":M.value,class:m({"vue-ui-user-options-drawer":!0}),style:g(`background:${e.backgroundColor}; ${e.position===`right`?`right: ${e.offsetX?e.offsetX:e.noOffset?0:4}px`:`left: ${e.noOffset?0:4}px`}`)},[x(t.$slots,`custom-menu-before`,{},void 0,!0),(v(!0),l(a,null,b(ze.value,n=>(v(),l(a,{key:n.key},[n.visible?(v(),l(`button`,{key:0,tabindex:`0`,class:`vue-ui-user-options-button`,onClick:e=>n.key===`altCopy`?V():n.run(e),onMouseenter:e=>J.value[n.key]=!0,onMouseout:e=>J.value[n.key]=!1},[t.$slots[n.slot]?(v(),l(a,{key:0},[n.slotProps?n.slotProps.second?x(t.$slots,n.slot,h({[n.slotProps.first.name||``]:n.slotProps.first.value,[n.slotProps.second.name||``]:n.slotProps.second.value}),void 0,!0,2):x(t.$slots,n.slot,h({[n.slotProps.first.name||``]:n.slotProps.first.value}),void 0,!0,1):x(t.$slots,n.slot,{},void 0,!0,0)],64)):(v(),l(a,{key:1},[n.alternate?(v(),s(r,{key:0,name:n.alternateIcon,isSpin:n.spin,stroke:e.color,style:{"pointer-events":`none`}},null,8,[`name`,`isSpin`,`stroke`])):(v(),s(r,{key:1,name:n.icon,stroke:e.color,style:{"pointer-events":`none`}},null,8,[`name`,`stroke`]))],64)),q.value&&e.titles[n.key===`animation`?`fullscreen`:n.key]?(v(),l(`div`,{key:2,dir:`auto`,class:m($(n.key)),style:g({background:e.backgroundColor,color:e.color})},te(e.titles[n.key]),7)):c(``,!0)],40,le)):c(``,!0)],64))),128)),x(t.$slots,`custom-menu-actions`,{},void 0,!0)],12,ce)],36)),[[ne(i),we]])}},[[`__scopeId`,`data-v-f6a782a0`]]);export{E as n,D as t};
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./img-DiT4ivZ5.js";import{t as n}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as r}from"./BaseIcon-DdIyewwY.js";import{t as i}from"./vClickOutside-BxNzkY17.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createVNode as d,guardReactiveProps as f,nextTick as p,normalizeClass as m,normalizeProps as h,normalizeStyle as g,onBeforeUnmount as _,onMounted as ee,openBlock as v,ref as y,renderList as b,renderSlot as x,toDisplayString as te,unref as ne,watch as S,withDirectives as C,withKeys as w,withModifiers as T}from"vue";var re={beforeMount(e,t){let n=()=>typeof t.value==`function`?{handler:t.value,targets:[e],disabled:!1,scrollGuardMs:250,moveThreshold:10}:{handler:t.value?.handler,targets:t.value?.targets??[e],disabled:!!t.value?.disabled,scrollGuardMs:t.value?.scrollGuardMs??250,moveThreshold:t.value?.moveThreshold??10},r={lastScrollTs:0,pointerId:null,startX:0,startY:0,moved:!1},i=()=>{r.lastScrollTs=performance.now()},a=e=>{r.pointerId=e.pointerId??null,r.startX=e.clientX??0,r.startY=e.clientY??0,r.moved=!1},o=e=>{if(r.pointerId===null||(e.pointerId??null)!==r.pointerId)return;let t=(e.clientX??0)-r.startX,i=(e.clientY??0)-r.startY,{moveThreshold:a}=n();t*t+i*i>=a*a&&(r.moved=!0)},s=e=>{r.pointerId!==null&&(e.pointerId??null)===r.pointerId&&(r.pointerId=null)},c=(e,t)=>{let n=e.composedPath?e.composedPath():[];for(let r of t){let t=r&&typeof r==`object`&&`value`in r?r.value:r;if(t&&(t===e.target||t.contains&&t.contains(e.target)||n.length&&n.includes(t)))return!0}return!1},l=e=>{let{handler:t,targets:i,disabled:a,scrollGuardMs:o}=n();a||typeof t==`function`&&(performance.now()-r.lastScrollTs<o||r.moved||c(e,i)||t(e))};e.__vPopoverClickOutside__={onScrollCapture:i,onPointerDownCapture:a,onPointerMoveCapture:o,onPointerUpCapture:s,onClickCapture:l},window.addEventListener(`scroll`,i,!0),document.addEventListener(`pointerdown`,a,!0),document.addEventListener(`pointermove`,o,!0),document.addEventListener(`pointerup`,s,!0),document.addEventListener(`click`,l,!0)},unmounted(e){let t=e.__vPopoverClickOutside__;t&&(window.removeEventListener(`scroll`,t.onScrollCapture,!0),document.removeEventListener(`pointerdown`,t.onPointerDownCapture,!0),document.removeEventListener(`pointermove`,t.onPointerMoveCapture,!0),document.removeEventListener(`pointerup`,t.onPointerUpCapture,!0),document.removeEventListener(`click`,t.onClickCapture,!0),delete e.__vPopoverClickOutside__)}},E=/* @__PURE__ */ e({default:()=>D}),ie=[`title`,`onKeydown`],ae=[`popover`,`data-open`],oe=[`onClick`,`onMouseenter`,`onMouseout`],se=[`title`],ce=[`data-open`],le=[`onClick`,`onMouseenter`,`onMouseout`],D=/*#__PURE__*/ n({__name:`UserOptions`,props:{hasPdf:{type:Boolean,default:!0},hasXls:{type:Boolean,default:!0},hasImg:{type:Boolean,default:!1},hasSvg:{type:Boolean,default:!1},hasLabel:{type:Boolean,default:!1},isLabelActive:{type:Boolean,default:!1},hasTable:{type:Boolean,default:!1},hasSort:{type:Boolean,default:!1},hasStack:{type:Boolean,default:!1},hasTooltip:{type:Boolean,default:!1},color:{type:String},backgroundColor:{type:String},isPrinting:{type:Boolean,default:!1},isImaging:{type:Boolean,default:!1},title:{type:String},uid:{type:String},hasFullscreen:{type:Boolean,default:!1},chartElement:{type:HTMLElement,default:null},isFullscreen:{type:Boolean,default:!1},isStacked:{type:Boolean,default:!1},isTooltip:{type:Boolean,default:!1},hasAnimation:{type:Boolean,default:!1},isAnimation:{type:Boolean,default:!1},titles:{type:Object,default(){return{}}},showTooltips:{type:Boolean,default:!0},zIndex:{type:Number,default:1},noOffset:{type:Boolean,default:!0},position:{type:String,default:`right`},offsetX:{type:Number,default:0},hasAnnotator:{type:Boolean,default:!1},isAnnotation:{type:Boolean,default:!1},callbacks:{type:Object,default(){return{}}},printScale:{type:Number,default:2},tableDialog:{type:Boolean,default:!1},hasZoom:{type:Boolean,default:!1},isZoom:{type:Boolean,default:!1},isCursorPointer:{type:Boolean,default:!1},hasAltCopy:{type:Boolean,default:!1}},emits:[`generatePdf`,`generateCsv`,`generateImage`,`toggleTable`,`toggleLabels`,`toggleSort`,`toggleFullscreen`,`toggleStack`,`toggleTooltip`,`toggleAnimation`,`toggleAnnotator`,`generateSvg`,`toggleZoom`,`copyAlt`],setup(e,{expose:n,emit:E}){let D=e,O=E,k=y(null),A=y(null),j=y(null),M=y(!1),N=o(()=>typeof window<`u`&&typeof HTMLElement<`u`&&`popover`in HTMLElement.prototype);async function ue(){if(D.callbacks.pdf){let{imageUri:e,base64:n}=await t({domElement:D.chartElement,base64:!0,img:!0,scale:D.printScale});D.callbacks.pdf({domElement:D.chartElement,base64:n,imageUri:e})}else O(`generatePdf`)}function de(){O(`generateCsv`,D.callbacks.csv)}async function fe(){if(D.callbacks.img){O(`generateImage`,{stage:`start`});try{let{imageUri:e,base64:n}=await t({domElement:D.chartElement,base64:!0,img:!0,scale:D.printScale});await Promise.resolve(D.callbacks.img({domElement:D.chartElement,imageUri:e,base64:n}))}finally{O(`generateImage`,{stage:`end`})}}else O(`generateImage`)}function pe(){O(`generateSvg`,{isCb:!!D.callbacks.svg})}let P=y(!1);function me(){D.callbacks.table?D.callbacks.table():(P.value=!P.value,O(`toggleTable`))}function he(e){P.value=e}n({setTableIconState:he});let F=y(D.isLabelActive);function ge(){D.callbacks.labels?D.callbacks.labels():(F.value=!F.value,O(`toggleLabels`))}let I=y(D.isAnimation);function L(){D.callbacks.animation?D.callbacks.animation():(I.value=!I.value,O(`toggleAnimation`))}let R=y(D.isZoom);function z(){D.callbacks.zoom?D.callbacks.zoom():(R.value=!R.value,O(`toggleZoom`))}let B=o({get:()=>D.isAnnotation,set:e=>e});function V(){D.callbacks.annotator?D.callbacks.annotator():(B.value=!B.value,O(`toggleAnnotator`))}function _e(){D.callbacks.sort?D.callbacks.sort():O(`toggleSort`)}function H(){O(`copyAlt`)}let U=y(D.isStacked);function ve(){D.callbacks.stack?D.callbacks.stack():(U.value=!U.value,O(`toggleStack`))}let W=y(D.isTooltip);function ye(){D.callbacks.tooltip?D.callbacks.tooltip():(W.value=!W.value,O(`toggleTooltip`))}let be=o({get:()=>D.isFullscreen,set:e=>O(`toggleFullscreen`,e)});function G(){if(!D.chartElement)return;let e=!D.isFullscreen;be.value=e,e?D.chartElement.requestFullscreen():document.exitFullscreen()}function K(){let e=!!document.fullscreenElement;O(`toggleFullscreen`,e)}ee(()=>{document.addEventListener(`fullscreenchange`,K)}),_(()=>{document.removeEventListener(`fullscreenchange`,K)});let q=y(window.innerWidth>600),J=y({tooltip:!1,pdf:!1,csv:!1,img:!1,table:!1,labels:!1,sort:!1,stack:!1,fullscreen:!1,animation:!1,annotator:!1,svg:!1,zoom:!1,altCopy:!1}),xe=y(!0);function Se(){q.value=window.innerWidth>600,M.value=!M.value,M.value&&(xe.value=!1)}function Ce(){D.isPrinting||D.isImaging||(M.value=!1)}function we(){M.value&&Ce()}let Y=y(0);function Te(){Y.value=performance.now()+50}function X(){D.isPrinting||D.isImaging||(N.value&&Q(),M.value=!1)}function Ee(){performance.now()<Y.value||X()}function De(){if(q.value=window.innerWidth>600,!N.value){M.value||Te(),M.value=!M.value;return}let e=j.value;if(e&&e.matches&&e.matches(`:popover-open`)||M.value){M.value=!1,Q();return}Te(),M.value=!0}function Oe(){De()}function ke(e,t,n,r){let i=window.devicePixelRatio||1,a=e=>Math.round(e*i)/i;e.style.position=`fixed`,e.style.top=`${a(t)}px`,e.style.left=`${a(n)}px`,e.style.right=`auto`,e.style.width=`${a(r)}px`}function Ae(e){if(e.style.width=``,e.style.left=``,e.style.right=``,e.style.top=``,e.style.position=`absolute`,e.style.top=`36px`,D.position===`right`){let t=D.offsetX?D.offsetX:D.noOffset?0:4;e.style.right=`${t}px`,e.style.left=`auto`}else{let t=D.noOffset?0:4;e.style.left=`${t}px`,e.style.right=`auto`}e.style.display=`flex`,e.style.visibility=`hidden`,e.style.pointerEvents=`none`}function je(){if(!N.value||!M.value||!k.value||!j.value)return;let e=k.value.getBoundingClientRect(),t=j.value.getBoundingClientRect(),n=e.top+38;if(D.position===`right`){let r=D.offsetX?D.offsetX:D.noOffset?0:4,i=e.right-r-t.width;ke(j.value,n,i,t.width)}else{let r=D.noOffset?0:4,i=e.left+r;ke(j.value,n,i,t.width)}}let Me=0;function Ne(){cancelAnimationFrame(Me),Me=requestAnimationFrame(()=>{je()})}function Z(){N.value&&M.value&&Ne()}function Pe(e,t){let n=window.devicePixelRatio||1,r=e=>Math.round(e*n)/n;e.style.position=`fixed`,e.style.top=`${r(t.top)}px`,e.style.left=`${r(t.left)}px`,e.style.right=`auto`,e.style.width=`${r(t.width)}px`}async function Fe(e=!1){if(!N.value)return;let t=j.value;if(!t)return;let n=t.getAttribute(`style`)||``,r=t.getAttribute(`data-open`);t.setAttribute(`popover`,`manual`);try{t.setAttribute(`data-open`,`true`),Ae(t),await p();let i=t.getBoundingClientRect();t.setAttribute(`style`,n),r===null?t.removeAttribute(`data-open`):t.setAttribute(`data-open`,r),Pe(t,i),e||(typeof t.showPopover==`function`?t.showPopover():t.style.display=`flex`)}catch{if(!e)try{typeof t.showPopover==`function`?t.showPopover():t.style.display=`flex`}catch{}}}function Q(){if(!N.value)return;let e=j.value;if(e){e.setAttribute(`popover`,`manual`);try{typeof e.hidePopover==`function`?e.hidePopover():e.style.display=`none`}catch{e.style.display=`none`}e.style.position=``,e.style.top=``,e.style.left=``,e.style.right=``,e.style.width=``,e.style.inset=``}}function Ie(){if(!N.value)return;let e=j.value;e&&(M.value&&=typeof e.matches==`function`&&(()=>{try{return e.matches(`:popover-open`)}catch{return!1}})())}function Le(e){if(!N.value||!M.value||performance.now()<Y.value)return;let t=e.composedPath?e.composedPath():[],n=A.value?t.includes(A.value):!1,r=j.value?t.includes(j.value):!1;!n&&!r&&X()}S(()=>D.isFullscreen,async()=>{N.value&&(await p(),M.value&&Fe())}),S(()=>M.value,async e=>{N.value&&(await p(),e?(await Fe(!1),je()):Q())});function Re(e){e.key===`Escape`&&k.value&&k.value.contains(document.activeElement)&&(e.preventDefault(),e.stopPropagation(),X(),A.value?.focus())}ee(()=>{window.addEventListener(`pointerdown`,Le,!0),window.addEventListener(`resize`,Z,{passive:!0}),window.addEventListener(`scroll`,Z,{passive:!0,capture:!0}),j.value&&j.value.addEventListener(`toggle`,Ie)}),_(()=>{window.removeEventListener(`pointerdown`,Le,!0),window.removeEventListener(`resize`,Z),window.removeEventListener(`scroll`,Z,!0),j.value&&j.value.removeEventListener(`toggle`,Ie)});let ze=o(()=>[{key:`pdf`,visible:D.hasPdf,slot:`optionPdf`,testId:`user-options-pdf`,run:ue,icon:`filePdf`,alternate:D.isPrinting,alternateIcon:`hourglass`,spin:!0},{key:`csv`,visible:D.hasXls,slot:`optionCsv`,testId:`user-options-xls`,run:de,icon:`fileCsv`},{key:`img`,visible:D.hasImg,slot:`optionImg`,testId:`user-options-img`,run:fe,icon:`filePng`,alternate:D.isImaging,alternateIcon:`hourglass`,spin:!0},{key:`svg`,visible:D.hasSvg,slot:`optionSvg`,testId:`user-options-svg`,run:pe,icon:`fileSvg`},{key:`tooltip`,visible:D.hasTooltip,slot:`optionTooltip`,testId:`user-options-tooltip`,run:ye,icon:`tooltipDisabled`,alternate:W.value,alternateIcon:`tooltip`},{key:`table`,visible:D.hasTable,slot:`optionTable`,testId:`user-options-table`,run:me,icon:P.value?`tableClose`:`tableOpen`,alternate:D.tableDialog,alternateIcon:P.value?`tableDialogClose`:`tableDialogOpen`},{key:`labels`,visible:D.hasLabel,slot:`optionLabels`,testId:`user-options-label`,run:ge,icon:F.value?`labelClose`:`labelOpen`},{key:`sort`,visible:D.hasSort,slot:`optionSort`,testId:`user-options-sort`,run:_e,icon:`sort`},{key:`stack`,visible:D.hasStack,slot:`optionStack`,testId:`user-options-stack`,run:ve,icon:`stack`,alternate:U.value,alternateIcon:`unstack`,slotProps:{first:{name:`isStack`,value:U.value}}},{key:`fullscreen`,visible:D.hasFullscreen,slot:`optionFullscreen`,testId:`user-options-fullscreen`,run:()=>G(D.isFullscreen?`out`:`in`),icon:`fullscreen`,alternate:D.isFullscreen,alternateIcon:`exitFullscreen`,slotProps:{first:{name:`toggleFullscreen`,value:G},second:{name:`isFullscreen`,value:D.isFullscreen}}},{key:`zoom`,visible:D.hasZoom,slot:`optionZoom`,testId:`user-options-fullscreen`,run:()=>z(),icon:`zoomLock`,alternate:D.isZoom,alternateIcon:`zoomUnlock`,slotProps:{first:{name:`toggleZoom`,value:z},second:{name:`isZoomLocked`,value:!D.isZoom}}},{key:`animation`,visible:D.hasAnimation,slot:`optionAnimation`,testId:`user-options-anim`,run:L,icon:`pause`,alternate:I.value,alternateIcon:`play`,slotProps:{first:{name:`toggleAnimation`,value:L},second:{name:`isAnimated`,value:I.value}}},{key:`annotator`,visible:D.hasAnnotator,slot:`optionAnnotator`,testId:`user-options-annotator`,run:V,icon:`annotator`,alternate:B.value,alternateIcon:`annotatorDisabled`,slotProps:{first:{name:`toggleAnnotator`,value:V},second:{name:`isAnnotator`,value:B.value}}},{key:`altCopy`,visible:D.hasAltCopy,slot:`optionAltCopy`,testId:`user-options-alt-copy`,run:H,icon:`accessibility`,slotProps:{first:{name:`copyAlt`,value:H}}}]);function $(e){let t={"button-info-left":D.position===`left`,"button-info-right":D.position===`right`},n=D.position===`left`&&J.value[e],r=D.position===`right`&&J.value[e];return e===`tooltip`?{...t,"button-info-left-visible":n,"button-info-right-visible":r}:{...t,"button-info-right-visible":r,"button-info-left-visible":n}}return(t,n)=>N.value?C((v(),l(`div`,{key:0,ref_key:`rootRef`,ref:k,"data-dom-to-png-ignore":``,class:`vue-ui-user-options`,style:g(`z-index: ${e.zIndex}; height: 34px; position: ${e.isFullscreen?`fixed`:`absolute`}; top: 0; ${e.position===`right`?`right:${e.isFullscreen?`12px`:`0`}`:`left:${e.isFullscreen?`12px`:`0`}`}; padding: 4px; background:transparent;`),onKeydown:Re},[u(`div`,{ref_key:`triggerRef`,ref:A,tabindex:`0`,role:`button`,title:M.value?e.titles.close||``:e.titles.open||``,style:g(`width:32px; position: absolute; top: 0;${e.position===`right`?`right: ${e.offsetX?e.offsetX:e.noOffset?0:4}px`:`left: ${e.noOffset?0:4}px`}; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px;  cursor:${e.isCursorPointer?`pointer`:`default`}; background:transparent`),onPointerdown:T(De,[`stop`,`prevent`]),onKeydown:w(T(Oe,[`stop`,`prevent`]),[`enter`])},[x(t.$slots,`menuIcon`,h(f({isOpen:M.value,color:e.color})),()=>[d(r,{name:M.value?`close`:`menu`,stroke:e.color,"stroke-width":2},null,8,[`name`,`stroke`])],!0)],44,ie),u(`div`,{ref_key:`drawerRef`,ref:j,popover:N.value?`manual`:null,"data-open":N.value?null:M.value,class:m({"vue-ui-user-options-drawer":!0}),style:g(N.value?{background:e.backgroundColor}:`background:${e.backgroundColor}; ${e.position===`right`?`right: ${e.offsetX?e.offsetX:e.noOffset?0:4}px`:`left: ${e.noOffset?0:4}px`}`)},[x(t.$slots,`custom-menu-before`,{},void 0,!0),(v(!0),l(a,null,b(ze.value,n=>(v(),l(a,{key:n.key},[n.visible?(v(),l(`button`,{key:0,tabindex:`0`,class:`vue-ui-user-options-button`,onClick:n.run,onMouseenter:e=>J.value[n.key]=!0,onMouseout:e=>J.value[n.key]=!1,style:g({cursor:e.isCursorPointer?`pointer`:`default`})},[t.$slots[n.slot]?(v(),l(a,{key:0},[n.slotProps?n.slotProps.second?x(t.$slots,n.slot,h({[n.slotProps.first.name||``]:n.slotProps.first.value,[n.slotProps.second.name||``]:n.slotProps.second.value}),void 0,!0,2):x(t.$slots,n.slot,h({[n.slotProps.first.name||``]:n.slotProps.first.value}),void 0,!0,1):x(t.$slots,n.slot,{},void 0,!0,0)],64)):(v(),l(a,{key:1},[n.alternate?(v(),s(r,{key:0,name:n.alternateIcon,isSpin:n.spin,stroke:e.color,style:{"pointer-events":`none`}},null,8,[`name`,`isSpin`,`stroke`])):(v(),s(r,{key:1,name:n.icon,stroke:e.color,style:{"pointer-events":`none`}},null,8,[`name`,`stroke`]))],64)),q.value&&e.titles[n.key===`animation`?`fullscreen`:n.key]?(v(),l(`div`,{key:2,dir:`auto`,class:m($(n.key)),style:g({background:e.backgroundColor,color:e.color})},te(e.titles[n.key]),7)):c(``,!0)],44,oe)):c(``,!0)],64))),128)),x(t.$slots,`custom-menu-after`,{},void 0,!0)],12,ae)],36)),[[ne(re),N.value?null:{targets:[k.value,j.value,A.value],handler:Ee}]]):C((v(),l(`div`,{key:1,ref_key:`rootRef`,ref:k,"data-dom-to-png-ignore":``,class:`vue-ui-user-options`,style:g(`z-index: ${e.zIndex}; height: 34px; position: ${e.isFullscreen?`fixed`:`absolute`}; top: 0; ${e.position===`right`?`right:${e.isFullscreen?`12px`:`0`}`:`left:${e.isFullscreen?`12px`:`0`}`}; padding: 4px; background:transparent;`),onKeydown:Re},[u(`div`,{ref_key:`triggerRef`,ref:A,tabindex:`0`,title:M.value?e.titles.close||``:e.titles.open||``,style:g(`width:32px; position: absolute; top: 0;${e.position===`right`?`right: ${e.offsetX?e.offsetX:e.noOffset?0:4}px`:`left: ${e.noOffset?0:4}px`}; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px;  cursor:pointer; background:transparent`),onClick:T(Se,[`stop`]),onKeypress:w(Se,[`enter`])},[x(t.$slots,`menuIcon`,h(f({isOpen:M.value,color:e.color})),()=>[d(r,{name:M.value?`close`:`menu`,stroke:e.color,"stroke-width":2},null,8,[`name`,`stroke`])],!0)],44,se),u(`div`,{ref_key:`drawerRef`,ref:j,"data-open":M.value,class:m({"vue-ui-user-options-drawer":!0}),style:g(`background:${e.backgroundColor}; ${e.position===`right`?`right: ${e.offsetX?e.offsetX:e.noOffset?0:4}px`:`left: ${e.noOffset?0:4}px`}`)},[x(t.$slots,`custom-menu-before`,{},void 0,!0),(v(!0),l(a,null,b(ze.value,n=>(v(),l(a,{key:n.key},[n.visible?(v(),l(`button`,{key:0,tabindex:`0`,class:`vue-ui-user-options-button`,onClick:e=>n.key===`altCopy`?V():n.run(e),onMouseenter:e=>J.value[n.key]=!0,onMouseout:e=>J.value[n.key]=!1},[t.$slots[n.slot]?(v(),l(a,{key:0},[n.slotProps?n.slotProps.second?x(t.$slots,n.slot,h({[n.slotProps.first.name||``]:n.slotProps.first.value,[n.slotProps.second.name||``]:n.slotProps.second.value}),void 0,!0,2):x(t.$slots,n.slot,h({[n.slotProps.first.name||``]:n.slotProps.first.value}),void 0,!0,1):x(t.$slots,n.slot,{},void 0,!0,0)],64)):(v(),l(a,{key:1},[n.alternate?(v(),s(r,{key:0,name:n.alternateIcon,isSpin:n.spin,stroke:e.color,style:{"pointer-events":`none`}},null,8,[`name`,`isSpin`,`stroke`])):(v(),s(r,{key:1,name:n.icon,stroke:e.color,style:{"pointer-events":`none`}},null,8,[`name`,`stroke`]))],64)),q.value&&e.titles[n.key===`animation`?`fullscreen`:n.key]?(v(),l(`div`,{key:2,dir:`auto`,class:m($(n.key)),style:g({background:e.backgroundColor,color:e.color})},te(e.titles[n.key]),7)):c(``,!0)],40,le)):c(``,!0)],64))),128)),x(t.$slots,`custom-menu-actions`,{},void 0,!0)],12,ce)],36)),[[ne(i),we]])}},[[`__scopeId`,`data-v-f6a782a0`]]);export{E as n,D as t};

package/dist/{chartImage-NwZO-elv.js → chartImage-CIvU_04o.js}

@@ -1 +1 @@
-import{t as e}from"./img-8sM3sVWU.js";function t(t,n){return async function({scale:r=2}={}){if(!t.value)return;let{width:i,height:a}=t.value.getBoundingClientRect(),o=i/a,{imageUri:s,base64:c}=await e({domElement:t.value,base64:!0,img:!0,scale:r});return{imageUri:s,base64:c,title:n(),width:i,height:a,aspectRatio:o}}}export{t};
+import{t as e}from"./img-DiT4ivZ5.js";function t(t,n){return async function({scale:r=2}={}){if(!t.value)return;let{width:i,height:a}=t.value.getBoundingClientRect(),o=i/a,{imageUri:s,base64:c}=await e({domElement:t.value,base64:!0,img:!0,scale:r});return{imageUri:s,base64:c,title:n(),width:i,height:a,aspectRatio:o}}}export{t};

package/dist/components/arrow.js

@@ -1 +1 @@
-import{t as e}from"../Arrow-CJeSufxg.js";export{e as Arrow,e as default};
+import{t as e}from"../Arrow-C2W0uGrq.js";export{e as Arrow,e as default};

package/dist/components/vue-ui-3d-bar.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-3d-bar-DiaiNy-k.js";export{e as VueUi3dBar,e as default};
+import{t as e}from"../vue-ui-3d-bar-BZAoyWkc.js";export{e as VueUi3dBar,e as default};

package/dist/components/vue-ui-accordion.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-accordion-Dy5OVFKr.js";export{e as VueUiAccordion,e as default};
+import{t as e}from"../vue-ui-accordion-BNvevckx.js";export{e as VueUiAccordion,e as default};

package/dist/components/vue-ui-age-pyramid.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-age-pyramid-OeUr1yxi.js";export{e as VueUiAgePyramid,e as default};
+import{t as e}from"../vue-ui-age-pyramid-DkA6vpU3.js";export{e as VueUiAgePyramid,e as default};

package/dist/components/vue-ui-annotator.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-annotator-DA_xAFql.js";export{e as VueUiAnnotator,e as default};
+import{t as e}from"../vue-ui-annotator-DuQME4Hh.js";export{e as VueUiAnnotator,e as default};

package/dist/components/vue-ui-bullet.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-bullet-B9lcCTVb.js";export{e as VueUiBullet,e as default};
+import{t as e}from"../vue-ui-bullet-BVs8JX8S.js";export{e as VueUiBullet,e as default};

package/dist/components/vue-ui-bump.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-bump-DYajIrva.js";export{e as VueUiBump,e as default};
+import{t as e}from"../vue-ui-bump-DYdm3EvF.js";export{e as VueUiBump,e as default};

package/dist/components/vue-ui-candlestick.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-candlestick-CdAZuNxo.js";export{e as VueUiCandlestick,e as default};
+import{t as e}from"../vue-ui-candlestick-DZgxl4mW.js";export{e as VueUiCandlestick,e as default};

package/dist/components/vue-ui-carousel-table.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-carousel-table-ihGH0LDH.js";export{e as VueUiCarouselTable,e as default};
+import{t as e}from"../vue-ui-carousel-table-BB7DsTUt.js";export{e as VueUiCarouselTable,e as default};

package/dist/components/vue-ui-chestnut.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-chestnut-B2aNXFNO.js";export{e as VueUiChestnut,e as default};
+import{t as e}from"../vue-ui-chestnut-Bo1h5rBt.js";export{e as VueUiChestnut,e as default};

package/dist/components/vue-ui-chord.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-chord-fAckHfOW.js";export{e as VueUiChord,e as default};
+import{t as e}from"../vue-ui-chord-B6_veyvO.js";export{e as VueUiChord,e as default};

package/dist/components/vue-ui-circle-pack.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-circle-pack-BWHVImkS.js";export{e as VueUiCirclePack,e as default};
+import{t as e}from"../vue-ui-circle-pack-Bm7e2YNh.js";export{e as VueUiCirclePack,e as default};

package/dist/components/vue-ui-cursor.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-cursor-DdXKXmhr.js";export{e as VueUiCursor,e as default};
+import{t as e}from"../vue-ui-cursor-TidZDuSh.js";export{e as VueUiCursor,e as default};

package/dist/components/vue-ui-dag.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-dag-a0fNoIcJ.js";export{e as VueUiDag,e as default};
+import{t as e}from"../vue-ui-dag-BiN_AnLo.js";export{e as VueUiDag,e as default};

package/dist/components/vue-ui-dashboard.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-dashboard-DkdYMB7n.js";export{e as VueUiDashboard,e as default};
+import{t as e}from"../vue-ui-dashboard-zepAVN_W.js";export{e as VueUiDashboard,e as default};

package/dist/components/vue-ui-digits.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-digits-CL9SuIEI.js";export{e as VueUiDigits,e as default};
+import{t as e}from"../vue-ui-digits-CXKKmfGj.js";export{e as VueUiDigits,e as default};

package/dist/components/vue-ui-donut-evolution.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-donut-evolution-T8cRXKRQ.js";export{e as VueUiDonutEvolution,e as default};
+import{t as e}from"../vue-ui-donut-evolution-BxMTdE5G.js";export{e as VueUiDonutEvolution,e as default};

package/dist/components/vue-ui-donut.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-donut-DaYxdQmP.js";export{e as VueUiDonut,e as default};
+import{t as e}from"../vue-ui-donut-DLDUpjDU.js";export{e as VueUiDonut,e as default};

package/dist/components/vue-ui-dumbbell.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-dumbbell-B6HJxEZp.js";export{e as VueUiDumbbell,e as default};
+import{t as e}from"../vue-ui-dumbbell-C8rNwdz0.js";export{e as VueUiDumbbell,e as default};

package/dist/components/vue-ui-flow.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-flow-BlTCVFr3.js";export{e as VueUiFlow,e as default};
+import{t as e}from"../vue-ui-flow-Dru76A2O.js";export{e as VueUiFlow,e as default};

package/dist/components/vue-ui-funnel.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-funnel-WgLFJadZ.js";export{e as VueUiFunnel,e as default};
+import{t as e}from"../vue-ui-funnel-D_u1h5S9.js";export{e as VueUiFunnel,e as default};

package/dist/components/vue-ui-galaxy.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-galaxy-B3nuI6E8.js";export{e as VueUiGalaxy,e as default};
+import{t as e}from"../vue-ui-galaxy-sBEH18Xj.js";export{e as VueUiGalaxy,e as default};

package/dist/components/vue-ui-gauge.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-gauge-BwTP65O4.js";export{e as VueUiGauge,e as default};
+import{t as e}from"../vue-ui-gauge-Do3RN8ne.js";export{e as VueUiGauge,e as default};

package/dist/components/vue-ui-geo.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-geo-CX3yH18H.js";export{e as VueUiGeo,e as default};
+import{t as e}from"../vue-ui-geo-DDbtx_iJ.js";export{e as VueUiGeo,e as default};

package/dist/components/vue-ui-gizmo.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-gizmo-CNHcBsku.js";export{e as VueUiGizmo,e as default};
+import{t as e}from"../vue-ui-gizmo-eic6xLjB.js";export{e as VueUiGizmo,e as default};

package/dist/components/vue-ui-heatmap.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-heatmap-CTdeoar7.js";export{e as VueUiHeatmap,e as default};
+import{t as e}from"../vue-ui-heatmap-DlmJRsM8.js";export{e as VueUiHeatmap,e as default};

package/dist/components/vue-ui-hill.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-hill-DR5k8GWZ.js";export{e as VueUiHill,e as default};
+import{t as e}from"../vue-ui-hill-C5oiuIXh.js";export{e as VueUiHill,e as default};

package/dist/components/vue-ui-history-plot.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-history-plot-C-9uH-Uj.js";export{e as VueUiHistoryPlot,e as default};
+import{t as e}from"../vue-ui-history-plot-BJjnkWcT.js";export{e as VueUiHistoryPlot,e as default};

package/dist/components/vue-ui-horizontal-bar.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-horizontal-bar-qqF7pL7U.js";export{e as VueUiHorizontalBar,e as default};
+import{t as e}from"../vue-ui-horizontal-bar-BRDBJEl1.js";export{e as VueUiHorizontalBar,e as default};

package/dist/components/vue-ui-icon.js

@@ -1 +1 @@
-import{t as e}from"../BaseIcon-Cz30ODFA.js";export{e as VueUiIcon,e as default};
+import{t as e}from"../BaseIcon-DdIyewwY.js";export{e as VueUiIcon,e as default};

package/dist/components/vue-ui-kpi.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-kpi-DVcLXGqG.js";export{e as VueUiKpi,e as default};
+import{t as e}from"../vue-ui-kpi-C-eed3jO.js";export{e as VueUiKpi,e as default};

package/dist/components/vue-ui-label.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-label-D1Aog-zO.js";export{e as VueUiLabel,e as default};
+import{t as e}from"../vue-ui-label-B4pkXBxc.js";export{e as VueUiLabel,e as default};

package/dist/components/vue-ui-mini-loader.js

@@ -1 +1 @@
-import{t as e}from"../vue-ui-mini-loader-CX0Dx9tT.js";export{e as VueUiMiniLoader,e as default};
+import{t as e}from"../vue-ui-mini-loader-CElmv_iF.js";export{e as VueUiMiniLoader,e as default};