@pixelium/web-vue 0.0.2 → 0.0.3-alpha

package/dist/pixelium-vue.umd.cjs

@@ -1,4 +1,4 @@
-(function(O,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(O=typeof globalThis<"u"?globalThis:O||self,e(O.PixeliumVue={},O.Vue))})(this,(function(O,e){"use strict";var Br=Object.defineProperty;var Rr=(O,e,be)=>e in O?Br(O,e,{enumerable:!0,configurable:!0,writable:!0,value:be}):O[e]=be;var Lt=(O,e,be)=>Rr(O,typeof e!="symbol"?e+"":e,be);const be=e.defineComponent({props:{size:{},color:{}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{class:"px-icon-hn",style:e.normalizeStyle({color:o.color,fontSize:o.size+"px"}),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M23 9v6h-1v2h-3v-2h1V9h-1V7h-1V6h-1V5h-2V4h-2V3h-1V1h3v1h2v1h2v1h1v1h1v2h1v2z"},null,-1)])],4))}}),_o=/\.|\[(\d+)\]/;function Co(n){return n.split(_o).filter(Boolean)}function sn(n){return n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function ft(n){return n!==null&&(typeof n=="object"||typeof n=="function")}function xo(n,o,l){const t=Co(o),r=t.length;let a=n;for(let c=0;c<r;c++)if(ft(a))a=a[t[c]];else return l;return l??a}function pt(n){return typeof n=="function"}function Vo(n,o,l={}){const{start:t="{",end:r="}"}=l,a=new RegExp(`${sn(t)}(.*?)${sn(r)}`,"g");return n.replace(a,(c,s)=>(pt(o)?o(s):xo(o,s))??c)}function he(n){return typeof n=="string"||n instanceof String}function Bo(n){return n===null}function te(n){return typeof n=="number"||n instanceof Number}function Ro(n){return n===void 0}function De(n){return Array.isArray(n)}function Mo(n){return te(n)&&(typeof n=="number"?n===1/0||n===-1/0:n.valueOf()===1/0||n.valueOf()===-1/0)}function Dt(n){return te(n)&&(typeof n=="number"?Number.isNaN(n):Number.isNaN(n.valueOf()))}function ue(n){return n==null}function cn(...n){return n.reduce((o,l)=>{if(ue(l))return o;const t=Object.keys(l);for(const r of t){const a=o[r],c=l[r];(ue(a)||!ue(c))&&(o[r]=c)}return o},{})}function Ho(n,o,l){let t,r;const{immediate:a=!1,maxWait:c}=l||{};return function(...s){c!==void 0&&!r&&(r=setTimeout(()=>{r=void 0,n.apply(this,s)},c)),!t&&a&&n.apply(this,s),t&&clearTimeout(t),t=setTimeout(()=>{r&&(clearTimeout(r),r=void 0),n.apply(this,s)},o)}}typeof process<"u"&&process.env.NODE_ENV;const fe={r:0,g:0,b:0,a:0},un=20;var Se=(n=>(n.XS="xs",n.SM="sm",n.MD="md",n.LG="lg",n.XL="xl",n.XXL="xxl",n))(Se||{});const ze="group",Ae=[[Math.PI,Math.PI*3/2],[Math.PI*3/2,Math.PI*2],[0,Math.PI/2],[Math.PI/2,Math.PI]],mt=(n,o,l)=>Math.max(o,Math.min(l,n)),ve=(n,o)=>Array(o).fill(n),At=(n,o=[])=>{if(!n)return[...o];const l=n.toLowerCase(),t=o.length,r=[];for(let a=0;a<t;a++){const c=o[a];if(ft(c))if("type"in c&&c.type===ze){const s=At(n,c.children);s.length&&r.push({...c,children:s})}else c.label.toLowerCase().includes(l)&&r.push(c);else c.toLowerCase().includes(l)&&r.push(c)}return r},xt=(n,o,l=!1)=>{if(!n)return[];const t=o.length,r=[];for(let a=0;a<t;a++){const c=o[a];if(ft(c)){if("type"in c&&c.type===ze){const s=xt(n,c.children,l);if(s.length){r.push(s[0],c);break}}else if(l&&c.label===n||c.value===n){r.push(c);break}}else if(c===n){r.push(c);break}}return r},J=()=>typeof window<"u";function Eo(n,o,l,t){let r=Math.atan2(o,n);return r<0&&(r+=Math.PI*2),r>=l&&r<=t}function To(n,o,l,t,r,a,c,s){const i=[[o,l],[-o,l],[o,-l],[-o,-l],[l,o],[-l,o],[l,-o],[-l,-o]];for(const[f,d]of i)Eo(f,d,a,c)&&n.fillRect(t+f,r+d,s,s)}function xe(n,o,l,t,r=0,a=Math.PI*2,c){let s=0,i=t,f=3-2*t;for(;s<=i+c;)To(n,s,i,o,l,r,a,c),s+=c,f>0?(i-=c,f+=4*(s-i)+10):f+=4*s+6}function Oe(n,o,l,t){const r=n.canvas.width,a=n.canvas.height;if(r<=0||a<=0)return;const c=n.getImageData(0,0,r,a),s=new Uint32Array(c.data.buffer),i=t.a<<24|t.b<<16|t.g<<8|t.r,f=l*r+o,d=s[f];if(d===i)return;const u=[],p=g(o,l,1);p&&u.push({...p,dy:1});const m=g(o,l-1,-1);for(m&&u.push({...m,dy:-1});u.length;){const{y:h,left:y,right:k,dy:b}=u.pop(),v=h+b;if(v<0||v>=a)continue;let _=y;for(;_<=k;){for(;_<=k&&s[v*r+_]!==d;)_++;if(_>k)break;const C=_,V=g(C,v,b);V&&u.push(V),_=V?V.right+1:C+1}}n.putImageData(c,0,0);function g(h,y,k){let b=h;for(;b>0&&s[y*r+b-1]===d;)b--;let v=h;for(;v<r-1&&s[y*r+v+1]===d;)v++;for(let _=b;_<=v;_++)s[y*r+_]=i;return{y,left:b,right:v,dy:k}}}const ce=(n,o,l)=>te(o)?Math.max(o,l):Math.max(n.height*parseFloat(o)/100,l),$o=(n,o,l)=>{if(!o)return ve(l,4);if(!De(o))return ve(ce(n,o,l),4);switch(o.length){case 1:return ve(ce(n,o[0],l),4);case 2:{const t=ce(n,o[0],l),r=ce(n,o[1],l);return[t,r,t,r]}case 3:{const t=ce(n,o[0],l),r=ce(n,o[2],l),a=ce(n,o[1],l);return[t,a,r,a]}default:return o.map(t=>ce(n,t,l))}},No=(n,o,l,t,r)=>{if(!o)return ve(l,4);if(!De(o)){const a=ce(n,o,l);return r?[l,a,a,l]:t?[a,l,l,a]:ve(l,4)}switch(o.length){case 1:const a=ce(n,o[0],l);return r?[l,a,a,l]:t?[a,l,l,a]:ve(l,4);case 2:{const c=ce(n,o[0],l),s=ce(n,o[1],l);return r?[l,s,s,l]:t?[c,l,l,c]:ve(l,4)}case 3:{const c=ce(n,o[0],l),s=ce(n,o[2],l),i=ce(n,o[1],l);return r?[l,i,s,l]:t?[c,l,l,i]:ve(l,4)}default:return r?[l,ce(n,o[1],l),ce(n,o[2],l),l]:t?[ce(n,o[0],l),l,l,ce(n,o[3],l)]:ve(l,4)}},qe=(n,o,l,t,r="medium",a=!1,c=!1,s=!1)=>{if(!J())return ve(o,4);if(a){if(l)return No(n,l,o,c,s);const i=getComputedStyle(document.documentElement),f=parseInt(i.getPropertyValue(`--px-${r}-base-size`))+2*o;switch(t){case"round":let d=ce(n,"50%",o);d=mt(d,o,f/2),d=Math.max(Math.round(d/o)*o,o);const u=ve(d,4);return s?u.map((p,m)=>m<1||m>2?o:p):c?u.map((p,m)=>m>0&&m<3?o:p):ve(o,4);default:return ve(o,4)}}else{if(l)return $o(n,l,o);switch(t){case"round":case"circle":let i=ce(n,"50%",o);return i=Math.max(Math.round(i/o)*o,o),ve(i,4);default:return ve(o,4)}}};function ht(n,o){return Math.ceil((-6+Math.sqrt(36-48*n+32*n*o))/(8*n))*n}const _e=()=>{if(!J())return 4;const n=getComputedStyle(document.documentElement);return parseInt(n.getPropertyValue("--px-bit"))},Fe=(n,o,l,t,r=0,a=0)=>[[n[0],n[0]],[o-r-n[1]-t,n[1]],[o-r-n[2]-t,l-a-n[2]-t],[n[3],l-a-n[3]-t]],Re=(n,o)=>{if(!o.value||!n.value)return;const l=o.value.getContext("2d",{willReadFrequently:!0});if(!l)return;l.imageSmoothingEnabled=!1;const t=n.value.getBoundingClientRect();if(!(t.width<=0||t.height<=0))return o.value.width=t.width,o.value.height=t.height,{ctx:l,width:o.value.width,height:o.value.height,rect:t,canvas:o.value}};function dn(n){if(!Number.isInteger(n)||n<=0)throw new RangeError("max must be a positive integer");const o=new Map;return{get(l){const t=o.get(l);if(t!==void 0)return o.delete(l),o.set(l,t),t},set(l,t){o.has(l)?o.delete(l):o.size>=n&&o.delete(o.keys().next().value),o.set(l,t)},delete(l){return o.delete(l)},clear(){o.clear()},has(l){return o.has(l)},get size(){return o.size}}}const fn=dn(120);function et(n){const o=fn.get(n);if(o)return{...o};let l={r:0,g:0,b:0,a:255};if(n.startsWith("rgb(")||n.startsWith("rgba(")){const t=n.match(/rgba?\(\s*(\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)/i);t&&(l.r=parseInt(t[1],10),l.g=parseInt(t[2],10),l.b=parseInt(t[3],10),t[4]&&(l.a=Math.round(parseFloat(t[4])*255)))}else n.startsWith("#")&&(n=n.slice(1),n.length===3?(l.r=parseInt(n[0]+n[0],16),l.g=parseInt(n[1]+n[1],16),l.b=parseInt(n[2]+n[2],16)):n.length===4?(l.r=parseInt(n[0]+n[0],16),l.g=parseInt(n[1]+n[1],16),l.b=parseInt(n[2]+n[2],16),l.a=parseInt(n[3]+n[3],16)):n.length===6?(l.r=parseInt(n.slice(0,2),16),l.g=parseInt(n.slice(2,4),16),l.b=parseInt(n.slice(4,6),16)):n.length===8&&(l.r=parseInt(n.slice(0,2),16),l.g=parseInt(n.slice(2,4),16),l.b=parseInt(n.slice(4,6),16),l.a=parseInt(n.slice(6,8),16)));return fn.set(n,l),{...l}}const w=(n,o)=>J()?et(getComputedStyle(document.documentElement).getPropertyValue(`--px-${n}-${o}`)):fe;function Ot(n){return n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4)}function Po(n,o,l,t=255){const r=n/255,a=o/255,c=l/255,s=Ot(r),i=Ot(a),f=Ot(c);let d=s*.41239079926595934+i*.357584339383878+f*.1804807884018343,u=s*.21263900587151027+i*.715168678767756+f*.07219231536073371,p=s*.01933081871559182+i*.11919477979462598+f*.9505321522496607,m=.819022437996703*d+.3619062600528904*u-.1288737815209879*p,g=.0329836539323885*d+.9292868615863434*u+.0361446663506424*p,h=.0481771893596242*d+.2642395317527308*u+.6335478284694309*p;m=Math.cbrt(m),g=Math.cbrt(g),h=Math.cbrt(h);const y=.210454268309314*m+.7936177747023054*g-.0040720430116193*h,k=1.9779985324311684*m-2.42859224204858*g+.450593709617411*h,b=.0259040424655478*m+.7827717124575296*g-.8086757549230774*h,v=Math.sqrt(k*k+b*b);let _=Math.atan2(b,k)*180/Math.PI;return _<0&&(_+=360),{l:y,c:v,h:_,a:t}}function Ft(n){return n<=.0031308?12.92*n:1.055*Math.pow(n,1/2.4)-.055}function Vt(n,o,l,t=255){const r=l*Math.PI/180,a=o*Math.cos(r),c=o*Math.sin(r);let s=n+.3963377773761749*a+.2158037573099136*c,i=n-.1055613458156586*a-.0638541728258133*c,f=n-.0894841775298119*a-1.2914855480194092*c;s=s*s*s,i=i*i*i,f=f*f*f;const d=1.2268798758459243*s-.5578149944602171*i+.2813910456659647*f,u=-.0405757452148008*s+1.112286803280317*i-.0717110580655164*f,p=-.0763729366746601*s-.4214933324022432*i+1.5869240198367816*f,m=3.2409699419045226*d-1.537383177570094*u-.4986107602930034*p,g=-.9692436362808796*d+1.8759675015077202*u+.04155505740717559*p,h=.05563007969699366*d-.20397695888897652*u+1.0569715142428786*p,y=Ft(m),k=Ft(g),b=Ft(h);return{r:Math.round(y*255),g:Math.round(k*255),b:Math.round(b*255),a:t}}function Io(n,o,l){const{r:t,g:r,b:a}=Vt(o,n,l);return t>=0&&t<=255&&r>=0&&r<=255&&a>=0&&a<=255}function Gt(n,o){let t=0,r=2;for(;r-t>1e-6;){const a=(t+r)/2;Io(a,n,o)?t=a:r=a}return t}const pn=dn(60);function ot(n,o,l,t=255,r=!1){const a=`${n},${o},${l},${t},${r}`,c=pn.get(a);if(c)return c;const s=Po(n,o,l,t);let i=[];const f=s.c<.049?0:.049,d=r?Math.min(Math.max(s.l,.05),.85):Math.min(Math.max(s.l,.15),.95),u=Math.min(Math.max(s.c,f),Gt(d,s.h)),p=Math.min(d+.35,r?.85:.9),m=Math.max(d-.35,r?.1:.15),g=r?(d-m)/4:(p-d)/4,h=(u-f)/4,y=r?(p-d)/3:(d-m)/3,k=(u-f)/3;for(let b=0;b<5;b++){const v=d+(r?-1:1)*g*(5-b),_=Math.min(u-h*(5-b),Gt(v,s.h)),C=s.h,V=Vt(v,_,C,t);i.push(V)}i.push(Vt(d,u,s.h,t));for(let b=0;b<4;b++){const v=d-(r?-1:1)*y*(b+1),_=Math.min(u-k*(b+1),Gt(v,s.h)),C=s.h,V=Vt(v,_,C,t);i.push(V)}return pn.set(a,i),i}const F=n=>`rgba(${n.r}, ${n.g}, ${n.b}, ${n.a/255})`;function Lo(n){return{all:n=n||new Map,on:function(o,l){var t=n.get(o);t?t.push(l):n.set(o,[l])},off:function(o,l){var t=n.get(o);t&&(l?t.splice(t.indexOf(l)>>>0,1):n.set(o,[]))},emit:function(o,l){var t=n.get(o);t&&t.slice().map(function(r){r(l)}),(t=n.get("*"))&&t.slice().map(function(r){r(o,l)})}}}const lt=Lo(),Ge=n=>{const o=e.ref(-1),l=e.ref(!1),t=e.ref(!1),r=e.getCurrentInstance(),a=()=>{if(r&&r.vnode.el instanceof HTMLElement){const c=r.vnode.el.parentElement;if(c&&c.children.length){const s=[...c.children];o.value=s.indexOf(r.vnode.el),l.value=o.value===c.children.length-1,t.value=o.value===0}else o.value=-1,l.value=!1,t.value=!1}};return J()&&(lt.on(n,a),e.onMounted(()=>{e.nextTick(()=>{a()})}),e.onUpdated(()=>{a()}),e.onBeforeUnmount(()=>{lt.off(n,a)})),[o,t,l]},Wt=n=>{e.onUpdated(()=>{lt.emit(n)})},mn="px-button-group-update",hn="px-grid-update",Ut="px-global-css-var-change",Ye="px-input-group-update",gn="px-button-group-provide",Ke="px-input-group-provide",yn="px-grid-provide",Do={class:"pixelium px-button-group"},jt=e.defineComponent({name:"ButtonGroup",__name:"index",props:{borderRadius:null,shape:{default:"default"},size:{default:"medium"},disabled:{type:Boolean,default:!1},loading:{type:Boolean},variant:null},setup(n){const o=n;return e.provide(gn,o),Wt(mn),(l,t)=>(e.openBlock(),e.createElementBlock("div",Do,[e.renderSlot(l.$slots,"default")]))}}),Ao={class:"pixelium px-input-group",ref:"slotWrapper"},We=e.defineComponent({name:"InputGroup",__name:"index",props:{borderRadius:null,shape:{default:"default"},size:{default:"medium"},disabled:{type:Boolean,default:!1}},setup(n){const o=n;return e.provide(Ke,o),Wt(Ye),(l,t)=>(e.openBlock(),e.createElementBlock("div",Ao,[e.renderSlot(l.$slots,"default")],512))}});function Oo(n,o,l,t="primary",r,a,c){if(r)switch(l){case"text":return n?fe:c?r[1]:a&&!o?r[0]:fe;case"outline":return fe;case"plain":return n?r[0]:c?r[2]:a&&!o?r[1]:r[0];default:return n?r[1]:c?r[5]:a&&!o?r[4]:r[5]}else if(t!=="info")switch(l){case"text":return n?fe:c?w(t,2):a&&!o?w(t,1):fe;case"outline":return fe;case"plain":return n?w(t,1):c?w(t,3):a&&!o?w(t,2):w(t,1);default:return n?w(t,2):c?w(t,6):a&&!o?w(t,5):w(t,6)}else switch(l){case"outline":return fe;case"text":return n?fe:c?w("neutral",3):a&&!o?w("neutral",2):fe;case"plain":return n?w("neutral",1):c?w("neutral",4):a&&!o?w("neutral",3):w("neutral",1);default:return n?w("neutral",1):c?w("neutral",3):a&&!o?w("neutral",2):w("neutral",1)}}function Fo(n,o,l,t="primary",r,a,c){if(r)switch(l){case"text":return n?fe:c?r[1]:a&&!o?r[0]:fe;case"plain":return n?r[1]:c?r[3]:a&&!o?r[2]:r[1];case"outline":return n?r[0]:c?r[6]:a&&!o?r[4]:r[5];default:return n?w("neutral",8):w("neutral",10)}else if(t!=="info")switch(l){case"text":return n?fe:c?w(t,2):a&&!o?w(t,1):fe;case"plain":return n?w(t,2):c?w(t,4):a&&!o?w(t,3):w(t,2);case"outline":return n?w(t,1):c?w(t,7):a&&!o?w(t,5):w(t,6);default:return n?w("neutral",8):w("neutral",10)}else{switch(l){case"text":return n?fe:c?w("neutral",3):a&&!o?w("neutral",2):fe;case"plain":return n?w("neutral",5):c?w("neutral",9):a&&!o?w("neutral",8):w("neutral",7);case"outline":return n?w("neutral",6):c?w("neutral",8):a&&!o?w("neutral",9):w("neutral",10)}return n?w("neutral",8):w("neutral",10)}}const Go=(n,o,l,t,r,a,c,s,i,f,d,u)=>{n.fillStyle=F(c);for(let m=0;m<4;m++)r[m]>s&&(!(m===1||m===2)||f&&(u||i==="text")||!f)&&xe(n,t[m][0],t[m][1],r[m],a[m][0],a[m][1],s);t[1][0]+s>t[0][0]&&n.fillRect(t[0][0],0,t[1][0]-t[0][0]+s,s),t[2][1]+s>t[1][1]&&(f&&(u||i==="text")||!f)&&n.fillRect(o-s,t[1][1],s,t[2][1]-t[1][1]+s),t[3][0]<t[2][0]+s&&n.fillRect(t[3][0],l-s,t[2][0]-t[3][0]+s,s),!(f&&!d&&i!=="text")&&t[3][1]+s>t[0][1]&&n.fillRect(0,t[0][1],s,t[3][1]-t[0][1]+s),f&&!d&&i!=="text"&&n.fillRect(s/2,0,s/2,l),f&&!u&&i!=="text"&&n.fillRect(o-2*s-1,0,s,l)};function vn(n,o,l="primary",t,r,a){return t?n?t[0]:a?t[6]:r&&!o?t[3]:t[4]:l!=="info"?n?w(l,1):a?w(l,7):r&&!o?w(l,4):w(l,5):n?w("neutral",2):a?w("neutral",5):r&&!o?w("neutral",4):w("neutral",3)}const Wo=(n,o,l,t,r,a,c,s,i,f="primary",d,u,p,m,g,h)=>{const y=ht(c,r[2]),k=ht(c,r[3]),b=ht(c,r[1]),v=ht(c,r[0]),_=+!(u&&!p),C=+!u||u&&m;if(!h||s){const V=vn(s,i,f,d,g,h);n.fillStyle=F(V),r[1]>c&&(xe(n,t[1][0]-c,t[1][1],r[1],a[1][0],a[1][1],c),n.globalCompositeOperation="destination-out",n.fillRect(t[1][0]-c,0,v,c),n.globalCompositeOperation="source-over"),r[2]>c&&(xe(n,t[2][0]-c,t[2][1],r[2],a[2][0],a[2][1],c),n.globalCompositeOperation="destination-out",n.fillRect(t[2][0]-c,l-c,k,c),n.globalCompositeOperation="source-over");const x=t[2][0]+c-t[3][0]+k*_+y*+C-1*+!C;x>0&&n.fillRect(t[3][0]-k*_,l-c*2,x,c);const H=t[2][1]+c-t[1][1]+b+y;H>0&&n.fillRect(o-c*2-(m?0:+u*c*1),t[1][1]-b,c,H)}else{const V=vn(s,i,f,d,g,h);n.fillStyle=F(V),r[0]>c&&(xe(n,t[0][0]+c,t[0][1],r[0],a[0][0],a[0][1],c),n.globalCompositeOperation="destination-out",n.fillRect(t[0][0]+c,0,b,c),n.globalCompositeOperation="source-over"),r[3]>c&&(xe(n,t[3][0]+c,t[3][1],r[3],a[3][0],a[3][1],c),n.globalCompositeOperation="destination-out",n.fillRect(t[3][0]+c,l-c,y,c),n.globalCompositeOperation="source-over");const x=t[1][0]+c-t[0][0]+b*+C+v*_-1*+!C;x>0&&n.fillRect(t[0][0]-v*_,c,x,c);const H=c+t[3][1]-t[0][1]+k+v;H>0&&n.fillRect(c,t[0][1]-v,c,H)}},Uo=(n,o,l,t,r,a)=>{if(!(!n||o==="primary")){if(l)return F(o==="plain"?n[2]:n[1]);if(t)return F(n[5]);if(a&&o!=="plain")return F(n[6]);switch(o){case"text":return F(n[5]);case"outline":return F(r?n[4]:n[5]);case"plain":return F(n[5]);default:return}}},wn=new WeakMap,gt=new WeakMap,jo=n=>()=>{const o=gt.get(n);o==null||o.forEach(l=>l())},we=()=>{const n=e.ref(!1),o=e.ref(void 0);function l(r){n.value=r.matches}if(J()){const r=window.matchMedia("(prefers-color-scheme: dark)");l(r),r.addEventListener("change",l),e.onBeforeUnmount(()=>{r.removeEventListener("change",l)})}const t=()=>{if(J()){let r=!1,a=!1;document.documentElement.className.split(" ").forEach(c=>{c==="dark"&&(r=!0),c==="light"&&(a=!0)}),o.value=r?!0:a?!1:void 0}};return J()&&(e.onMounted(()=>{const r=wn.get(document.documentElement)||new MutationObserver(jo(document.documentElement));wn.set(document.documentElement,r),r.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),gt.set(document.documentElement,[...gt.get(document.documentElement)||[],t]),t()}),e.onBeforeUnmount(()=>{gt.set(document.documentElement,(gt.get(document.documentElement)||[]).filter(r=>r!==t))})),e.computed(()=>o.value??n.value)},Ve=(n,o,l)=>{if(!J())return null;const t=new ResizeObserver(o);return e.onMounted(()=>{setTimeout(()=>{l&&o(),n.value&&t.observe(n.value)})}),e.onBeforeUnmount(()=>{t.disconnect()}),t},Me=n=>{if(!J())return;const o=()=>{n()};lt.on(Ut,o),e.onBeforeUnmount(()=>{lt.off(Ut,o)})},Xo=["disabled","type","autofocus"],bn=e.defineComponent({name:"Button",__name:"index",props:{borderRadius:null,shape:{default:"default"},size:{default:"medium"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},variant:{default:"primary"},theme:{default:"primary"},color:null,block:{type:Boolean,default:!1},nativeType:{default:"button"},autofocus:{type:Boolean,default:!1}},setup(n){var $,A;const o=n,l=e.getCurrentInstance(),t=e.ref((($=l==null?void 0:l.parent)==null?void 0:$.type)===jt),r=e.ref(((A=l==null?void 0:l.parent)==null?void 0:A.type)===We),[a,c,s]=t.value?Ge(mn):r.value?Ge(Ye):[e.ref(0),e.ref(!1),e.ref(!1)],i=e.inject(gn),f=e.inject(Ke),d=e.computed(()=>t.value&&i?i.borderRadius:r.value&&f?f.borderRadius:o.borderRadius),u=e.computed(()=>t.value&&i&&i.variant||o.variant),p=e.computed(()=>t.value&&i?i.size:r.value&&f?f.size:o.size),m=e.computed(()=>t.value&&i?i.shape:r.value&&f?f.shape:o.shape),g=e.computed(()=>t.value&&i?i.disabled||o.disabled:r.value&&f&&f.disabled||o.disabled),h=e.computed(()=>t.value&&i&&i.loading||o.loading),y=e.useSlots(),k=e.ref(!1),b=e.ref(!1),v=T=>{k.value=T},_=T=>{b.value=T},C=we(),V=e.shallowRef(null),x=e.shallowRef(null);e.onMounted(()=>{e.nextTick(()=>{L()})});const H=e.computed(()=>{if(!o.color)return null;const T=et(o.color);return ot(T.r,T.g,T.b,T.a,C.value)}),E=e.computed(()=>Uo(H.value,u.value,g.value,h.value,k.value,b.value));e.watch([d,m,g,h,u,()=>o.theme,H,k,b,C],()=>{L()}),e.watch([c,s],()=>{L()});const L=()=>{const T=Re(x,V);if(!T)return;const I=_e(),{ctx:U,width:K,height:N,canvas:j}=T,D=qe(j,I,d.value,m.value,p.value||"medium",t.value||r.value,c.value,s.value),ie=Fo(g.value,h.value,u.value,o.theme,H.value,k.value,b.value),ne=Fe(D,K,N,I),se=Ae;u.value==="primary"&&Wo(U,K,N,ne,D,se,I,g.value,h.value,o.theme,H.value,t.value||r.value,c.value,s.value,k.value,b.value),Go(U,K,N,ne,D,se,ie,I,u.value,t.value||r.value,c.value,s.value);const S=Oo(g.value,h.value,u.value,o.theme,H.value,k.value,b.value);Oe(U,Math.round(K/2),Math.round(N/2),S)};return Ve(x,L),Me(L),(T,I)=>(e.openBlock(),e.createElementBlock("button",{disabled:g.value||h.value,class:e.normalizeClass(["pixelium px-button",{"px-button__block":!(t.value||r.value)&&!!o.block,"px-button__circle":m.value==="circle","px-button__square":m.value==="square","px-button__loading":h.value,"px-button__large":p.value==="large","px-button__small":p.value==="small","px-button__outline":u.value==="outline","px-button__plain":u.value==="plain","px-button__text":u.value==="text","px-button__disabled":g.value,"px-button__custom":H.value,"px-button__inner":t.value||r.value,[`px-button__${o.theme||"primary"}`]:!0}]),style:e.normalizeStyle({color:E.value}),ref_key:"buttonRef",ref:x,onMouseenter:I[0]||(I[0]=U=>v(!0)),onMouseleave:I[1]||(I[1]=U=>v(!1)),onMousedown:I[2]||(I[2]=U=>_(!0)),onMouseup:I[3]||(I[3]=U=>_(!1)),type:o.nativeType,autofocus:o.autofocus},[e.createElementVNode("canvas",{ref_key:"canvasRef",ref:V,class:"px-button-canvas"},null,512),e.unref(y).icon||h.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["px-button-icon-wrapper",{"px-button-icon-wrapper__last":!e.unref(y).default}])},[h.value?(e.openBlock(),e.createBlock(e.unref(be),{key:0,class:"px-button-icon px-animation__loading",style:e.normalizeStyle({fill:E.value})},null,8,["style"])):e.renderSlot(T.$slots,"icon",{key:1})],2)):e.createCommentVNode("",!0),e.renderSlot(T.$slots,"default")],46,Xo))}}),qo=["href","target"],kn=e.defineComponent({name:"Link",__name:"index",props:{disabled:{type:Boolean},loading:{type:Boolean},theme:null,color:null,href:null,target:null},setup(n){const o=n,l=e.useSlots(),t=we(),r=e.computed(()=>{if(!o.color)return null;const p=et(o.color);return ot(p.r,p.g,p.b,p.a,t.value)}),a=e.ref(!1),c=e.ref(!1),s=p=>{a.value=p},i=p=>{c.value=p},f=(p,m,g,h,y)=>{if(p)return F(m?p[1]:g?p[5]:y?p[6]:h?p[4]:p[5])},d=e.computed(()=>f(r.value,o.disabled,o.loading,a.value,c.value)),u=p=>{(o.disabled||o.loading)&&p.preventDefault()};return(p,m)=>(e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["pixelium px-link",{"px-link__loading":o.loading,"px-link__disabled":o.disabled,"px-link__custom":r.value,[`px-link__${o.theme||"primary"}`]:!0}]),style:e.normalizeStyle({color:d.value}),onMouseenter:m[0]||(m[0]=g=>s(!0)),onMouseleave:m[1]||(m[1]=g=>s(!1)),onMousedown:m[2]||(m[2]=g=>i(!0)),onMouseup:m[3]||(m[3]=g=>i(!1)),href:o.href,target:o.target,onClick:u},[e.unref(l).icon||o.loading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["px-link-icon-wrapper",{"px-link-icon-wrapper__last":!e.unref(l).default}])},[o.loading?(e.openBlock(),e.createBlock(e.unref(be),{key:0,class:"px-link-icon px-animation__loading",style:e.normalizeStyle({fill:d.value})},null,8,["style"])):e.renderSlot(p.$slots,"icon",{key:1})],2)):e.createCommentVNode("",!0),e.renderSlot(p.$slots,"default")],46,qo))}}),Yo=e.defineComponent({props:{size:{},color:{}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{class:"px-icon-hn",style:e.normalizeStyle({color:o.color,fontSize:o.size+"px"}),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M22 9V7h-1V5h-1V4h-1V3h-2V2h-2V1H9v1H7v1H5v1H4v1H3v2H2v2H1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1V9zM11 6h2v2h-2zm-1 9h1v-5h-1V9h3v6h1v2h-4z"},null,-1),e.createElementVNode("path",{fill:"none",d:"M0 0h24v24H0z"},null,-1)])],4))}}),Ko=e.defineComponent({props:{size:{},color:{}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{class:"px-icon-hn",style:e.normalizeStyle({color:o.color,fontSize:o.size+"px"}),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M22 20v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1V8h-1V6h-1V4h-1V2h-1V1h-2v1h-1v2H9v2H8v2H7v2H6v2H5v2H4v2H3v2H2v2H1v2h1v1h20v-1h1v-2zm-12-9h4v3h-1v3h-2v-3h-1zm1 7h2v2h-2z"},null,-1)])],4))}}),Qo=e.defineComponent({props:{size:{},color:{}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{class:"px-icon-hn",style:e.normalizeStyle({color:o.color,fontSize:o.size+"px"}),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M22 8V7h-1V6h-1V5h-1V4h-1V3h-1V2h-1V1H8v1H7v1H6v1H5v1H4v1H3v1H2v1H1v8h1v1h1v1h1v1h1v1h1v1h1v1h1v1h8v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1V8zm-6 9h-2v-1h-1v-1h-2v1h-1v1H8v-1H7v-2h1v-1h1v-2H8v-1H7V8h1V7h2v1h1v1h2V8h1V7h2v1h1v2h-1v1h-1v2h1v1h1v2h-1z"},null,-1)])],4))}}),Jo=e.defineComponent({props:{size:{},color:{}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{class:"px-icon-hn",style:e.normalizeStyle({color:o.color,fontSize:o.size+"px"}),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M22 9V7h-1V5h-1V4h-1V3h-2V2h-2V1H9v1H7v1H5v1H4v1H3v2H2v2H1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1V9zm-4 3h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-2v-1H9v-1H8v-1H7v-1H6v-2h1v-1h2v1h1v1h2v-1h1v-1h1v-1h1V9h1V8h2v1h1v2h-1z"},null,-1)])],4))}}),tt=e.defineComponent({props:{size:{},color:{}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{class:"px-icon-hn",style:e.normalizeStyle({color:o.color,fontSize:o.size+"px"}),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M22 9V7h-1V5h-1V4h-1V3h-2V2h-2V1H9v1H7v1H5v1H4v1H3v2H2v2H1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1V9zm-8 7v-1h-1v-1h-2v1h-1v1H9v1H8v-1H7v-1h1v-1h1v-1h1v-2H9v-1H8V9H7V8h1V7h1v1h1v1h1v1h2V9h1V8h1V7h1v1h1v1h-1v1h-1v1h-1v2h1v1h1v1h1v1h-1v1h-1v-1z"},null,-1)])],4))}}),Zo=e.defineComponent({__name:"index",props:{content:{default:""},icon:null,duration:{default:3e3},id:null,type:{default:"normal"},color:null,closable:{type:Boolean}},emits:["close"],setup(n,{expose:o,emit:l}){const t=n,r=e.ref(!1),a=e.ref(!1),c=E=>{a.value=E},s=E=>{r.value=E},i=e.ref(!1);let f;e.onMounted(()=>{i.value=!0,d()}),e.onBeforeUnmount(()=>{clearTimeout(f)});function d(){f=setTimeout(()=>p(),t.duration)}function u(){clearTimeout(f),f=void 0}function p(){i.value=!1}const m=l,g=()=>{m("close",t.id),u()},h=e.shallowRef(null),y=e.shallowRef(null),k=E=>{if(!E)return"normal";switch(E){case"info":return"primary";case"error":return"danger";default:return E}},b=we(),v=e.computed(()=>{if(!t.color)return null;const E=et(t.color);return ot(E.r,E.g,E.b,E.a,b.value)}),_=e.computed(()=>v.value?F(v.value[5]):void 0),C=e.computed(()=>{if(v.value)return a.value?F(v.value[6]):r.value?F(v.value[4]):F(v.value[5])});function V(E="normal",L){if(L)return L[5];{const $=k(E);return $==="normal"?w("neutral",10):$==="loading"?w("neutral",8):w($,6)}}const x=(E,L,$,A,T)=>{E.fillStyle=F(A),E.fillRect(T,0,L-2*T,T),E.fillRect(L-T,T,T,$-2*T),E.fillRect(T,$-T,L-2*T,T),E.fillRect(0,T,T,$-2*T);const I=w("neutral",1);E.fillStyle=F(I),E.fillRect(T,T,L-2*T,$-2*T)},H=()=>{const E=Re(y,h);if(!E)return;const{ctx:L,width:$,height:A}=E,T=_e(),I=V(t.type,v.value);x(L,$,A,I,T)};return Ve(y,H),Me(H),e.watch([()=>t.type,v,b],()=>{setTimeout(()=>{H()})}),o({close:p}),()=>e.createVNode(e.Transition,{name:"px-message-fade",onAfterLeave:g},{default:()=>[i.value&&e.createVNode("div",{ref:E=>y.value=E,onMouseenter:u,onMouseleave:d,class:{"px-message":!0,pixelium:!0,[`px-message__${t.type||"primary"}`]:!0}},[(!!t.icon||t.type&&t.type!=="normal"&&t.type!=="sakura")&&e.createVNode("div",{class:"px-message-icon-wrapper"},[t.icon?t.icon():t.type==="info"?e.createVNode(Yo,{class:"px-message-icon",style:{fill:_.value}},null):t.type==="success"?e.createVNode(Jo,{class:"px-message-icon",style:{fill:_.value}},null):t.type==="warning"?e.createVNode(Ko,{class:"px-message-icon",style:{fill:_.value}},null):t.type==="error"?e.createVNode(Qo,{class:"px-message-icon",style:{fill:_.value}},null):t.type==="loading"&&e.createVNode(be,{class:"px-message-icon px-animation__loading",style:{fill:_.value}},null)]),e.createVNode("span",{class:"px-message-content",style:{color:_.value}},[he(t.content)?t.content:t.content()]),t.closable&&e.createVNode("div",{class:"px-message-close-wrapper"},[e.createVNode(tt,{class:"px-message-icon",style:{fill:C.value},onMouseenter:s(!0),onMouseleave:s(!1),onMousedown:c(!0),onMouseup:c(!1),onClick:p},null)]),e.createVNode("canvas",{ref:E=>h.value=E,class:"px-message-canvas"},null)])]})}}),So="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let Xt=(n=21)=>{let o="",l=crypto.getRandomValues(new Uint8Array(n|=0));for(;n--;)o+=So[l[n]&63];return o};const zo={message:{start:3e3},popup:{start:1e3}},qt={};function el(n,o){return qt[n]||(qt[n]={max:o.start,count:0,initial:o.start}),qt[n]}function _n(n="popup"){const o=zo[n],l=el(n,o),t=e.ref(++l.max);l.count++;const r=()=>(t.value=++l.max,t.value),a=()=>{--l.count===0&&(l.max=l.initial)};return e.onUnmounted(a),[t,r,a]}const Cn=e.defineComponent({name:"MessageBoxInner",__name:"message-box",props:{messages:{},placement:{default:"top"},position:{default:"top"},zIndex:{},root:{},"onUpdate:messages":{}},emits:["close"],setup(n,{expose:o,emit:l}){const t=n,[r]=_n("message"),a=e.useModel(t,"messages"),c=l,s=e.computed(()=>a.value.map(d=>({...d,id:d.id??Xt()}))),i=d=>{if(!ue(d)){if(t["onUpdate:messages"]){const u=s.value.findIndex(p=>p.id===d);if(u>=0){const p=[...s.value];p.splice(u,1),a.value=p}}c("close",d)}},f=e.shallowRef([]);return o({close:d=>{var p;const u=s.value.findIndex(m=>m.id===d);u!==-1&&((p=f.value[u])==null||p.close())}}),(d,u)=>(e.openBlock(),e.createElementBlock("div",{class:"px-message-box",style:e.normalizeStyle({zIndex:t.zIndex??e.unref(r)})},[e.createElementVNode("div",{class:e.normalizeClass(["px-message-box-container",{[`px-message-box-container__${t.placement||t.position||"top"}`]:!0}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,p=>(e.openBlock(),e.createBlock(Zo,{key:p.id,duration:p.duration,content:p.content,id:p.id,onClose:i,type:p.type,color:p.color,icon:p.icon,closable:p.closable,ref_for:!0,ref_key:"messageRef",ref:f},null,8,["duration","content","id","type","color","icon","closable"]))),128))],2)],4))}}),xn=e.defineComponent({name:"MessageBox",__name:"message-box-wrapped",props:{messages:null,placement:null,position:null,zIndex:null,root:{default:"body"},"onUpdate:messages":{type:Function},onClose:{type:Function}},setup(n,{expose:o}){const l=n,t=e.useAttrs(),r=e.ref(null);return o({close:a=>{var c;(c=r.value)==null||c.close(a)}}),(a,c)=>(e.openBlock(),e.createBlock(e.Teleport,{to:l.root},[e.createVNode(Cn,e.mergeProps({...l,...e.unref(t)},{ref_key:"messageBoxRef",ref:r}),null,16)],8,["to"]))}});class tl{constructor(o){Lt(this,"messages");Lt(this,"messageBox");Lt(this,"container",null);this.messages=e.ref([]),this.messageBox=e.createVNode(Cn,{messages:this.messages.value,placement:o.placement,onClose:r=>{const a=this.messages.value.findIndex(c=>c.id===r);a>=0&&this.messages.value.splice(a,1)}});const l=(he(o.root)?document.querySelector(o.root):o.root)||document.body,t=Xt();this.container=document.createElement("div"),this.container.id=t,this.container.className="px-message-box-wrapper",l.appendChild(this.container),e.render(this.messageBox,this.container)}push(o){const l=o.id??Xt();return this.messages.value.push({...o,id:l}),l}close(o){var l,t;(t=(l=this.messageBox.component)==null?void 0:l.exposed)==null||t.close(o)}clear(){this.messages.value.length=0}unmount(){if(this.container){const o=this.container;e.render(this.messageBox,o),e.nextTick(()=>{o.remove(),this.container=null})}}}const Yt={top:void 0,bottom:void 0,"top-left":void 0,"top-right":void 0,"bottom-left":void 0,"bottom-right":void 0},yt=n=>{(he(n)||pt(n))&&(n={content:n});const o=n.placement||n.position||"top",l=Yt[o]?Yt[o]:Yt[o]=new tl({placement:o,root:n.root||"body"}),t=l.push({content:n.content,icon:n.icon,duration:n.duration||3e3,type:n.type||"normal",color:n.color,closable:n.closable});return{close:()=>l.close(t),clear:()=>l.clear()}};["info","success","warning","error","loading","sakura","normal"].forEach(n=>{yt[n]=o=>((he(o)||pt(o))&&(o={content:o}),yt({...o,type:n}))});const Bt=()=>{const n=e.ref(0);function o(){J()&&(n.value=window.innerWidth)}o();const l=e.computed(()=>{let t;return n.value<=576?t=Se.XS:n.value<=768?t=Se.SM:n.value<=992?t=Se.MD:n.value<=1200?t=Se.LG:n.value<=1600?t=Se.XL:t=Se.XXL,t});return J()&&(window.addEventListener("resize",o),e.onBeforeUnmount(()=>{window.removeEventListener("resize",o)})),[l,n]},nl={class:"pixelium px-row"},Kt=e.defineComponent({name:"Row",__name:"index",props:{gutter:{default:0},justify:{default:"start"},align:{default:"start"},wrap:{type:Boolean,default:!0}},setup(n){const o=n,[l]=Bt(),t=e.computed(()=>{if(te(o.gutter))return{x:o.gutter,y:o.gutter};if("x"in o.gutter||"y"in o.gutter)return{x:o.gutter.x||0,y:o.gutter.y||0};const r=o.gutter[l.value];return te(r)?{x:r,y:r}:cn({x:0,y:0},r)});return e.provide("px-row-provide",t),(r,a)=>(e.openBlock(),e.createElementBlock("div",nl,[e.createElementVNode("div",{class:e.normalizeClass(["px-row-inner",{[`px-row__justify-${o.justify}`]:!0,[`px-row__align-${o.align}`]:!0,"px-row__wrap":!!o.wrap}]),style:e.normalizeStyle({marginLeft:t.value?-t.value.x/2+"px":void 0,marginRight:t.value?-t.value.x/2+"px":void 0,marginTop:t.value?-t.value.y/2+"px":void 0,marginBottom:t.value?-t.value.y/2+"px":void 0})},[e.renderSlot(r.$slots,"default")],6)]))}}),Vn=e.defineComponent({name:"Col",__name:"index",props:{offset:{default:0},span:{default:24}},setup(n){var i;const o=n,[l]=Bt(),t=e.computed(()=>te(o.offset)?o.offset:o.offset[l.value]||0),r=e.computed(()=>te(o.span)?o.span:o.span[l.value]||24),a=e.getCurrentInstance(),s=e.ref(((i=a==null?void 0:a.parent)==null?void 0:i.type)===Kt).value&&e.inject("px-row-provide")||e.ref({x:0,y:0});return(f,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pixelium px-col",{[`px-col__span-${r.value}`]:!0,[`px-col__offset-${t.value}`]:!0}]),style:e.normalizeStyle({paddingLeft:e.unref(s)?e.unref(s).x/2+"px":void 0,paddingRight:e.unref(s)?e.unref(s).x/2+"px":void 0,paddingTop:e.unref(s)?e.unref(s).y/2+"px":void 0,paddingBottom:e.unref(s)?e.unref(s).y/2+"px":void 0})},[e.renderSlot(f.$slots,"default")],6))}}),Bn=e.defineComponent({name:"Divider",__name:"index",props:{direction:{default:"horizontal"},variant:{default:"solid"},margin:null,size:null},setup(n){const o=n,l=e.computed(()=>{if(!ue(o.margin))return te(o.margin)?`${o.margin}px`:o.margin}),t=e.computed(()=>{if(!ue(o.size))return te(o.size)?`${o.size}px`:o.size});return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pixelium px-divider",{[`px-divider__${o.direction}`]:!0,[`px-divider__${o.variant}`]:!0}]),style:e.normalizeStyle({marginLeft:o.direction==="vertical"?l.value:void 0,marginRight:o.direction==="vertical"?l.value:void 0,marginTop:o.direction==="horizontal"?l.value:void 0,marginBottom:o.direction==="horizontal"?l.value:void 0,borderBottomWidth:o.direction==="horizontal"?t.value:void 0,borderRightWidth:o.direction==="vertical"?t.value:void 0})},null,6))}}),ol=(n,o)=>!!(n&&n.shapeFlag&1),ll=(n,o)=>!!(n&&n.shapeFlag&6),al=(n,o)=>!!(n&&n.shapeFlag&8),rl=(n,o)=>!!(n&&n.shapeFlag&16),sl=(n,o)=>!!(n&&n.shapeFlag&32),cl=n=>n.type===e.Text,vt=n=>{var l,t;const o=[];for(const r of n??[])ol(r)||ll(r)||al(r)?o.push(r):rl(r,r.children)?o.push(...vt(r.children)):sl(r,r.children)?o.push(...vt((t=(l=r.children).default)==null?void 0:t.call(l))):De(r)&&o.push(...vt(r));return o},Rn=e.defineComponent({name:"Space",__name:"index",props:{margin:{default:"medium"},direction:{default:"horizontal"},justify:{default:"start"},align:null,wrap:{type:Boolean,default:!0},inline:{type:Boolean,default:!1}},setup(n){const o=n,l=e.computed(()=>o.align?o.align:o.direction==="horizontal"?"center":"stretch"),t=e.useSlots(),r=e.computed(()=>{if(!(!o.margin||o.margin==="small"||o.margin==="medium"||o.margin==="large")){if(te(o.margin))return{x:o.margin,y:o.margin};if("x"in o.margin||"y"in o.margin){const a=te(o.margin.x)?o.margin.x:0,c=te(o.margin.y)?o.margin.y:0;return{x:a,y:c}}}});return()=>{var c;const a=vt(((c=t.default)==null?void 0:c.call(t))||[]);return e.createVNode("div",{class:{pixelium:!0,"px-space":!0,"px-space__inline":!!o.inline}},[e.createVNode("div",{class:{"px-space-inner":!0,"px-space__small":o.margin==="small","px-space__large":o.margin==="large",[`px-space__justify-${o.justify}`]:!0,[`px-space__align-${l.value}`]:!0,[`px-space__${o.direction}`]:!0,"px-space__wrap":!!o.wrap},style:{marginTop:r.value?-r.value.y/2+"px":void 0,marginBottom:r.value?-r.value.y/2+"px":void 0,marginLeft:r.value?-r.value.x/2+"px":void 0,marginRight:r.value?-r.value.x/2+"px":void 0}},[a.map((s,i)=>e.createVNode(e.Fragment,{key:s.key||`px-space-item-${i}`},[e.createVNode("div",{class:"px-space-item",style:{marginTop:r.value?r.value.y/2+"px":void 0,marginBottom:r.value?r.value.y/2+"px":void 0,marginLeft:r.value?r.value.x/2+"px":void 0,marginRight:r.value?r.value.x/2+"px":void 0}},[s])]))])])}}}),Qt=e.defineComponent({name:"Grid",__name:"index",props:{column:{default:24},gutter:{default:0}},setup(n){const o=n,[l]=Bt(),t=e.computed(()=>{if(te(o.gutter))return{x:o.gutter,y:o.gutter};if("x"in o.gutter||"y"in o.gutter)return{x:o.gutter.x||0,y:o.gutter.y||0};const c=o.gutter[l.value];return te(c)?{x:c,y:c}:cn({x:0,y:0},c)}),r=e.computed(()=>te(o.column)?o.column:o.column[l.value]||24),a=e.ref([]);return e.provide(yn,{column:r,gutter:t,itemsStat:a}),Wt(hn),(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:"pixelium px-grid",style:e.normalizeStyle({gridTemplateColumns:`repeat(${r.value}, minmax(0, 1fr))`,gap:t.value?`${t.value.y}px ${t.value.x}px`:void 0})},[e.renderSlot(c.$slots,"default")],4))}}),Mn=e.defineComponent({name:"GridItem",__name:"index",props:{offset:{default:0},span:null},setup(n){var u;const o=e.getCurrentInstance(),t=e.ref(((u=o==null?void 0:o.parent)==null?void 0:u.type)===Qt).value?e.inject(yn):void 0,r=n,a=e.useId(),[c]=Ge(hn),[s]=Bt(),i=e.computed(()=>te(r.offset)?r.offset:r.offset[s.value]||0),f=e.computed(()=>r.span===void 0?(t==null?void 0:t.column.value)||24:te(r.span)?r.span:r.span[s.value]||24);e.onMounted(()=>{t==null||t.itemsStat.value.push({id:a,index:c.value,offset:i.value,span:f.value})}),e.watch([c,i,f],()=>{const p=t==null?void 0:t.itemsStat.value.find(m=>m.id===a);p?(p.index=c.value,p.offset=i.value,p.span=f.value):t==null||t.itemsStat.value.push({id:a,index:c.value,offset:i.value,span:f.value})}),e.onBeforeUnmount(()=>{const p=t==null?void 0:t.itemsStat.value.findIndex(m=>m.id===a);p!==void 0&&p>-1&&(t==null||t.itemsStat.value.splice(p,1))});const d=e.computed(()=>{if(!t)return;if(i.value+f.value>t.column.value)return`${i.value+1} / span ${f.value}`;const p=t.itemsStat.value.filter(h=>h.index!==-1&&h.index<c.value);if(p.length===0)return`${i.value+1} / span ${f.value}`;let m=0;return p.forEach(h=>{if(h.span+h.offset>=t.column.value){m=0;return}m+=h.span+h.offset,m>t.column.value?m=h.span+h.offset:m===t.column.value&&(m=0)}),m+i.value+f.value>t.column.value?`${i.value+1} / span ${f.value}`:`${m+i.value+1} / span ${f.value}`});return(p,m)=>(e.openBlock(),e.createElementBlock("div",{class:"pixelium px-grid-item",style:e.normalizeStyle({gridColumn:d.value})},[e.renderSlot(p.$slots,"default")],4))}}),Jt=e.defineComponent({name:"Container",__name:"index",props:{direction:null},setup(n){const o=e.ref(0);e.provide("px-container-provide",o);const l=n;return(t,r)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["pixelium px-container",{"px-container__has-aside":!!o.value,[`px-container__${l.direction}`]:!!l.direction}])},[e.renderSlot(t.$slots,"default")],2))}}),il={class:"pixelium px-main"},Hn=e.defineComponent({name:"Main",__name:"index",setup(n){return(o,l)=>(e.openBlock(),e.createElementBlock("main",il,[e.renderSlot(o.$slots,"default")]))}}),En=e.defineComponent({name:"Aside",__name:"index",props:{width:null,bordered:{type:Boolean,default:!1},side:{default:"left"},dark:{type:Boolean,default:!1}},setup(n){var s;const o=e.getCurrentInstance(),t=e.ref(((s=o==null?void 0:o.parent)==null?void 0:s.type)===Jt).value?e.inject("px-container-provide"):void 0;e.onMounted(()=>{t&&(t.value+=1)}),e.onBeforeUnmount(()=>{t&&(t.value-=1)});const r=n,a=we(),c=e.computed(()=>ue(r.width)?void 0:te(r.width)?`${r.width}px`:r.width);return(i,f)=>(e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(["pixelium px-aside",{"px-aside__dark":!e.unref(a)&&!!r.dark,"px-aside__bordered":!!r.bordered,[`px-aside__${r.side}`]:!0}]),style:e.normalizeStyle({width:c.value})},[e.renderSlot(i.$slots,"default")],6))}}),Tn=e.defineComponent({name:"Header",__name:"index",props:{minHeight:null,bordered:{type:Boolean},dark:{type:Boolean,default:!1}},setup(n){const o=n,l=we(),t=e.computed(()=>ue(o.minHeight)?void 0:te(o.minHeight)?`${o.minHeight}px`:o.minHeight);return(r,a)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(["pixelium px-header",{"px-header__dark":!e.unref(l)&&!!o.dark,"px-header__bordered":!!o.bordered}]),style:e.normalizeStyle({minHeight:t.value})},[e.renderSlot(r.$slots,"default")],6))}}),$n=e.defineComponent({name:"Footer",__name:"index",props:{minHeight:null,bordered:{type:Boolean},dark:{type:Boolean,default:!1}},setup(n){const o=n,l=we(),t=e.computed(()=>ue(o.minHeight)?void 0:te(o.minHeight)?`${o.minHeight}px`:o.minHeight);return(r,a)=>(e.openBlock(),e.createElementBlock("footer",{class:e.normalizeClass(["pixelium px-footer",{"px-footer__dark":!e.unref(l)&&!!o.dark,"px-footer__bordered":!!o.bordered}]),style:e.normalizeStyle({minHeight:t.value})},[e.renderSlot(r.$slots,"default")],6))}});typeof process<"u"&&process.env.NODE_ENV;const ul="Pixelium";function Nn(n){throw new Error(`[${ul}] ${n}`)}const dl=(n,o)=>{var t,r;if(!J())return;const l={light:[],dark:[]};if(he(o)){const a=et(o);l.light=ot(a.r,a.g,a.b,a.a,!1).map(c=>F(c)),l.dark=ot(a.r,a.g,a.b,a.a,!0).map(c=>F(c))}else{if((t=o.light)!=null&&t.length&&o.light.length!==10)return Nn("The length of color.light does not match the required number of CSS color palette (10).");if((r=o.dark)!=null&&r.length&&o.dark.length!==10)return Nn("The length of color.dark does not match the required number of CSS color palette (10).");l.light=o.light||[],l.dark=o.dark||[]}l.light.forEach((a,c)=>{document.documentElement.style.setProperty(`--px-${n}-light-custom-${c+1}`,a)}),l.dark.forEach((a,c)=>{document.documentElement.style.setProperty(`--px-${n}-dark-custom-${c+1}`,a)}),lt.emit(Ut)},Pn=n=>{if(!J())return;const o=document.documentElement;o.classList.remove("light","dark"),n!=="unset"&&o.classList.add(n)};function In(n){const o=e.ref(!1);if(J()){let s=function(f){o.value=f.matches};const i=window.matchMedia("(prefers-color-scheme: dark)");s(i),i.addEventListener("change",s),e.onBeforeUnmount(()=>{i.removeEventListener("change",s)})}const l=e.ref(n||o.value?"dark":"light");n&&Pn(l.value);const t=()=>{l.value=l.value==="unset"?o.value?"light":"dark":l.value==="light"?"dark":"light"},r=()=>{l.value="unset"},a=()=>{l.value=o.value?"dark":"light"},c=e.watch(l,Pn,{flush:"post"});return e.onScopeDispose(()=>{c()}),[l,t,r,a]}const Ln=e.defineComponent({name:"Icon",__name:"index",props:{size:{default:"1em"},color:{default:"currentColor"},rotate:{default:0},spin:{type:Boolean,default:!1},flip:{default:"none"}},setup(n){const o=n,l=e.computed(()=>{let r=1,a=1;return(o.flip==="horizontal"||o.flip==="both")&&(r=-1),(o.flip==="vertical"||o.flip==="both")&&(a=-1),`scale(${r}, ${a}) rotate(${o.rotate}deg)`}),t=e.computed(()=>te(o.size)?`${o.size}px`:o.size);return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"pixelium px-icon":!0,"px-animation__loading":!!o.spin}),style:e.normalizeStyle({height:t.value,width:t.value,fontSize:t.value,color:o.color,transform:l.value})},[e.renderSlot(r.$slots,"default")],6))}}),fl=(n,o,l,t,r,a,c,s,i,f,d)=>{n.fillStyle=F(c);for(let u=0;u<4;u++)r[u]<=s||(!(u===1||u===2)||i&&d||!i)&&xe(n,t[u][0],t[u][1],r[u],a[u][0],a[u][1],s);t[1][0]+s>t[0][0]&&n.fillRect(t[0][0],0,t[1][0]-t[0][0]+s,s),t[2][1]+s>t[1][1]&&(i&&d||!i)&&n.fillRect(o-s,t[1][1],s,t[2][1]-t[1][1]+s),t[3][0]<t[2][0]+s&&n.fillRect(t[3][0],l-s,t[2][0]-t[3][0]+s,s),t[3][1]+s>t[0][1]&&!(i&&!f)&&n.fillRect(0,t[0][1],s,t[3][1]-t[0][1]+s),i&&!f&&n.fillRect(s/2,0,s/2,l),i&&!d&&n.fillRect(o-2*s-1,0,s,l)};function at({afterComposition:n}){const o=e.ref(!1);return[o,r=>{o.value=!0},r=>{o.value&&(o.value=!1,e.nextTick(()=>n(r)))}]}const pl=e.defineComponent({props:{size:{},color:{}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{class:"px-icon-hn",style:e.normalizeStyle({color:o.color,fontSize:o.size+"px"}),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M16 11h1v2h-1zM16 13v2h-1v1h-2v-1h1v-1h1v-1zM16 9v2h-1v-1h-1V9h-1V8h2v1zM11 16h2v1h-2zM11 15v1H9v-1H8v-2h1v1h1v1zM13 7v1h-1v3h-1v1H8v1H7v-2h1V9h1V8h2V7z"},null,-1),e.createElementVNode("path",{d:"M22 11V9h-1V8h-1V7h-1V6h-2V5H7v1H5v1H4v1H3v1H2v2H1v2h1v2h1v1h1v1h1v1h2v1h10v-1h2v-1h1v-1h1v-1h1v-2h1v-2zm-1 3h-1v1h-1v1h-1v1h-2v1H8v-1H7v-1H5v-1H4v-1H3v-4h1V9h1V8h1V7h2V6h8v1h2v1h1v1h1v1h1z"},null,-1)])],4))}}),ml=e.defineComponent({props:{size:{},color:{}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{class:"px-icon-hn",style:e.normalizeStyle({color:o.color,fontSize:o.size+"px"}),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M15 13h1v2h-1v1h-2v-1h1v-1h1zM16 11h1v2h-1z"},null,-1),e.createElementVNode("path",{d:"M23 11v2h-1v2h-1v1h-1v1h-1v1h-2v1H9v-1h7v-1h2v-1h1v-1h1v-1h1v-4h-1V9h-1V8h2v1h1v2zM2 13H1v-2h1V9h1V8h1V7h1V6h2V5h8v1H8v1H6v1H5v1H4v1H3v4h1v1h1v1H3v-1H2z"},null,-1),e.createElementVNode("path",{d:"M13 7v1h-1v1h-1v1h-1v1H9v1H8v1H7v-2h1V9h1V8h2V7zM9 17H8v1H7v1H6v1H5v1H4v1H3v-1H2v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1V9h1V8h1V7h1V6h1V5h1V4h1V3h1V2h1v1h1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1H9zM11 16h2v1h-2z"},null,-1)])],4))}}),Qe=(n,o,l,t)=>{const r=e.computed(()=>o[n]!==void 0),a=r.value?o[n]:t!=null&&t.defaultField?o[t.defaultField]:null,c=e.ref(t!=null&&t.transform?t==null?void 0:t.transform(a):a),s=async i=>{r.value?(l(`update:${n}`,i),await e.nextTick(),c.value=t!=null&&t.transform?t==null?void 0:t.transform(o[n]):o[n]):c.value=t!=null&&t.transform?t==null?void 0:t.transform(i):i};return e.watch(()=>o[n],i=>{c.value=t!=null&&t.transform?t==null?void 0:t.transform(i):i}),[c,s,r]},hl={key:0,class:"px-input-prefix-wrapper"},gl=["value","placeholder","disabled","autofocus","type"],yl={key:1,class:"px-input-close-wrapper"},vl={key:1,class:"px-input-icon-placeholder"},wl={key:2,class:"px-input-password-wrapper"},bl={key:3,class:"px-input-count-wrapper"},kl={key:4,class:"px-input-loading-wrapper"},_l={key:5,class:"px-input-suffix-wrapper"},Dn=e.defineComponent({name:"Input",__name:"index",props:{modelValue:null,defaultValue:null,placeholder:null,password:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:{default:"medium"},shape:{default:"default"},borderRadius:null,maxLength:null,showCount:{type:Boolean,default:!1},countGraphemes:{type:Function},sliceGraphemes:{type:Function},status:{default:"normal"},autofocus:{type:Boolean},nativeType:null},emits:["input","update:modelValue","change","clear","blur","focus"],setup(n,{expose:o,emit:l}){var Z;const t=n,r=l,[a,c,s]=at({afterComposition:X=>{e.nextTick(()=>{H(X)})}}),i=e.getCurrentInstance(),f=e.ref(((Z=i==null?void 0:i.parent)==null?void 0:Z.type)===We),[d,u,p]=f.value?Ge(Ye):[e.ref(0),e.ref(!1),e.ref(!1)],m=e.inject(Ke),g=e.computed(()=>f.value&&m?m.borderRadius:t.borderRadius),h=e.computed(()=>f.value&&m?m.size:t.size),y=e.computed(()=>f.value&&m?m.shape:t.shape),k=e.computed(()=>f.value&&m&&m.disabled||t.disabled),[b,v]=Qe("modelValue",t,r,{defaultField:"defaultValue",transform:X=>X||""}),_=e.shallowRef(null),C=e.shallowRef(null),V=e.shallowRef(null),x=e.computed(()=>t.countGraphemes?t.countGraphemes(b.value):b.value.length),H=async X=>{let le=X.target.value;b.value=le,!a.value&&(r("input",le,X),t.maxLength&&(t.countGraphemes&&t.sliceGraphemes?(await e.nextTick(),le=t.sliceGraphemes(b.value,t.maxLength)):le=b.value.slice(0,t.maxLength)),v(le))},E=async()=>{await v(""),r("change",""),r("clear","")},L=X=>{const re=X.target;r("change",re.value,X)},$=e.ref(!1),A=()=>{$.value=!1},T=()=>{$.value=!0},I=()=>{var X;(X=V.value)==null||X.focus()},U=e.ref(!1),K=()=>{U.value=!0},N=()=>{U.value=!1},j=e.computed(()=>t.clearable&&!k.value&&!t.readonly),D=e.ref(!1),ie=()=>{D.value=!D.value},ne=e.computed(()=>t.nativeType?t.nativeType:t.password?D.value?"text":"password":"text"),se=e.useSlots();o({focus:()=>{var X;(X=V.value)==null||X.focus()},blur:()=>{var X;(X=V.value)==null||X.blur()},clear:()=>E(),select:()=>{var X;(X=V.value)==null||X.select()}});const S=we();e.watch([u,p,g,y,h,k,()=>se,S,$,U],()=>{setTimeout(()=>{oe()})});const oe=()=>{const X=Re(_,C);if(!X)return;const{ctx:re,width:le,height:me,canvas:G}=X,R=_e(),W=qe(G,R,g.value,y.value,h.value||"medium",f.value,u.value,p.value),Y=t.status!=="normal"?w(t.status==="error"?"danger":t.status,6):(U.value||$.value)&&!k.value&&!t.readonly?w("primary",6):w("neutral",10),z=Fe(W,le,me,R);fl(re,le,me,z,W,Ae,Y,R,f.value,u.value,p.value);const pe=k.value?w("neutral",6):w("neutral",1);Oe(re,Math.round(le/2),Math.round(me/2),pe)};return e.onMounted(()=>{e.nextTick(()=>{oe()})}),Ve(_,oe),Me(oe),(X,re)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pixelium px-input",{[`px-input__${h.value}`]:!!h.value,[`px-input__${y.value}`]:!!y.value,"px-input__inner":f.value,"px-input__disabled":!!k.value}]),ref_key:"wrapperRef",ref:_,onClick:I,onMouseenter:K,onMouseleave:N},[e.unref(se).prefix?(e.openBlock(),e.createElementBlock("div",hl,[e.renderSlot(X.$slots,"prefix")])):e.createCommentVNode("",!0),e.createElementVNode("input",{class:"px-input-inner",value:e.unref(b),ref_key:"inputRef",ref:V,placeholder:t.placeholder,disabled:k.value||t.readonly,autofocus:n.autofocus,type:ne.value,onInput:e.withModifiers(H,["stop"]),onChange:e.withModifiers(L,["stop"]),onBlur:A,onFocus:T,onCompositionstart:re[0]||(re[0]=(...le)=>e.unref(c)&&e.unref(c)(...le)),onCompositionend:re[1]||(re[1]=(...le)=>e.unref(s)&&e.unref(s)(...le))},null,40,gl),j.value?(e.openBlock(),e.createElementBlock("div",yl,[U.value&&e.unref(b)?(e.openBlock(),e.createBlock(e.unref(tt),{key:0,class:"px-input-icon",onClick:E})):(e.openBlock(),e.createElementBlock("div",vl))])):e.createCommentVNode("",!0),t.password?(e.openBlock(),e.createElementBlock("div",wl,[D.value?(e.openBlock(),e.createBlock(e.unref(ml),{key:1,class:"px-input-icon",onClick:ie})):(e.openBlock(),e.createBlock(e.unref(pl),{key:0,class:"px-input-icon",onClick:ie}))])):e.createCommentVNode("",!0),t.showCount?(e.openBlock(),e.createElementBlock("div",bl,[e.renderSlot(X.$slots,"count",{value:e.unref(b),count:x.value,maxLength:t.maxLength},()=>[e.createElementVNode("span",null,e.toDisplayString(x.value)+e.toDisplayString(e.unref(ue)(t.maxLength)?"":" / "+t.maxLength),1)])])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createElementBlock("div",kl,[e.createVNode(e.unref(be),{class:"px-input-icon px-animation__loading"})])):e.createCommentVNode("",!0),e.unref(se).suffix?(e.openBlock(),e.createElementBlock("div",_l,[e.renderSlot(X.$slots,"suffix")])):e.createCommentVNode("",!0),e.createElementVNode("canvas",{class:"px-input-canvas",ref_key:"canvasRef",ref:C},null,512)],34))}}),Cl=(n,o,l,t,r,a,c,s,i,f,d)=>{n.fillStyle=F(c);for(let u=0;u<4;u++)r[u]<=s||(!(u===1||u===2)||i&&d||!i)&&xe(n,t[u][0],t[u][1],r[u],a[u][0],a[u][1],s);t[1][0]+s>t[0][0]&&n.fillRect(t[0][0],0,t[1][0]-t[0][0]+s,s),t[2][1]+s>t[1][1]&&(i&&d||!i)&&n.fillRect(o-s,t[1][1],s,t[2][1]-t[1][1]+s),t[3][0]<t[2][0]+s&&n.fillRect(t[3][0],l-s,t[2][0]-t[3][0]+s,s),t[3][1]+s>t[0][1]&&!(i&&!f)&&n.fillRect(0,t[0][1],s,t[3][1]-t[0][1]+s),i&&!f&&n.fillRect(s/2,0,s/2,l),i&&!d&&n.fillRect(o-2*s-1,0,s,l)},An=e.defineComponent({props:{size:{},color:{}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{class:"px-icon-hn",style:e.normalizeStyle({color:o.color,fontSize:o.size+"px"}),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M1 11h22v2H1z"},null,-1)])],4))}}),On=e.defineComponent({props:{size:{},color:{}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{class:"px-icon-hn",style:e.normalizeStyle({color:o.color,fontSize:o.size+"px"}),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M23 11v2H13v10h-2V13H1v-2h10V1h2v10z"},null,-1)])],4))}}),xl={key:0,class:"px-input-number-prefix-wrapper"},Vl=["value","placeholder","disabled","autofocus"],Bl={key:2,class:"px-input-number-close-wrapper"},Rl={key:1,class:"px-input-number-icon-placeholder"},Ml={key:4,class:"px-input-number-loading-wrapper"},Hl={key:5,class:"px-input-number-suffix-wrapper"},Fn=e.defineComponent({name:"InputNumber",__name:"index",props:{modelValue:null,defaultValue:null,placeholder:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},max:{default:Number.MAX_SAFE_INTEGER},min:{default:Number.MIN_SAFE_INTEGER},step:{default:1},precision:null,strickStep:{type:Boolean,default:!1},format:{type:Function},allowInput:{type:Function},parse:{type:Function},clearable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:{default:"medium"},shape:{default:"default"},borderRadius:null,buttonPlacement:{default:"end"},status:{default:"normal"},autofocus:{type:Boolean}},emits:["input","update:modelValue","change","clear","blur","focus"],setup(n,{expose:o,emit:l}){var Xe;const t=n,r=l,a=e.getCurrentInstance(),c=e.ref(((Xe=a==null?void 0:a.parent)==null?void 0:Xe.type)===We),[s,i,f]=c.value?Ge(Ye):[e.ref(0),e.ref(!1),e.ref(!1)],d=e.inject(Ke),u=e.computed(()=>c.value&&d?d.borderRadius:t.borderRadius),p=e.computed(()=>c.value&&d?d.size:t.size),m=e.computed(()=>c.value&&d?d.shape:t.shape),g=e.computed(()=>c.value&&d&&d.disabled||t.disabled),h=/^[+-]?\d+(?:\.\d*)?$/,y=B=>{Dt(B)&&(B=0),te(t.precision)&&(B=parseFloat(B.toFixed(mt(Math.round(t.precision),0,100))));const Q=t.min??Number.MIN_SAFE_INTEGER,de=t.max??Number.MAX_SAFE_INTEGER;if(B=mt(B,Q,de),t.strickStep&&!Mo(t.step)&&!Dt(t.step)&&t.step!==0){let ge=Math.round(B/t.step)*t.step;ge<Q&&(ge=Math.ceil(B/t.step)*t.step),ge>de&&(ge=Math.floor(B/t.step)*t.step),B=ge}return B},k=B=>t.format?t.format(B):Dt(B)||ue(B)?"":te(t.precision)?B.toFixed(mt(Math.round(t.precision),0,100)):B+"",b=B=>t.allowInput?t.allowInput(B):B.length?h.test(B):!0,v=B=>t.parse?t.parse(B):B.length?parseFloat(B):0,[_,C]=Qe("modelValue",t,r,{defaultField:"defaultValue",transform:B=>{if(!ue(B)){const Q=y(B);return Q!==B&&r("update:modelValue",Q),Q}return B}}),V=e.ref(k(_.value)),[x,H,E]=at({afterComposition:B=>{e.nextTick(()=>{I(B)})}}),L=e.shallowRef(null),$=e.shallowRef(null),A=e.shallowRef(null),T=B=>{V.value=B};e.watch(_,B=>{N.value||T(k(B))});const I=async B=>{const de=B.target.value;if(x.value)return;if(!b(de)){A.value&&(A.value.value=V.value);return}V.value=de;const ge=y(v(de));r("input",ge,B),await C(ge)},U=async()=>{const B=y(0);await C(B),T(k(_.value)),r("change",B),r("clear",B)},K=B=>{const Q=B.target,de=v(Q.value);T(k(_.value)),r("change",de,B)},N=e.ref(!1),j=()=>{T(k(_.value)),N.value=!1},D=()=>{N.value=!0},ie=e.computed(()=>t.clearable&&!g.value&&!t.readonly),ne=e.useSlots();o({focus:()=>{var B;(B=A.value)==null||B.focus()},blur:()=>{var B;(B=A.value)==null||B.blur()},clear:()=>U(),select:()=>{var B;(B=A.value)==null||B.select()}});const se=e.computed(()=>t.readonly||g.value||_.value&&_.value>=t.max),S=e.computed(()=>t.readonly||g.value||_.value&&_.value<=t.min),oe=async()=>{if(se.value)return;let B=_.value;ue(B)&&(B=y(0));const Q=y(B+t.step);await C(Q),T(k(_.value))},Z=async()=>{if(S.value)return;let B=_.value;ue(B)&&(B=y(0));const Q=y(B-t.step);await C(Q),T(k(_.value))},X=e.computed(()=>t.buttonPlacement==="both"||t.buttonPlacement==="both-reverse"||t.buttonPlacement==="end"||t.buttonPlacement==="end-reverse"),re=e.computed(()=>t.buttonPlacement==="both-reverse"||t.buttonPlacement==="end"||t.buttonPlacement==="end-reverse"),le=e.computed(()=>t.buttonPlacement==="both"||t.buttonPlacement==="end"||t.buttonPlacement==="end-reverse"),me=e.computed(()=>t.buttonPlacement==="both"||t.buttonPlacement==="both-reverse"||t.buttonPlacement==="start"||t.buttonPlacement==="start-reverse"),G=e.computed(()=>t.buttonPlacement==="both"||t.buttonPlacement==="start"||t.buttonPlacement==="start-reverse"),R=e.computed(()=>t.buttonPlacement==="both-reverse"||t.buttonPlacement==="start"||t.buttonPlacement==="start-reverse"),W=B=>{B.detail>1&&B.preventDefault()},Y=()=>{var B;(B=A.value)==null||B.focus()},z=e.ref(!1),ee=()=>{z.value=!0},pe=()=>{z.value=!1},je=we();e.watch([()=>t.status,u,m,p,g,()=>ne,i,f,je,z,N],()=>{setTimeout(()=>{$e()})});const $e=()=>{const B=Re(L,$);if(!B)return;const{ctx:Q,width:de,height:ge,canvas:It}=B,dt=_e(),M=qe(It,dt,u.value,m.value,p.value||"medium",c.value,i.value,f.value),P=t.status!=="normal"?w(t.status==="error"?"danger":t.status,6):(z.value||N.value)&&!g.value&&!t.readonly?w("primary",6):w("neutral",10),q=Fe(M,de,ge,dt);Cl(Q,de,ge,q,M,Ae,P,dt,c.value,i.value,f.value);const ke=g.value?w("neutral",6):w("neutral",1);Oe(Q,Math.round(de/2),Math.round(ge/2),ke)};return e.onMounted(()=>{e.nextTick(()=>{$e()})}),Ve(L,$e),Me($e),(B,Q)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pixelium px-input-number",{[`px-input-number__${p.value}`]:!!p.value,[`px-input-number__${m.value}`]:!!m.value,"px-input-number__inner":c.value,"px-input-number__disabled":!!g.value}]),ref_key:"wrapperRef",ref:L,onClick:Y,onMouseenter:ee,onMouseleave:pe},[e.unref(ne).prefix?(e.openBlock(),e.createElementBlock("div",xl,[e.renderSlot(B.$slots,"prefix")])):e.createCommentVNode("",!0),me.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["px-input-number-setting-prefix-wrapper",t.buttonPlacement==="start-reverse"&&"px-input-number-setting-prefix-wrapper__reverse"])},[G.value?(e.openBlock(),e.createBlock(e.unref(On),{key:0,class:e.normalizeClass(["px-input-number-icon",se.value&&"px-input-number-icon__disabled"]),onClick:oe,onMousedown:W},null,8,["class"])):e.createCommentVNode("",!0),R.value?(e.openBlock(),e.createBlock(e.unref(An),{key:1,class:e.normalizeClass(["px-input-number-icon",S.value&&"px-input-number-icon__disabled"]),onClick:Z,onMousedown:W},null,8,["class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",{class:"px-input-number-inner",value:V.value,ref_key:"inputRef",ref:A,placeholder:t.placeholder,disabled:g.value||t.readonly,autofocus:n.autofocus,onInput:e.withModifiers(I,["stop"]),onChange:e.withModifiers(K,["stop"]),onBlur:j,onFocus:D,onCompositionstart:Q[0]||(Q[0]=(...de)=>e.unref(H)&&e.unref(H)(...de)),onCompositionend:Q[1]||(Q[1]=(...de)=>e.unref(E)&&e.unref(E)(...de))},null,40,Vl),ie.value?(e.openBlock(),e.createElementBlock("div",Bl,[z.value&&V.value?(e.openBlock(),e.createBlock(e.unref(tt),{key:0,class:"px-input-number-icon",onClick:U})):(e.openBlock(),e.createElementBlock("div",Rl))])):e.createCommentVNode("",!0),X.value?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["px-input-number-setting-suffix-wrapper",t.buttonPlacement==="end-reverse"&&"px-input-number-setting-suffix-wrapper__reverse"])},[re.value?(e.openBlock(),e.createBlock(e.unref(On),{key:0,class:e.normalizeClass(["px-input-number-icon",se.value&&"px-input-number-icon__disabled"]),onClick:oe,onMousedown:W},null,8,["class"])):e.createCommentVNode("",!0),le.value?(e.openBlock(),e.createBlock(e.unref(An),{key:1,class:e.normalizeClass(["px-input-number-icon",S.value&&"px-input-number-icon__disabled"]),onClick:Z,onMousedown:W},null,8,["class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createElementBlock("div",Ml,[e.createVNode(e.unref(be),{class:"px-input-number-icon px-animation__loading"})])):e.createCommentVNode("",!0),e.unref(ne).suffix?(e.openBlock(),e.createElementBlock("div",Hl,[e.renderSlot(B.$slots,"suffix")])):e.createCommentVNode("",!0),e.createElementVNode("canvas",{class:"px-input-number-canvas",ref_key:"canvasRef",ref:$},null,512)],34))}}),El=(n,o,l,t,r,a)=>{n.fillStyle=F(t),n.fillRect(a,0,o-2*a,a),n.fillRect(o-a,a,a,l-2*a),n.fillRect(a,l-a,o-2*a,a),n.fillRect(0,a,a,l-2*a),n.fillStyle=F(r),n.fillRect(a,a,o-2*a,l-2*a)};let He=null;const Tl=`
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@floating-ui/dom`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@floating-ui/dom`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.PixeliumVue={},e.Vue,e.FloatingUI))})(this,function(e,t,n){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var r=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-hn`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{d:`M23 9v6h-1v2h-3v-2h1V9h-1V7h-1V6h-1V5h-2V4h-2V3h-1V1h3v1h2v1h2v1h1v1h1v2h1v2z`},null,-1)])],4))}}),i=/\.|\[(\d+)\]/;function a(e){return e.split(i).filter(Boolean)}function o(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}function s(e){return e!==null&&(typeof e==`object`||typeof e==`function`)}function c(e,t,n){let r=a(t),i=r.length,o=e;for(let e=0;e<i;e++)if(s(o))o=o[r[e]];else return n;return n??o}function l(e){return typeof e==`function`}function u(e,t,n={}){let{start:r=`{`,end:i=`}`}=n,a=RegExp(`${o(r)}(.*?)${o(i)}`,`g`);return e.replace(a,(e,n)=>(l(t)?t(n):c(t,n))??e)}function d(e){return typeof e==`string`||e instanceof String}function f(e){return typeof e==`boolean`||e instanceof Boolean}function p(e){return e===null}function m(e){return typeof e==`number`||e instanceof Number}function h(e){return e===void 0}function g(e){return d(e)&&/^\d+$/.test(e)}function _(e){return Array.isArray(e)}function v(e){return typeof e==`object`&&!!e}function y(e){return m(e)&&(typeof e==`number`?e===1/0||e===-1/0:e.valueOf()===1/0||e.valueOf()===-1/0)}function b(e){return m(e)&&(typeof e==`number`?Number.isNaN(e):Number.isNaN(e.valueOf()))}var x=e=>Object.prototype.toString.apply(e).slice(8,-1);function S(e){return e==null}var C=e=>S(e)||b(e)||e===``||_(e)&&e.length===0;function w(e,t,n){let r=a(t),i=r.length,o=e;for(let e=0;e<i;e++){let t;if(g(r[e])&&(t=parseInt(r[e])),e===i-1)o[t===void 0?r[e]:t]=n;else{let n=g(r[e+1]),i=t===void 0?r[e]:t;s(o[i])||(o[i]=n?[]:{}),o=o[i]}}}function T(e){if(v(e)){let t={},n=x(e);if(e instanceof Map){t=new Map;for(let n of e.entries())t.set(n[0],n[1])}else if(e instanceof Set){t=new Set;for(let n of e.values())t.add(n)}else if(Array.isArray(e)||n===`Arguments`){t=Array(e.length);let n=Object.keys(e);for(let r of n)t[r]=e[r]}else if(t=E(e,n),!t)if(n===`Object`){e.__proto__?(t=Object.create(e.__proto__),Object.defineProperty(t,`constructor`,{value:e.constructor,writable:!0,enumerable:!1,configurable:!0})):t={};let n=Object.keys(e);for(let r of n)t[r]=e[r]}else t={};return t}else return e}var E=(e,t,n)=>{if(n&&n.has(e))return n.get(e);let r;switch(t){case`Number`:r=new Number(e.valueOf());break;case`String`:r=new String(e.valueOf());break;case`Boolean`:r=new Boolean(e.valueOf());break;case`Date`:r=new Date(e.valueOf());break;case`RegExp`:r=new RegExp(e.source,e.flags);break;case`Blob`:r=new Blob([e],{type:e.type});break;case`File`:r=new File([e],e.name,{type:e.type});break;case`ArrayBuffer`:case`Int8Array`:case`Uint8Array`:case`Uint8ClampedArray`:case`Int16Array`:case`Uint16Array`:case`Int32Array`:case`Uint32Array`:case`Float32Array`:case`Float64Array`:case`BigInt64Array`:case`BigUint64Array`:r=e.slice();break}return n&&r&&n.set(e,r),r};function D(e,t){let n=t.map(e=>a(e)[0]).map(e=>g(e)?parseInt(e):e),r=Array.isArray(e)?[]:{},i=Object.keys(e);for(let t of i)r[t]=e[t];return n.sort((e,t)=>{let n=m(e),r=m(t);return n&&r?t-e:n||r?n?-1:1:e.localeCompare(t)}),n.forEach(e=>{Array.isArray(r)&&m(e)?r.splice(e,1):delete r[e]}),r}function O(...e){return e.reduce((e,t)=>{if(S(t))return e;let n=Object.keys(t);for(let r of n){let n=e[r],i=t[r];(S(n)||!S(i))&&(e[r]=i)}return e},{})}function k(e,t){let n={},r=Object.keys(e);for(let i of r)n[i]=t(e[i],i,e);return n}var A=(e,t=-1/0,n=1/0)=>Math.max(t,Math.min(n,e));function j(e,t){let n=-1/0,r=e.length;for(let i=0;i<r;i++){let r=t===void 0?e[i]:d(t)?c(e[i],t):t(e[i],i,e);r>n&&(n=r)}return n}function M(e,t,n){let r,i,{immediate:a=!1,maxWait:o}=n||{};return function(...n){o!==void 0&&!i&&(i=setTimeout(()=>{i=void 0,e.apply(this,n)},o)),!r&&a&&e.apply(this,n),r&&clearTimeout(r),r=setTimeout(()=>{i&&(clearTimeout(i),i=void 0),e.apply(this,n)},t)}}function N(e,t,n){let r=0,i,{leading:a=!1,trailing:o=!0}=n||{};return function(...n){let s=+new Date;a===!1&&(r=s);let c=t-(s-r);c<=0&&(i&&(clearTimeout(i),i=void 0),r=s,e.apply(this,n)),!i&&o&&(i=setTimeout(()=>{i=void 0,r=a?+new Date:0,e.apply(this,n)},c))}}typeof process<`u`&&process.env.NODE_ENV;var P=/^[a-zA-Z0-9]+([._-]?[a-zA-Z0-9]+)*@[a-zA-Z0-9]+([a-zA-Z0-9-]*[a-zA-Z0-9]+)*(\.[a-zA-Z0-9]+([a-zA-Z0-9-]*[a-zA-Z0-9]+)*)*\.[a-zA-Z]{2,}$/,F=e=>d(e)&&P.test(e);let I={r:0,g:0,b:0,a:0},L=function(e){return e.XS=`xs`,e.SM=`sm`,e.MD=`md`,e.LG=`lg`,e.XL=`xl`,e.XXL=`xxl`,e}({}),ee=[[Math.PI,Math.PI*3/2],[Math.PI*3/2,Math.PI*2],[0,Math.PI/2],[Math.PI/2,Math.PI]],R=Math.sqrt(3),z=1/R,B=`getElementRendered`,V=(e,t)=>Array(t).fill(e),te=(e,t=[])=>{if(!e)return[...t];let n=e.toLowerCase(),r=t.length,i=[];for(let a=0;a<r;a++){let r=t[a];if(s(r))if(`type`in r&&r.type===`group`){let t=te(e,r.children);t.length&&i.push({...r,children:t})}else r.label.toLowerCase().includes(n)&&i.push(r);else r.toLowerCase().includes(n)&&i.push(r)}return i},ne=(e,t,n=!1)=>{if(!e)return[];let r=t.length,i=[];for(let a=0;a<r;a++){let r=t[a];if(s(r)){if(`type`in r&&r.type===`group`){let t=ne(e,r.children,n);if(t.length){i.push(t[0],r);break}}else if(n&&r.label===e||r.value===e){i.push(r);break}}else if(r===e){i.push(r);break}}return i};function re(e,t,n){let[r,i]=e;return t.map(([e,t])=>{let a=e-r,o=t-i,s=a>0?n:a<0?-n:0,c=o>0?n:o<0?-n:0;return[e+s,t+c]})}function ie(e,t={}){if(!e||typeof e!=`string`)return!1;let{allowWithoutProtocol:n=!0,allowIpv6:r=!0}=t;if(e.includes(` `))return!1;let[i,a]=ae(e);if(!i&&!n)return!1;let o=a.split(/[/?#]/)[0];if(!o)return!1;let{host:s,port:c}=H(o)||{};if(!s)return!1;let l=!1;if(oe(s)){if(!r)return!1;l=ce(s)}else l=se(s)||le(s);return!(!l||c&&!ue(c))}function ae(e){let t=e.match(/^([a-zA-Z0-9+.-]+):\/\//);return t?[t[1],e.slice(t[0].length)]:[null,e]}function H(e){if(e.startsWith(`[`)){let t=e.match(/^\[(.*?)\](?::(\d+))?$/);return t?{host:t[1],port:t[2]||void 0}:null}let t=e.split(`:`);return t.length>2?null:{host:t[0],port:t[1]||void 0}}function oe(e){return e.includes(`:`)}function se(e){let t=e.split(`.`);return t.length===4?t.every(e=>{if(!/^\d+$/.test(e)||e.length>1&&e[0]===`0`)return!1;let t=Number(e);return t>=0&&t<=255}):!1}function ce(e){if(!/^[0-9a-fA-F:]+$/.test(e)||(e.match(/::/g)||[]).length>1)return!1;let t=e.split(`:`).filter(e=>e!==``);return 8-t.length<0?!1:t.every(e=>e.length>=1&&e.length<=4)}function le(e){if(e===`localhost`)return!0;if(e.includes(`..`)||e.startsWith(`.`)||e.endsWith(`.`))return!1;let t=e.split(`.`);return t.length<2||t[t.length-1].length<2?!1:t.every(e=>e.length>0&&!e.startsWith(`-`)&&!e.endsWith(`-`)&&/^[a-zA-Z0-9-]+$/.test(e))}function ue(e){let t=Number(e);return!isNaN(t)&&t>=1&&t<=65535}let de=(e,t)=>parseFloat(e.toFixed(A(Math.round(t),0,100))),U=()=>typeof process==`object`&&typeof process.env==`object`&&process.env.VITEST===`true`,W=()=>typeof window<`u`,fe=(e,t)=>Math.floor(e/t)*t;function pe(e,t,n,r){let i=Math.atan2(t,e);return i<0&&(i+=Math.PI*2),i>=n&&i<=r}var me=[[1,1],[-1,1],[1,-1],[-1,-1],[1,1],[-1,1],[1,-1],[-1,-1]];function he(e,t,n,r,i,a,o,s){let c=t,l=n;for(let t=0;t<me.length;t++){let[n,u]=me[t],d,f;t<4?(d=n*c,f=u*l):(d=n*l,f=u*c),pe(d,f,a,o)&&e.fillRect(r+d,i+f,s,s)}}function ge(e,t,n,r,i=0,a=Math.PI*2,o){let s=o;if(s<=0||r<=0)return;let c=r/s,l=0,u=r,d=s,f=r/2*Math.SQRT2,p=Math.ceil(f),m=s;for(;l<=p;){he(e,l,u,t,n,i,a,s),l+=m;let o=r*r-l*l,c=u;if((u-d/2)*(u-d/2)>o&&(u-=d),l>=p&&c===u)break}if(c>6&&c<7){let r=Math.round(f);he(e,r,r,t,n,i,a,s)}}function _e(e,t,n,r,i=0,a=Math.PI*2,o){let s=o;if(s<=0||r<=0)return;let c=r/s,l=0,u=r,d=c<4?Math.round(s/2):c<6?Math.round(s/8*3):c<8?Math.round(s/8*5):s;d=Math.max(d,1);let f=r/2*Math.SQRT2,p=Math.ceil(f),m=c<4?s/4*3:s;for(;l<=p;){he(e,Math.floor(l),Math.floor(u),t,n,i,a,s),l+=m;let o=r*r-l*l,c=u;for(;Math.abs(u*u-o)>=Math.abs((u-d)*(u-d)-o);)u-=d;if(l>=p&&c===u){u-=d;break}}}function ve(e,t,n,r){let i=e.canvas.width,a=e.canvas.height;if(i<=0||a<=0)return;let o=e.getImageData(0,0,i,a),s=new Uint32Array(o.data.buffer),c=r.a<<24|r.b<<16|r.g<<8|r.r,l=s[n*i+t];if(l===c)return;let u=[],d=p(t,n,1);d&&u.push({...d,dy:1});let f=p(t,n-1,-1);for(f&&u.push({...f,dy:-1});u.length;){let{y:e,left:t,right:n,dy:r}=u.pop(),o=e+r;if(o<0||o>=a)continue;let c=t;for(;c<=n;){for(;c<=n&&s[o*i+c]!==l;)c++;if(c>n)break;let e=c,t=p(e,o,r);t&&u.push(t),c=t?t.right+1:e+1}}e.putImageData(o,0,0);function p(e,t,n){let r=e;for(;r>0&&s[t*i+r-1]===l;)r--;let a=e;for(;a<i-1&&s[t*i+a+1]===l;)a++;for(let e=r;e<=a;e++)s[t*i+e]=c;return{y:t,left:r,right:a,dy:n}}}let G=(e,t,n,r=`horizontal`)=>m(t)?Math.max(t,n):Math.max((r===`horizontal`?e.height:e.width)*parseFloat(t)/100,n);var ye=(e,t,n,r=`horizontal`)=>{if(!t)return V(n,4);if(!_(t))return V(G(e,t,n,r),4);switch(t.length){case 1:return V(G(e,t[0],n,r),4);case 2:{let i=G(e,t[0],n,r),a=G(e,t[1],n,r);return[i,a,i,a]}case 3:{let i=G(e,t[0],n,r),a=G(e,t[2],n,r),o=G(e,t[1],n,r);return[i,o,a,o]}default:return t.map(t=>G(e,t,n,r))}},be=(e,t,n,r,i,a=`horizontal`)=>{if(!t)return V(n,4);if(!_(t)){let o=G(e,t,n,a);return i?[n,o,o,n]:r?[o,n,n,o]:V(n,4)}switch(t.length){case 1:let o=G(e,t[0],n,a);return i?[n,o,o,n]:r?[o,n,n,o]:V(n,4);case 2:{let o=G(e,t[0],n,a),s=G(e,t[1],n,a);return i?[n,s,s,n]:r?[o,n,n,o]:V(n,4)}case 3:{let o=G(e,t[0],n,a),s=G(e,t[2],n,a),c=G(e,t[1],n,a);return i?[n,c,s,n]:r?[o,n,n,c]:V(n,4)}default:return i?[n,G(e,t[1],n,a),G(e,t[2],n,a),n]:r?[G(e,t[0],n,a),n,n,G(e,t[3],n,a)]:V(n,4)}},xe=(e,t,n,r=`horizontal`)=>{let i=G(e,`50%`,t,r);m(n)&&(i=A(i,t,n/2));let a=fe(i,t),o=a/t;return o===4&&i<t*4.5?t*3:o===6&&i<t*6.25?t*5:o===6&&i>t*6.375?t*7:a};let Se=(e,t,n,r,i=`medium`,a=!1,o=!1,s=!1,c=`horizontal`)=>{if(!W())return V(t,4);if(a){if(n)return be(e,n,t,o,s,c);let a=i===`small`?20:i===`large`?36:28+2*t;switch(r){case`round`:let n=V(xe(e,t,a,c),4);return s?n.map((e,n)=>n<1||n>2?t:e):o?n.map((e,n)=>n>0&&n<3?t:e):V(t,4);default:return V(t,4)}}else{if(n)return ye(e,n,t,c);switch(r){case`round`:case`circle`:return V(xe(e,t,void 0,c),4);default:return V(t,4)}}};function Ce(e,t){let n=e*4<t?Math.round(e/2):e*7<t?Math.round(e/4*3):e;return Math.ceil((-6+Math.sqrt(36-48*n+32*n*t))/(8*n))*n}let K=()=>{if(!W())return 4;let e=getComputedStyle(document.documentElement);return parseInt(e.getPropertyValue(`--px-bit`))},we=(e,t,n,r,i=0,a=0)=>[[e[0],e[0]],[t-i-e[1]-r,e[1]],[t-i-e[2]-r,n-a-e[2]-r],[e[3],n-a-e[3]-r]],q=(e,t,n=0,r=0)=>{if(!t.value||!e.value)return;let i=t.value.getContext(`2d`,{willReadFrequently:!0});if(!i)return;i.imageSmoothingEnabled=!1;let a=e.value.getBoundingClientRect(),o=a.width-n*2,s=a.height-r*2;if(!(o<=0||s<=0))return t.value.width=o,t.value.height=s,{ctx:i,width:t.value.width,height:t.value.height,rect:a,canvas:t.value,wrapper:e.value}};var Te=e=>{if(e.length<=2)return e;let t=[e[0]];for(let n=1;n<e.length;n++){let r=e[n];for(;t.length>=2;){let e=t[t.length-2],n=t[t.length-1],i=e[1]===n[1]&&n[1]===r[1],a=e[0]===n[0]&&n[0]===r[0];if(!i&&!a)break;t.pop()}t.push(r)}for(;t.length>=3;){let e=t[t.length-3],n=t[t.length-2],r=t[t.length-1],i=e[1]===n[1]&&n[1]===r[1],a=e[0]===n[0]&&n[0]===r[0];if(!i&&!a)break;t.pop()}return t.length>1&&t[t.length-1][0]===t[0][0]&&t[t.length-1][1]===t[0][1]&&t.pop(),t},J=e=>{let t=e.reduce((e,[t,n])=>(e[0]+=t,e[1]+=n,e),[0,0]);return t[0]/=e.length,t[1]/=e.length,e.sort((e,n)=>{let r=Math.atan2(e[1]-t[1],e[0]-t[0]);return Math.atan2(n[1]-t[1],n[0]-t[0])-r})};function Ee(e,t,n,r){let i=e.canvas.width,a=e.canvas.height;if(i<=0||a<=0)return[];let o=e.getImageData(0,0,i,a),s=new Uint32Array(o.data.buffer),c=r.a<<24|r.b<<16|r.g<<8|r.r,l=s[n*i+t];if(l===c)return[];let u=new Uint8Array(i*a),d=[];function f(e,t,n){if(t<0||t>=a)return null;let r=e;for(;r>0&&s[t*i+(r-1)]===l&&u[t*i+(r-1)]===0;)r--;let o=e;for(;o<i-1&&s[t*i+(o+1)]===l&&u[t*i+(o+1)]===0;)o++;for(let e=r;e<=o;e++){let n=t*i+e;u[n]===0&&(u[n]=1,s[n]=c)}return{y:t,left:r,right:o,dy:n}}let p=f(t,n,1);p&&d.push({...p,dy:1});let m=f(t,n-1,-1);for(m&&d.push({...m,dy:-1});d.length;){let{y:e,left:t,right:n,dy:r}=d.pop(),o=e+r;if(o<0||o>=a)continue;let c=t;for(;c<=n;){let e=o*i+c;if(s[e]!==l||u[e]===1){c++;continue}let t=f(c,o,r);t&&d.push(t),c=t?t.right+1:c+1}}let h=new Set;for(let e=0;e<a;e++)for(let t=0;t<i;t++)if(u[e*i+t]===1){let n=!1;(t===0||u[e*i+(t-1)]===0||t===i-1||u[e*i+(t+1)]===0||e===0||u[(e-1)*i+t]===0||e===a-1||u[(e+1)*i+t]===0)&&(n=!0),n&&h.add(t*a+e)}let g=Array.from(h).map(e=>[Math.floor(e/a),e%a]);return g.length===0?[]:(J(g),Te(g))}function De(e){let t=e.canvas,n=t.width,r=t.height,i=e.getImageData(0,0,n,r).data,a=Array.from({length:r},()=>Array(n).fill(!1)),o=[],s=new Set,c=[[0,1],[0,-1],[1,0],[-1,0]];for(let e=0;e<r;e++)for(let t of[0,n-1])i[(e*n+t)*4+3]===0&&!a[e][t]&&(a[e][t]=!0,o.push([t,e]));for(let e=0;e<n;e++)for(let t of[0,r-1])i[(t*n+e)*4+3]===0&&!a[t][e]&&(a[t][e]=!0,o.push([e,t]));for(;o.length>0;){let[e,t]=o.shift();for(let[l,u]of c){let c=e+l,d=t+u;if(!(c<0||c>=n||d<0||d>=r))if(i[(d*n+c)*4+3]>0){let e=c*r+d;s.add(e)}else a[d][c]||(a[d][c]=!0,o.push([c,d]))}}let l=Array.from(s).map(e=>[Math.floor(e/r),e%r]);return l.length===0?[]:(J(l),Te(l))}function Oe(e){if(!Number.isInteger(e)||e<=0)throw RangeError(`max must be a positive integer`);let t=new Map;return{get(e){let n=t.get(e);if(n!==void 0)return t.delete(e),t.set(e,n),n},set(n,r){t.has(n)?t.delete(n):t.size>=e&&t.delete(t.keys().next().value),t.set(n,r)},delete(e){return t.delete(e)},clear(){t.clear()},has(e){return t.has(e)},get size(){return t.size}}}var ke=Oe(120);function Ae(e){let t=ke.get(e);if(t)return{...t};if(e.startsWith(`rgb(`)||e.startsWith(`rgba(`)){let t={r:0,g:0,b:0,a:255},n=e.match(/rgba?\(\s*(\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)/i);return n&&(t.r=parseInt(n[1],10),t.g=parseInt(n[2],10),t.b=parseInt(n[3],10),n[4]&&(t.a=Math.round(parseFloat(n[4])*255))),ke.set(e,t),{...t}}else if(e.startsWith(`#`)){let t={r:0,g:0,b:0,a:255};return e=e.slice(1),e.length===3?(t.r=parseInt(e[0]+e[0],16),t.g=parseInt(e[1]+e[1],16),t.b=parseInt(e[2]+e[2],16)):e.length===4?(t.r=parseInt(e[0]+e[0],16),t.g=parseInt(e[1]+e[1],16),t.b=parseInt(e[2]+e[2],16),t.a=parseInt(e[3]+e[3],16)):e.length===6?(t.r=parseInt(e.slice(0,2),16),t.g=parseInt(e.slice(2,4),16),t.b=parseInt(e.slice(4,6),16)):e.length===8&&(t.r=parseInt(e.slice(0,2),16),t.g=parseInt(e.slice(2,4),16),t.b=parseInt(e.slice(4,6),16),t.a=parseInt(e.slice(6,8),16)),ke.set(e,t),{...t}}return null}let Y=(e,t)=>W()?Ae(getComputedStyle(document.documentElement).getPropertyValue(`--px-${e}-${t}`)):I,je=(e,t)=>W()?getComputedStyle(document.documentElement).getPropertyValue(`--px-${e}-${t}`):`rgba(0,0,0,0)`;function Me(e){return e<=.04045?e/12.92:((e+.055)/1.055)**2.4}function Ne(e,t,n,r=255){let i=e/255,a=t/255,o=n/255,s=Me(i),c=Me(a),l=Me(o),u=s*.41239079926595934+c*.357584339383878+l*.1804807884018343,d=s*.21263900587151027+c*.715168678767756+l*.07219231536073371,f=s*.01933081871559182+c*.11919477979462598+l*.9505321522496607,p=.819022437996703*u+.3619062600528904*d-.1288737815209879*f,m=.0329836539323885*u+.9292868615863434*d+.0361446663506424*f,h=.0481771893596242*u+.2642395317527308*d+.6335478284694309*f;p=Math.cbrt(p),m=Math.cbrt(m),h=Math.cbrt(h);let g=.210454268309314*p+.7936177747023054*m-.0040720430116193*h,_=1.9779985324311684*p-2.42859224204858*m+.450593709617411*h,v=.0259040424655478*p+.7827717124575296*m-.8086757549230774*h,y=Math.sqrt(_*_+v*v),b=Math.atan2(v,_)*180/Math.PI;return b<0&&(b+=360),{l:g,c:y,h:b,a:r}}function Pe(e){return e<=.0031308?12.92*e:1.055*e**(1/2.4)-.055}function Fe(e,t,n,r=255){let i=n*Math.PI/180,a=t*Math.cos(i),o=t*Math.sin(i),s=e+.3963377773761749*a+.2158037573099136*o,c=e-.1055613458156586*a-.0638541728258133*o,l=e-.0894841775298119*a-1.2914855480194092*o;s=s*s*s,c=c*c*c,l=l*l*l;let u=1.2268798758459243*s-.5578149944602171*c+.2813910456659647*l,d=-.0405757452148008*s+1.112286803280317*c-.0717110580655164*l,f=-.0763729366746601*s-.4214933324022432*c+1.5869240198367816*l,p=3.2409699419045226*u-1.537383177570094*d-.4986107602930034*f,m=-.9692436362808796*u+1.8759675015077202*d+.04155505740717559*f,h=.05563007969699366*u-.20397695888897652*d+1.0569715142428786*f,g=Pe(p),_=Pe(m),v=Pe(h);return{r:Math.round(g*255),g:Math.round(_*255),b:Math.round(v*255),a:r}}function Ie(e,t,n){let{r,g:i,b:a}=Fe(t,e,n);return r>=0&&r<=255&&i>=0&&i<=255&&a>=0&&a<=255}function Le(e,t){let n=0,r=2;for(;r-n>1e-6;){let i=(n+r)/2;Ie(i,e,t)?n=i:r=i}return n}var Re=Oe(60);function ze(e,t,n,r=255,i=!1){let a=`${e},${t},${n},${r},${i}`,o=Re.get(a);if(o)return o;let s=Ne(e,t,n,r),c=[],l=s.c<.049?0:.049,u=i?Math.min(Math.max(s.l,.05),.85):Math.min(Math.max(s.l,.15),.95),d=Math.min(Math.max(s.c,l),Le(u,s.h)),f=Math.min(u+.35,i?.85:.9),p=Math.max(u-.35,i?.1:.15),m=i?(u-p)/4:(f-u)/4,h=(d-l)/4,g=i?(f-u)/3:(u-p)/3,_=(d-l)/3;for(let e=0;e<5;e++){let t=u+(i?-1:1)*m*(5-e),n=Math.min(d-h*(5-e),Le(t,s.h)),a=s.h,o=Fe(t,n,a,r);c.push(o)}c.push(Fe(u,d,s.h,r));for(let e=0;e<4;e++){let t=u-(i?-1:1)*g*(e+1),n=Math.min(d-_*(e+1),Le(t,s.h)),a=s.h,o=Fe(t,n,a,r);c.push(o)}return Re.set(a,c),c}let X=e=>`rgba(${e.r}, ${e.g}, ${e.b}, ${e.a/255})`;function Be(e,t,n,r=`primary`,i,a,o){if(i)switch(n){case`text`:return e?I:o?i[1]:a&&!t?i[0]:I;case`outline`:return I;case`plain`:return e?i[0]:o?i[2]:a&&!t?i[1]:i[0];default:return e?i[1]:o?i[5]:a&&!t?i[4]:i[5]}else if(r!==`info`)switch(n){case`text`:return e?I:o?Y(r,2):a&&!t?Y(r,1):I;case`outline`:return I;case`plain`:return e?Y(r,1):o?Y(r,3):a&&!t?Y(r,2):Y(r,1);default:return e?Y(r,2):o?Y(r,6):a&&!t?Y(r,5):Y(r,6)}else switch(n){case`outline`:return I;case`text`:return e?I:o?Y(`neutral`,3):a&&!t?Y(`neutral`,2):I;case`plain`:return e?Y(`neutral`,1):o?Y(`neutral`,4):a&&!t?Y(`neutral`,3):Y(`neutral`,1);default:return e?Y(`neutral`,1):o?Y(`neutral`,3):a&&!t?Y(`neutral`,2):Y(`neutral`,1)}}function Ve(e,t,n,r=`primary`,i,a,o){if(i)switch(n){case`text`:return e?I:o?i[1]:a&&!t?i[0]:I;case`plain`:return e?i[1]:o?i[3]:a&&!t?i[2]:i[1];case`outline`:return e?i[0]:o?i[6]:a&&!t?i[4]:i[5];default:return e?Y(`neutral`,8):Y(`neutral`,10)}else if(r!==`info`)switch(n){case`text`:return e?I:o?Y(r,2):a&&!t?Y(r,1):I;case`plain`:return e?Y(r,2):o?Y(r,4):a&&!t?Y(r,3):Y(r,2);case`outline`:return e?Y(r,1):o?Y(r,7):a&&!t?Y(r,5):Y(r,6);default:return e?Y(`neutral`,8):Y(`neutral`,10)}else{switch(n){case`text`:return e?I:o?Y(`neutral`,3):a&&!t?Y(`neutral`,2):I;case`plain`:return e?Y(`neutral`,5):o?Y(`neutral`,9):a&&!t?Y(`neutral`,8):Y(`neutral`,7);case`outline`:return e?Y(`neutral`,6):o?Y(`neutral`,8):a&&!t?Y(`neutral`,9):Y(`neutral`,10)}return e?Y(`neutral`,8):Y(`neutral`,10)}}let He=(e,t,n,r,i,a,o,s,c,l,u,d,f)=>{e.fillStyle=X(o);for(let t=0;t<4;t++)i[t]>s&&(!(t===1||t===2)||l&&d||!l)&&ge(e,r[t][0],r[t][1],i[t],a[t][0],a[t][1],s);if(r[1][0]+s>r[0][0]){let t=r[1][0]-r[0][0]+s;l&&!d&&(t-=s),e.fillRect(r[0][0],0,t,s)}if(r[2][1]+s>r[1][1]&&(l&&d||!l)&&e.fillRect(t-s,r[1][1],s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s){let t=r[2][0]-r[3][0]+s;l&&!d&&(t-=s),e.fillRect(r[3][0],n-s,t,s)}if((!l||u)&&r[3][1]+s>r[0][1]&&e.fillRect(0,r[0][1],s,r[3][1]-r[0][1]+s),l&&!u&&e.fillRect(s/2,0,s/2,n),l&&!d){let r=s;(c===`text`||f)&&(r/=2),e.fillRect(t-2*s-1,0,r,n)}};function Ue(e,t,n=`primary`,r,i,a){return r?e?r[0]:a?r[6]:i&&!t?r[3]:r[4]:n===`info`?e?Y(`neutral`,2):a?Y(`neutral`,5):i&&!t?Y(`neutral`,4):Y(`neutral`,3):e?Y(n,1):a?Y(n,7):i&&!t?Y(n,4):Y(n,5)}let We=(e,t,n,r,i,a,o,s,c,l=`primary`,u,d,f,p,m,h)=>{let g=Ce(o,i[2]),_=Ce(o,i[3]),v=Ce(o,i[1]),y=Ce(o,i[0]),b=+!(d&&!f),x=+!d||+(d&&p);if(!h||s){let f=Ue(s,c,l,u,m,h);if(!f)return;e.fillStyle=X(f),i[1]>o&&(ge(e,r[1][0]-o,r[1][1],i[1],a[1][0],a[1][1],o),e.globalCompositeOperation=`destination-out`,e.fillRect(r[1][0]-o,0,y,o),e.globalCompositeOperation=`source-over`),i[2]>o&&(ge(e,r[2][0]-o,r[2][1],i[2],a[2][0],a[2][1],o),e.globalCompositeOperation=`destination-out`,e.fillRect(r[2][0]-o,n-o,_,o),e.globalCompositeOperation=`source-over`);let S=r[2][0]-r[3][0]+_*b+g*x-1*!x;S>0&&e.fillRect(r[3][0]-_*b,n-o*2,S,o);let C=r[2][1]+o-r[1][1]+v+g;C>0&&e.fillRect(t-o*2-(p?0:+d*o*1),r[1][1]-v,o,C)}else{let t=Ue(s,c,l,u,m,h);if(!t)return;e.fillStyle=X(t),i[0]>o&&(ge(e,r[0][0]+o,r[0][1],i[0],a[0][0],a[0][1],o),e.globalCompositeOperation=`destination-out`,e.fillRect(r[0][0]+o,0,v,o),e.globalCompositeOperation=`source-over`),i[3]>o&&(ge(e,r[3][0]+o,r[3][1],i[3],a[3][0],a[3][1],o),e.globalCompositeOperation=`destination-out`,e.fillRect(r[3][0]+o,n-o,g,o),e.globalCompositeOperation=`source-over`);let d=r[1][0]+o-r[0][0]+v*+x+y*b-1*!x;d>0&&e.fillRect(r[0][0]-y*b,o,d,o);let f=o+r[3][1]-r[0][1]+_+y;f>0&&e.fillRect(o,r[0][1]-y,o,f)}},Ge=(e,t,n,r,i,a)=>{if(!(!e||t===`primary`)){if(n)return X(t===`plain`?e[2]:e[1]);if(r)return X(e[5]);if(a&&t!==`plain`)return X(e[6]);switch(t){case`text`:return X(e[5]);case`outline`:return X(i?e[4]:e[5]);case`plain`:return X(e[5]);default:return}}};var Ke=new WeakMap,qe=new WeakMap,Je=e=>()=>{let t=qe.get(e);t==null||t.forEach(e=>e())};let Z=()=>{let e=(0,t.ref)(!1),n=(0,t.ref)(void 0);function r(t){e.value=t.matches}if(W()&&!U()){let e=window.matchMedia(`(prefers-color-scheme: dark)`);r(e),e.addEventListener(`change`,r),(0,t.onBeforeUnmount)(()=>{e.removeEventListener(`change`,r)})}let i=()=>{if(W()){let e=!1,t=!1;document.documentElement.className.split(` `).forEach(n=>{n===`dark`&&(e=!0),n===`light`&&(t=!0)}),n.value=e?!0:t?!1:void 0}};return W()&&!U()&&((0,t.onMounted)(()=>{let e=Ke.get(document.documentElement)||new MutationObserver(Je(document.documentElement));Ke.set(document.documentElement,e),e.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}),qe.set(document.documentElement,[...qe.get(document.documentElement)||[],i]),i()}),(0,t.onBeforeUnmount)(()=>{qe.set(document.documentElement,(qe.get(document.documentElement)||[]).filter(e=>e!==i))})),(0,t.computed)(()=>n.value??e.value)},Q=(e,n,r)=>{if(r&&(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{n()})}),!W()||U())return;let i=null;(0,t.watch)(e,e=>{i&&(i.disconnect(),i=null),e&&(i=new ResizeObserver(n),i.observe(e))},{flush:`post`}),(0,t.onBeforeUnmount)(()=>{i&&(i.disconnect(),i=null)})};function Ye(e){return{all:e=e||new Map,on:function(t,n){var r=e.get(t);r?r.push(n):e.set(t,[n])},off:function(t,n){var r=e.get(t);r&&(n?r.splice(r.indexOf(n)>>>0,1):e.set(t,[]))},emit:function(t,n){var r=e.get(t);r&&r.slice().map(function(e){e(n)}),(r=e.get(`*`))&&r.slice().map(function(e){e(t,n)})}}}let Xe=Ye(),Ze=`px-button-group-update`,Qe=`px-grid-update`,$e=`px-global-css-var-change`,et=`px-input-group-update`,tt=e=>{if(!W()||U())return;let n=()=>{e()};Xe.on($e,n),(0,t.onBeforeUnmount)(()=>{Xe.off($e,n)})},nt=(e,n)=>{let r=(0,t.ref)(-1),i=(0,t.ref)(!1),a=(0,t.ref)(!1),o=(0,t.getCurrentInstance)(),s=()=>{if(o){var e;let t=(e=o.vnode.el)==null?void 0:e.parentElement,s=n?n(o):o.vnode.el;s&&t&&t.children.length?(r.value=[...t.children].indexOf(s),i.value=r.value===t.children.length-1,a.value=r.value===0):(r.value=-1,i.value=!1,a.value=!1)}};return W()&&(Xe.on(e,s),(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{s()})}),(0,t.onUpdated)(()=>{s()}),(0,t.onBeforeUnmount)(()=>{Xe.off(e,s)})),[r,a,i]},rt=e=>{(0,t.onUpdated)(()=>{Xe.emit(e)})},it=`px-button-group-provide`,at=`px-input-group-provide`,ot=`px-grid-provide`,st=`px-container-provide`,ct=`px-form-provide`,lt=`px-form-item-provide`,ut=`px-checkbox-group-provide`,dt=`px-radio-group-provide`,$=(e,n,r=`nullish`,i)=>(0,t.computed)(()=>{let a=(l(n)?n():n).filter(e=>!!e).reduce((n,i)=>{let a=(0,t.isRef)(i[e])?i[e].value:i[e];return r===`nullish`?n??a:r===`or`?n||a:r(n,a,i)},void 0);return i?i(a):a});function ft(e,t){return(_(t)?t:v(t)?Object.keys(t):[]).reduce((t,n)=>(t[`on${n.charAt(0).toUpperCase()+n.slice(1)}`]=(...t)=>{e(n,...t)},t),{})}function pt(e,n){(0,t.onMounted)(()=>{e.value&&e.value.addEventListener(`transitionend`,n)}),(0,t.onUnmounted)(()=>{e.value&&e.value.removeEventListener(`transitionend`,n)})}var mt=[`disabled`,`type`,`autofocus`],ht=(0,t.defineComponent)({name:`Button`,__name:`index`,props:{borderRadius:null,shape:null,size:null,disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},variant:null,theme:null,color:null,block:{type:Boolean,default:!1},nativeType:{default:`button`},autofocus:{type:Boolean,default:!1}},setup(e){var n,i;let a=e,o=(0,t.getCurrentInstance)(),s=(0,t.ref)((o==null||(n=o.parent)==null?void 0:n.type.name)===`ButtonGroup`),c=(0,t.ref)((o==null||(i=o.parent)==null?void 0:i.type.name)===`InputGroup`),[l,u,d]=s.value?nt(Ze):c.value?nt(et):[(0,t.ref)(0),(0,t.ref)(!1),(0,t.ref)(!1)],f=(0,t.inject)(it,void 0),p=(0,t.inject)(at,void 0),m=(0,t.inject)(ct,void 0),h=(0,t.inject)(lt,void 0),g=$(`borderRadius`,[s.value&&f,c.value&&p,a]),_=$(`variant`,[s.value&&f,a],`nullish`,e=>e||`primary`),v=$(`size`,()=>[s.value&&f,c.value&&p,a.size&&a,h,m,a],`nullish`,e=>e||`medium`),y=$(`shape`,[s.value&&f,c.value&&p,a],`nullish`,e=>e||`rect`),b=$(`theme`,[s.value&&f,a],`nullish`,e=>e||`primary`),x=$(`disabled`,[s.value&&f,c.value&&p,h,m,a],(e,t,n)=>e||t||`readonly`in n&&n.readonly.value),S=$(`loading`,[s.value&&f,a],`or`),C=(0,t.useSlots)(),w=(0,t.ref)(!1),T=(0,t.ref)(!1),E=e=>{w.value=e},D=e=>{T.value=e},O=Z(),k=(0,t.shallowRef)(null),A=(0,t.shallowRef)(null),j=(0,t.useId)();(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{F(),s.value&&(f==null||f.collectChildrenInfo({id:j,variant:_.value,index:l.value})),c.value&&(p==null||p.collectChildrenInfo({id:j,variant:_.value,index:l.value}))})}),(0,t.onBeforeUnmount)(()=>{s.value&&(f==null||f.removeChildrenInfo(j)),c.value&&(p==null||p.removeChildrenInfo(j))}),(0,t.watch)([_,l],()=>{s.value&&(f==null||f.collectChildrenInfo({id:j,variant:_.value,index:l.value})),c.value&&(p==null||p.collectChildrenInfo({id:j,variant:_.value,index:l.value}))});let M=(0,t.computed)(()=>{if(l.value>=0){var e,t;return s.value?(f==null||(e=f.childrenInfo.value.find(e=>e.index===l.value+1))==null?void 0:e.variant)===`text`:c.value?(p==null||(t=p.childrenInfo.value.find(e=>e.index===l.value+1))==null?void 0:t.variant)===`text`:!1}else return!1}),N=(0,t.computed)(()=>{if(!a.color)return null;let e=Ae(a.color);return e?ze(e.r,e.g,e.b,e.a,O.value):null}),P=(0,t.computed)(()=>Ge(N.value,_.value,!!x.value,!!S.value,w.value,T.value));(0,t.watch)([g,y,x,S,_,b,N,w,T,O,M],()=>{F()}),(0,t.watch)([u,d],()=>{F()});let F=()=>{let e=q(A,k);if(!e)return;let t=K(),{ctx:n,width:r,height:i,canvas:a}=e,o=Se(a,t,g.value,y.value||`rect`,v.value||`medium`,s.value||c.value,u.value,d.value),l=Ve(!!x.value,!!S.value,_.value||`primary`,b.value||`primary`,N.value,w.value,T.value),f=we(o,r,i,t),p=ee;(!_.value||_.value===`primary`)&&We(n,r,i,f,o,p,t,!!x.value,!!S.value,b.value,N.value,s.value||c.value,u.value,d.value,w.value,T.value),l&&He(n,r,i,f,o,p,l,t,_.value||`primary`,s.value||c.value,u.value,d.value,M.value);let m=Be(!!x.value,!!S.value,_.value||`primary`,b.value||`primary`,N.value,w.value,T.value);m&&ve(n,Math.round(r/2),Math.round(i/2),m)};return Q(A,F),tt(F),pt(A,F),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{disabled:(0,t.unref)(x)||(0,t.unref)(S),class:(0,t.normalizeClass)([`pixelium px-button`,{"px-button__block":!(s.value||c.value)&&!!a.block,[`px-button__${(0,t.unref)(y)}`]:(0,t.unref)(y),"px-button__loading":(0,t.unref)(S),[`px-button__${(0,t.unref)(v)}`]:(0,t.unref)(v),"px-button__outline":(0,t.unref)(_)===`outline`,"px-button__plain":(0,t.unref)(_)===`plain`,"px-button__text":(0,t.unref)(_)===`text`,"px-button__disabled":(0,t.unref)(x),"px-button__custom":N.value,"px-button__inner":s.value||c.value,[`px-button__${(0,t.unref)(b)||`primary`}`]:!0}]),style:(0,t.normalizeStyle)({color:P.value}),ref_key:`buttonRef`,ref:A,onMouseenter:n[0]||(n[0]=e=>E(!0)),onMouseleave:n[1]||(n[1]=e=>E(!1)),onMousedown:n[2]||(n[2]=e=>D(!0)),onMouseup:n[3]||(n[3]=e=>D(!1)),type:a.nativeType,autofocus:a.autofocus},[(0,t.createElementVNode)(`canvas`,{ref_key:`canvasRef`,ref:k,class:`px-button-canvas`},null,512),(0,t.unref)(C).icon||(0,t.unref)(S)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`px-button-icon-wrapper`,{"px-button-icon-wrapper__last":!(0,t.unref)(C).default}])},[(0,t.unref)(S)?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r),{key:0,class:`px-button-icon px-animation__loading`,style:(0,t.normalizeStyle)({fill:P.value})},null,8,[`style`])):(0,t.renderSlot)(e.$slots,`icon`,{key:1})],2)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(e.$slots,`default`)],46,mt))}}),gt={class:`pixelium px-button-group`},_t=(0,t.defineComponent)({name:`ButtonGroup`,__name:`index`,props:{borderRadius:null,shape:{default:`rect`},size:null,disabled:{type:Boolean,default:!1},loading:{type:Boolean},variant:null,theme:null},setup(e){let n=e,r=(0,t.inject)(ct,void 0),i=(0,t.inject)(lt,void 0),a=$(`size`,()=>[n.size&&n,i,r,n],`nullish`,e=>e||`medium`),o=$(`disabled`,[i,r,n],(e,t,n)=>e||t||`readonly`in n&&n.readonly.value),s=(0,t.ref)([]);return(0,t.provide)(it,{...(0,t.toRefs)(n),size:a,disabled:o,childrenInfo:s,collectChildrenInfo:e=>{let t=s.value.findIndex(t=>t.id===e.id);t>=0?s.value[t]=e:s.value.push(e)},removeChildrenInfo:e=>{s.value=s.value.filter(t=>t.id!=e)}}),rt(Ze),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,gt,[(0,t.renderSlot)(e.$slots,`default`)]))}}),vt=[`href`,`target`],yt=(0,t.defineComponent)({name:`Link`,__name:`index`,props:{disabled:{type:Boolean},loading:{type:Boolean},theme:null,color:null,href:null,target:null},setup(e){let n=e,i=(0,t.useSlots)(),a=Z(),o=(0,t.computed)(()=>{if(!n.color)return null;let e=Ae(n.color);return e?ze(e.r,e.g,e.b,e.a,a.value):null}),s=(0,t.ref)(!1),c=(0,t.ref)(!1),l=e=>{s.value=e},u=e=>{c.value=e},d=(e,t,n,r,i)=>{if(e)return X(t?e[1]:n?e[5]:i?e[6]:r?e[4]:e[5])},f=(0,t.computed)(()=>d(o.value,n.disabled,n.loading,s.value,c.value)),p=e=>{(n.disabled||n.loading)&&e.preventDefault()};return(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`a`,{class:(0,t.normalizeClass)([`pixelium px-link`,{"px-link__loading":n.loading,"px-link__disabled":n.disabled,"px-link__custom":o.value,[`px-link__${n.theme||`primary`}`]:!0}]),style:(0,t.normalizeStyle)({color:f.value}),onMouseenter:a[0]||(a[0]=e=>l(!0)),onMouseleave:a[1]||(a[1]=e=>l(!1)),onMousedown:a[2]||(a[2]=e=>u(!0)),onMouseup:a[3]||(a[3]=e=>u(!1)),href:n.href,target:n.target,onClick:p},[(0,t.unref)(i).icon||n.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`px-link-icon-wrapper`,{"px-link-icon-wrapper__last":!(0,t.unref)(i).default}])},[n.loading?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r),{key:0,class:`px-link-icon px-animation__loading`,style:(0,t.normalizeStyle)({fill:f.value})},null,8,[`style`])):(0,t.renderSlot)(e.$slots,`icon`,{key:1})],2)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(e.$slots,`default`)],46,vt))}}),bt=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-hn`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{d:`M22 9V7h-1V5h-1V4h-1V3h-2V2h-2V1H9v1H7v1H5v1H4v1H3v2H2v2H1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1V9zM11 6h2v2h-2zm-1 9h1v-5h-1V9h3v6h1v2h-4z`},null,-1),(0,t.createElementVNode)(`path`,{fill:`none`,d:`M0 0h24v24H0z`},null,-1)])],4))}}),xt=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-hn`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{d:`M22 20v-2h-1v-2h-1v-2h-1v-2h-1v-2h-1V8h-1V6h-1V4h-1V2h-1V1h-2v1h-1v2H9v2H8v2H7v2H6v2H5v2H4v2H3v2H2v2H1v2h1v1h20v-1h1v-2zm-12-9h4v3h-1v3h-2v-3h-1zm1 7h2v2h-2z`},null,-1)])],4))}}),St=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-hn`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{d:`M22 8V7h-1V6h-1V5h-1V4h-1V3h-1V2h-1V1H8v1H7v1H6v1H5v1H4v1H3v1H2v1H1v8h1v1h1v1h1v1h1v1h1v1h1v1h1v1h8v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1V8zm-6 9h-2v-1h-1v-1h-2v1h-1v1H8v-1H7v-2h1v-1h1v-2H8v-1H7V8h1V7h2v1h1v1h2V8h1V7h2v1h1v2h-1v1h-1v2h1v1h1v2h-1z`},null,-1)])],4))}}),Ct=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-hn`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{d:`M22 9V7h-1V5h-1V4h-1V3h-2V2h-2V1H9v1H7v1H5v1H4v1H3v2H2v2H1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1V9zm-4 3h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-2v-1H9v-1H8v-1H7v-1H6v-2h1v-1h2v1h1v1h2v-1h1v-1h1v-1h1V9h1V8h2v1h1v2h-1z`},null,-1)])],4))}}),wt=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-hn`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{d:`M22 9V7h-1V5h-1V4h-1V3h-2V2h-2V1H9v1H7v1H5v1H4v1H3v2H2v2H1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1V9zm-8 7v-1h-1v-1h-2v1h-1v1H9v1H8v-1H7v-1h1v-1h1v-1h1v-2H9v-1H8V9H7V8h1V7h1v1h1v1h1v1h2V9h1V8h1V7h1v1h1v1h-1v1h-1v1h-1v2h1v1h1v1h1v1h-1v1h-1v-1z`},null,-1)])],4))}}),Tt=(0,t.defineComponent)({__name:`index`,props:{content:{default:``},icon:null,duration:{default:3e3},id:null,type:{default:`normal`},color:null,closable:{type:Boolean}},emits:[`close`],setup(e,{expose:n,emit:i}){let a=e,o=(0,t.ref)(!1),s=(0,t.ref)(!1),c=e=>{s.value=e},l=e=>{o.value=e},u=(0,t.ref)(!1),f;(0,t.onMounted)(()=>{u.value=!0,p()}),(0,t.onBeforeUnmount)(()=>{clearTimeout(f)});function p(){f=setTimeout(()=>h(),a.duration)}function m(){clearTimeout(f),f=void 0}function h(){u.value=!1}let g=i,_=()=>{g(`close`,a.id),m()},v=(0,t.shallowRef)(null),y=(0,t.shallowRef)(null),b=e=>{if(!e)return`normal`;switch(e){case`info`:return`primary`;case`error`:return`danger`;default:return e}},x=Z(),S=(0,t.computed)(()=>{if(!a.color)return null;let e=Ae(a.color);return e?ze(e.r,e.g,e.b,e.a,x.value):null}),C=(0,t.computed)(()=>S.value?X(S.value[5]):void 0),w=(0,t.computed)(()=>{if(S.value)return s.value?X(S.value[6]):o.value?X(S.value[4]):X(S.value[5])});function T(e=`normal`,t){if(t)return t[5];{let t=b(e);return t===`normal`?Y(`neutral`,10):t===`loading`?Y(`neutral`,8):Y(t,6)}}let E=(e,t,n,r,i)=>{e.fillStyle=X(r),e.fillRect(i,0,t-2*i,i),e.fillRect(t-i,i,i,n-2*i),e.fillRect(i,n-i,t-2*i,i),e.fillRect(0,i,i,n-2*i),e.fillStyle=je(`neutral`,1),e.fillRect(i,i,t-2*i,n-2*i)},D=()=>{let e=q(y,v);if(!e)return;let{ctx:t,width:n,height:r}=e,i=K(),o=T(a.type,S.value);o&&E(t,n,r,o,i)};return Q(y,D),tt(D),pt(y,D),(0,t.watch)([()=>a.type,S,x],()=>{setTimeout(()=>{D()})}),n({close:h}),()=>(0,t.createVNode)(t.Transition,{name:`px-message-fade`,onAfterLeave:_},{default:()=>[u.value&&(0,t.createVNode)(`div`,{ref:e=>y.value=e,onMouseenter:m,onMouseleave:p,class:{"px-message":!0,pixelium:!0,[`px-message__${a.type||`primary`}`]:!0}},[(!!a.icon||a.type&&a.type!==`normal`&&a.type!==`sakura`)&&(0,t.createVNode)(`div`,{class:`px-message-icon-wrapper`},[a.icon?a.icon():a.type===`info`?(0,t.createVNode)(bt,{class:`px-message-icon`,style:{fill:C.value}},null):a.type===`success`?(0,t.createVNode)(Ct,{class:`px-message-icon`,style:{fill:C.value}},null):a.type===`warning`?(0,t.createVNode)(xt,{class:`px-message-icon`,style:{fill:C.value}},null):a.type===`error`?(0,t.createVNode)(St,{class:`px-message-icon`,style:{fill:C.value}},null):a.type===`loading`&&(0,t.createVNode)(r,{class:`px-message-icon px-animation__loading`,style:{fill:C.value}},null)]),(0,t.createVNode)(`span`,{class:`px-message-content`,style:{color:C.value}},[d(a.content)?a.content:a.content()]),a.closable&&(0,t.createVNode)(`div`,{class:`px-message-close-wrapper`},[(0,t.createVNode)(wt,{class:`px-message-icon`,style:{fill:w.value},onMouseenter:l(!0),onMouseleave:l(!1),onMousedown:c(!0),onMouseup:c(!1),onClick:h},null)]),(0,t.createVNode)(`canvas`,{ref:e=>v.value=e,class:`px-message-canvas`},null)])]})}});let Et=(e=21)=>{let t=``,n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`[n[e]&63];return t};var Dt={message:{start:3e3},popup:{start:1e3}},Ot={};function kt(e,t){return Ot[e]||(Ot[e]={initial:t.start}),Ot[e]}var At=new Set,jt=e=>{let t=(At.size>0?Math.max(...At):e.initial)+1;return At.add(t),t};function Mt(e=`popup`){let n=Dt[e],r=kt(e,n),i=(0,t.ref)(jt(r)),a=()=>(i.value=jt(r),i.value),o=()=>{At.delete(i.value)};return(0,t.onUnmounted)(o),[i,a,o]}var Nt=(0,t.defineComponent)({name:`MessageBoxInner`,__name:`message-box`,props:{messages:{},placement:{default:`top`},position:{default:`top`},zIndex:{},root:{},"onUpdate:messages":{}},emits:[`close`],setup(e,{expose:n,emit:r}){let i=e,[a]=Mt(`message`),o=(0,t.useModel)(i,`messages`),s=r,c=(0,t.computed)(()=>o.value.map(e=>({...e,id:e.id??Et()}))),l=e=>{if(!S(e)){if(i[`onUpdate:messages`]){let t=c.value.findIndex(t=>t.id===e);if(t>=0){let e=[...c.value];e.splice(t,1),o.value=e}}s(`close`,e)}},u=(0,t.shallowRef)([]);return n({close:e=>{var t;let n=c.value.findIndex(t=>t.id===e);n!==-1&&((t=u.value[n])==null||t.close())}}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`px-message-box`,style:(0,t.normalizeStyle)({zIndex:i.zIndex??(0,t.unref)(a)})},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`px-message-box-container`,{[`px-message-box-container__${i.placement||i.position||`top`}`]:!0}])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(c.value,e=>((0,t.openBlock)(),(0,t.createBlock)(Tt,{key:e.id,duration:e.duration,content:e.content,id:e.id,onClose:l,type:e.type,color:e.color,icon:e.icon,closable:e.closable,ref_for:!0,ref_key:`messageRef`,ref:u},null,8,[`duration`,`content`,`id`,`type`,`color`,`icon`,`closable`]))),128))],2)],4))}}),Pt=(0,t.defineComponent)({name:`MessageBox`,__name:`message-box-wrapped`,props:{messages:null,placement:null,position:null,zIndex:null,root:{default:`body`},"onUpdate:messages":{type:Function},onClose:{type:Function}},setup(e,{expose:n}){let r=e,i=(0,t.useAttrs)(),a=(0,t.ref)(null);return n({close:e=>{var t;(t=a.value)==null||t.close(e)}}),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:r.root},[(0,t.createVNode)(Nt,(0,t.mergeProps)({...r,...(0,t.unref)(i)},{ref_key:`messageBoxRef`,ref:a}),null,16)],8,[`to`]))}});function Ft(e){"@babel/helpers - typeof";return Ft=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},Ft(e)}function It(e,t){if(Ft(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(Ft(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Lt(e){var t=It(e,`string`);return Ft(t)==`symbol`?t:t+``}function Rt(e,t,n){return(t=Lt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var zt=class{constructor(e){Rt(this,`messages`,void 0),Rt(this,`messageBox`,void 0),Rt(this,`container`,null),this.messages=(0,t.ref)([]),this.messageBox=(0,t.createVNode)(Nt,{messages:this.messages.value,placement:e.placement,onClose:e=>{let t=this.messages.value.findIndex(t=>t.id===e);t>=0&&this.messages.value.splice(t,1)}});let n=(d(e.root)?document.querySelector(e.root):e.root)||document.body,r=Et();this.container=document.createElement(`div`),this.container.id=r,this.container.className=`px-message-box-wrapper`,n.appendChild(this.container),(0,t.render)(this.messageBox,this.container)}push(e){let t=e.id??Et();return this.messages.value.push({...e,id:t}),t}close(e){var t;(t=this.messageBox.component)==null||(t=t.exposed)==null||t.close(e)}clear(){this.messages.value.length=0}unmount(){if(this.container){let e=this.container;(0,t.render)(this.messageBox,e),(0,t.nextTick)(()=>{e.remove(),this.container=null})}}},Bt={top:void 0,bottom:void 0,"top-left":void 0,"top-right":void 0,"bottom-left":void 0,"bottom-right":void 0},Vt=e=>{(d(e)||l(e))&&(e={content:e});let t=e.placement||e.position||`top`,n=Bt[t]?Bt[t]:Bt[t]=new zt({placement:t,root:e.root||`body`}),r=n.push({content:e.content,icon:e.icon,duration:e.duration||3e3,type:e.type||`normal`,color:e.color,closable:e.closable});return{close:()=>n.close(r),clear:()=>n.clear()}};[`info`,`success`,`warning`,`error`,`loading`,`sakura`,`normal`].forEach(e=>{Vt[e]=t=>((d(t)||l(t))&&(t={content:t}),Vt({...t,type:e}))});var Ht=Vt;let Ut=()=>{let e=(0,t.ref)(0);function n(){W()&&(e.value=window.innerWidth)}n();let r=(0,t.computed)(()=>{let t;return t=e.value<=576?L.XS:e.value<=768?L.SM:e.value<=992?L.MD:e.value<=1200?L.LG:e.value<=1600?L.XL:L.XXL,t});return W()&&(window.addEventListener(`resize`,n),(0,t.onBeforeUnmount)(()=>{window.removeEventListener(`resize`,n)})),[r,e]};var Wt={class:`pixelium px-row`},Gt=(0,t.defineComponent)({name:`Row`,__name:`index`,props:{gutter:{default:0},justify:{default:`start`},align:{default:`start`},wrap:{type:Boolean,default:!0}},setup(e){let n=e,[r]=Ut(),i=(0,t.computed)(()=>{if(m(n.gutter))return{x:n.gutter,y:n.gutter};if(`x`in n.gutter||`y`in n.gutter)return{x:n.gutter.x||0,y:n.gutter.y||0};let e=n.gutter[r.value];return m(e)?{x:e,y:e}:O({x:0,y:0},e)});return(0,t.provide)(`px-row-provide`,i),(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Wt,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`px-row-inner`,{[`px-row__justify-${n.justify}`]:!0,[`px-row__align-${n.align}`]:!0,"px-row__wrap":!!n.wrap}]),style:(0,t.normalizeStyle)({marginLeft:i.value?-i.value.x/2+`px`:void 0,marginRight:i.value?-i.value.x/2+`px`:void 0,marginTop:i.value?-i.value.y/2+`px`:void 0,marginBottom:i.value?-i.value.y/2+`px`:void 0})},[(0,t.renderSlot)(e.$slots,`default`)],6)]))}}),Kt=(0,t.defineComponent)({name:`Col`,__name:`index`,props:{offset:{default:0},span:{default:24}},setup(e){var n;let r=e,[i]=Ut(),a=(0,t.computed)(()=>m(r.offset)?r.offset:r.offset[i.value]||0),o=(0,t.computed)(()=>m(r.span)?r.span:r.span[i.value]||24),s=(0,t.getCurrentInstance)(),c=(0,t.ref)((s==null||(n=s.parent)==null?void 0:n.type.name)===`Row`).value&&(0,t.inject)(`px-row-provide`,void 0)||(0,t.ref)({x:0,y:0});return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-col`,{[`px-col__span-${o.value}`]:!0,[`px-col__offset-${a.value}`]:!0}]),style:(0,t.normalizeStyle)({paddingLeft:(0,t.unref)(c)?(0,t.unref)(c).x/2+`px`:void 0,paddingRight:(0,t.unref)(c)?(0,t.unref)(c).x/2+`px`:void 0,paddingTop:(0,t.unref)(c)?(0,t.unref)(c).y/2+`px`:void 0,paddingBottom:(0,t.unref)(c)?(0,t.unref)(c).y/2+`px`:void 0})},[(0,t.renderSlot)(e.$slots,`default`)],6))}}),qt=(0,t.defineComponent)({name:`Divider`,__name:`index`,props:{direction:{default:`horizontal`},variant:{default:`solid`},margin:null,size:null},setup(e){let n=e,r=(0,t.computed)(()=>{if(!S(n.margin))return m(n.margin)?`${n.margin}px`:n.margin}),i=(0,t.computed)(()=>{if(!S(n.size))return m(n.size)?`${n.size}px`:n.size});return(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-divider`,{[`px-divider__${n.direction}`]:!0,[`px-divider__${n.variant}`]:!0}]),style:(0,t.normalizeStyle)({marginLeft:n.direction===`vertical`?r.value:void 0,marginRight:n.direction===`vertical`?r.value:void 0,marginTop:n.direction===`horizontal`?r.value:void 0,marginBottom:n.direction===`horizontal`?r.value:void 0,borderBottomWidth:n.direction===`horizontal`?i.value:void 0,borderRightWidth:n.direction===`vertical`?i.value:void 0})},null,6))}});let Jt=function(e){return e[e.ELEMENT=1]=`ELEMENT`,e[e.FUNCTIONAL_COMPONENT=2]=`FUNCTIONAL_COMPONENT`,e[e.STATEFUL_COMPONENT=4]=`STATEFUL_COMPONENT`,e[e.COMPONENT=e.STATEFUL_COMPONENT|e.FUNCTIONAL_COMPONENT]=`COMPONENT`,e[e.TEXT_CHILDREN=8]=`TEXT_CHILDREN`,e[e.ARRAY_CHILDREN=16]=`ARRAY_CHILDREN`,e[e.SLOTS_CHILDREN=32]=`SLOTS_CHILDREN`,e[e.TELEPORT=64]=`TELEPORT`,e[e.SUSPENSE=128]=`SUSPENSE`,e[e.COMPONENT_SHOULD_KEEP_ALIVE=256]=`COMPONENT_SHOULD_KEEP_ALIVE`,e[e.COMPONENT_KEPT_ALIVE=512]=`COMPONENT_KEPT_ALIVE`,e}({}),Yt=(e,t)=>!!(e&&e.shapeFlag&Jt.ELEMENT),Xt=(e,t)=>!!(e&&e.shapeFlag&Jt.COMPONENT),Zt=(e,t)=>!!(e&&e.shapeFlag&Jt.TEXT_CHILDREN),Qt=(e,t)=>!!(e&&e.shapeFlag&Jt.ARRAY_CHILDREN),$t=(e,t)=>!!(e&&e.shapeFlag&Jt.SLOTS_CHILDREN),en=e=>e.type===t.Text,tn=e=>{let t=[];for(let i of e??[])if(Yt(i)||Xt(i)||Zt(i))t.push(i);else if(Qt(i,i.children))t.push(...tn(i.children));else if($t(i,i.children)){var n,r;t.push(...tn((n=(r=i.children).default)==null?void 0:n.call(r)))}else _(i)&&t.push(...tn(i));return t};var nn=(0,t.defineComponent)({name:`Space`,__name:`index`,props:{margin:{default:`medium`},direction:{default:`horizontal`},justify:{default:`start`},align:null,wrap:{type:Boolean,default:!0},inline:{type:Boolean,default:!1}},setup(e){let n=e,r=(0,t.computed)(()=>n.align?n.align:n.direction===`horizontal`?`center`:`stretch`),i=(0,t.useSlots)(),a=(0,t.computed)(()=>{if(!(!n.margin||n.margin===`small`||n.margin===`medium`||n.margin===`large`)){if(m(n.margin))return{x:n.margin,y:n.margin};if(`x`in n.margin||`y`in n.margin)return{x:m(n.margin.x)?n.margin.x:0,y:m(n.margin.y)?n.margin.y:0}}});return()=>{var e;let o=tn(((e=i.default)==null?void 0:e.call(i))||[]);return(0,t.createVNode)(`div`,{class:{pixelium:!0,"px-space":!0,"px-space__inline":!!n.inline}},[(0,t.createVNode)(`div`,{class:{"px-space-inner":!0,"px-space__small":n.margin===`small`,"px-space__large":n.margin===`large`,[`px-space__justify-${n.justify}`]:!0,[`px-space__align-${r.value}`]:!0,[`px-space__${n.direction}`]:!0,"px-space__wrap":!!n.wrap},style:{marginTop:a.value?-a.value.y/2+`px`:void 0,marginBottom:a.value?-a.value.y/2+`px`:void 0,marginLeft:a.value?-a.value.x/2+`px`:void 0,marginRight:a.value?-a.value.x/2+`px`:void 0}},[o.map((e,n)=>(0,t.createVNode)(t.Fragment,{key:e.key||`px-space-item-${n}`},[(0,t.createVNode)(`div`,{class:`px-space-item`,style:{marginTop:a.value?a.value.y/2+`px`:void 0,marginBottom:a.value?a.value.y/2+`px`:void 0,marginLeft:a.value?a.value.x/2+`px`:void 0,marginRight:a.value?a.value.x/2+`px`:void 0}},[e])]))])])}}}),rn=(0,t.defineComponent)({name:`Grid`,__name:`index`,props:{column:{default:24},gutter:{default:0}},setup(e){let n=e,[r]=Ut(),i=(0,t.computed)(()=>{if(m(n.gutter))return{x:n.gutter,y:n.gutter};if(`x`in n.gutter||`y`in n.gutter)return{x:n.gutter.x||0,y:n.gutter.y||0};let e=n.gutter[r.value];return m(e)?{x:e,y:e}:O({x:0,y:0},e)}),a=(0,t.computed)(()=>m(n.column)?n.column:n.column[r.value]||24);return(0,t.provide)(ot,{column:a,gutter:i,itemsStat:(0,t.ref)([])}),rt(Qe),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`pixelium px-grid`,style:(0,t.normalizeStyle)({gridTemplateColumns:`repeat(${a.value}, minmax(0, 1fr))`,gap:i.value?`${i.value.y}px ${i.value.x}px`:void 0})},[(0,t.renderSlot)(e.$slots,`default`)],4))}}),an=(0,t.defineComponent)({name:`GridItem`,__name:`index`,props:{offset:{default:0},span:null},setup(e){var n;let r=(0,t.getCurrentInstance)(),i=(0,t.ref)((r==null||(n=r.parent)==null?void 0:n.type.name)===`Grid`).value?(0,t.inject)(ot,void 0):void 0,a=e,o=(0,t.useId)(),[s]=nt(Qe),[c]=Ut(),l=(0,t.computed)(()=>m(a.offset)?a.offset:a.offset[c.value]||0),u=(0,t.computed)(()=>a.span===void 0?(i==null?void 0:i.column.value)||24:m(a.span)?a.span:a.span[c.value]||24);(0,t.onMounted)(()=>{i==null||i.itemsStat.value.push({id:o,index:s.value,offset:l.value,span:u.value})}),(0,t.watch)([s,l,u],()=>{let e=i==null?void 0:i.itemsStat.value.find(e=>e.id===o);e?(e.index=s.value,e.offset=l.value,e.span=u.value):i==null||i.itemsStat.value.push({id:o,index:s.value,offset:l.value,span:u.value})}),(0,t.onBeforeUnmount)(()=>{let e=i==null?void 0:i.itemsStat.value.findIndex(e=>e.id===o);e!==void 0&&e>-1&&(i==null||i.itemsStat.value.splice(e,1))});let d=(0,t.computed)(()=>{if(!i)return;if(l.value+u.value>i.column.value)return`${l.value+1} / span ${u.value}`;let e=i.itemsStat.value.filter(e=>e.index!==-1&&e.index<s.value);if(e.length===0)return`${l.value+1} / span ${u.value}`;let t=0;return e.forEach(e=>{if(e.span+e.offset>=i.column.value){t=0;return}t+=e.span+e.offset,t>i.column.value?t=e.span+e.offset:t===i.column.value&&(t=0)}),t+l.value+u.value>i.column.value?`${l.value+1} / span ${u.value}`:`${t+l.value+1} / span ${u.value}`});return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`pixelium px-grid-item`,style:(0,t.normalizeStyle)({gridColumn:d.value})},[(0,t.renderSlot)(e.$slots,`default`)],4))}}),on=(0,t.defineComponent)({name:`Container`,__name:`index`,props:{direction:null},setup(e){let n=(0,t.ref)(0);(0,t.provide)(st,n);let r=e;return(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`section`,{class:(0,t.normalizeClass)([`pixelium px-container`,{"px-container__has-aside":!!n.value,[`px-container__${r.direction}`]:!!r.direction}])},[(0,t.renderSlot)(e.$slots,`default`)],2))}}),sn=(0,t.defineComponent)({name:`Main`,__name:`index`,props:{soft:{type:Boolean,default:!1}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`main`,{class:(0,t.normalizeClass)([`pixelium px-main`,{"px-main__soft":n.soft}])},[(0,t.renderSlot)(e.$slots,`default`)],2))}}),cn=(0,t.defineComponent)({name:`Aside`,__name:`index`,props:{width:null,bordered:{type:Boolean,default:!1},side:{default:`left`},dark:{type:Boolean,default:!1}},setup(e){var n;let r=(0,t.getCurrentInstance)(),i=(0,t.ref)((r==null||(n=r.parent)==null?void 0:n.type.name)===`Container`).value?(0,t.inject)(st,void 0):void 0;(0,t.onMounted)(()=>{i&&(i.value+=1)}),(0,t.onBeforeUnmount)(()=>{i&&--i.value});let a=e,o=Z(),s=(0,t.computed)(()=>S(a.width)?void 0:m(a.width)?`${a.width}px`:a.width);return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`aside`,{class:(0,t.normalizeClass)([`pixelium px-aside`,{"px-aside__dark":!(0,t.unref)(o)&&!!a.dark,"px-aside__bordered":!!a.bordered,[`px-aside__${a.side}`]:!0}]),style:(0,t.normalizeStyle)({width:s.value})},[(0,t.renderSlot)(e.$slots,`default`)],6))}}),ln=(0,t.defineComponent)({name:`Header`,__name:`index`,props:{minHeight:null,bordered:{type:Boolean},dark:{type:Boolean,default:!1}},setup(e){let n=e,r=Z(),i=(0,t.computed)(()=>S(n.minHeight)?void 0:m(n.minHeight)?`${n.minHeight}px`:n.minHeight);return(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`header`,{class:(0,t.normalizeClass)([`pixelium px-header`,{"px-header__dark":!(0,t.unref)(r)&&!!n.dark,"px-header__bordered":!!n.bordered}]),style:(0,t.normalizeStyle)({minHeight:i.value})},[(0,t.renderSlot)(e.$slots,`default`)],6))}}),un=(0,t.defineComponent)({name:`Footer`,__name:`index`,props:{minHeight:null,bordered:{type:Boolean},dark:{type:Boolean,default:!1}},setup(e){let n=e,r=Z(),i=(0,t.computed)(()=>S(n.minHeight)?void 0:m(n.minHeight)?`${n.minHeight}px`:n.minHeight);return(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`footer`,{class:(0,t.normalizeClass)([`pixelium px-footer`,{"px-footer__dark":!(0,t.unref)(r)&&!!n.dark,"px-footer__bordered":!!n.bordered}]),style:(0,t.normalizeStyle)({minHeight:i.value})},[(0,t.renderSlot)(e.$slots,`default`)],6))}}),dn=typeof process<`u`&&process.env.NODE_ENV!==`production`,fn=`Pixelium`;function pn(e,t=!1){(dn||t)&&console.warn(`[${fn}]`,e)}function mn(e){throw Error(`[${fn}] ${e}`)}function hn(e){return Error(`[${fn}] ${e}`)}let gn=(e,t)=>{if(!W())return;let n={light:[],dark:[]};if(d(t)){let e=Ae(t);if(!e)return;n.light=ze(e.r,e.g,e.b,e.a,!1).map(e=>X(e)),n.dark=ze(e.r,e.g,e.b,e.a,!0).map(e=>X(e))}else{var r,i;if((r=t.light)!=null&&r.length&&t.light.length!==10)return mn(`The length of color.light does not match the required number of CSS color palette (10).`);if((i=t.dark)!=null&&i.length&&t.dark.length!==10)return mn(`The length of color.dark does not match the required number of CSS color palette (10).`);n.light=t.light||[],n.dark=t.dark||[]}n.light.forEach((t,n)=>{document.documentElement.style.setProperty(`--px-${e}-light-custom-${n+1}`,t)}),n.dark.forEach((t,n)=>{document.documentElement.style.setProperty(`--px-${e}-dark-custom-${n+1}`,t)}),Xe.emit($e)},_n=e=>{if(W()){for(let t=0;t<10;t++)document.documentElement.style.setProperty(`--px-${e}-light-custom-${t+1}`,null),document.documentElement.style.setProperty(`--px-${e}-dark-custom-${t+1}`,null);Xe.emit($e)}};var vn=e=>{let t=28+e*2,n=20+e*2,r=t,i=t-8-2,a=n-8;return{"-px-large-size":36+e*2,"-px-medium-size":t,"-px-small-size":n,"-px-large-sub-size":r,"-px-medium-sub-size":i,"-px-small-sub-size":a,"-px-large-sub-base-size":r-2*e,"-px-medium-sub-base-size":i-2*e,"-px-small-sub-base-size":a-2*e,"-px-large-compat-size":t-4,"-px-medium-compat-size":t-8,"-px-small-compat-size":n-4}};let yn=e=>{if(!W())return;document.documentElement.style.setProperty(`--px-bit`,e+`px`);let t=vn(e);Object.keys(t).forEach(e=>{document.documentElement.style.setProperty(e,t[e]+`px`)}),Xe.emit($e)},bn=()=>{W()&&yn(4)};var xn=e=>{if(!W())return;let t=document.documentElement;t.classList.remove(`light`,`dark`),e!==`unset`&&t.classList.add(e)};function Sn(e){let n=(0,t.ref)(!1);if(W()){let e=window.matchMedia(`(prefers-color-scheme: dark)`);function r(e){n.value=e.matches}r(e),e.addEventListener(`change`,r),(0,t.onBeforeUnmount)(()=>{e.removeEventListener(`change`,r)})}let r=(0,t.ref)(e||n.value?`dark`:`light`);e&&xn(r.value);let i=()=>{r.value=r.value===`unset`?n.value?`light`:`dark`:r.value===`light`?`dark`:`light`},a=()=>{r.value=`unset`},o=()=>{r.value=n.value?`dark`:`light`},s=(0,t.watch)(r,xn,{flush:`post`});return(0,t.onScopeDispose)(()=>{s()}),[r,i,a,o]}var Cn=(0,t.defineComponent)({name:`Icon`,__name:`index`,props:{size:{default:`1em`},color:{default:`currentColor`},rotate:{default:0},spin:{type:Boolean,default:!1},flip:{default:`none`}},setup(e){let n=e,r=(0,t.computed)(()=>{let e=1,t=1;return(n.flip===`horizontal`||n.flip===`both`)&&(e=-1),(n.flip===`vertical`||n.flip===`both`)&&(t=-1),`scale(${e}, ${t}) rotate(${n.rotate}deg)`}),i=(0,t.computed)(()=>m(n.size)?`${n.size}px`:n.size);return(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)({"pixelium px-icon":!0,"px-animation__loading":!!n.spin}),style:(0,t.normalizeStyle)({height:i.value,width:i.value,fontSize:i.value,color:n.color,transform:r.value})},[(0,t.renderSlot)(e.$slots,`default`)],6))}});let wn=(e,t,n,r,i,a,o,s,c,l,u,d)=>{e.fillStyle=X(o);for(let t=0;t<4;t++)i[t]>s&&(!(t===1||t===2)||c&&u||!c)&&ge(e,r[t][0],r[t][1],i[t],a[t][0],a[t][1],s);if(r[1][0]+s>r[0][0]){let t=r[1][0]-r[0][0]+s;c&&!u&&(t-=s),e.fillRect(r[0][0],0,t,s)}if(r[2][1]+s>r[1][1]&&(c&&u||!c)&&e.fillRect(t-s,r[1][1],s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s){let t=r[2][0]-r[3][0]+s;c&&!u&&(t-=s),e.fillRect(r[3][0],n-s,t,s)}if((!c||l)&&r[3][1]+s>r[0][1]&&e.fillRect(0,r[0][1],s,r[3][1]-r[0][1]+s),c&&!l&&e.fillRect(s/2,0,s/2,n),c&&!u){let r=s;d&&(r/=2),e.fillRect(t-2*s-1,0,r,n)}};function Tn({afterComposition:e}){let n=(0,t.ref)(!1);return[n,e=>{n.value=!0},r=>{n.value&&(n.value=!1,(0,t.nextTick)(()=>e(r)))}]}var En=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-hn`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{d:`M16 11h1v2h-1zM16 13v2h-1v1h-2v-1h1v-1h1v-1zM16 9v2h-1v-1h-1V9h-1V8h2v1zM11 16h2v1h-2zM11 15v1H9v-1H8v-2h1v1h1v1zM13 7v1h-1v3h-1v1H8v1H7v-2h1V9h1V8h2V7z`},null,-1),(0,t.createElementVNode)(`path`,{d:`M22 11V9h-1V8h-1V7h-1V6h-2V5H7v1H5v1H4v1H3v1H2v2H1v2h1v2h1v1h1v1h1v1h2v1h10v-1h2v-1h1v-1h1v-1h1v-2h1v-2zm-1 3h-1v1h-1v1h-1v1h-2v1H8v-1H7v-1H5v-1H4v-1H3v-4h1V9h1V8h1V7h2V6h8v1h2v1h1v1h1v1h1z`},null,-1)])],4))}}),Dn=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-hn`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{d:`M15 13h1v2h-1v1h-2v-1h1v-1h1zM16 11h1v2h-1z`},null,-1),(0,t.createElementVNode)(`path`,{d:`M23 11v2h-1v2h-1v1h-1v1h-1v1h-2v1H9v-1h7v-1h2v-1h1v-1h1v-1h1v-4h-1V9h-1V8h2v1h1v2zM2 13H1v-2h1V9h1V8h1V7h1V6h2V5h8v1H8v1H6v1H5v1H4v1H3v4h1v1h1v1H3v-1H2z`},null,-1),(0,t.createElementVNode)(`path`,{d:`M13 7v1h-1v1h-1v1h-1v1H9v1H8v1H7v-2h1V9h1V8h2V7zM9 17H8v1H7v1H6v1H5v1H4v1H3v-1H2v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1V9h1V8h1V7h1V6h1V5h1V4h1V3h1V2h1v1h1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1H9zM11 16h2v1h-2z`},null,-1)])],4))}});let On=(e,n,r,i)=>{let a=(0,t.computed)(()=>n[e]!==void 0),o=a.value?n[e]:i!=null&&i.defaultField?n[i.defaultField]:null,s=(0,t.ref)(i!=null&&i.transform?i==null?void 0:i.transform(o):o);return(0,t.watch)(()=>n[e],e=>{s.value=i!=null&&i.transform?i==null?void 0:i.transform(e):e}),[s,async o=>{a.value?(r(`update:${e}`,o),await(0,t.nextTick)(),s.value=i!=null&&i.transform?i==null?void 0:i.transform(n[e]):n[e]):s.value=i!=null&&i.transform?i==null?void 0:i.transform(o):o},a]};var kn={key:0,class:`px-input-prefix-wrapper`},An=[`value`,`placeholder`,`disabled`,`autofocus`,`type`],jn={key:1,class:`px-input-close-wrapper`},Mn={key:1,class:`px-input-icon-placeholder`},Nn={key:2,class:`px-input-password-wrapper`},Pn={key:3,class:`px-input-count-wrapper`},Fn={key:4,class:`px-input-loading-wrapper`},In={key:5,class:`px-input-suffix-wrapper`},Ln=(0,t.defineComponent)({name:`Input`,__name:`index`,props:{modelValue:null,defaultValue:null,placeholder:null,password:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:null,shape:null,borderRadius:null,maxLength:null,showCount:{type:Boolean,default:!1},countGraphemes:{type:Function},sliceGraphemes:{type:Function},status:{default:`normal`},autofocus:{type:Boolean},nativeType:null},emits:[`input`,`update:modelValue`,`change`,`clear`,`blur`,`focus`],setup(e,{expose:n,emit:i}){var a;let o=e,s=i,[c,l,u]=Tn({afterComposition:e=>{(0,t.nextTick)(()=>{M(e)})}}),d=(0,t.getCurrentInstance)(),f=(0,t.ref)((d==null||(a=d.parent)==null?void 0:a.type.name)===`InputGroup`),[p,m,h]=f.value?nt(et):[(0,t.ref)(0),(0,t.ref)(!1),(0,t.ref)(!1)],g=(0,t.inject)(at,void 0),_=(0,t.inject)(lt,void 0),v=$(`borderRadius`,()=>[f.value&&g,o]),y=$(`size`,()=>[f.value&&g,o.size&&o,_,o],`nullish`,e=>e||`medium`),b=$(`shape`,()=>[f.value&&g,o],`nullish`,e=>e||`rect`),x=$(`disabled`,()=>[f.value&&g,_,o],`or`),C=$(`readonly`,()=>[f.value&&g,_,o],`or`),w=$(`status`,()=>[_,o]),T=(0,t.computed)(()=>{if(p.value>=0){var e;return f.value?(g==null||(e=g.childrenInfo.value.find(e=>e.index===p.value+1))==null?void 0:e.variant)===`text`:!1}else return!1}),[E,D]=On(`modelValue`,o,s,{defaultField:`defaultValue`,transform:e=>e||``}),O=(0,t.shallowRef)(null),k=(0,t.shallowRef)(null),A=(0,t.shallowRef)(null),j=(0,t.computed)(()=>o.countGraphemes?o.countGraphemes(E.value):E.value.length),M=async e=>{let n=e.target.value;E.value=n,!c.value&&(s(`input`,n,e),o.maxLength&&(o.countGraphemes&&o.sliceGraphemes?(await(0,t.nextTick)(),n=o.sliceGraphemes(E.value,o.maxLength)):n=E.value.slice(0,o.maxLength)),D(n),_==null||_.inputHandler())},N=async()=>{await D(``),s(`change`,``),s(`clear`,``),_==null||_.changeHandler()},P=e=>{let t=e.target;s(`change`,t.value,e),_==null||_.changeHandler()},F=(0,t.ref)(!1),I=e=>{F.value=!1,s(`blur`,e),_==null||_.blurHandler()},L=e=>{F.value=!0,s(`focus`,e)},R=()=>{var e;(e=A.value)==null||e.focus()},z=(0,t.ref)(!1),B=()=>{z.value=!0},V=()=>{z.value=!1},te=(0,t.computed)(()=>o.clearable&&!x.value&&!C.value),ne=(0,t.ref)(!1),re=()=>{ne.value=!ne.value},ie=(0,t.computed)(()=>o.nativeType?o.nativeType:o.password?ne.value?`text`:`password`:`text`),ae=(0,t.useSlots)();n({focus:()=>{var e;(e=A.value)==null||e.focus()},blur:()=>{var e;(e=A.value)==null||e.blur()},clear:()=>N(),select:()=>{var e;(e=A.value)==null||e.select()}}),(0,t.watch)([m,h,v,b,y,C,x,()=>ae,Z(),F,z,w,T],()=>{H()});let H=()=>{let e=q(O,k);if(!e)return;let{ctx:t,width:n,height:r,canvas:i}=e,a=K(),o=Se(i,a,v.value,b.value,y.value||`medium`,f.value,m.value,h.value),s=w.value===`normal`?(z.value||F.value)&&!x.value&&!C.value?Y(`primary`,6):Y(`neutral`,10):Y(w.value===`error`?`danger`:w.value,6),c=we(o,n,r,a);s&&wn(t,n,r,c,o,ee,s,a,f.value,m.value,h.value,T.value);let l=x.value?Y(`neutral`,6):Y(`neutral`,1);l&&ve(t,Math.round(n/2),Math.round(r/2),l)};return(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{H()})}),Q(O,H),tt(H),pt(O,H),(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-input`,{[`px-input__${(0,t.unref)(y)}`]:!!(0,t.unref)(y),[`px-input__${(0,t.unref)(b)}`]:!!(0,t.unref)(b),"px-input__inner":f.value,"px-input__disabled":!!(0,t.unref)(x)}]),ref_key:`wrapperRef`,ref:O,onClick:R,onMouseenter:B,onMouseleave:V,onFocusout:I,onFocusin:L},[(0,t.unref)(ae).prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,kn,[(0,t.renderSlot)(n.$slots,`prefix`)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`input`,{class:`px-input-inner`,value:(0,t.unref)(E),ref_key:`inputRef`,ref:A,placeholder:o.placeholder,disabled:(0,t.unref)(x)||(0,t.unref)(C),autofocus:e.autofocus,type:ie.value,onInput:(0,t.withModifiers)(M,[`stop`]),onChange:(0,t.withModifiers)(P,[`stop`]),onCompositionstart:i[0]||(i[0]=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e)),onCompositionend:i[1]||(i[1]=(...e)=>(0,t.unref)(u)&&(0,t.unref)(u)(...e))},null,40,An),te.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,jn,[z.value&&(0,t.unref)(E)?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(wt),{key:0,class:`px-input-icon`,onClick:N})):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Mn))])):(0,t.createCommentVNode)(``,!0),o.password?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Nn,[ne.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Dn),{key:1,class:`px-input-icon`,onClick:re})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(En),{key:0,class:`px-input-icon`,onClick:re}))])):(0,t.createCommentVNode)(``,!0),o.showCount?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Pn,[(0,t.renderSlot)(n.$slots,`count`,{value:(0,t.unref)(E),count:j.value,maxLength:o.maxLength},()=>[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(j.value)+(0,t.toDisplayString)((0,t.unref)(S)(o.maxLength)?``:` / `+o.maxLength),1)])])):(0,t.createCommentVNode)(``,!0),o.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Fn,[(0,t.createVNode)((0,t.unref)(r),{class:`px-input-icon px-animation__loading`})])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(ae).suffix?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,In,[(0,t.renderSlot)(n.$slots,`suffix`)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`canvas`,{class:`px-input-canvas`,ref_key:`canvasRef`,ref:k},null,512)],34))}});let Rn=(e,t,n,r,i,a,o,s,c,l,u,d)=>{e.fillStyle=X(o);for(let t=0;t<4;t++)i[t]>s&&(!(t===1||t===2)||c&&u||!c)&&ge(e,r[t][0],r[t][1],i[t],a[t][0],a[t][1],s);if(r[1][0]+s>r[0][0]){let t=r[1][0]-r[0][0]+s;c&&!u&&(t-=s),e.fillRect(r[0][0],0,t,s)}if(r[2][1]+s>r[1][1]&&(c&&u||!c)&&e.fillRect(t-s,r[1][1],s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s){let t=r[2][0]-r[3][0]+s;c&&!u&&(t-=s),e.fillRect(r[3][0],n-s,t,s)}if((!c||l)&&r[3][1]+s>r[0][1]&&e.fillRect(0,r[0][1],s,r[3][1]-r[0][1]+s),c&&!l&&e.fillRect(s/2,0,s/2,n),c&&!u){let r=s;d&&(r/=2),e.fillRect(t-2*s-1,0,r,n)}};var zn=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-hn`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{d:`M1 11h22v2H1z`},null,-1)])],4))}}),Bn=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-hn`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{d:`M23 11v2H13v10h-2V13H1v-2h10V1h2v10z`},null,-1)])],4))}}),Vn={key:0,class:`px-input-number-prefix-wrapper`},Hn=[`value`,`placeholder`,`disabled`,`autofocus`],Un={key:2,class:`px-input-number-close-wrapper`},Wn={key:1,class:`px-input-number-icon-placeholder`},Gn={key:4,class:`px-input-number-loading-wrapper`},Kn={key:5,class:`px-input-number-suffix-wrapper`},qn=(0,t.defineComponent)({name:`InputNumber`,__name:`index`,props:{modelValue:null,defaultValue:null,placeholder:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},max:{default:2**53-1},min:{default:-(2**53-1)},step:{default:1},precision:null,strickStep:{type:Boolean,default:!1},format:{type:Function},allowInput:{type:Function},parse:{type:Function},clearable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:null,shape:null,borderRadius:null,buttonPlacement:{default:`end`},status:{default:`normal`},autofocus:{type:Boolean}},emits:[`input`,`update:modelValue`,`change`,`clear`,`blur`,`focus`],setup(e,{expose:n,emit:i}){var a;let o=e,s=i,c=(0,t.getCurrentInstance)(),l=(0,t.ref)((c==null||(a=c.parent)==null?void 0:a.type.name)===`InputGroup`),[u,d,f]=l.value?nt(et):[(0,t.ref)(0),(0,t.ref)(!1),(0,t.ref)(!1)],p=(0,t.inject)(at,void 0),h=(0,t.inject)(lt,void 0),g=$(`borderRadius`,[l.value&&p,o]),_=$(`size`,()=>[l.value&&p,o.size&&o,h,o],`nullish`,e=>e||`medium`),v=$(`shape`,[l.value&&p,o],`nullish`,e=>e||`rect`),x=$(`disabled`,[l.value&&p,h,o],`or`),C=$(`readonly`,[l.value&&p,h,o],`or`),w=$(`status`,[h,o]),T=(0,t.computed)(()=>{if(u.value>=0){var e;return l.value?(p==null||(e=p.childrenInfo.value.find(e=>e.index===u.value+1))==null?void 0:e.variant)===`text`:!1}else return!1}),E=/^[+-]?\d+(?:\.\d*)?$/,D=e=>{b(e)&&(e=0),m(o.precision)&&(e=de(e,o.precision));let t=o.min??-(2**53-1),n=o.max??2**53-1;if(e=A(e,t,n),o.strickStep&&!y(o.step)&&!b(o.step)&&o.step!==0){let r=Math.round(e/o.step)*o.step;r<t&&(r=Math.ceil(e/o.step)*o.step),r>n&&(r=Math.floor(e/o.step)*o.step),e=r}return e},O=e=>o.format?o.format(e):b(e)||S(e)?``:m(o.precision)?e.toFixed(A(Math.round(o.precision),0,100)):e+``,k=e=>o.allowInput?o.allowInput(e):e.length?E.test(e):!0,j=e=>o.parse?o.parse(e):e.length?parseFloat(e):0,[M,N]=On(`modelValue`,o,s,{defaultField:`defaultValue`,transform:e=>{if(!S(e)){let t=D(e);return t!==e&&s(`update:modelValue`,t),t}return e}}),P=(0,t.ref)(O(M.value)),[F,I,L]=Tn({afterComposition:e=>{(0,t.nextTick)(()=>{re(e)})}}),R=(0,t.shallowRef)(null),z=(0,t.shallowRef)(null),B=(0,t.shallowRef)(null),V=(0,t.shallowRef)(null),te=(0,t.shallowRef)(null),ne=e=>{P.value=e};(0,t.watch)(M,e=>{H.value||ne(O(e))});let re=async e=>{let t=e.target.value;if(F.value)return;if(!k(t)){B.value&&(B.value.value=P.value);return}P.value=t;let n=D(j(t));s(`input`,n,e),await N(n)},ie=async()=>{let e=D(0);await N(e),ne(O(M.value)),s(`change`,e),s(`clear`,e),h==null||h.changeHandler()},ae=e=>{let t=e.target,n=j(t.value);ne(O(M.value)),s(`change`,n,e),h==null||h.changeHandler()},H=(0,t.ref)(!1),oe=e=>{ne(O(M.value)),H.value=!1,s(`blur`,e),h==null||h.blurHandler()},se=e=>{H.value=!0,s(`focus`,e)},ce=(0,t.computed)(()=>o.clearable&&!x.value&&!C.value),le=(0,t.useSlots)();n({focus:()=>{var e;(e=B.value)==null||e.focus()},blur:()=>{var e;(e=B.value)==null||e.blur()},clear:()=>ie(),select:()=>{var e;(e=B.value)==null||e.select()}});let ue=(0,t.computed)(()=>C.value||x.value||!S(M.value)&&M.value>=o.max),U=(0,t.computed)(()=>C.value||x.value||!S(M.value)&&M.value<=o.min),W=async()=>{if(ue.value)return;let e=M.value;S(e)&&(e=D(0));let t=D(e+o.step);await N(t),s(`change`,t),ne(O(M.value)),h==null||h.changeHandler()},fe=async()=>{if(U.value)return;let e=M.value;S(e)&&(e=D(0));let t=D(e-o.step);await N(t),s(`change`,t),ne(O(M.value)),h==null||h.changeHandler()},pe=(0,t.computed)(()=>o.buttonPlacement===`both`||o.buttonPlacement===`both-reverse`||o.buttonPlacement===`end`||o.buttonPlacement===`end-reverse`),me=(0,t.computed)(()=>o.buttonPlacement===`both-reverse`||o.buttonPlacement===`end`||o.buttonPlacement===`end-reverse`),he=(0,t.computed)(()=>o.buttonPlacement===`both`||o.buttonPlacement===`end`||o.buttonPlacement===`end-reverse`),ge=(0,t.computed)(()=>o.buttonPlacement===`both`||o.buttonPlacement===`both-reverse`||o.buttonPlacement===`start`||o.buttonPlacement===`start-reverse`),_e=(0,t.computed)(()=>o.buttonPlacement===`both`||o.buttonPlacement===`start`||o.buttonPlacement===`start-reverse`),G=(0,t.computed)(()=>o.buttonPlacement===`both-reverse`||o.buttonPlacement===`start`||o.buttonPlacement===`start-reverse`),ye=e=>{e.detail>1&&e.preventDefault()},be=e=>{var t,n;let r=e.target,i=V.value.$el,a=te.value.$el;(t=B.value)!=null&&t.contains(r)||a!=null&&a.contains(r)||i!=null&&i.contains(r)||(n=B.value)==null||n.focus()},xe=(0,t.ref)(!1),Ce=()=>{xe.value=!0},Te=()=>{xe.value=!1};(0,t.watch)([w,g,v,_,C,x,()=>le,d,f,Z(),xe,H,T],()=>{setTimeout(()=>{J()})});let J=()=>{let e=q(R,z);if(!e)return;let{ctx:t,width:n,height:r,canvas:i}=e,a=K(),o=Se(i,a,g.value,v.value,_.value||`medium`,l.value,d.value,f.value),s=w.value===`normal`?(xe.value||H.value)&&!x.value&&!C.value?Y(`primary`,6):Y(`neutral`,10):Y(w.value===`error`?`danger`:w.value,6),c=we(o,n,r,a);s&&Rn(t,n,r,c,o,ee,s,a,l.value,d.value,f.value,T.value);let u=x.value?Y(`neutral`,6):Y(`neutral`,1);u&&ve(t,Math.round(n/2),Math.round(r/2),u)};return(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{J()})}),Q(R,J),tt(J),pt(R,J),(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-input-number`,{[`px-input-number__${(0,t.unref)(_)}`]:!!(0,t.unref)(_),[`px-input-number__${(0,t.unref)(v)}`]:!!(0,t.unref)(v),"px-input-number__inner":l.value,"px-input-number__disabled":!!(0,t.unref)(x)}]),ref_key:`wrapperRef`,ref:R,onClick:be,onMouseenter:Ce,onMouseleave:Te,onFocusout:oe,onFocusin:se},[(0,t.unref)(le).prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Vn,[(0,t.renderSlot)(n.$slots,`prefix`)])):(0,t.createCommentVNode)(``,!0),ge.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)([`px-input-number-setting-prefix-wrapper`,o.buttonPlacement===`start-reverse`&&`px-input-number-setting-prefix-wrapper__reverse`])},[_e.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Bn),{key:0,class:(0,t.normalizeClass)([`px-input-number-icon`,ue.value&&`px-input-number-icon__disabled`]),onClick:W,onMousedown:ye,tabindex:(0,t.unref)(x)||(0,t.unref)(C)||ue.value?-1:0,ref_key:`plusRef`,ref:V},null,8,[`tabindex`,`class`])):(0,t.createCommentVNode)(``,!0),G.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(zn),{key:1,class:(0,t.normalizeClass)([`px-input-number-icon`,U.value&&`px-input-number-icon__disabled`]),onClick:fe,onMousedown:ye,tabindex:(0,t.unref)(x)||(0,t.unref)(C)||U.value?-1:0,ref_key:`minusRef`,ref:te},null,8,[`tabindex`,`class`])):(0,t.createCommentVNode)(``,!0)],2)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`input`,{class:`px-input-number-inner`,value:P.value,ref_key:`inputRef`,ref:B,placeholder:o.placeholder,disabled:(0,t.unref)(x)||(0,t.unref)(C),autofocus:e.autofocus,onInput:(0,t.withModifiers)(re,[`stop`]),onChange:(0,t.withModifiers)(ae,[`stop`]),onCompositionstart:i[0]||(i[0]=(...e)=>(0,t.unref)(I)&&(0,t.unref)(I)(...e)),onCompositionend:i[1]||(i[1]=(...e)=>(0,t.unref)(L)&&(0,t.unref)(L)(...e))},null,40,Hn),ce.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Un,[xe.value&&P.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(wt),{key:0,class:`px-input-number-icon`,onClick:ie})):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Wn))])):(0,t.createCommentVNode)(``,!0),pe.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:3,class:(0,t.normalizeClass)([`px-input-number-setting-suffix-wrapper`,o.buttonPlacement===`end-reverse`&&`px-input-number-setting-suffix-wrapper__reverse`])},[me.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Bn),{key:0,class:(0,t.normalizeClass)([`px-input-number-icon`,ue.value&&`px-input-number-icon__disabled`]),onClick:W,onMousedown:ye,tabindex:(0,t.unref)(x)||(0,t.unref)(C)||ue.value?-1:0,ref_key:`plusRef`,ref:V},null,8,[`tabindex`,`class`])):(0,t.createCommentVNode)(``,!0),he.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(zn),{key:1,class:(0,t.normalizeClass)([`px-input-number-icon`,U.value&&`px-input-number-icon__disabled`]),onClick:fe,onMousedown:ye,tabindex:(0,t.unref)(x)||(0,t.unref)(C)||U.value?-1:0,ref_key:`minusRef`,ref:te},null,8,[`tabindex`,`class`])):(0,t.createCommentVNode)(``,!0)],2)):(0,t.createCommentVNode)(``,!0),o.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Gn,[(0,t.createVNode)((0,t.unref)(r),{class:`px-input-number-icon px-animation__loading`})])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(le).suffix?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Kn,[(0,t.renderSlot)(n.$slots,`suffix`)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`canvas`,{class:`px-input-number-canvas`,ref_key:`canvasRef`,ref:z},null,512)],34))}});let Jn=(e,t,n,r,i,a)=>{e.fillStyle=X(r),e.fillRect(a,0,t-2*a,a),e.fillRect(t-a,a,a,n-2*a),e.fillRect(a,n-a,t-2*a,a),e.fillRect(0,a,a,n-2*a),e.fillStyle=X(i),e.fillRect(a,a,t-2*a,n-2*a)};var Yn=null,Xn=`
   position:absolute!important;
   top:-9999px!important;
   left:-9999px!important;
@@ -9,4 +9,4 @@
   min-height:0!important;
   height:0!important;
   z-index:-9999!important;
-`,$l=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","font-variant","text-rendering","text-transform","width","padding-left","padding-right","border-width","box-sizing"];function Nl(n){const o=window.getComputedStyle(n),l=o.getPropertyValue("box-sizing"),t=parseFloat(o.getPropertyValue("padding-top"))+parseFloat(o.getPropertyValue("padding-bottom")),r=parseFloat(o.getPropertyValue("border-top-width"))+parseFloat(o.getPropertyValue("border-bottom-width"));return{sizingStyle:$l.map(c=>`${c}:${o.getPropertyValue(c)}`).join(";"),paddingSize:t,borderSize:r,boxSizing:l}}function Pl(n,o=1,l=1/0){He||(He=document.createElement("textarea"),document.body.appendChild(He));const{sizingStyle:t,paddingSize:r,borderSize:a,boxSizing:c}=Nl(n),s=n.getBoundingClientRect().width;He.setAttribute("style",`${t};${Vo(Tl,p=>p==="width"?String(s):"")}`),He.value="";let i=He.scrollHeight-r;const f=i*o+(c==="border-box"?r+a:0),d=i*l+(c==="border-box"?r+a:0);He.value=n.value||n.placeholder||"";let u=He.scrollHeight;return u+=+(c==="border-box")*a,u=mt(u,f,d),{height:u,minHeight:f,maxHeight:d}}let Zt=0;function Il(n,o,l){return Pl(n,o,l)}function Ll(){Zt--,He&&Zt<=0&&(He.remove(),He=null)}function Dl(){Zt++}const Al=(n,o)=>{const l=e.ref(void 0),t=e.ref(void 0),r=e.ref(void 0),a=()=>{if(J()&&n.value){const c=Il(n.value,o.minRows||1,o.maxRows||1/0);l.value=c.height,r.value=c.maxHeight,t.value=c.minHeight}};return J()&&(Dl(),Ve(n,a,!0),e.onBeforeUnmount(()=>{Ll()})),[l,t,r,a]},Ol=["value","placeholder","disabled","autofocus","rows"],Fl={class:"px-textarea-addition-wrapper"},Gl={key:0,class:"px-textarea-close-wrapper"},Wl={key:1,class:"px-textarea-count-wrapper"},Ul={key:2,class:"px-textarea-loading-wrapper"},Gn=e.defineComponent({name:"Textarea",__name:"index",props:{modelValue:null,defaultValue:null,rows:null,minRows:{default:1},maxRows:{default:1/0},autoResize:{type:Boolean,default:!1},resize:{type:Boolean,default:!0},placeholder:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:{default:"medium"},maxLength:null,showCount:{type:Boolean,default:!1},countGraphemes:{type:Function},sliceGraphemes:{type:Function},status:{default:"normal"},autofocus:{type:Boolean}},emits:["input","update:modelValue","change","clear","blur","focus"],setup(n,{expose:o,emit:l}){const t=n,r=l,[a,c,s]=at({afterComposition:N=>{e.nextTick(()=>{b(N)})}}),[i,f]=Qe("modelValue",t,r,{defaultField:"defaultValue",transform:N=>N||""}),d=e.shallowRef(null),u=e.shallowRef(null),p=e.shallowRef(null),[m,g,h,y]=Al(p,t),k=e.computed(()=>i.value?t.countGraphemes?t.countGraphemes(i.value):i.value.length:0),b=async N=>{let D=N.target.value;i.value=D,!a.value&&(t.maxLength&&(t.countGraphemes&&t.sliceGraphemes?(await e.nextTick(),D=t.sliceGraphemes(D,t.maxLength)):D=D.slice(0,t.maxLength)),i.value=D,r("input",D,N),f(D))},v=async()=>{await f(""),r("change",""),r("clear","")},_=N=>{const j=N.target;y(),r("change",j.value,N)},C=e.ref(!1),V=()=>{t.autoResize&&p.value&&m.value&&(p.value.style.height=m.value+"px")};e.watch(m,()=>{V()});const x=()=>{V(),C.value=!1},H=()=>{V(),C.value=!0},E=e.computed(()=>t.clearable&&C.value&&!t.disabled&&!t.readonly&&!!i.value),L=()=>{var N;(N=p.value)==null||N.focus()},$=e.ref(!1),A=()=>{$.value=!0},T=()=>{$.value=!1};o({focus:()=>{var N;(N=p.value)==null||N.focus()},blur:()=>{var N;(N=p.value)==null||N.blur()},clear:()=>v(),select:()=>{var N;(N=p.value)==null||N.select()}});const I=we();e.watch([()=>t.size,()=>t.disabled,I,$,C],()=>{setTimeout(()=>{K()})});const U=()=>{const N=Re(d,u);if(!N)return;const{ctx:j,width:D,height:ie}=N,ne=_e(),se=t.status!=="normal"?w(t.status==="error"?"danger":t.status,6):($.value||C.value)&&!t.disabled&&!t.readonly?w("primary",6):w("neutral",10),S=t.disabled?w("neutral",6):w("neutral",1);El(j,D,ie,se,S,ne)},K=Ho(U,0,{maxWait:50});return e.onMounted(()=>{e.nextTick(()=>{U()}),setTimeout(()=>{V()})}),Ve(d,K),Me(K),(N,j)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pixelium px-textarea",{[`px-textarea__${t.size}`]:!!t.size,"px-textarea__disabled":!!t.disabled,"px-textarea__resize":!!t.resize}]),ref_key:"wrapperRef",ref:d,onClick:L,onMouseenter:A,onMouseleave:T},[e.createElementVNode("textarea",{class:"px-textarea-inner",value:e.unref(i),ref_key:"inputRef",ref:p,placeholder:t.placeholder,disabled:t.disabled||t.readonly,autofocus:n.autofocus,rows:t.rows,style:e.normalizeStyle({minHeight:e.unref(g)?e.unref(g)+"px":void 0,maxHeight:e.unref(h)?e.unref(h)+"px":void 0}),onInput:e.withModifiers(b,["stop"]),onChange:e.withModifiers(_,["stop"]),onBlur:x,onFocus:H,onCompositionstart:j[0]||(j[0]=(...D)=>e.unref(c)&&e.unref(c)(...D)),onCompositionend:j[1]||(j[1]=(...D)=>e.unref(s)&&e.unref(s)(...D))},null,44,Ol),e.createElementVNode("div",Fl,[E.value?(e.openBlock(),e.createElementBlock("div",Gl,[e.createVNode(e.unref(tt),{class:"px-textarea-icon",onClick:v})])):e.createCommentVNode("",!0),t.showCount?(e.openBlock(),e.createElementBlock("div",Wl,[e.renderSlot(N.$slots,"count",{value:e.unref(i),count:k.value,maxLength:t.maxLength},()=>[e.createElementVNode("span",null,e.toDisplayString(k.value)+e.toDisplayString(e.unref(ue)(t.maxLength)?"":" / "+t.maxLength),1)])])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createElementBlock("div",Ul,[e.createVNode(e.unref(be),{class:"px-textarea-icon px-animation__loading"})])):e.createCommentVNode("",!0)]),e.createElementVNode("canvas",{class:"px-textarea-canvas",ref_key:"canvasRef",ref:u},null,512)],34))}});function jl(n,o,l="primary",t){if(t)switch(o){case"outline":return fe;case"plain":return t[0];default:return n?t[1]:t[5]}else if(l!=="info")switch(o){case"outline":return fe;case"plain":return w(l,1);default:return n?w(l,2):w(l,6)}else switch(o){case"outline":return fe;case"plain":return w("neutral",1);default:return n?w("neutral",7):w("neutral",8)}}function Xl(n,o,l="primary",t){if(t)switch(o){case"plain":return t[1];case"outline":return n?t[0]:t[5];default:return n?t[0]:t[4]}else if(l!=="info")switch(o){case"plain":return w(l,2);case"outline":return n?w(l,1):w(l,6);default:return n?w(l,1):w(l,5)}else{switch(o){case"plain":return n?w("neutral",5):w("neutral",7);case"outline":return n?w("neutral",7):w("neutral",9)}return n?w("neutral",5):w("neutral",7)}}const ql=(n,o,l,t,r,a,c,s)=>{n.fillStyle=F(c);for(let i=0;i<4;i++)r[i]>s&&xe(n,t[i][0],t[i][1],r[i],a[i][0],a[i][1],s);t[1][0]+s>t[0][0]&&n.fillRect(t[0][0],0,t[1][0]-t[0][0]+s,s),t[2][1]+s>t[1][1]&&n.fillRect(o-s,t[1][1],s,t[2][1]-t[1][1]+s),t[3][0]<t[2][0]+s&&n.fillRect(t[3][0],l-s,t[2][0]-t[3][0]+s,s),t[3][1]+s>t[0][1]&&n.fillRect(0,t[0][1],s,t[3][1]-t[0][1]+s)},Yl=(n,o,l)=>{if(!(!n||o==="primary")){if(l)return F(o==="plain"?n[2]:n[1]);switch(o){case"outline":return F(n[5]);case"plain":return F(n[5]);default:return}}},Kl=e.defineComponent({props:{size:{},color:{}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{class:"px-icon-hn",style:e.normalizeStyle({color:o.color,fontSize:o.size+"px"}),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M14 13h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v1h-1v1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-2v1h-1v1H9v1H8v1H7v1H6v1H5v1H4v1H3v-1H2v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-2H9v-1H8V9H7V8H6V7H5V6H4V5H3V4H2V3h1V2h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v1h2V9h1V8h1V7h1V6h1V5h1V4h1V3h1V2h1v1h1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1z"},null,-1)])],4))}}),Ql={key:0,class:"px-tag-icon-wrapper"},Pe=e.defineComponent({name:"Tag",__name:"index",props:{borderRadius:null,shape:{default:"default"},size:{default:"medium"},disabled:{type:Boolean,default:!1},variant:{default:"primary"},theme:{default:"primary"},color:null,closable:{type:Boolean}},emits:["close"],setup(n,{emit:o}){const l=n,t=o,r=e.ref(!1),a=e.ref(!1),c=h=>{r.value=h},s=h=>{a.value=h},i=we(),f=e.shallowRef(null),d=e.shallowRef(null);e.onMounted(()=>{e.nextTick(()=>{g()})});const u=e.computed(()=>{if(!l.color)return null;const h=et(l.color);return ot(h.r,h.g,h.b,h.a,i.value)}),p=e.computed(()=>Yl(u.value,l.variant,l.disabled)),m=h=>{l.disabled||t("close",h)};e.watch([()=>l.borderRadius,()=>l.shape,()=>l.disabled,()=>l.variant,()=>l.theme,u,i],()=>{g()});const g=()=>{const h=Re(d,f);if(!h)return;const{ctx:y,width:k,height:b,canvas:v}=h,_=_e(),C=qe(v,_,l.borderRadius,l.shape,"medium",!1,!1,!1),V=Xl(l.disabled,l.variant,l.theme,u.value),x=Fe(C,k,b,_);ql(y,k,b,x,C,Ae,V,_);const E=jl(l.disabled,l.variant,l.theme,u.value);Oe(y,Math.round(k/2),Math.round(b/2),E)};return Ve(d,g),Me(g),(h,y)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["pixelium px-tag",{"px-tag__large":l.size==="large","px-tag__small":l.size==="small","px-tag__outline":l.variant==="outline","px-tag__plain":l.variant==="plain","px-tag__disabled":l.disabled,"px-tag__custom":u.value,[`px-tag__${l.theme||"primary"}`]:!0}]),style:e.normalizeStyle({color:p.value}),ref_key:"tagRef",ref:d},[e.createElementVNode("canvas",{ref_key:"canvasRef",ref:f,class:"px-tag-canvas"},null,512),e.renderSlot(h.$slots,"default"),l.closable?(e.openBlock(),e.createElementBlock("div",Ql,[e.createVNode(e.unref(Kl),{onMousedown:y[0]||(y[0]=k=>s(!0)),onMouseup:y[1]||(y[1]=k=>s(!1)),onMouseenter:y[2]||(y[2]=k=>c(!0)),onMouseleave:y[3]||(y[3]=k=>c(!1)),onClick:m,class:"px-tag-icon",style:e.normalizeStyle({fill:p.value})},null,8,["style"])])):e.createCommentVNode("",!0)],6))}}),Jl=(n,o,l,t,r,a,c,s,i,f,d)=>{n.fillStyle=F(c);for(let p=0;p<4;p++)r[p]>s&&(!(p===1||p===2)||i&&d||!i)&&xe(n,t[p][0],t[p][1],r[p],a[p][0],a[p][1],s);t[1][0]+s>t[0][0]&&n.fillRect(t[0][0],0,t[1][0]-t[0][0]+s,s),t[2][1]+s>t[1][1]&&(i&&d||!i)&&n.fillRect(o-s,t[1][1],s,t[2][1]-t[1][1]+s),t[3][0]<t[2][0]+s&&n.fillRect(t[3][0],l-s,t[2][0]-t[3][0]+s,s),!(i&&!f)&&t[3][1]+s>t[0][1]&&n.fillRect(0,t[0][1],s,t[3][1]-t[0][1]+s),i&&!f&&n.fillRect(s/2,0,s/2,l),i&&!d&&n.fillRect(o-2*s-1,0,s,l)},Wn=e.defineComponent({name:"InputGroupLabel",__name:"index",props:{backgroundColor:null,borderRadius:null,shape:{default:"default"},size:{default:"medium"}},setup(n){var k;const o=n,l=e.getCurrentInstance(),t=e.ref(((k=l==null?void 0:l.parent)==null?void 0:k.type)===We),[r,a,c]=t.value?Ge(Ye):[e.ref(0),e.ref(!1),e.ref(!1)],s=e.inject(Ke),i=e.computed(()=>t.value&&s?s.borderRadius:o.borderRadius),f=e.computed(()=>t.value&&s?s.size:o.size),d=e.computed(()=>t.value&&s?s.shape:o.shape),u=e.ref(!1),p=e.ref(!1),m=we(),g=e.shallowRef(null),h=e.shallowRef(null);e.onMounted(()=>{e.nextTick(()=>{y()})}),e.watch([i,d,u,p,m],()=>{y()}),e.watch([a,c],()=>{y()});const y=()=>{const b=Re(h,g);if(!b)return;const{ctx:v,width:_,height:C,canvas:V}=b,x=_e(),H=qe(V,x,i.value,d.value,f.value||"medium",t.value,a.value,c.value),E=w("neutral",10),L=Fe(H,_,C,x);Jl(v,_,C,L,H,Ae,E,x,t.value,a.value,c.value);const A=o.backgroundColor?et(o.backgroundColor):w("neutral",3);Oe(v,Math.round(_/2),Math.round(C/2),A)};return Ve(h,y),Me(y),(b,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pixelium px-input-group-label",{"px-input-group-label__large":f.value==="large","px-input-group-label__small":f.value==="small","px-input-group-label__inner":t.value}]),ref_key:"labelRef",ref:h},[e.createElementVNode("canvas",{ref_key:"canvasRef",ref:g,class:"px-input-group-label-canvas"},null,512),e.renderSlot(b.$slots,"default")],2))}}),Zl=(n,o,l,t,r,a,c,s,i,f,d)=>{n.fillStyle=F(c);for(let u=0;u<4;u++)r[u]<=s||(!(u===1||u===2)||i&&d||!i)&&xe(n,t[u][0],t[u][1],r[u],a[u][0],a[u][1],s);if(t[1][0]+s>t[0][0]){const u=i&&!d?t[1][0]-t[0][0]+s/2+1:t[1][0]-t[0][0]+s;n.fillRect(t[0][0],0,u,s)}if(t[2][1]+s>t[1][1]&&(i&&d||!i)&&n.fillRect(o-s,t[1][1],s,t[2][1]-t[1][1]+s),t[3][0]<t[2][0]+s){const u=i&&!d?t[2][0]-t[3][0]+s/2:t[2][0]-t[3][0]+s;n.fillRect(t[3][0],l-s,u,s)}t[3][1]+s>t[0][1]&&!(i&&!f)&&n.fillRect(0,t[0][1],s,t[3][1]-t[0][1]+s),i&&!f&&n.fillRect(s/2,0,s/2,l),i&&!d&&n.fillRect(o-2*s-1,0,s/2+1,l)},wt=Math.min,rt=Math.max,Rt=Math.round,Ie=n=>({x:n,y:n}),Sl={left:"right",right:"left",bottom:"top",top:"bottom"},zl={start:"end",end:"start"};function St(n,o,l){return rt(n,wt(o,l))}function bt(n,o){return typeof n=="function"?n(o):n}function nt(n){return n.split("-")[0]}function kt(n){return n.split("-")[1]}function Un(n){return n==="x"?"y":"x"}function zt(n){return n==="y"?"height":"width"}const ea=new Set(["top","bottom"]);function Je(n){return ea.has(nt(n))?"y":"x"}function en(n){return Un(Je(n))}function ta(n,o,l){l===void 0&&(l=!1);const t=kt(n),r=en(n),a=zt(r);let c=r==="x"?t===(l?"end":"start")?"right":"left":t==="start"?"bottom":"top";return o.reference[a]>o.floating[a]&&(c=Mt(c)),[c,Mt(c)]}function na(n){const o=Mt(n);return[tn(n),o,tn(o)]}function tn(n){return n.replace(/start|end/g,o=>zl[o])}const jn=["left","right"],Xn=["right","left"],oa=["top","bottom"],la=["bottom","top"];function aa(n,o,l){switch(n){case"top":case"bottom":return l?o?Xn:jn:o?jn:Xn;case"left":case"right":return o?oa:la;default:return[]}}function ra(n,o,l,t){const r=kt(n);let a=aa(nt(n),l==="start",t);return r&&(a=a.map(c=>c+"-"+r),o&&(a=a.concat(a.map(tn)))),a}function Mt(n){return n.replace(/left|right|bottom|top/g,o=>Sl[o])}function sa(n){return{top:0,right:0,bottom:0,left:0,...n}}function qn(n){return typeof n!="number"?sa(n):{top:n,right:n,bottom:n,left:n}}function Ht(n){const{x:o,y:l,width:t,height:r}=n;return{width:t,height:r,top:l,left:o,right:o+t,bottom:l+r,x:o,y:l}}function Yn(n,o,l){let{reference:t,floating:r}=n;const a=Je(o),c=en(o),s=zt(c),i=nt(o),f=a==="y",d=t.x+t.width/2-r.width/2,u=t.y+t.height/2-r.height/2,p=t[s]/2-r[s]/2;let m;switch(i){case"top":m={x:d,y:t.y-r.height};break;case"bottom":m={x:d,y:t.y+t.height};break;case"right":m={x:t.x+t.width,y:u};break;case"left":m={x:t.x-r.width,y:u};break;default:m={x:t.x,y:t.y}}switch(kt(o)){case"start":m[c]-=p*(l&&f?-1:1);break;case"end":m[c]+=p*(l&&f?-1:1);break}return m}const ca=async(n,o,l)=>{const{placement:t="bottom",strategy:r="absolute",middleware:a=[],platform:c}=l,s=a.filter(Boolean),i=await(c.isRTL==null?void 0:c.isRTL(o));let f=await c.getElementRects({reference:n,floating:o,strategy:r}),{x:d,y:u}=Yn(f,t,i),p=t,m={},g=0;for(let h=0;h<s.length;h++){const{name:y,fn:k}=s[h],{x:b,y:v,data:_,reset:C}=await k({x:d,y:u,initialPlacement:t,placement:p,strategy:r,middlewareData:m,rects:f,platform:c,elements:{reference:n,floating:o}});d=b??d,u=v??u,m={...m,[y]:{...m[y],..._}},C&&g<=50&&(g++,typeof C=="object"&&(C.placement&&(p=C.placement),C.rects&&(f=C.rects===!0?await c.getElementRects({reference:n,floating:o,strategy:r}):C.rects),{x:d,y:u}=Yn(f,p,i)),h=-1)}return{x:d,y:u,placement:p,strategy:r,middlewareData:m}};async function Kn(n,o){var l;o===void 0&&(o={});const{x:t,y:r,platform:a,rects:c,elements:s,strategy:i}=n,{boundary:f="clippingAncestors",rootBoundary:d="viewport",elementContext:u="floating",altBoundary:p=!1,padding:m=0}=bt(o,n),g=qn(m),y=s[p?u==="floating"?"reference":"floating":u],k=Ht(await a.getClippingRect({element:(l=await(a.isElement==null?void 0:a.isElement(y)))==null||l?y:y.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:f,rootBoundary:d,strategy:i})),b=u==="floating"?{x:t,y:r,width:c.floating.width,height:c.floating.height}:c.reference,v=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),_=await(a.isElement==null?void 0:a.isElement(v))?await(a.getScale==null?void 0:a.getScale(v))||{x:1,y:1}:{x:1,y:1},C=Ht(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:b,offsetParent:v,strategy:i}):b);return{top:(k.top-C.top+g.top)/_.y,bottom:(C.bottom-k.bottom+g.bottom)/_.y,left:(k.left-C.left+g.left)/_.x,right:(C.right-k.right+g.right)/_.x}}const ia=n=>({name:"arrow",options:n,async fn(o){const{x:l,y:t,placement:r,rects:a,platform:c,elements:s,middlewareData:i}=o,{element:f,padding:d=0}=bt(n,o)||{};if(f==null)return{};const u=qn(d),p={x:l,y:t},m=en(r),g=zt(m),h=await c.getDimensions(f),y=m==="y",k=y?"top":"left",b=y?"bottom":"right",v=y?"clientHeight":"clientWidth",_=a.reference[g]+a.reference[m]-p[m]-a.floating[g],C=p[m]-a.reference[m],V=await(c.getOffsetParent==null?void 0:c.getOffsetParent(f));let x=V?V[v]:0;(!x||!await(c.isElement==null?void 0:c.isElement(V)))&&(x=s.floating[v]||a.floating[g]);const H=_/2-C/2,E=x/2-h[g]/2-1,L=wt(u[k],E),$=wt(u[b],E),A=L,T=x-h[g]-$,I=x/2-h[g]/2+H,U=St(A,I,T),K=!i.arrow&&kt(r)!=null&&I!==U&&a.reference[g]/2-(I<A?L:$)-h[g]/2<0,N=K?I<A?I-A:I-T:0;return{[m]:p[m]+N,data:{[m]:U,centerOffset:I-U-N,...K&&{alignmentOffset:N}},reset:K}}}),ua=function(n){return n===void 0&&(n={}),{name:"flip",options:n,async fn(o){var l,t;const{placement:r,middlewareData:a,rects:c,initialPlacement:s,platform:i,elements:f}=o,{mainAxis:d=!0,crossAxis:u=!0,fallbackPlacements:p,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:h=!0,...y}=bt(n,o);if((l=a.arrow)!=null&&l.alignmentOffset)return{};const k=nt(r),b=Je(s),v=nt(s)===s,_=await(i.isRTL==null?void 0:i.isRTL(f.floating)),C=p||(v||!h?[Mt(s)]:na(s)),V=g!=="none";!p&&V&&C.push(...ra(s,h,g,_));const x=[s,...C],H=await Kn(o,y),E=[];let L=((t=a.flip)==null?void 0:t.overflows)||[];if(d&&E.push(H[k]),u){const I=ta(r,c,_);E.push(H[I[0]],H[I[1]])}if(L=[...L,{placement:r,overflows:E}],!E.every(I=>I<=0)){var $,A;const I=((($=a.flip)==null?void 0:$.index)||0)+1,U=x[I];if(U&&(!(u==="alignment"?b!==Je(U):!1)||L.every(j=>Je(j.placement)===b?j.overflows[0]>0:!0)))return{data:{index:I,overflows:L},reset:{placement:U}};let K=(A=L.filter(N=>N.overflows[0]<=0).sort((N,j)=>N.overflows[1]-j.overflows[1])[0])==null?void 0:A.placement;if(!K)switch(m){case"bestFit":{var T;const N=(T=L.filter(j=>{if(V){const D=Je(j.placement);return D===b||D==="y"}return!0}).map(j=>[j.placement,j.overflows.filter(D=>D>0).reduce((D,ie)=>D+ie,0)]).sort((j,D)=>j[1]-D[1])[0])==null?void 0:T[0];N&&(K=N);break}case"initialPlacement":K=s;break}if(r!==K)return{reset:{placement:K}}}return{}}}},da=new Set(["left","top"]);async function fa(n,o){const{placement:l,platform:t,elements:r}=n,a=await(t.isRTL==null?void 0:t.isRTL(r.floating)),c=nt(l),s=kt(l),i=Je(l)==="y",f=da.has(c)?-1:1,d=a&&i?-1:1,u=bt(o,n);let{mainAxis:p,crossAxis:m,alignmentAxis:g}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return s&&typeof g=="number"&&(m=s==="end"?g*-1:g),i?{x:m*d,y:p*f}:{x:p*f,y:m*d}}const pa=function(n){return n===void 0&&(n=0),{name:"offset",options:n,async fn(o){var l,t;const{x:r,y:a,placement:c,middlewareData:s}=o,i=await fa(o,n);return c===((l=s.offset)==null?void 0:l.placement)&&(t=s.arrow)!=null&&t.alignmentOffset?{}:{x:r+i.x,y:a+i.y,data:{...i,placement:c}}}}},ma=function(n){return n===void 0&&(n={}),{name:"shift",options:n,async fn(o){const{x:l,y:t,placement:r}=o,{mainAxis:a=!0,crossAxis:c=!1,limiter:s={fn:y=>{let{x:k,y:b}=y;return{x:k,y:b}}},...i}=bt(n,o),f={x:l,y:t},d=await Kn(o,i),u=Je(nt(r)),p=Un(u);let m=f[p],g=f[u];if(a){const y=p==="y"?"top":"left",k=p==="y"?"bottom":"right",b=m+d[y],v=m-d[k];m=St(b,m,v)}if(c){const y=u==="y"?"top":"left",k=u==="y"?"bottom":"right",b=g+d[y],v=g-d[k];g=St(b,g,v)}const h=s.fn({...o,[p]:m,[u]:g});return{...h,data:{x:h.x-l,y:h.y-t,enabled:{[p]:a,[u]:c}}}}}};function Et(){return typeof window<"u"}function st(n){return Qn(n)?(n.nodeName||"").toLowerCase():"#document"}function Be(n){var o;return(n==null||(o=n.ownerDocument)==null?void 0:o.defaultView)||window}function Ue(n){var o;return(o=(Qn(n)?n.ownerDocument:n.document)||window.document)==null?void 0:o.documentElement}function Qn(n){return Et()?n instanceof Node||n instanceof Be(n).Node:!1}function Ee(n){return Et()?n instanceof Element||n instanceof Be(n).Element:!1}function Le(n){return Et()?n instanceof HTMLElement||n instanceof Be(n).HTMLElement:!1}function Jn(n){return!Et()||typeof ShadowRoot>"u"?!1:n instanceof ShadowRoot||n instanceof Be(n).ShadowRoot}const ha=new Set(["inline","contents"]);function _t(n){const{overflow:o,overflowX:l,overflowY:t,display:r}=Te(n);return/auto|scroll|overlay|hidden|clip/.test(o+t+l)&&!ha.has(r)}const ga=new Set(["table","td","th"]);function ya(n){return ga.has(st(n))}const va=[":popover-open",":modal"];function Tt(n){return va.some(o=>{try{return n.matches(o)}catch{return!1}})}const wa=["transform","translate","scale","rotate","perspective"],ba=["transform","translate","scale","rotate","perspective","filter"],ka=["paint","layout","strict","content"];function nn(n){const o=on(),l=Ee(n)?Te(n):n;return wa.some(t=>l[t]?l[t]!=="none":!1)||(l.containerType?l.containerType!=="normal":!1)||!o&&(l.backdropFilter?l.backdropFilter!=="none":!1)||!o&&(l.filter?l.filter!=="none":!1)||ba.some(t=>(l.willChange||"").includes(t))||ka.some(t=>(l.contain||"").includes(t))}function _a(n){let o=Ze(n);for(;Le(o)&&!ct(o);){if(nn(o))return o;if(Tt(o))return null;o=Ze(o)}return null}function on(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}const Ca=new Set(["html","body","#document"]);function ct(n){return Ca.has(st(n))}function Te(n){return Be(n).getComputedStyle(n)}function $t(n){return Ee(n)?{scrollLeft:n.scrollLeft,scrollTop:n.scrollTop}:{scrollLeft:n.scrollX,scrollTop:n.scrollY}}function Ze(n){if(st(n)==="html")return n;const o=n.assignedSlot||n.parentNode||Jn(n)&&n.host||Ue(n);return Jn(o)?o.host:o}function Zn(n){const o=Ze(n);return ct(o)?n.ownerDocument?n.ownerDocument.body:n.body:Le(o)&&_t(o)?o:Zn(o)}function Sn(n,o,l){var t;o===void 0&&(o=[]);const r=Zn(n),a=r===((t=n.ownerDocument)==null?void 0:t.body),c=Be(r);return a?(ln(c),o.concat(c,c.visualViewport||[],_t(r)?r:[],[])):o.concat(r,Sn(r,[]))}function ln(n){return n.parent&&Object.getPrototypeOf(n.parent)?n.frameElement:null}function zn(n){const o=Te(n);let l=parseFloat(o.width)||0,t=parseFloat(o.height)||0;const r=Le(n),a=r?n.offsetWidth:l,c=r?n.offsetHeight:t,s=Rt(l)!==a||Rt(t)!==c;return s&&(l=a,t=c),{width:l,height:t,$:s}}function eo(n){return Ee(n)?n:n.contextElement}function it(n){const o=eo(n);if(!Le(o))return Ie(1);const l=o.getBoundingClientRect(),{width:t,height:r,$:a}=zn(o);let c=(a?Rt(l.width):l.width)/t,s=(a?Rt(l.height):l.height)/r;return(!c||!Number.isFinite(c))&&(c=1),(!s||!Number.isFinite(s))&&(s=1),{x:c,y:s}}const xa=Ie(0);function to(n){const o=Be(n);return!on()||!o.visualViewport?xa:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function Va(n,o,l){return o===void 0&&(o=!1),!l||o&&l!==Be(n)?!1:o}function Ct(n,o,l,t){o===void 0&&(o=!1),l===void 0&&(l=!1);const r=n.getBoundingClientRect(),a=eo(n);let c=Ie(1);o&&(t?Ee(t)&&(c=it(t)):c=it(n));const s=Va(a,l,t)?to(a):Ie(0);let i=(r.left+s.x)/c.x,f=(r.top+s.y)/c.y,d=r.width/c.x,u=r.height/c.y;if(a){const p=Be(a),m=t&&Ee(t)?Be(t):t;let g=p,h=ln(g);for(;h&&t&&m!==g;){const y=it(h),k=h.getBoundingClientRect(),b=Te(h),v=k.left+(h.clientLeft+parseFloat(b.paddingLeft))*y.x,_=k.top+(h.clientTop+parseFloat(b.paddingTop))*y.y;i*=y.x,f*=y.y,d*=y.x,u*=y.y,i+=v,f+=_,g=Be(h),h=ln(g)}}return Ht({width:d,height:u,x:i,y:f})}function Nt(n,o){const l=$t(n).scrollLeft;return o?o.left+l:Ct(Ue(n)).left+l}function no(n,o){const l=n.getBoundingClientRect(),t=l.left+o.scrollLeft-Nt(n,l),r=l.top+o.scrollTop;return{x:t,y:r}}function Ba(n){let{elements:o,rect:l,offsetParent:t,strategy:r}=n;const a=r==="fixed",c=Ue(t),s=o?Tt(o.floating):!1;if(t===c||s&&a)return l;let i={scrollLeft:0,scrollTop:0},f=Ie(1);const d=Ie(0),u=Le(t);if((u||!u&&!a)&&((st(t)!=="body"||_t(c))&&(i=$t(t)),Le(t))){const m=Ct(t);f=it(t),d.x=m.x+t.clientLeft,d.y=m.y+t.clientTop}const p=c&&!u&&!a?no(c,i):Ie(0);return{width:l.width*f.x,height:l.height*f.y,x:l.x*f.x-i.scrollLeft*f.x+d.x+p.x,y:l.y*f.y-i.scrollTop*f.y+d.y+p.y}}function Ra(n){return Array.from(n.getClientRects())}function Ma(n){const o=Ue(n),l=$t(n),t=n.ownerDocument.body,r=rt(o.scrollWidth,o.clientWidth,t.scrollWidth,t.clientWidth),a=rt(o.scrollHeight,o.clientHeight,t.scrollHeight,t.clientHeight);let c=-l.scrollLeft+Nt(n);const s=-l.scrollTop;return Te(t).direction==="rtl"&&(c+=rt(o.clientWidth,t.clientWidth)-r),{width:r,height:a,x:c,y:s}}const oo=25;function Ha(n,o){const l=Be(n),t=Ue(n),r=l.visualViewport;let a=t.clientWidth,c=t.clientHeight,s=0,i=0;if(r){a=r.width,c=r.height;const d=on();(!d||d&&o==="fixed")&&(s=r.offsetLeft,i=r.offsetTop)}const f=Nt(t);if(f<=0){const d=t.ownerDocument,u=d.body,p=getComputedStyle(u),m=d.compatMode==="CSS1Compat"&&parseFloat(p.marginLeft)+parseFloat(p.marginRight)||0,g=Math.abs(t.clientWidth-u.clientWidth-m);g<=oo&&(a-=g)}else f<=oo&&(a+=f);return{width:a,height:c,x:s,y:i}}const Ea=new Set(["absolute","fixed"]);function Ta(n,o){const l=Ct(n,!0,o==="fixed"),t=l.top+n.clientTop,r=l.left+n.clientLeft,a=Le(n)?it(n):Ie(1),c=n.clientWidth*a.x,s=n.clientHeight*a.y,i=r*a.x,f=t*a.y;return{width:c,height:s,x:i,y:f}}function lo(n,o,l){let t;if(o==="viewport")t=Ha(n,l);else if(o==="document")t=Ma(Ue(n));else if(Ee(o))t=Ta(o,l);else{const r=to(n);t={x:o.x-r.x,y:o.y-r.y,width:o.width,height:o.height}}return Ht(t)}function ao(n,o){const l=Ze(n);return l===o||!Ee(l)||ct(l)?!1:Te(l).position==="fixed"||ao(l,o)}function $a(n,o){const l=o.get(n);if(l)return l;let t=Sn(n,[]).filter(s=>Ee(s)&&st(s)!=="body"),r=null;const a=Te(n).position==="fixed";let c=a?Ze(n):n;for(;Ee(c)&&!ct(c);){const s=Te(c),i=nn(c);!i&&s.position==="fixed"&&(r=null),(a?!i&&!r:!i&&s.position==="static"&&!!r&&Ea.has(r.position)||_t(c)&&!i&&ao(n,c))?t=t.filter(d=>d!==c):r=s,c=Ze(c)}return o.set(n,t),t}function Na(n){let{element:o,boundary:l,rootBoundary:t,strategy:r}=n;const c=[...l==="clippingAncestors"?Tt(o)?[]:$a(o,this._c):[].concat(l),t],s=c[0],i=c.reduce((f,d)=>{const u=lo(o,d,r);return f.top=rt(u.top,f.top),f.right=wt(u.right,f.right),f.bottom=wt(u.bottom,f.bottom),f.left=rt(u.left,f.left),f},lo(o,s,r));return{width:i.right-i.left,height:i.bottom-i.top,x:i.left,y:i.top}}function Pa(n){const{width:o,height:l}=zn(n);return{width:o,height:l}}function Ia(n,o,l){const t=Le(o),r=Ue(o),a=l==="fixed",c=Ct(n,!0,a,o);let s={scrollLeft:0,scrollTop:0};const i=Ie(0);function f(){i.x=Nt(r)}if(t||!t&&!a)if((st(o)!=="body"||_t(r))&&(s=$t(o)),t){const m=Ct(o,!0,a,o);i.x=m.x+o.clientLeft,i.y=m.y+o.clientTop}else r&&f();a&&!t&&r&&f();const d=r&&!t&&!a?no(r,s):Ie(0),u=c.left+s.scrollLeft-i.x-d.x,p=c.top+s.scrollTop-i.y-d.y;return{x:u,y:p,width:c.width,height:c.height}}function an(n){return Te(n).position==="static"}function ro(n,o){if(!Le(n)||Te(n).position==="fixed")return null;if(o)return o(n);let l=n.offsetParent;return Ue(n)===l&&(l=l.ownerDocument.body),l}function so(n,o){const l=Be(n);if(Tt(n))return l;if(!Le(n)){let r=Ze(n);for(;r&&!ct(r);){if(Ee(r)&&!an(r))return r;r=Ze(r)}return l}let t=ro(n,o);for(;t&&ya(t)&&an(t);)t=ro(t,o);return t&&ct(t)&&an(t)&&!nn(t)?l:t||_a(n)||l}const La=async function(n){const o=this.getOffsetParent||so,l=this.getDimensions,t=await l(n.floating);return{reference:Ia(n.reference,await o(n.floating),n.strategy),floating:{x:0,y:0,width:t.width,height:t.height}}};function Da(n){return Te(n).direction==="rtl"}const Aa={convertOffsetParentRelativeRectToViewportRelativeRect:Ba,getDocumentElement:Ue,getClippingRect:Na,getOffsetParent:so,getElementRects:La,getClientRects:Ra,getDimensions:Pa,getScale:it,isElement:Ee,isRTL:Da},Oa=pa,Fa=ma,Ga=ua,Wa=ia,Ua=(n,o,l)=>{const t=new Map,r={platform:Aa,...l},a={...r.platform,_c:t};return ca(n,o,{...r,platform:a})};function ja(n){return n==="light"?w("neutral",10):w("neutral",9)}function Xa(n){return n==="light"?w("neutral",1):w("neutral",10)}const qa=(n,o,l,t,r,a,c,s,i,f,d,u)=>{n.fillStyle=F(c);for(let p=0;p<4;p++)r[p]>s&&xe(n,t[p][0]+u,t[p][1]+d,r[p],a[p][0],a[p][1],s);t[1][0]+s>t[0][0]&&n.fillRect(t[0][0]+u,d,t[1][0]-t[0][0]+s,s),t[2][1]+s>t[1][1]&&n.fillRect(o-i-s+u,t[1][1]+d,s,t[2][1]-t[1][1]+s),t[3][0]<t[2][0]+s&&n.fillRect(t[3][0]+u,l-f-s+d,t[2][0]-t[3][0]+s,s),t[3][1]+s>t[0][1]&&n.fillRect(u,t[0][1]+d,s,t[3][1]-t[0][1]+s)},Ya=(n,o,l,t,r,a,c,s,i,f)=>{switch(c){case"right":{const d=f-a/2,u=[0,s==="start"?Math.floor(d):s==="end"?Math.ceil(d):Math.round(d)];for(let p=0;p<4;p++){const m=p>1?p-1:p;n.fillStyle=F(t);const g=Math.max(0,u[1]-m*a),h=Math.min(l,u[1]+m*a),y=u[0]+p*a;n.fillRect(y,g,a,a),n.fillRect(y,h,a,a),n.fillStyle=F(r),h-g-a>0&&n.fillRect(y,g+a,a,h-g-a)}break}case"left":{const d=f-a/2,u=[Math.round(o-a),s==="start"?Math.floor(d):s==="end"?Math.ceil(d):Math.round(d)];for(let p=0;p<4;p++){const m=p>1?p-1:p;n.fillStyle=F(t);const g=Math.max(0,u[1]-m*a),h=Math.min(l-a,u[1]+m*a),y=u[0]-p*a;n.fillRect(y,g,a,a),n.fillRect(y,h,a,a),n.fillStyle=F(r),h-g-a>0&&n.fillRect(y,g+a,a,h-g-a)}break}case"bottom":{const d=i-a/2,u=[s==="start"?Math.floor(d):s==="end"?Math.ceil(d):Math.round(d),0];for(let p=0;p<4;p++){const m=p>1?p-1:p;n.fillStyle=F(t);const g=Math.max(0,u[0]-m*a),h=Math.min(u[0]+m*a,o-a),y=u[1]+p*a;n.fillRect(g,y,a,a),n.fillRect(h,y,a,a),n.fillStyle=F(r),h-g-a>0&&n.fillRect(g+a,y,h-g-a,a)}break}case"top":default:{const d=i-a/2,u=[s==="start"?Math.floor(d):s==="end"?Math.ceil(d):Math.round(d),Math.round(l-a)];for(let p=0;p<4;p++){const m=p>1?p-1:p;n.fillStyle=F(t);const g=Math.max(0,u[0]-m*a),h=Math.min(u[0]+m*a,o-a),y=u[1]-p*a;n.fillRect(g,y,a,a),n.fillRect(h,y,a,a),n.fillStyle=F(r),h-g-a>0&&n.fillRect(g+a,y,h-g-a,a)}break}}},Ka=250,co=e.defineComponent({name:"PopupContent",__name:"index",props:{content:null,visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean},placement:{default:"top"},offset:{default:8},variant:{default:"light"},arrow:{type:Boolean,default:!0},zIndex:null,target:null,root:{default:"body"},borderRadius:null,widthEqual:{type:Boolean,default:!1},contentStyle:null},emits:["contentMouseenter","contentMouseleave"],setup(n,{expose:o,emit:l}){const t=n,[r,a]=_n("popup"),c=e.ref(!1),s=e.shallowRef(null),i=e.shallowRef(null),f=e.shallowRef(null),d=e.ref({}),u=e.ref({}),p=e.ref(void 0),m=e.ref(void 0),g=e.ref(void 0),h=e.computed(()=>t.placement.split("-")[0]),y=e.computed(()=>t.placement.split("-")[1]||"middle"),k=e.ref(void 0);async function b($){if(!J()||!s.value||!i.value||!f.value)return;const A=getComputedStyle(s.value),T=parseFloat(A.borderLeftWidth)+parseFloat(A.borderRightWidth),I=T/2,U=(parseFloat(A.borderTopWidth)+parseFloat(A.borderBottomWidth))/2;if((h.value==="top"||h.value==="bottom")&&t.widthEqual){const X=getComputedStyle($),re=X.boxSizing,le=A.boxSizing,me=parseFloat(X.paddingLeft)+parseFloat(X.paddingRight),G=parseFloat(A.paddingLeft)+parseFloat(A.paddingRight),R=parseFloat(X.borderLeftWidth)+parseFloat(X.borderRightWidth),W=parseFloat(X.width);re==="border-box"?le==="border-box"?k.value=W:k.value=W-G-T:le==="border-box"?k.value=W+me+R:k.value=W-G-T+me+R,await e.nextTick()}else k.value=void 0;const K=_e(),N=Math.max(t.borderRadius||K,K),j=Math.max(0,N-ht(K,N)+K),D=await Ua($,s.value,{placement:t.placement,middleware:[Oa(t.offset),Fa(),Ga(),Wa({element:i.value,padding:j})]}),{x:ie,y:ne,middlewareData:se,placement:S}=D;d.value={left:`${ie}px`,top:`${ne}px`};const{x:oe,y:Z}=se.arrow??{};g.value=S.split("-")[0],u.value={left:oe?`${oe+I}px`:void 0,top:Z?`${Z+U}px`:void 0},p.value=oe?oe+I:void 0,m.value=Z?Z+U:void 0,e.nextTick(()=>{t.visible&&(c.value=!0)})}async function v($){setTimeout(()=>{b($)})}async function _(){setTimeout(()=>{c.value=!1,g.value=void 0},Ka)}const C=$=>{J()&&($?(a(),t.target instanceof HTMLElement?v(t.target):t.target&&t.target.el instanceof HTMLElement&&v(t.target.el)):_())};e.watch(()=>t.visible,$=>{C(!!$)});const V=l,x=$=>{V("contentMouseenter",$)},H=$=>{V("contentMouseleave",$)};o({updateRenderState:()=>{e.nextTick(()=>{C(!!t.visible)})},content:s});const E=we();e.onMounted(()=>{e.nextTick(()=>{L(),C(!!t.visible)})}),e.watch([E,g,p,m,c,()=>t.variant,()=>t.arrow],()=>{L()});const L=()=>{if(!g.value)return;const $=Re(s,f);if(!$)return;const{ctx:A,width:T,height:I}=$,U=_e(),K=ve(Math.max(t.borderRadius||U,U),4),N=t.arrow?U*3:0,j=g.value==="left"||g.value==="right"?N:0,D=g.value==="top"||g.value==="bottom"?N:0,ie=ja(t.variant),ne=Fe(K,T,I,U,j,D),se=Ae,S=g.value==="bottom"?N:0,oe=g.value==="right"?N:0;qa(A,T,I,ne,K,se,ie,U,j,D,S,oe);const Z=Xa(t.variant);Oe(A,Math.round((T-j)/2+oe),Math.round((I-D)/2+S),Z),t.arrow&&Ya(A,T,I,ie,Z,U,g.value,y.value,p.value||0,m.value||0)};return Ve(s,L),Me(L),($,A)=>(e.openBlock(),e.createBlock(e.Teleport,{to:t.root||"body"},[e.createVNode(e.Transition,{name:"px-popup-content-fade__"+h.value},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",e.mergeProps({ref_key:"contentRef",ref:s,class:{pixelium:!0,"px-popup-content":!0,"px-popup-content__arrow":!!t.arrow,[`px-popup-content__${g.value||h.value}`]:!0,[`px-popup-content__${t.variant}`]:!0},style:{...d.value,visibility:c.value?"visible":"hidden",pointerEvents:c.value?"auto":"none",zIndex:t.zIndex??e.unref(r),width:e.unref(te)(k.value)?`${k.value}px`:void 0,...t.contentStyle}},$.$attrs,{onMouseenter:x,onMouseleave:H}),[e.renderSlot($.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.content),1)]),e.createElementVNode("div",{class:"px-popup-content-arrow",style:e.normalizeStyle(u.value),ref_key:"arrowRef",ref:i},null,4),e.createElementVNode("canvas",{class:"px-popup-content-canvas",ref_key:"canvasRef",ref:f},null,512)],16),[[e.vShow,t.visible]])]),_:3},8,["name"])],8,["to"]))}}),io=(n,o)=>o?o.contains(n):!0,uo=n=>{if(pt(n)){const o=n();return o instanceof HTMLElement?o:null}return n.value?n.value instanceof HTMLElement?n.value:n.value.el&&n.value.el instanceof HTMLElement?n.value.el:null:null},fo=(n,o)=>{const l=t=>{const r=t.target;if(!(r instanceof HTMLElement)||(De(n)?n.length===0:!pt(n)&&!n.value))return;(De(n)?n.reduce((c,s)=>c||io(r,uo(s)),!1):io(r,uo(n)))||o(t)};e.onMounted(()=>{document.addEventListener("click",l)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",l)})},po=e.defineComponent({name:"PopupTrigger",__name:"index",props:{trigger:{default:"hover"},disabled:{type:Boolean}},emits:["close","open"],setup(n,{expose:o,emit:l}){const t=n,r=l,a=e.shallowRef(null);async function c(u,p){J()&&(u.el instanceof HTMLElement?a.value=u:a.value=null),!t.disabled&&r("open",u,p)}async function s(u){t.disabled||r("close",u)}const i=e.useSlots();fo(a,u=>{t.trigger==="click"&&s(u)});const d=e.shallowRef(null);return o({firstVNode:d}),()=>{var p;const u=vt(((p=i.default)==null?void 0:p.call(i))||[]);return e.createVNode(e.Fragment,null,[u.map((m,g)=>{if(cl(m)){const h=t.trigger==="click"?e.createVNode("span",{onClick:y=>c(h,y)},[m]):e.createVNode("span",{onMouseenter:y=>c(h,y),onMouseleave:y=>s(y)},[m]);return g===0&&(d.value=h,a.value||(a.value=h)),h}else{const h=e.cloneVNode(m,e.mergeProps(m.props||{},t.trigger==="click"?{onClick:y=>c(h,y)}:{onMouseenter:y=>c(h,y),onMouseleave:y=>s(y)}));return h.ref=m.ref,g===0&&(d.value=h,a.value||(a.value=h)),h}})])}}}),Qa=16,Ja=300,ut=e.defineComponent({name:"Popover",__name:"index",props:{content:null,visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:void 0},placement:{default:"top"},trigger:{default:"hover"},offset:{default:8},variant:{default:"light"},arrow:{type:Boolean,default:!0},disabled:{type:Boolean},zIndex:null,root:{default:"body"},widthEqual:{type:Boolean,default:!1},contentStyle:null},emits:["update:visible","close","open"],setup(n,{expose:o,emit:l}){const t=n,r=e.computed(()=>t.visible!==void 0),a=r.value?t.visible:t.defaultVisible,c=e.ref(ue(a)?!1:a),s=e.shallowRef(),i=e.shallowRef(),f=l,d=e.shallowRef(null);let u;async function p(x,H){u&&(u(),u=void 0),await m(x),f("open",H)}async function m(x,H=!1){J()&&(v==null||v.disconnect(),x.el instanceof HTMLElement?d.value=x:d.value=null,d.value&&d.value.el instanceof HTMLElement&&(v==null||v.observe(d.value.el))),r.value&&!H?(f("update:visible",!0),await e.nextTick(()=>{}),c.value=!!t.visible):c.value=!0}async function g(x){if(t.trigger==="click"){if(s.value&&s.value.content&&s.value.content.contains(x.target)||!c.value)return}else{u&&(u(),u=void 0);const{resolve:H,reject:E,promise:L}=Promise.withResolvers();u=E,setTimeout(()=>{H()},Ja);try{await L}catch{return}}r.value?(f("update:visible",!1),await e.nextTick(()=>{}),c.value=!!t.visible):c.value=!1,f("close",x)}const h=()=>{t.trigger!=="click"&&u&&(u(),u=void 0)},y=x=>{t.trigger!=="click"&&g(x)},k=()=>{J()&&!d.value&&i.value&&i.value.firstVNode&&(v==null||v.disconnect(),d.value=i.value.firstVNode,d.value.el instanceof HTMLElement&&(v==null||v.observe(d.value.el)))},b=x=>{x?(k(),d.value&&m(d.value,!0)):c.value=!1};e.watch(()=>t.visible,()=>{b(!!t.visible)});const v=J()?new ResizeObserver(()=>{_()}):null;e.onMounted(()=>{e.nextTick(()=>{c.value&&_()})});const _=()=>{var x;k(),J()&&((x=s.value)==null||x.updateRenderState())};o({triggerContent:s,updateRenderState:_});const C=e.useSlots(),V=x=>{var H;return J()?((H=d.value)==null?void 0:H.el)instanceof HTMLElement:!1};return()=>{var x;return e.createVNode(e.Fragment,null,[e.createVNode(po,{trigger:t.trigger,disabled:t.disabled,onClose:g,onOpen:p,ref:H=>i.value=H},{default:()=>{var H;return[(H=C.default)==null?void 0:H.call(C)]}}),e.createVNode(co,{visible:c.value,content:t.content,zIndex:t.zIndex,variant:t.variant,placement:t.placement,arrow:t.arrow,offset:t.offset,borderRadius:Qa,root:t.root,widthEqual:t.widthEqual,target:V((x=d.value)==null?void 0:x.el)?d.value.el:null,onContentMouseenter:h,onContentMouseleave:y,contentStyle:t.contentStyle,ref:H=>s.value=H},{content:C.content})])}}}),Za={key:0,class:"px-input-tag-prefix-wrapper"},Sa={class:"px-input-tag-content"},za={class:"px-input-tag-content"},er=["value","placeholder","disabled","autofocus"],tr={key:1,class:"px-input-tag-close-wrapper"},nr={key:1,class:"px-input-tag-icon-placeholder"},or={key:2,class:"px-input-tag-loading-wrapper"},lr={key:3,class:"px-input-tag-suffix-wrapper"},mo=e.defineComponent({name:"InputTag",__name:"index",props:{modelValue:null,defaultValue:null,inputValue:null,defaultInputValue:null,placeholder:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:{default:"medium"},shape:{default:"default"},borderRadius:null,maxLength:null,collapseTags:{type:Boolean,default:!1},maxDisplayTags:null,collapseTagsPopover:{type:Boolean,default:!0},tagTheme:{default:"info"},tagVariant:{default:"plain"},tagColor:null,status:{default:"normal"},autofocus:{type:Boolean}},emits:["update:modelValue","tagAdd","tagClose","change","input","update:inputValue","inputChange","clear","blur","focus"],setup(n,{expose:o,emit:l}){var G;const t=n,r=l,[a,c,s]=at({afterComposition:R=>{e.nextTick(()=>{L(R)})}}),i=e.getCurrentInstance(),f=e.ref(((G=i==null?void 0:i.parent)==null?void 0:G.type)===We),[d,u,p]=f.value?Ge(Ye):[e.ref(0),e.ref(!1),e.ref(!1)],m=e.inject(Ke),g=e.computed(()=>f.value&&m?m.borderRadius:t.borderRadius),h=e.computed(()=>f.value&&m?m.size:t.size),y=e.computed(()=>f.value&&m?m.shape:t.shape),k=e.computed(()=>f.value&&m&&m.disabled||t.disabled),b=e.computed(()=>h.value==="small"?"small":"medium"),[v,_]=Qe("modelValue",t,r,{defaultField:"defaultValue",transform:R=>De(R)?[...R]:[]}),[C,V]=Qe("inputValue",t,r,{defaultField:"defaultInputValue",transform:R=>R||""}),x=e.shallowRef(null),H=e.shallowRef(null),E=e.shallowRef(null),L=async R=>{const Y=R.target.value;C.value=Y,!a.value&&(r("input",Y,R),V(Y))},$=async()=>{const R=[];await _(R),await V(""),r("clear",R),r("change",R),r("inputChange","")},A=async(R,W)=>{const Y=v.value?[...v.value]:[],z=Y.splice(R,1);await _(Y),r("tagClose",z[0],R,W),r("change",Y)},T=R=>{const W=R.target;r("inputChange",W.value,R)},I=e.ref(!1),U=async()=>{I.value=!1,await V(""),r("inputChange","")},K=()=>{I.value=!0},N=async R=>{const W=(C.value||"").trim();if(!W||t.maxLength&&v.value&&v.value.length>=t.maxLength)return;const Y=v.value?[...v.value]:[];Y.push(W),await _(Y),await V(""),r("tagAdd",W,R),r("change",Y),r("inputChange","")},j=()=>{var R;(R=E.value)==null||R.focus()},D=e.ref(!1),ie=()=>{D.value=!0},ne=()=>{D.value=!1},se=e.computed(()=>t.clearable&&!k.value&&!t.readonly),S=e.computed(()=>!k.value&&!t.readonly),oe=e.useSlots();o({focus:()=>{var R;(R=E.value)==null||R.focus()},blur:()=>{var R;(R=E.value)==null||R.blur()},clear:()=>$()});const Z=e.computed(()=>!!t.collapseTags&&te(t.maxDisplayTags)&&t.maxDisplayTags>=0),X=e.computed(()=>v.value?Z.value?v.value.slice(0,t.maxDisplayTags):v.value:[]),re=e.computed(()=>v.value?Z.value?v.value.slice(t.maxDisplayTags):[]:[]),le=we();e.watch([u,p,g,y,h,k,()=>oe,le,I,D],()=>{setTimeout(()=>{me()})});const me=()=>{const R=Re(x,H);if(!R)return;const{ctx:W,width:Y,height:z,canvas:ee}=R,pe=_e(),je=qe(ee,pe,g.value,y.value,h.value||"medium",f.value,u.value,p.value),$e=t.status!=="normal"?w(t.status==="error"?"danger":t.status,6):(D.value||I.value)&&!k.value&&!t.readonly?w("primary",6):w("neutral",10),Xe=Fe(je,Y,z,pe);Zl(W,Y,z,Xe,je,Ae,$e,pe,f.value,u.value,p.value);const Q=k.value?w("neutral",6):w("neutral",1);Oe(W,Math.round(Y/2),Math.round(z/2),Q)};return e.onMounted(()=>{e.nextTick(()=>{me()})}),Ve(x,me),Me(me),(R,W)=>{var Y;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pixelium px-input-tag",{[`px-input-tag__${h.value}`]:!!h.value,[`px-input-tag__${y.value}`]:!!y.value,"px-input-tag__inner":f.value,"px-input-tag__disabled":!!k.value}]),ref_key:"wrapperRef",ref:x,onClick:j,onMouseenter:ie,onMouseleave:ne},[e.unref(oe).prefix?(e.openBlock(),e.createElementBlock("div",Za,[e.renderSlot(R.$slots,"prefix")])):e.createCommentVNode("",!0),e.createElementVNode("div",Sa,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(X.value,(z,ee)=>(e.openBlock(),e.createBlock(Pe,{key:ee,size:b.value,variant:t.tagVariant,theme:t.tagTheme,closable:S.value,disabled:k.value,color:t.tagColor,onClose:pe=>A(ee,pe)},{default:e.withCtx(()=>[e.renderSlot(R.$slots,"tag",{tag:z,index:ee},()=>[e.createTextVNode(e.toDisplayString(z),1)])]),_:2},1032,["size","variant","theme","closable","disabled","color","onClose"]))),128)),re.value.length&&Z.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.collapseTagsPopover?(e.openBlock(),e.createBlock(ut,{key:1},{content:e.withCtx(()=>[e.createElementVNode("div",za,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(re.value,(z,ee)=>(e.openBlock(),e.createBlock(Pe,{key:ee,size:b.value,variant:t.tagVariant,theme:t.tagTheme,closable:S.value,disabled:k.value,color:t.tagColor,onClose:pe=>A(ee+Math.floor(t.maxDisplayTags),pe)},{default:e.withCtx(()=>[e.renderSlot(R.$slots,"tag",{tag:z,index:ee+Math.floor(t.maxDisplayTags)},()=>[e.createTextVNode(e.toDisplayString(z),1)])]),_:2},1032,["size","variant","theme","closable","disabled","color","onClose"]))),128))])]),default:e.withCtx(()=>[e.createVNode(Pe,{size:b.value,variant:t.tagVariant,theme:t.tagTheme,disabled:k.value,color:t.tagColor},{default:e.withCtx(()=>[e.renderSlot(R.$slots,"tag",{tag:`+${re.value.length}`,index:-1},()=>[e.createTextVNode("+"+e.toDisplayString(re.value.length),1)])]),_:3},8,["size","variant","theme","disabled","color"])]),_:3})):(e.openBlock(),e.createBlock(Pe,{key:0,size:b.value,variant:t.tagVariant,theme:t.tagTheme,disabled:k.value,color:t.tagColor},{default:e.withCtx(()=>[e.renderSlot(R.$slots,"tag",{tag:`+${re.value.length}`,index:-1},()=>[e.createTextVNode("+"+e.toDisplayString(re.value.length),1)])]),_:3},8,["size","variant","theme","disabled","color"]))],64)):e.createCommentVNode("",!0),e.createElementVNode("input",{class:"px-input-tag-inner",value:e.unref(C),ref_key:"inputRef",ref:E,placeholder:e.unref(v)&&e.unref(v).length?"":t.placeholder,disabled:k.value||t.readonly,autofocus:n.autofocus,onInput:e.withModifiers(L,["stop"]),onChange:e.withModifiers(T,["stop"]),onBlur:U,onFocus:K,onCompositionstart:W[0]||(W[0]=(...z)=>e.unref(c)&&e.unref(c)(...z)),onCompositionend:W[1]||(W[1]=(...z)=>e.unref(s)&&e.unref(s)(...z)),onKeydown:e.withKeys(N,["enter"])},null,40,er)]),se.value?(e.openBlock(),e.createElementBlock("div",tr,[D.value&&((Y=e.unref(v))!=null&&Y.length)?(e.openBlock(),e.createBlock(e.unref(tt),{key:0,class:"px-input-tag-icon",onClick:$})):(e.openBlock(),e.createElementBlock("div",nr))])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createElementBlock("div",or,[e.createVNode(e.unref(be),{class:"px-input-tag-icon px-animation__loading"})])):e.createCommentVNode("",!0),e.unref(oe).suffix?(e.openBlock(),e.createElementBlock("div",lr,[e.renderSlot(R.$slots,"suffix")])):e.createCommentVNode("",!0),e.createElementVNode("canvas",{class:"px-input-tag-canvas",ref_key:"canvasRef",ref:H},null,512)],34)}}}),ar=16,rr=300,ho=e.defineComponent({name:"Tooltip",__name:"index",props:{content:null,visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:void 0},placement:{default:"top"},trigger:{default:"hover"},offset:{default:8},variant:{default:"dark"},arrow:{type:Boolean,default:!0},disabled:{type:Boolean},zIndex:null,root:{default:"body"}},emits:["update:visible","close","open"],setup(n,{emit:o}){const l=n,t=e.computed(()=>l.visible!==void 0),r=t.value?l.visible:l.defaultVisible,a=e.ref(ue(r)?!1:r),c=e.shallowRef(),s=e.shallowRef(),i=o,f=e.shallowRef(null);let d;async function u(V,x){d&&(d(),d=void 0),await p(V),i("open",x)}async function p(V,x=!1){J()&&(b==null||b.disconnect(),V.el instanceof HTMLElement?f.value=V:f.value=null,f.value&&f.value.el instanceof HTMLElement&&(b==null||b.observe(f.value.el))),t.value&&!x?(i("update:visible",!0),await e.nextTick(()=>{}),a.value=!!l.visible):a.value=!0}async function m(V){if(l.trigger==="click"){if(c.value&&c.value.content&&c.value.content.contains(V.target)||!a.value)return}else{d&&(d(),d=void 0);const{resolve:x,reject:H,promise:E}=Promise.withResolvers();d=H,setTimeout(()=>{x()},rr);try{await E}catch{return}}t.value?(i("update:visible",!1),await e.nextTick(()=>{}),a.value=!!l.visible):a.value=!1,i("close",V)}const g=()=>{l.trigger!=="click"&&d&&(d(),d=void 0)},h=V=>{l.trigger!=="click"&&m(V)},y=()=>{J()&&!f.value&&s.value&&s.value.firstVNode&&(b==null||b.disconnect(),f.value=s.value.firstVNode,f.value.el instanceof HTMLElement&&(b==null||b.observe(f.value.el)))},k=V=>{V?(y(),f.value&&p(f.value,!0)):a.value=!1};e.watch(()=>l.visible,()=>{k(!!l.visible)});const b=J()?new ResizeObserver(()=>{v()}):null;e.onMounted(()=>{e.nextTick(()=>{a.value&&v()})});const v=()=>{var V;y(),J()&&((V=c.value)==null||V.updateRenderState())},_=e.useSlots(),C=V=>{var x;return J()?((x=f.value)==null?void 0:x.el)instanceof HTMLElement:!1};return()=>{var V;return e.createVNode(e.Fragment,null,[e.createVNode(po,{trigger:l.trigger,disabled:l.disabled,onClose:m,onOpen:u,ref:x=>s.value=x},{default:()=>{var x;return[(x=_.default)==null?void 0:x.call(_)]}}),e.createVNode(co,{visible:a.value,content:l.content,zIndex:l.zIndex,variant:l.variant,placement:l.placement,arrow:l.arrow,offset:l.offset,borderRadius:ar,root:l.root,target:C((V=f.value)==null?void 0:V.el)?f.value.el:null,onContentMouseenter:g,onContentMouseleave:h,ref:x=>c.value=x},{content:_.content})])}}}),sr=e.defineComponent({props:{size:{},color:{}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{class:"px-icon-pa",style:e.normalizeStyle({color:o.color,fontSize:o.size+"px"}),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[...t[0]||(t[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M11 22h10V8h-2V6h-2v2h-2V6h2V4h-2V2H3v12h2V4h8v6h6v10h-8zm-4-2H5v2H3v-2h2v-2H3v-2h2v2h2v-2h2v2H7zm0 0h2v2H7z"},null,-1)])],4))}}),cr={class:"pixelium px-empty"},ir={class:"px-empty-icon-wrapper"},ur={class:"px-empty-description"},Pt=e.defineComponent({name:"Empty",__name:"index",props:{description:{default:"No Data"}},setup(n){const o=n;return(l,t)=>(e.openBlock(),e.createElementBlock("div",cr,[e.createElementVNode("div",ir,[e.renderSlot(l.$slots,"image",{},()=>[e.createVNode(e.unref(sr),{class:"px-empty-icon"})])]),e.createElementVNode("div",ur,[e.renderSlot(l.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(o.description),1)])])]))}}),dr=(n,o,l,t,r,a,c,s,i,f,d)=>{n.fillStyle=F(c);for(let u=0;u<4;u++)r[u]<=s||(!(u===1||u===2)||i&&d||!i)&&xe(n,t[u][0],t[u][1],r[u],a[u][0],a[u][1],s);t[1][0]+s>t[0][0]&&n.fillRect(t[0][0],0,t[1][0]-t[0][0]+s,s),t[2][1]+s>t[1][1]&&(i&&d||!i)&&n.fillRect(o-s,t[1][1],s,t[2][1]-t[1][1]+s),t[3][0]<t[2][0]+s&&n.fillRect(t[3][0],l-s,t[2][0]-t[3][0]+s,s),t[3][1]+s>t[0][1]&&!(i&&!f)&&n.fillRect(0,t[0][1],s,t[3][1]-t[0][1]+s),i&&!f&&n.fillRect(s/2,0,s/2,l),i&&!d&&n.fillRect(o-2*s-1,0,s,l)},fr={class:"px-option-list"},pr=["onClick"],mr=["onClick"],hr={key:2,class:"px-option-list-item-group"},gr={class:"px-option-list-item-group-label"},yr=["onClick"],vr=["onClick"],go=e.defineComponent({name:"OptionList",__name:"index",props:{options:{default:()=>[]},activeValues:{default:()=>[]}},emits:["select"],setup(n,{emit:o}){const l=n,t=o,r=(i,f)=>{t("select",i,i,f)},a=(i,f)=>{i.disabled||t("select",i.value,i,f)},c=i=>he(i)?i:"type"in i&&i.type===ze?i.key:i.label,s=i=>l.activeValues.length?he(i)?l.activeValues.includes(i):l.activeValues.includes(i.value):!1;return(i,f)=>(e.openBlock(),e.createElementBlock("ul",fr,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,d=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:c(d)},[e.unref(he)(d)?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(["px-option-list-item",{"px-option-list-item__active":s(d)}]),onClick:u=>r(d,u)},[e.renderSlot(i.$slots,"option",{option:d},()=>[e.createTextVNode(e.toDisplayString(d),1)])],10,pr)):e.unref(ft)(d)&&!("type"in d&&d.type===e.unref(ze))?(e.openBlock(),e.createElementBlock("li",{key:1,class:e.normalizeClass(["px-option-list-item",{"px-option-list-item__disabled":d.disabled,"px-option-list-item__active":s(d)}]),onClick:u=>a(d,u)},[e.renderSlot(i.$slots,"option",{option:d},()=>[e.createTextVNode(e.toDisplayString(d.label),1)])],10,mr)):(e.openBlock(),e.createElementBlock("li",hr,[e.createElementVNode("div",gr,[e.renderSlot(i.$slots,"group-label",{option:d},()=>[e.createTextVNode(e.toDisplayString(d.label),1)])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.children,u=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:c(u)},[e.unref(he)(u)?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(["px-option-list-item",{"px-option-list-item__active":s(u)}]),onClick:p=>r(u,p)},[e.renderSlot(i.$slots,"option",{option:u},()=>[e.createTextVNode(e.toDisplayString(u),1)])],10,yr)):(e.openBlock(),e.createElementBlock("li",{key:1,class:e.normalizeClass(["px-option-list-item",{"px-option-list-item__disabled":u.disabled,"px-option-list-item__active":s(u)}]),onClick:p=>a(u,p)},[e.renderSlot(i.$slots,"option",{option:u},()=>[e.createTextVNode(e.toDisplayString(u.label),1)])],10,vr))],64))),128))]))],64))),128))]))}}),yo=e.defineComponent({name:"AutoComplete",__name:"index",props:{modelValue:null,defaultValue:null,options:{default:()=>[]},placeholder:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},showPopoverEmpty:{type:Boolean,default:!1},shouldShowPopover:{type:Function},filter:{type:Function},append:{type:Boolean,default:!1},size:{default:"medium"},shape:{default:"default"},borderRadius:null,status:{default:"normal"},autofocus:{type:Boolean}},emits:["input","update:modelValue","change","clear","blur","focus","select"],setup(n,{expose:o,emit:l}){var me;const t=e.useAttrs(),r=_e(),a=n,c=l,[s,i,f]=at({afterComposition:G=>{e.nextTick(()=>{$(G)})}}),d=e.getCurrentInstance(),u=e.ref(((me=d==null?void 0:d.parent)==null?void 0:me.type)===We),[p,m,g]=u.value?Ge(Ye):[e.ref(0),e.ref(!1),e.ref(!1)],h=e.inject(Ke),y=e.computed(()=>u.value&&h?h.borderRadius:a.borderRadius),k=e.computed(()=>u.value&&h?h.size:a.size),b=e.computed(()=>u.value&&h?h.shape:a.shape),v=e.computed(()=>u.value&&h&&h.disabled||a.disabled),[_,C]=Qe("modelValue",a,c,{defaultField:"defaultValue",transform:G=>G||""}),V=e.shallowRef(null),x=e.shallowRef(null),H=e.shallowRef(null),E=async()=>{if(await e.nextTick(),a.shouldShowPopover){Z.value=!!a.shouldShowPopover(_.value||"",oe.value);return}_.value&&(!a.showPopoverEmpty&&oe.value.length||a.showPopoverEmpty)?Z.value=!0:Z.value=!1},L=async()=>{Z.value=!1},$=async G=>{G.stopPropagation();const W=G.target.value;_.value=W,!s.value&&(c("input",W,G),await C(W),E())},A=async()=>{await C(""),c("change",""),c("clear","")},T=G=>{G.stopPropagation();const R=G.target;c("change",R.value,G)},I=e.ref(!1),U=()=>{I.value=!1},K=()=>{I.value=!0},N=()=>{var G;(G=H.value)==null||G.focus()},j=e.ref(!1),D=()=>{j.value=!0},ie=()=>{j.value=!1},ne=e.computed(()=>a.clearable&&!v.value&&!a.readonly),se=async(G,R,W)=>{const Y=a.append?_.value+G:G;await C(Y),L(),c("select",Y,R,W)},S=e.useSlots(),oe=e.computed(()=>a.filter?a.filter(_.value||"",a.options||[]):!_.value||!_.value.trim()?[]:At(_.value,a.options||[]));o({focus:()=>{var G;(G=H.value)==null||G.focus()},blur:()=>{var G;(G=H.value)==null||G.blur()},clear:()=>A(),select:()=>{var G;(G=H.value)==null||G.select()}});const Z=e.ref(!1),X=G=>{G||(Z.value=G)},re=we();e.watch([m,g,y,b,k,v,()=>S,re,I,j],()=>{setTimeout(()=>{le()})});const le=()=>{const G=Re(V,x);if(!G)return;const{ctx:R,width:W,height:Y,canvas:z}=G,ee=_e(),pe=qe(z,ee,y.value,b.value,k.value||"medium",u.value,m.value,g.value),je=a.status!=="normal"?w(a.status==="error"?"danger":a.status,6):(j.value||I.value)&&!v.value&&!a.readonly?w("primary",6):w("neutral",10),$e=Fe(pe,W,Y,ee);dr(R,W,Y,$e,pe,Ae,je,ee,u.value,m.value,g.value);const B=v.value?w("neutral",6):w("neutral",1);Oe(R,Math.round(W/2),Math.round(Y/2),B)};return e.onMounted(()=>{e.nextTick(()=>{le()})}),Ve(V,le),Me(le),()=>{const G=e.createVNode(e.Fragment,null,[S.prefix&&e.createVNode("div",{class:"px-auto-complete-prefix-wrapper"},[S.prefix()]),e.createVNode("input",{ref:H,class:"px-auto-complete-inner",value:_.value,placeholder:a.placeholder,disabled:v.value||a.readonly,autofocus:a.autofocus,onInput:$,onChange:T,onBlur:U,onFocus:K,onCompositionstart:i,onCompositionend:f},null),ne.value&&e.createVNode("div",{class:"px-auto-complete-close-wrapper"},[j.value&&_.value?e.createVNode(tt,{class:"px-auto-complete-icon",onClick:A},null):e.createVNode("div",{class:"px-auto-complete-icon-placeholder"},null)]),a.loading&&e.createVNode("div",{class:"px-auto-complete-loading-wrapper"},[e.createVNode(be,{class:"px-auto-complete-icon px-animation__loading"},null)]),S.suffix&&e.createVNode("div",{class:"px-auto-complete-suffix-wrapper"},[S.suffix()]),e.createVNode("canvas",{ref:x,class:"px-auto-complete-canvas"},null)]),R={},W=d==null?void 0:d.vnode.scopeId,Y=d==null?void 0:d.vnode.scopeId;return W&&(R[W]=""),Y&&(R[Y]=""),e.createVNode(ut,{placement:"bottom",offset:0,"width-equal":!0,arrow:!1,visible:Z.value,"onUpdate:visible":X,trigger:"click",contentStyle:{padding:`${r}px`}},{default:()=>e.h("div",{ref:V,class:["pixelium px-auto-complete",k.value&&`px-auto-complete__${k.value}`,b.value&&`px-auto-complete__${b.value}`,{"px-auto-complete__inner":u.value},{"px-auto-complete__disabled":v.value}],onClick:N,onMouseenter:D,onMouseleave:ie,...R,...t},[G]),content:()=>oe.value.length?e.createVNode(go,{options:oe.value,onSelect:se},{"group-label":({option:ee})=>S["group-label"]?S["group-label"]({option:ee}):ee.label,option:({option:ee})=>S.option?S.option({option:ee}):he(ee)?ee:ee.label}):e.createVNode("div",{class:"px-auto-complete-empty"},[e.createVNode(Pt,null,null)])})}}}),rn=e.defineComponent({name:"Mask",__name:"index",props:{color:null,step:{default:1},lineWidth:{default:2},grid:{type:Boolean,default:!0},zIndex:{default:un}},setup(n){const o=we(),l=n,t=e.shallowRef(null),r=e.shallowRef(null),a=()=>{const i=w("neutral",8);return i.a=Math.floor(255*.5),F(i)},c=e.ref(a()),s=()=>{if(!l.grid)return;const i=Re(r,t);if(!i)return;const{ctx:f,width:d,height:u}=i,p=l.lineWidth;f.clearRect(0,0,d,u),f.strokeStyle=l.color||c.value,f.lineWidth=p;const m=Math.max(1,l.step);for(let g=0;g<=d;g+=m+p)f.beginPath(),f.moveTo(g,0),f.lineTo(g,u),f.stroke();for(let g=0;g<=u;g+=m+p)f.beginPath(),f.moveTo(0,g),f.lineTo(d,g),f.stroke()};return e.onMounted(()=>{e.nextTick(()=>{s()})}),Ve(r,s),Me(()=>{s(),c.value=a()}),e.watch([o,c,()=>l.grid,()=>l.color,()=>l.step,()=>l.lineWidth],()=>{c.value=a(),s()}),(i,f)=>(e.openBlock(),e.createElementBlock("div",{class:"pixelium px-mask",style:e.normalizeStyle({zIndex:l.zIndex,backgroundColor:l.grid?void 0:l.color||c.value}),ref_key:"wrapperRef",ref:r},[l.grid?(e.openBlock(),e.createElementBlock("canvas",{key:0,ref_key:"canvasRef",ref:t,class:"px-mask-canvas"},null,512)):e.createCommentVNode("",!0)],4))}}),wr={class:"px-spin-content"},vo=e.defineComponent({name:"Spin",__name:"index",props:{loading:{type:Boolean,default:void 0},size:{default:"medium"},maskColor:null,maskStep:{default:1},maskLineWidth:{default:2},maskGrid:{type:Boolean,default:!0},zIndex:{default:un}},setup(n){const o=n,l=e.useSlots(),t=e.computed(()=>te(o.size)?`${o.size}px`:void 0),r=e.computed(()=>l.default?!!o.loading:o.loading!==!1);return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pixelium px-spin",{[`px-spin__${o.size}`]:e.unref(he)(o.size)}]),style:e.normalizeStyle({minWidth:t.value,minHeight:t.value})},[e.renderSlot(a.$slots,"default"),r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"px-spin-cover",style:e.normalizeStyle({zIndex:o.zIndex})},[e.unref(l).default?(e.openBlock(),e.createBlock(rn,{key:0,"z-index":0,color:o.maskColor,step:o.maskStep,"line-width":o.maskLineWidth,grid:o.maskGrid},null,8,["color","step","line-width","grid"])):e.createCommentVNode("",!0),e.createElementVNode("div",wr,[e.createElementVNode("div",{class:e.normalizeClass(["px-spin-icon-wrapper",{"px-spin-icon-wrapper__last":!e.unref(l).description,[`px-spin-icon-wrapper__${o.size}`]:e.unref(he)(o.size)}]),style:e.normalizeStyle({fontSize:t.value})},[e.renderSlot(a.$slots,"icon",{},()=>[e.createVNode(e.unref(be),{class:"px-spin-icon px-animation__loading",style:e.normalizeStyle({width:t.value,height:t.value})},null,8,["style"])])],6),e.renderSlot(a.$slots,"description")])],4)):e.createCommentVNode("",!0)],6))}}),br=(n,o,l,t,r,a,c,s,i,f,d)=>{n.fillStyle=F(c);for(let u=0;u<4;u++)r[u]<=s||(!(u===1||u===2)||i&&d||!i)&&xe(n,t[u][0],t[u][1],r[u],a[u][0],a[u][1],s);t[1][0]+s>t[0][0]&&n.fillRect(t[0][0],0,t[1][0]-t[0][0]+s,s),t[2][1]+s>t[1][1]&&(i&&d||!i)&&n.fillRect(o-s,t[1][1],s,t[2][1]-t[1][1]+s),t[3][0]<t[2][0]+s&&n.fillRect(t[3][0],l-s,t[2][0]-t[3][0]+s,s),t[3][1]+s>t[0][1]&&!(i&&!f)&&n.fillRect(0,t[0][1],s,t[3][1]-t[0][1]+s),i&&!f&&n.fillRect(s/2,0,s/2,l),i&&!d&&n.fillRect(o-2*s-1,0,s,l)},wo=250,bo=e.defineComponent({name:"Select",__name:"index",props:{modelValue:null,defaultValue:null,options:{default:()=>[]},placeholder:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},inputValue:null,defaultInputValue:null,filterable:{type:Boolean,default:!1},shouldShowPopover:{type:Function},filter:{type:Function},creatable:{type:Boolean},collapseTags:{type:Boolean,default:!1},maxDisplayTags:null,collapseTagsPopover:{type:Boolean,default:!0},tagTheme:{default:"info"},tagVariant:{default:"plain"},tagColor:null,size:{default:"medium"},shape:{default:"default"},borderRadius:null,status:{default:"normal"}},emits:["input","update:modelValue","update:inputValue","change","inputChange","clear","blur","focus","select","tagClose"],setup(n,{expose:o,emit:l}){var dt;const t=e.useAttrs(),r=_e(),a=n,c=l,[s,i,f]=at({afterComposition:M=>{e.nextTick(()=>{j(M)})}}),d=e.getCurrentInstance(),u=e.ref(((dt=d==null?void 0:d.parent)==null?void 0:dt.type)===We),[p,m,g]=u.value?Ge(Ye):[e.ref(0),e.ref(!1),e.ref(!1)],h=e.inject(Ke),y=e.computed(()=>u.value&&h?h.borderRadius:a.borderRadius),k=e.computed(()=>u.value&&h?h.size:a.size),b=e.computed(()=>u.value&&h?h.shape:a.shape),v=e.computed(()=>u.value&&h&&h.disabled||a.disabled),_=M=>Bo(M)||Ro(M)||a.multiple&&De(M)&&M.length===0,[C,V]=Qe("modelValue",a,c,{defaultField:"defaultValue",transform:M=>a.multiple?ue(M)?void 0:De(M)?[...M]:[M]:M}),[x,H]=Qe("inputValue",a,c,{defaultField:"defaultInputValue",transform:M=>M||""}),E=e.computed(()=>{if(!a.multiple)return[];if(!a.options.length)return[];if(_(C.value))return[];const M=new Map;return a.options.forEach(P=>{if(he(P))M.set(P,P);else{if("type"in P&&P.type===ze)return P.children.some(q=>{he(q)?M.set(q,q):M.set(q.value,q.label)});M.set(P.value,P.label)}}),C.value.map(P=>M.has(P)?M.get(P):String(P))}),L=e.computed(()=>{if(a.multiple||!a.options.length||_(C.value))return"";let M=String(C.value);return a.options.some(P=>he(P)?C.value===P:"type"in P&&P.type===ze?P.children.some(q=>he(q)?C.value===q:q.value===C.value?(M=q.label,!0):!1):P.value===C.value?(M=P.label,!0):!1),M}),$=e.shallowRef(null),A=e.shallowRef(null),T=e.shallowRef(null),I=e.shallowRef(null),U=e.shallowRef(null);e.watch(()=>a.multiple,(M,P)=>{V(M&&!P?[C.value]:C.value[0]||null)});const K=async()=>{if(await e.nextTick(),a.shouldShowPopover){Y.value=!!a.shouldShowPopover(x.value||"",W.value);return}Y.value=!0},N=async()=>{Y.value=!1},j=async M=>{M.stopPropagation();const q=M.target.value;x.value=q,!s.value&&(c("input",q,M),H(q),await c("update:inputValue",q),K())},D=async()=>{await new Promise(P=>{setTimeout(()=>{P()})});const M=a.multiple?[]:null;await H(""),await V(M),c("change",M),c("clear",M),c("inputChange","")},ie=M=>{M.stopPropagation();const P=M.target;c("inputChange",P.value,M)},ne=e.ref(!1),se=()=>{ne.value=!0,e.nextTick(()=>{if(T.value&&a.filterable){if(T.value.focus(),a.multiple)return;const M=_(C.value)?x.value||"":L.value;H(M)}}),K(),c("focus")},S=M=>{var q;const P=M.target;(P instanceof HTMLElement||P instanceof SVGElement)&&(q=U.value)!=null&&q.$el.contains(P)||se()},oe=async()=>{var M;ne.value=!1,Y.value=!1,(M=T.value)==null||M.blur(),setTimeout(async()=>{await H(""),c("inputChange","")},wo),c("blur")};fo([$,()=>{var M,P;return(P=(M=I.value)==null?void 0:M.triggerContent)==null?void 0:P.content}],oe);const Z=e.ref(!1),X=()=>{Z.value=!0},re=()=>{Z.value=!1},le=e.computed(()=>a.clearable&&!v.value&&!a.readonly),me=M=>{if(a.multiple)if(De(C.value)){const P=[...C.value],q=P.findIndex(ye=>ye===M);return q===-1?P.push(M):P.splice(q,1),P}else return[M];else return M},G=async(M,P,q)=>{await new Promise(ae=>{setTimeout(()=>{ae()})});const ye=me(M),ke="";await V(ye),a.multiple||(ne.value=!1,N(),c("select",ye,P,q),setTimeout(async()=>{await H(ke)},wo))},R=e.useSlots(),W=e.computed(()=>{const M=a.options||[];if(!a.filterable)return M;let P=[];return a.filter?P=a.filter(x.value||"",M):P=At(x.value||"",M),a.multiple&&(_(C.value)||C.value.forEach(q=>{const ye=xt(q,P),ke=xt(q,M);if(!ye.length)if(!ke.length)P.push(q);else if(ke.length===1)P.push(ke[0]);else{const ae=ke[1],Ne=P.findIndex(Ce=>ft(Ce)&&"type"in Ce&&Ce.type===ze&&Ce.key===ae.key);Ne?P[Ne].children.push(ke[0]):P.push({...ae,children:[ke[0]]})}})),a.creatable&&x.value&&(xt(x.value,P,!0).length||P.push(x.value)),P});o({focus:se,blur:oe,clear:()=>D()});const Y=e.ref(!1),z=M=>{M||(Y.value=M)},ee=e.computed(()=>_(C.value)&&(!a.multiple&&!L.value||a.multiple)),pe=e.computed(()=>k.value==="small"?"small":"medium"),je=e.computed(()=>!v.value&&!a.readonly),$e=async(M,P)=>{const q=[...C.value],ye=q.findIndex(ke=>ke===M);ye!==-1&&(q.splice(ye,1),await V(q),c("tagClose",M,P),c("change",q))},Xe=e.computed(()=>!!a.collapseTags&&te(a.maxDisplayTags)&&a.maxDisplayTags>=0),B=e.computed(()=>a.multiple?a.options.length?ue(C.value)?[]:Xe.value?C.value.slice(0,a.maxDisplayTags):C.value:[]:[]),Q=e.computed(()=>a.multiple?a.options.length?ue(C.value)?[]:Xe.value?C.value.slice(a.maxDisplayTags):[]:[]:[]),de=we();e.watch([m,g,y,b,k,v,()=>R,de,ne,Z],()=>{setTimeout(()=>{ge()})});const ge=()=>{const M=Re($,A);if(!M)return;const{ctx:P,width:q,height:ye,canvas:ke}=M,ae=_e(),Ne=qe(ke,ae,y.value,b.value,k.value||"medium",u.value,m.value,g.value),Ce=a.status!=="normal"?w(a.status==="error"?"danger":a.status,6):(Z.value||ne.value)&&!v.value&&!a.readonly?w("primary",6):w("neutral",10),xr=Fe(Ne,q,ye,ae);br(P,q,ye,xr,Ne,Ae,Ce,ae,u.value,m.value,g.value);const Vr=v.value?w("neutral",6):w("neutral",1);Oe(P,Math.round(q/2),Math.round(ye/2),Vr)};e.onMounted(()=>{e.nextTick(()=>{ge()})}),Ve($,ge),Me(ge);const It=M=>{M.stopPropagation()};return()=>{const M=e.createVNode(e.Fragment,null,[R.prefix&&e.createVNode("div",{class:"px-select-prefix-wrapper"},[R.prefix()]),e.createVNode("div",{class:"px-select-content"},[a.multiple&&B.value.map((ae,Ne)=>e.createVNode(Pe,{key:ae,size:pe.value,variant:a.tagVariant,theme:a.tagTheme,closable:je.value,disabled:v.value,color:a.tagColor,onClose:Ce=>$e(ae,Ce)},{default:()=>R.tag?R.tag({value:ae,label:E.value[Ne],index:Ne}):E.value[Ne]})),a.multiple&&!!Q.value.length&&Xe.value&&e.createVNode(e.Fragment,null,[a.collapseTagsPopover?e.createVNode(ut,null,{default:()=>e.createVNode(Pe,{size:pe.value,variant:a.tagVariant,theme:a.tagTheme,disabled:v.value,color:a.tagColor},{default:()=>R.tag?R.tag({value:null,label:`+${Q.value.length}`,index:-1}):`+${Q.value.length}`}),content:()=>e.createVNode("div",{class:"px-input-tag-content"},[Q.value.map((ae,Ne)=>e.createVNode(Pe,{key:ae,size:pe.value,variant:a.tagVariant,theme:a.tagTheme,disabled:v.value,color:a.tagColor,closable:je.value,onClose:Ce=>$e(ae,Ce)},{default:()=>{const Ce=Ne+Math.floor(a.maxDisplayTags);return R.tag?R.tag({value:ae,label:E.value[Ce],index:Ce}):E.value[Ce]}}))])}):e.createVNode(Pe,{size:pe.value,variant:a.tagVariant,theme:a.tagTheme,disabled:v.value,color:a.tagColor},{default:()=>R.tag?R.tag({value:null,label:`+${Q.value.length}`,index:-1}):`+${Q.value.length}`})]),e.withDirectives(e.createVNode("input",{ref:T,class:"px-select-inner",value:x.value,disabled:v.value||a.readonly,onInput:j,onChange:ie,onFocus:It,onBlur:It,onCompositionstart:i,onCompositionend:f,placeholder:ee.value?a.placeholder:""},null),[[e.vShow,a.filterable&&ne.value]]),e.withDirectives(e.createVNode("div",{class:{"px-select-placeholder":!0}},[a.placeholder]),[[e.vShow,ee.value&&(!a.filterable||!ne.value)]]),!a.multiple&&e.withDirectives(e.createVNode("div",{class:{"px-select-label":!0,"px-select-label__disabled":v.value}},[L.value]),[[e.vShow,!ee.value&&(!a.filterable||!ne.value)]])]),le.value&&e.createVNode("div",{class:"px-select-close-wrapper"},[Z.value&&!_(C.value)?e.createVNode(tt,{class:"px-select-icon",onClick:D,ref:ae=>{U.value=ae}},null):e.createVNode("div",{class:"px-select-icon-placeholder"},null)]),a.loading&&e.createVNode("div",{class:"px-select-loading-wrapper"},[e.createVNode(be,{class:"px-select-icon px-animation__loading"},null)]),R.suffix&&e.createVNode("div",{class:"px-select-suffix-wrapper"},[R.suffix()]),e.createVNode("canvas",{ref:A,class:"px-select-canvas"},null)]),P={},q=d==null?void 0:d.vnode.scopeId,ye=d==null?void 0:d.vnode.scopeId;return q&&(P[q]=""),ye&&(P[ye]=""),e.createVNode(ut,{placement:"bottom",offset:0,"width-equal":!0,arrow:!1,visible:Y.value,"onUpdate:visible":z,trigger:"click",contentStyle:{padding:`${r}px`},ref:I},{default:()=>e.h("div",{ref:$,class:["pixelium px-select",k.value&&`px-select__${k.value}`,b.value&&`px-select__${b.value}`,{"px-select__inner":u.value},{"px-select__disabled":v.value}],onClick:S,onMouseenter:X,onMouseleave:re,...P,...t},[M]),content:()=>W.value.length?e.createVNode(go,{options:W.value,onSelect:G,activeValues:a.multiple?C.value:[C.value]},{"group-label":({option:ae})=>R["group-label"]?R["group-label"]({option:ae}):ae.label,option:({option:ae})=>R.option?R.option({option:ae}):he(ae)?ae:ae.label}):e.createVNode("div",{class:"px-select-empty"},[e.createVNode(Pt,null,null)])})}}}),kr=[bn,jt,kn,xn,Kt,Vn,Bn,Rn,Qt,Mn,Jt,Hn,En,Tn,$n,Ln,Dn,Fn,Gn,We,Wn,Pe,mo,ho,ut,Pt,yo,rn,vo,bo],_r="Px",ko=(n,o={prefix:_r})=>{kr.forEach(l=>{l.name&&n.component(o.prefix+l.name,l)}),o.attachToApp!==!1&&(n.config.globalProperties.PixeliumVue={message:yt,useThemeMode:In}),o.attachToWindow!==!1&&J()&&(window.$message=yt)},Cr={install:ko};O.Aside=En,O.AutoComplete=yo,O.Button=bn,O.ButtonGroup=jt,O.Col=Vn,O.Container=Jt,O.Divider=Bn,O.Empty=Pt,O.Footer=$n,O.Grid=Qt,O.GridItem=Mn,O.Header=Tn,O.Icon=Ln,O.Input=Dn,O.InputGroup=We,O.InputGroupLabel=Wn,O.InputNumber=Fn,O.InputTag=mo,O.Link=kn,O.Main=Hn,O.Mask=rn,O.Message=yt,O.MessageBox=xn,O.Popover=ut,O.Row=Kt,O.Select=bo,O.Space=Rn,O.Spin=vo,O.Tag=Pe,O.Textarea=Gn,O.Tooltip=ho,O.default=Cr,O.install=ko,O.setThemeColor=dl,O.useThemeMode=In,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+`,Zn=[`letter-spacing`,`line-height`,`padding-top`,`padding-bottom`,`font-family`,`font-weight`,`font-size`,`font-variant`,`text-rendering`,`text-transform`,`width`,`padding-left`,`padding-right`,`border-width`,`box-sizing`];function Qn(e){let t=window.getComputedStyle(e),n=t.getPropertyValue(`box-sizing`),r=parseFloat(t.getPropertyValue(`padding-top`))+parseFloat(t.getPropertyValue(`padding-bottom`)),i=parseFloat(t.getPropertyValue(`border-top-width`))+parseFloat(t.getPropertyValue(`border-bottom-width`));return{sizingStyle:Zn.map(e=>`${e}:${t.getPropertyValue(e)}`).join(`;`),paddingSize:r,borderSize:i,boxSizing:n}}function $n(e,t=1,n=1/0){Yn||(Yn=document.createElement(`textarea`),document.body.appendChild(Yn));let{sizingStyle:r,paddingSize:i,borderSize:a,boxSizing:o}=Qn(e),s=e.getBoundingClientRect().width;Yn.setAttribute(`style`,`${r};${u(Xn,e=>e===`width`?String(s):``)}`),Yn.value=``;let c=Yn.scrollHeight-i,l=c*t+(o===`border-box`?i+a:0),d=c*n+(o===`border-box`?i+a:0);Yn.value=e.value||e.placeholder||``;let f=Yn.scrollHeight;return f+=+(o===`border-box`)*a,f=A(f,l,d),{height:f,minHeight:l,maxHeight:d}}var er=0;function tr(e,t,n){return $n(e,t,n)}function nr(){er--,Yn&&er<=0&&(Yn.remove(),Yn=null)}function rr(){er++}let ir=(e,n)=>{let r=(0,t.ref)(void 0),i=(0,t.ref)(void 0),a=(0,t.ref)(void 0),o=()=>{if(W()&&e.value){let t=tr(e.value,n.minRows||1,n.maxRows||1/0);r.value=t.height,a.value=t.maxHeight,i.value=t.minHeight}};return W()&&(rr(),Q(e,o,!0),(0,t.onBeforeUnmount)(()=>{nr()})),[r,i,a,o]};var ar=[`value`,`placeholder`,`disabled`,`autofocus`,`rows`],or={class:`px-textarea-addition-wrapper`},sr={key:0,class:`px-textarea-close-wrapper`},cr={key:1,class:`px-textarea-count-wrapper`},lr={key:2,class:`px-textarea-loading-wrapper`},ur=(0,t.defineComponent)({name:`Textarea`,__name:`index`,props:{modelValue:null,defaultValue:null,rows:null,minRows:{default:1},maxRows:{default:1/0},autoResize:{type:Boolean,default:!1},resize:{type:Boolean,default:!0},placeholder:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:null,maxLength:null,showCount:{type:Boolean,default:!1},countGraphemes:{type:Function},sliceGraphemes:{type:Function},status:{default:`normal`},autofocus:{type:Boolean}},emits:[`input`,`update:modelValue`,`change`,`clear`,`blur`,`focus`],setup(e,{expose:n,emit:i}){let a=e,o=(0,t.inject)(lt,void 0),s=i,[c,l,u]=Tn({afterComposition:e=>{(0,t.nextTick)(()=>{E(e)})}}),[d,f]=On(`modelValue`,a,s,{defaultField:`defaultValue`,transform:e=>e||``}),p=$(`disabled`,[o,a],`or`),m=$(`readonly`,[o,a],`or`),h=$(`size`,()=>[a.size&&a,o,a],`nullish`,e=>e||`medium`),g=$(`status`,[o,a]),_=(0,t.shallowRef)(null),v=(0,t.shallowRef)(null),y=(0,t.shallowRef)(null),[b,x,C,w]=ir(y,a),T=(0,t.computed)(()=>d.value?a.countGraphemes?a.countGraphemes(d.value):d.value.length:0),E=async e=>{let n=e.target.value;d.value=n,!c.value&&(a.maxLength&&(a.countGraphemes&&a.sliceGraphemes?(await(0,t.nextTick)(),n=a.sliceGraphemes(n,a.maxLength)):n=n.slice(0,a.maxLength)),d.value=n,s(`input`,n,e),f(n),o==null||o.inputHandler())},D=async()=>{await f(``),s(`change`,``),s(`clear`,``),o==null||o.changeHandler()},O=e=>{let t=e.target;w(),s(`change`,t.value,e),o==null||o.changeHandler()},k=(0,t.ref)(!1),A=()=>{a.autoResize&&y.value&&b.value&&(y.value.style.height=b.value+`px`)};(0,t.watch)(b,()=>{A()});let j=e=>{A(),k.value=!1,s(`blur`,e),o==null||o.blurHandler()},N=e=>{A(),k.value=!0,s(`focus`,e)},P=(0,t.computed)(()=>a.clearable&&k.value&&!p.value&&!m.value&&!!d.value),F=()=>{var e;(e=y.value)==null||e.focus()},I=(0,t.ref)(!1),L=()=>{I.value=!0},ee=()=>{I.value=!1};n({focus:()=>{var e;(e=y.value)==null||e.focus()},blur:()=>{var e;(e=y.value)==null||e.blur()},clear:()=>D(),select:()=>{var e;(e=y.value)==null||e.select()}}),(0,t.watch)([h,p,m,Z(),I,k,g],()=>{setTimeout(()=>{z()})});let R=()=>{let e=q(_,v);if(!e)return;let{ctx:t,width:n,height:r}=e,i=K(),a=g.value===`normal`?(I.value||k.value)&&!p.value&&!m.value?Y(`primary`,6):Y(`neutral`,10):Y(g.value===`error`?`danger`:g.value,6),o=p.value?Y(`neutral`,6):Y(`neutral`,1);a&&o&&Jn(t,n,r,a,o,i)},z=M(R,0,{maxWait:50});return(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{R()}),setTimeout(()=>{A()})}),Q(_,z),tt(z),pt(_,R),(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-textarea`,{[`px-textarea__${(0,t.unref)(h)}`]:!!(0,t.unref)(h),"px-textarea__disabled":!!(0,t.unref)(p),"px-textarea__resize":!!a.resize}]),ref_key:`wrapperRef`,ref:_,onClick:F,onMouseenter:L,onMouseleave:ee,onFocusout:j,onFocusin:N},[(0,t.createElementVNode)(`textarea`,{class:`px-textarea-inner`,value:(0,t.unref)(d),ref_key:`inputRef`,ref:y,placeholder:a.placeholder,disabled:(0,t.unref)(p)||(0,t.unref)(m),autofocus:e.autofocus,rows:a.rows,style:(0,t.normalizeStyle)({minHeight:(0,t.unref)(x)?(0,t.unref)(x)+`px`:void 0,maxHeight:(0,t.unref)(C)?(0,t.unref)(C)+`px`:void 0}),onInput:(0,t.withModifiers)(E,[`stop`]),onChange:(0,t.withModifiers)(O,[`stop`]),onCompositionstart:i[0]||(i[0]=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e)),onCompositionend:i[1]||(i[1]=(...e)=>(0,t.unref)(u)&&(0,t.unref)(u)(...e))},null,44,ar),(0,t.createElementVNode)(`div`,or,[P.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,sr,[(0,t.createVNode)((0,t.unref)(wt),{class:`px-textarea-icon`,onClick:D})])):(0,t.createCommentVNode)(``,!0),a.showCount?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,cr,[(0,t.renderSlot)(n.$slots,`count`,{value:(0,t.unref)(d),count:T.value,maxLength:a.maxLength},()=>[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(T.value)+(0,t.toDisplayString)((0,t.unref)(S)(a.maxLength)?``:` / `+a.maxLength),1)])])):(0,t.createCommentVNode)(``,!0),a.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,lr,[(0,t.createVNode)((0,t.unref)(r),{class:`px-textarea-icon px-animation__loading`})])):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`canvas`,{class:`px-textarea-canvas`,ref_key:`canvasRef`,ref:v},null,512)],34))}});function dr(e,t,n=`primary`,r){if(r)switch(t){case`outline`:return I;case`plain`:return r[0];default:return e?r[1]:r[5]}else if(n!==`info`)switch(t){case`outline`:return I;case`plain`:return Y(n,1);default:return e?Y(n,2):Y(n,6)}else switch(t){case`outline`:return I;case`plain`:return Y(`neutral`,1);default:return e?Y(`neutral`,7):Y(`neutral`,8)}}function fr(e,t,n=`primary`,r){if(r)switch(t){case`plain`:return r[1];case`outline`:return e?r[0]:r[5];default:return e?r[0]:r[4]}else if(n!==`info`)switch(t){case`plain`:return Y(n,2);case`outline`:return e?Y(n,1):Y(n,6);default:return e?Y(n,1):Y(n,5)}else{switch(t){case`plain`:return e?Y(`neutral`,5):Y(`neutral`,7);case`outline`:return e?Y(`neutral`,7):Y(`neutral`,9)}return e?Y(`neutral`,5):Y(`neutral`,7)}}let pr=(e,t,n,r,i,a,o,s)=>{e.fillStyle=X(o);for(let t=0;t<4;t++)i[t]>s&&ge(e,r[t][0],r[t][1],i[t],a[t][0],a[t][1],s);r[1][0]+s>r[0][0]&&e.fillRect(r[0][0],0,r[1][0]-r[0][0]+s,s),r[2][1]+s>r[1][1]&&e.fillRect(t-s,r[1][1],s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s&&e.fillRect(r[3][0],n-s,r[2][0]-r[3][0]+s,s),r[3][1]+s>r[0][1]&&e.fillRect(0,r[0][1],s,r[3][1]-r[0][1]+s)},mr=(e,t,n)=>{if(!(!e||t===`primary`)){if(n)return X(t===`plain`?e[2]:e[1]);switch(t){case`outline`:return X(e[5]);case`plain`:return X(e[5]);default:return}}};var hr=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-hn`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{d:`M14 13h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v1h-1v1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-2v1h-1v1H9v1H8v1H7v1H6v1H5v1H4v1H3v-1H2v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1v-2H9v-1H8V9H7V8H6V7H5V6H4V5H3V4H2V3h1V2h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v1h2V9h1V8h1V7h1V6h1V5h1V4h1V3h1V2h1v1h1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1z`},null,-1)])],4))}}),gr={key:0,class:`px-tag-icon-wrapper`},_r=(0,t.defineComponent)({name:`Tag`,__name:`index`,props:{borderRadius:null,shape:{default:`rect`},size:{default:`medium`},disabled:{type:Boolean,default:!1},variant:{default:`primary`},theme:{default:`primary`},color:null,closable:{type:Boolean}},emits:[`close`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.ref)(!1),o=(0,t.ref)(!1),s=e=>{a.value=e},c=e=>{o.value=e},l=Z(),u=(0,t.shallowRef)(null),d=(0,t.shallowRef)(null);(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{h()})});let f=(0,t.computed)(()=>{if(!r.color)return null;let e=Ae(r.color);return e?ze(e.r,e.g,e.b,e.a,l.value):null}),p=(0,t.computed)(()=>mr(f.value,r.variant,r.disabled)),m=e=>{r.disabled||i(`close`,e)};(0,t.watch)([()=>r.borderRadius,()=>r.shape,()=>r.disabled,()=>r.variant,()=>r.theme,f,l],()=>{h()});let h=()=>{let e=q(d,u);if(!e)return;let{ctx:t,width:n,height:i,canvas:a}=e,o=K(),s=Se(a,o,r.borderRadius,r.shape,`medium`,!1,!1,!1),c=fr(r.disabled,r.variant,r.theme,f.value),l=we(s,n,i,o);c&&pr(t,n,i,l,s,ee,c,o);let p=dr(r.disabled,r.variant,r.theme,f.value);p&&ve(t,Math.round(n/2),Math.round(i/2),p)};return Q(d,h),tt(h),pt(d,h),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)([`pixelium px-tag`,{[`px-tag__${r.size}`]:r.size,"px-tag__outline":r.variant===`outline`,"px-tag__plain":r.variant===`plain`,"px-tag__disabled":r.disabled,"px-tag__custom":f.value,[`px-tag__${r.theme||`primary`}`]:!0}]),style:(0,t.normalizeStyle)({color:p.value}),ref_key:`tagRef`,ref:d},[(0,t.createElementVNode)(`canvas`,{ref_key:`canvasRef`,ref:u,class:`px-tag-canvas`},null,512),(0,t.renderSlot)(e.$slots,`default`),r.closable?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,gr,[(0,t.createVNode)((0,t.unref)(hr),{onMousedown:n[0]||(n[0]=(0,t.withModifiers)(e=>c(!0),[`prevent`])),onMouseup:n[1]||(n[1]=e=>c(!1)),onMouseenter:n[2]||(n[2]=e=>s(!0)),onMouseleave:n[3]||(n[3]=e=>s(!1)),onClick:m,class:`px-tag-icon`,style:(0,t.normalizeStyle)({fill:p.value})},null,8,[`style`])])):(0,t.createCommentVNode)(``,!0)],6))}}),vr={class:`pixelium px-input-group`,ref:`slotWrapper`},yr=(0,t.defineComponent)({name:`InputGroup`,__name:`index`,props:{borderRadius:null,shape:{default:`rect`},size:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1}},setup(e){let n=e,r=(0,t.inject)(ct,void 0),i=(0,t.inject)(lt,void 0),a=$(`disabled`,[i,r,n],`or`),o=$(`readonly`,[i,r,n],`or`),s=$(`size`,()=>[n.size&&n,i,r,n],`nullish`,e=>e||`medium`),c=(0,t.ref)([]);return(0,t.provide)(at,{...(0,t.toRefs)(n),disabled:a,size:s,readonly:o,collectChildrenInfo:e=>{let t=c.value.findIndex(t=>t.id===e.id);t>=0?c.value[t]=e:c.value.push(e)},removeChildrenInfo:e=>{c.value=c.value.filter(t=>t.id!=e)},childrenInfo:c}),rt(et),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,vr,[(0,t.renderSlot)(e.$slots,`default`)],512))}});let br=(e,t,n,r,i,a,o,s,c,l,u,d)=>{e.fillStyle=X(o);for(let t=0;t<4;t++)i[t]>s&&(!(t===1||t===2)||c&&u||!c)&&ge(e,r[t][0],r[t][1],i[t],a[t][0],a[t][1],s);if(r[1][0]+s>r[0][0]){let t=r[1][0]-r[0][0]+s;c&&!u&&(t-=s),e.fillRect(r[0][0],0,t,s)}if(r[2][1]+s>r[1][1]&&(c&&u||!c)&&e.fillRect(t-s,r[1][1],s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s){let t=r[2][0]-r[3][0]+s;c&&!u&&(t-=s),e.fillRect(r[3][0],n-s,t,s)}if((!c||l)&&r[3][1]+s>r[0][1]&&e.fillRect(0,r[0][1],s,r[3][1]-r[0][1]+s),c&&!l&&e.fillRect(s/2,0,s/2,n),c&&!u){let r=s;d&&(r/=2),e.fillRect(t-2*s-1,0,r,n)}};var xr=(0,t.defineComponent)({name:`InputGroupLabel`,__name:`index`,props:{backgroundColor:null,borderRadius:null,shape:null,size:null},setup(e){var n;let r=e,i=(0,t.getCurrentInstance)(),a=(0,t.ref)((i==null||(n=i.parent)==null?void 0:n.type.name)===`InputGroup`),[o,s,c]=a.value?nt(et):[(0,t.ref)(0),(0,t.ref)(!1),(0,t.ref)(!1)],l=(0,t.inject)(at,void 0),u=(0,t.inject)(lt,void 0),d=$(`borderRadius`,[a.value&&l,r]),f=$(`size`,()=>[a.value&&l,r.size&&r,u,r],`nullish`,e=>e||`medium`),p=$(`shape`,[a.value&&l,r],`nullish`,e=>e||`rect`),m=(0,t.computed)(()=>{if(o.value>=0){var e;return a.value?(l==null||(e=l.childrenInfo.value.find(e=>e.index===o.value+1))==null?void 0:e.variant)===`text`:!1}else return!1}),h=(0,t.ref)(!1),g=(0,t.ref)(!1),_=Z(),v=(0,t.shallowRef)(null),y=(0,t.shallowRef)(null);(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{b()})}),(0,t.watch)([d,p,h,g,_,()=>r.backgroundColor,m],()=>{b()}),(0,t.watch)([s,c],()=>{b()});let b=()=>{let e=q(y,v);if(!e)return;let{ctx:t,width:n,height:i,canvas:o}=e,l=K(),u=Se(o,l,d.value,p.value,f.value||`medium`,a.value,s.value,c.value),h=Y(`neutral`,10),g=we(u,n,i,l);h&&br(t,n,i,g,u,ee,h,l,a.value,s.value,c.value,m.value);let _=r.backgroundColor&&Ae(r.backgroundColor)||Y(`neutral`,3);_&&ve(t,Math.round(n/2),Math.round(i/2),_)};return Q(y,b),tt(b),pt(y,b),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-input-group-label`,{[`px-input-group-label__${(0,t.unref)(f)}`]:(0,t.unref)(f),"px-input-group-label__inner":a.value}]),ref_key:`labelRef`,ref:y},[(0,t.createElementVNode)(`canvas`,{ref_key:`canvasRef`,ref:v,class:`px-input-group-label-canvas`},null,512),(0,t.renderSlot)(e.$slots,`default`)],2))}});let Sr=(e,t,n,r,i,a,o,s,c,l,u,d)=>{e.fillStyle=X(o);for(let t=0;t<4;t++)i[t]>s&&(!(t===1||t===2)||c&&u||!c)&&ge(e,r[t][0],r[t][1],i[t],a[t][0],a[t][1],s);if(r[1][0]+s>r[0][0]){let t=r[1][0]-r[0][0]+s;c&&!u&&(t-=s),e.fillRect(r[0][0],0,t,s)}if(r[2][1]+s>r[1][1]&&(c&&u||!c)&&e.fillRect(t-s,r[1][1],s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s){let t=r[2][0]-r[3][0]+s;c&&!u&&(t-=s),e.fillRect(r[3][0],n-s,t,s)}if((!c||l)&&r[3][1]+s>r[0][1]&&e.fillRect(0,r[0][1],s,r[3][1]-r[0][1]+s),c&&!l&&e.fillRect(s/2,0,s/2,n),c&&!u){let r=s;d&&(r/=2),e.fillRect(t-2*s-1,0,r,n)}};function Cr(e){return e===`light`?Y(`neutral`,10):Y(`neutral`,9)}function wr(e){return e===`light`?Y(`neutral`,1):Y(`neutral`,10)}let Tr=(e,t,n,r,i,a,o,s,c,l,u,d)=>{e.fillStyle=X(o);for(let t=0;t<4;t++)i[t]>s&&ge(e,r[t][0]+d,r[t][1]+u,i[t],a[t][0],a[t][1],s);r[1][0]+s>r[0][0]&&e.fillRect(r[0][0]+d,u,r[1][0]-r[0][0]+s,s),r[2][1]+s>r[1][1]&&e.fillRect(t-c-s+d,r[1][1]+u,s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s&&e.fillRect(r[3][0]+d,n-l-s+u,r[2][0]-r[3][0]+s,s),r[3][1]+s>r[0][1]&&e.fillRect(d,r[0][1]+u,s,r[3][1]-r[0][1]+s)},Er=(e,t,n,r,i,a,o,s,c,l)=>{let u=[0,1,1],d=X(r),f=X(i),p=e=>s===`start`?Math.floor(e):s===`end`?Math.ceil(e):Math.round(e);switch(o){case`right`:{let t=p(l-a/2);for(let r=0;r<3;r++){let i=u[r]*a,o=Math.max(0,t-i),s=Math.min(n,t+i),c=0+r*a;e.fillStyle=r==2?f:d,e.fillRect(c,o,a,a),e.fillRect(c,s,a,a);let l=s-o-a;l>0&&(e.fillStyle=f,e.fillRect(c,o+a,a,l))}break}case`left`:{let r=p(l-a/2),i=Math.round(t-a);for(let t=0;t<3;t++){let o=u[t]*a,s=Math.max(0,r-o),c=Math.min(n-a,r+o),l=i-t*a;e.fillStyle=t==2?f:d,e.fillRect(l,s,a,a),e.fillRect(l,c,a,a);let p=c-s-a;p>0&&(e.fillStyle=f,e.fillRect(l,s+a,a,p))}break}case`bottom`:{let n=p(c-a/2);for(let r=0;r<3;r++){let i=u[r]*a,o=Math.max(0,n-i),s=Math.min(n+i,t-a),c=0+r*a;e.fillStyle=r==2?f:d,e.fillRect(o,c,a,a),e.fillRect(s,c,a,a);let l=s-o-a;l>0&&(e.fillStyle=f,e.fillRect(o+a,c,l,a))}break}case`top`:default:{let r=p(c-a/2),i=Math.round(n-a);for(let n=0;n<3;n++){let o=u[n]*a,s=Math.max(0,r-o),c=Math.min(r+o,t-a),l=i-n*a;e.fillStyle=n==2?f:d,e.fillRect(s,l,a,a),e.fillRect(c,l,a,a);let p=c-s-a;p>0&&(e.fillStyle=f,e.fillRect(s+a,l,p,a))}break}}};var Dr=(0,t.defineComponent)({name:`PopupWrapper`,__name:`index`,props:{visible:{type:Boolean},defaultVisible:{type:Boolean},zIndex:null,root:{default:`body`},closeDelay:null,position:null,destroyOnHide:{type:Boolean,default:!1}},setup(e,{expose:n}){let r=e,[i,a,o]=Mt(`popup`),s=(0,t.ref)(!!r.visible),c,l=e=>{c&&(clearTimeout(c),c=void 0),e?(s.value=!0,a()):(o(),m(r.closeDelay)?c=setTimeout(()=>{s.value=!1},r.closeDelay):s.value=!1)};return(0,t.watch)(()=>r.visible,e=>{l(!!e)}),n({updateRenderState:()=>{(0,t.nextTick)(()=>{l(!!r.visible)})}}),(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{l(!!r.visible)})}),(n,a)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:r.root||`body`},[e.destroyOnHide===!1||s.value?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,(0,t.mergeProps)({key:0,class:{pixelium:!0,"px-popup-wrapper":!0,"px-popup-wrapper__fixed":r.position===`fixed`},style:{zIndex:r.zIndex??(0,t.unref)(i)}},n.$attrs),[(0,t.renderSlot)(n.$slots,`default`)],16)),[[t.vShow,e.destroyOnHide===!1?s.value:!0]]):(0,t.createCommentVNode)(``,!0)],8,[`to`]))}}),Or=250,kr=(0,t.defineComponent)({name:`PopupContent`,__name:`index`,props:{content:null,visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean},placement:{default:`top`},offset:{default:8},variant:{default:`light`},arrow:{type:Boolean,default:!0},zIndex:null,target:null,root:{default:`body`},borderRadius:null,widthEqual:{type:Boolean,default:!1},contentStyle:null,destroyOnHide:{type:Boolean,default:!1}},emits:[`contentMouseenter`,`contentMouseleave`],setup(e,{expose:r,emit:i}){let a=e,o=(0,t.ref)(!1),s=(0,t.shallowRef)(null),c=(0,t.shallowRef)(null),l=(0,t.shallowRef)(null),u=(0,t.ref)({}),d=(0,t.ref)({}),f=(0,t.ref)(void 0),p=(0,t.ref)(void 0),h=(0,t.ref)(void 0),g=(0,t.computed)(()=>a.placement.split(`-`)[0]),_=(0,t.computed)(()=>a.placement.split(`-`)[1]||`middle`),v=(0,t.ref)(void 0);async function y(e){if(!W()||!s.value||!c.value||!l.value)return;let r=getComputedStyle(s.value),i=parseFloat(r.borderLeftWidth)+parseFloat(r.borderRightWidth),m=i/2,_=(parseFloat(r.borderTopWidth)+parseFloat(r.borderBottomWidth))/2;if((g.value===`top`||g.value===`bottom`)&&a.widthEqual){let n=getComputedStyle(e),a=n.boxSizing,o=r.boxSizing,s=parseFloat(n.paddingLeft)+parseFloat(n.paddingRight),c=parseFloat(r.paddingLeft)+parseFloat(r.paddingRight),l=parseFloat(n.borderLeftWidth)+parseFloat(n.borderRightWidth),u=parseFloat(n.width);a===`border-box`?o===`border-box`?v.value=u:v.value=u-c-i:o===`border-box`?v.value=u+s+l:v.value=u-c-i+s+l,await(0,t.nextTick)()}else v.value=void 0;let y=K(),b=Math.max(a.borderRadius||y,y),x=Math.max(0,b-Ce(y,b)+y)+y,{x:S,y:C,middlewareData:w,placement:T}=await(0,n.computePosition)(e,s.value,{placement:a.placement,middleware:[(0,n.offset)(a.offset),(0,n.shift)(),(0,n.flip)(),(0,n.arrow)({element:c.value,padding:x})]});u.value={left:`${S}px`,top:`${C}px`};let{x:E,y:D}=w.arrow??{};h.value=T.split(`-`)[0],d.value={left:E?`${E+m}px`:void 0,top:D?`${D+_}px`:void 0},f.value=E?E+m:void 0,p.value=D?D+_:void 0,(0,t.nextTick)(()=>{a.visible&&(o.value=!0)})}async function b(){o.value!==!1&&setTimeout(()=>{o.value=!1,h.value=void 0},Or)}let x=()=>{let e=null;a.target instanceof HTMLElement||a.target instanceof SVGElement?e=a.target:a.target&&(a.target.el instanceof HTMLElement||a.target.el instanceof SVGElement)&&(e=a.target.el),W()&&e&&y(e)},S=e=>{W()&&(e?x():b())};(0,t.watch)(()=>a.visible,()=>{E()});let C=i,w=e=>{C(`contentMouseenter`,e)},T=e=>{C(`contentMouseleave`,e)},E=()=>{S(!!a.visible)};r({updateRenderState:E,content:s});let D=Z();(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{O(),S(!!a.visible)})}),(0,t.watch)([D,h,f,p,o,u,()=>a.variant,()=>a.arrow],()=>{O()});let O=()=>{if(!h.value)return;let e=q(s,l);if(!e)return;let{ctx:t,width:n,height:r}=e,i=K(),o=V(Math.max(a.borderRadius||i,i),4),c=a.arrow?i*2:0,u=h.value===`left`||h.value===`right`?c:0,d=h.value===`top`||h.value===`bottom`?c:0,m=Cr(a.variant),g=we(o,n,r,i,u,d),v=ee,y=h.value===`bottom`?c:0,b=h.value===`right`?c:0;m&&Tr(t,n,r,g,o,v,m,i,u,d,y,b);let x=wr(a.variant);x&&ve(t,Math.round((n-u)/2+b),Math.round((r-d)/2+y),x),a.arrow&&m&&x&&Er(t,n,r,m,x,i,h.value,_.value,f.value||0,p.value||0)};return Q(s,x),tt(x),pt(s,O),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)(Dr,{root:a.root,zIndex:a.zIndex,visible:a.visible,"close-delay":Or,"destroy-on-hide":a.destroyOnHide},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(t.Transition,{name:`px-popup-content-fade__`+(h.value||g.value),appear:``},{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,(0,t.mergeProps)({ref_key:`contentRef`,ref:s,class:{pixelium:!0,"px-popup-content":!0,"px-popup-content__arrow":!!a.arrow,[`px-popup-content__${h.value||g.value}`]:!0,[`px-popup-content__${a.variant}`]:!0},style:{...u.value,visibility:o.value?`visible`:`hidden`,pointerEvents:o.value?`auto`:`none`,width:(0,t.unref)(m)(v.value)?`${v.value}px`:void 0,...a.contentStyle}},e.$attrs,{onMouseenter:w,onMouseleave:T}),[(0,t.renderSlot)(e.$slots,`content`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(a.content),1)]),(0,t.createElementVNode)(`div`,{class:`px-popup-content-arrow`,style:(0,t.normalizeStyle)(d.value),ref_key:`arrowRef`,ref:c},null,4),(0,t.createElementVNode)(`canvas`,{class:`px-popup-content-canvas`,ref_key:`canvasRef`,ref:l},null,512)],16),[[t.vShow,a.visible]])]),_:3},8,[`name`])]),_:3},8,[`root`,`zIndex`,`visible`,`destroy-on-hide`]))}}),Ar=(e,t)=>t?t.contains(e):!0,jr=e=>{if(l(e)){let t=e();return t instanceof HTMLElement?t:null}return e.value?e.value instanceof HTMLElement||e.value instanceof SVGElement?e.value:e.value.el&&e.value.el instanceof HTMLElement?e.value.el:null:null};let Mr=(e,n)=>{let r=t=>{let r=t.target;r instanceof HTMLElement&&((_(e)?e.length===0:!l(e)&&!e.value)||(_(e)?e.reduce((e,t)=>e||Ar(r,jr(t)),!1):Ar(r,jr(e)))||n(t))};(0,t.onMounted)(()=>{document.addEventListener(`click`,r)}),(0,t.onBeforeUnmount)(()=>{document.removeEventListener(`click`,r)})};function Nr(e,t){if(window.getComputedStyle(e).display===`none`)return{hasIntersection:!1,x:1/0,y:1/0};let n=!1;t||(n=!0);let r=n?{left:0,top:0,right:window.innerWidth,bottom:window.innerHeight}:t.getBoundingClientRect(),i=e.getBoundingClientRect(),a=i.left<=r.right&&i.right>=r.left,o=i.top<=r.bottom&&i.bottom>=r.top,s=a&&o,c;c=a?0:i.right<r.left?r.left-i.right:i.left-r.right;let l;return l=o?0:i.bottom<r.top?r.top-i.bottom:i.top-r.bottom,c=Math.max(0,c),l=Math.max(0,l),{hasIntersection:s,x:c,y:l}}function Pr(e,t){let n=O(t,{margin:32,maxWidth:1/0,maxHeight:1/0}),r=window.innerWidth,i=window.innerHeight,a=Math.min(r-n.margin*2,n.maxWidth),o=Math.min(i-n.margin*2,n.maxHeight);if(!e.complete)return{width:0,height:0,left:a/2,top:o/2};let s=e.naturalWidth||a,c=e.naturalHeight||o,l=e.naturalWidth/e.naturalHeight,u=Math.min(s,a)/s,d=Math.min(c,o)/c,f=Math.min(u,d)*c,p=f*l;return{width:p,height:f,left:a/2-p/2+n.margin,top:o/2-f/2+n.margin}}let Fr=(e,t)=>{let n=e.getBoundingClientRect(),r,i;return t instanceof MouseEvent?(r=t.clientX,i=t.clientY):(r=t.touches[0].clientX,i=t.touches[0].clientY),r>=n.left&&r<=n.right&&i>=n.top&&i<=n.bottom};function Ir(e){let t=document.createElement(`canvas`),n=t.getContext(`2d`);if(!n)throw hn(`Cannot get Canvas context`);return t.width=e.width,t.height=e.height,n.putImageData(e,0,0),t.toDataURL(`image/png`)}var Lr=(0,t.defineComponent)({name:`PopupTrigger`,__name:`index`,props:{trigger:{default:`hover`},disabled:{type:Boolean}},emits:[`close`,`open`,`drag`,`dragStart`,`dragEnd`],setup(e,{expose:n,emit:r}){let i=e,a=r,o=(0,t.shallowRef)(null);async function s(e,t){if(W()){let t=null;if(e.el instanceof HTMLElement||e.el instanceof SVGElement)t=e.el;else{var n;let r=(n=e.component)==null||(n=n.exposed)==null?void 0:n[B];if(l(r)){let e=r();(e instanceof HTMLElement||e instanceof SVGElement)&&(t=e)}}o.value=t}i.disabled||a(`open`,e,t)}let c=(0,t.ref)(!1);async function u(e){i.disabled||c.value||a(`close`,e)}let d=(0,t.useSlots)();Mr(o,e=>{i.trigger===`click`&&u(e)});let f=(0,t.shallowRef)(null);n({firstVNode:f});function p(e){a(`drag`,e)}function m(e){if(c.value=!1,!o.value)u(e);else{let t=o.value;!(t instanceof HTMLElement)&&!(t instanceof SVGElement)?u(e):Fr(t,e)||u(e)}document.removeEventListener(`mousemove`,p),document.removeEventListener(`mouseup`,m),document.removeEventListener(`touchmove`,p),document.removeEventListener(`touchend`,m),a(`dragEnd`,e)}let h=e=>{c.value=!0,document.addEventListener(`mousemove`,p),document.addEventListener(`mouseup`,m),document.addEventListener(`touchmove`,p),document.addEventListener(`touchend`,m),a(`dragStart`,e)},g=e=>{o.value||(e instanceof HTMLElement||e instanceof SVGElement)&&(o.value=e)};return()=>{var e;return(0,t.createVNode)(t.Fragment,null,[tn(((e=d.default)==null?void 0:e.call(d))||[]).map((e,n)=>{if(en(e)){let r=i.trigger===`click`?(0,t.createVNode)(`span`,{onClick:e=>s(r,e),onMousedown:h,onTouchstartPassive:h,ref:g},[e]):(0,t.createVNode)(`span`,{onMouseenter:e=>s(r,e),onMouseleave:e=>u(e),onMousedown:h,onTouchstartPassive:h,ref:g},[e]);return n===0&&(f.value=r),r}else{let r=(0,t.cloneVNode)(e,i.trigger===`click`?{onClick:e=>s(r,e),onMousedown:h,onTouchstart:h,ref:g}:{onMouseenter:e=>s(r,e),onMouseleave:e=>u(e),onMousedown:h,onTouchstart:h,ref:g},!0);return n===0&&(f.value=r),r}})])}}});function Rr(e=150){let n=(0,t.ref)(null),r=(0,t.computed)(()=>n.value!==null),i=()=>{n.value&&(n.value(),n.value=null)};async function a(t=e){i();let r=null,a=new Promise((e,i)=>{n.value=()=>{r!==null&&(clearTimeout(r),r=null),n.value=null,i()},r=setTimeout(()=>{r=null,n.value=null,e()},t)});try{return await a,!0}catch{return!1}}return[a,i,r]}var zr=(0,t.defineComponent)({name:`Popup`,__name:`index`,props:{content:null,visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:void 0},placement:{default:`top`},trigger:{default:`hover`},offset:{default:8},variant:{default:`light`},arrow:{type:Boolean,default:!0},disabled:{type:Boolean},zIndex:null,root:{default:`body`},widthEqual:{type:Boolean,default:!1},contentStyle:null,destroyOnHide:{type:Boolean,default:!1}},emits:[`update:visible`,`close`,`open`],setup(e,{expose:n,emit:r}){let i=e,a=(0,t.computed)(()=>i.visible!==void 0),o=a.value?i.visible:i.defaultVisible,s=(0,t.ref)(S(o)?!1:o),c=(0,t.shallowRef)(),u=(0,t.shallowRef)(),d=r,f=(0,t.shallowRef)(null),[p,m]=Rr(),h=e=>{if(W()){let n=null;if(e.el instanceof HTMLElement||e.el instanceof SVGElement)n=e.el;else{var t;let r=(t=e.component)==null||(t=t.exposed)==null?void 0:t[B];if(l(r)){let e=r();(e instanceof HTMLElement||e instanceof SVGElement)&&(n=e)}n===null&&pn(`Please ensure that the root node of the default slot passed to Tooltip, Popover, and similar components can be rendered as a DOM element, or expose a getElementRender function on the component to retrieve the DOM element for balloon attachment.`)}return n}else return null};async function g(e,t){m(),f.value=h(e),await _(f.value),d(`open`,t)}async function _(e,n=!1){e&&(T==null||T.observe(e)),a.value&&!n?(d(`update:visible`,!0),await(0,t.nextTick)(()=>{}),s.value=!!i.visible):s.value=!0}async function v(e){if(e.type===`mouseup`||e.type===`touchend`){let t=c.value&&c.value.content;if(t&&Fr(t,e))return}if(i.trigger===`click`){if(c.value&&c.value.content&&c.value.content.contains(e.target)||!s.value)return}else if(!await p())return;a.value?(d(`update:visible`,!1),await(0,t.nextTick)(()=>{}),s.value=!!i.visible):s.value=!1,d(`close`,e)}let y=()=>{i.trigger!==`click`&&m()},b=(0,t.ref)(!1),x=e=>{i.trigger!==`click`&&(b.value||v(e))},C=()=>{W()&&!f.value&&u.value&&u.value.firstVNode&&(T==null||T.disconnect(),f.value=h(u.value.firstVNode),f.value instanceof HTMLElement&&(T==null||T.observe(f.value)))},w=e=>{e?(C(),f.value&&_(f.value,!0)):s.value=!1};(0,t.watch)(()=>i.visible,()=>{w(!!i.visible)});let T=W()?new ResizeObserver(()=>{E()}):null;(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{s.value&&E()})});let E=()=>{if(C(),W()){var e;(e=c.value)==null||e.updateRenderState()}};n({triggerContent:c,updateRenderState:E});let D=(0,t.useSlots)(),O=e=>W()?f.value instanceof HTMLElement:!1,k=N(()=>{E()},20),A=()=>{b.value=!0},j=()=>{b.value=!1};return()=>{let e=K();return(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(Lr,{trigger:i.trigger,disabled:i.disabled,onClose:v,onOpen:g,onDrag:k,onDragStart:A,onDragEnd:j,ref:e=>u.value=e},{default:()=>{var e;return[(e=D.default)==null?void 0:e.call(D)]}}),(0,t.createVNode)(kr,{visible:s.value,content:i.content,zIndex:i.zIndex,variant:i.variant,placement:i.placement,arrow:i.arrow,offset:i.offset,borderRadius:e*4,root:i.root,widthEqual:i.widthEqual,target:O(f.value)?f.value:null,onContentMouseenter:y,onContentMouseleave:x,contentStyle:i.contentStyle,destroyOnHide:i.destroyOnHide,ref:e=>c.value=e},{content:D.content})])}}}),Br=(0,t.defineComponent)({name:`Popover`,__name:`index`,props:{content:null,visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:void 0},placement:{default:`top`},trigger:{default:`hover`},offset:{default:8},variant:{default:`light`},arrow:{type:Boolean,default:!0},disabled:{type:Boolean},zIndex:null,root:{default:`body`},widthEqual:{type:Boolean,default:!1},contentStyle:null,destroyOnHide:{type:Boolean,default:!1}},emits:[`update:visible`,`close`,`open`],setup(e,{expose:n,emit:r}){let i=e,a=(0,t.useAttrs)(),o=r,s=(0,t.shallowRef)(null);n({get triggerContent(){var e;return(e=s.value)==null?void 0:e.triggerContent},updateRenderState(){var e;(e=s.value)==null||e.updateRenderState()}});let c=(0,t.useSlots)(),l=ft(o,[`open`,`close`,`update:visible`]);return()=>(0,t.createVNode)(zr,(0,t.mergeProps)({ref:s},{...i,...l,...a}),{default:c.default,content:c.content})}}),Vr={key:0,class:`px-input-tag-prefix-wrapper`},Hr={class:`px-input-tag-content`},Ur={class:`px-input-tag-content`},Wr=[`value`,`placeholder`,`disabled`,`autofocus`],Gr={key:1,class:`px-input-tag-close-wrapper`},Kr={key:1,class:`px-input-tag-icon-placeholder`},qr={key:2,class:`px-input-tag-loading-wrapper`},Jr={key:3,class:`px-input-tag-suffix-wrapper`},Yr=(0,t.defineComponent)({name:`InputTag`,__name:`index`,props:{modelValue:null,defaultValue:null,inputValue:null,defaultInputValue:null,placeholder:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:null,shape:null,borderRadius:null,maxLength:null,collapseTags:{type:Boolean,default:!1},maxDisplayTags:null,collapseTagsPopover:{type:Boolean,default:!0},tagProps:null,status:{default:`normal`},autofocus:{type:Boolean},tagTheme:{default:`info`},tagVariant:{default:`plain`},tagColor:null,popoverProps:null},emits:[`update:modelValue`,`tagAdd`,`tagClose`,`change`,`input`,`update:inputValue`,`inputChange`,`clear`,`blur`,`focus`],setup(e,{expose:n,emit:i}){var a;let o=e,s=i,[c,l,u]=Tn({afterComposition:e=>{(0,t.nextTick)(()=>{F(e)})}}),d=(0,t.getCurrentInstance)(),f=(0,t.ref)((d==null||(a=d.parent)==null?void 0:a.type.name)===`InputGroup`),[p,h,g]=f.value?nt(et):[(0,t.ref)(0),(0,t.ref)(!1),(0,t.ref)(!1)],v=(0,t.inject)(at,void 0),y=(0,t.inject)(lt,void 0),b=$(`borderRadius`,[f.value&&v,o]),x=$(`size`,()=>[f.value&&v,o.size&&o,y,o],`nullish`,e=>e||`medium`),S=$(`shape`,[f.value&&v,o],`nullish`,e=>e||`rect`),C=$(`disabled`,[f.value&&v,y,o],`or`),w=$(`readonly`,[f.value&&v,y,o],`or`),T=$(`status`,[y,o]),E=(0,t.computed)(()=>{if(p.value>=0){var e;return f.value?(v==null||(e=v.childrenInfo.value.find(e=>e.index===p.value+1))==null?void 0:e.variant)===`text`:!1}else return!1}),D=(0,t.computed)(()=>x.value===`small`?`small`:`medium`),[O,k]=On(`modelValue`,o,s,{defaultField:`defaultValue`,transform:e=>_(e)?[...e]:[]}),[A,j]=On(`inputValue`,o,s,{defaultField:`defaultInputValue`,transform:e=>e||``}),M=(0,t.shallowRef)(null),N=(0,t.shallowRef)(null),P=(0,t.shallowRef)(null),F=async e=>{let t=e.target.value;A.value=t,!c.value&&(s(`input`,t,e),j(t))},I=async()=>{let e=[];await k(e),await j(``),s(`clear`,e),s(`change`,e),s(`inputChange`,``),y==null||y.changeHandler()},L=async(e,t)=>{let n=O.value?[...O.value]:[],r=n.splice(e,1);await k(n),s(`tagClose`,r[0],e,t),s(`change`,n),y==null||y.changeHandler()},R=e=>{let t=e.target;s(`inputChange`,t.value,e)},z=(0,t.ref)(!1),B=async e=>{z.value=!1,await j(``),s(`inputChange`,``),s(`blur`,e),y==null||y.blurHandler()},V=e=>{z.value=!0,s(`focus`,e)},te=async e=>{let t=(A.value||``).trim();if(!t||o.maxLength&&O.value&&O.value.length>=o.maxLength)return;let n=O.value?[...O.value]:[];n.push(t),await k(n),await j(``),s(`tagAdd`,t,e),s(`change`,n),s(`inputChange`,``),y==null||y.changeHandler()},ne=()=>{var e;(e=P.value)==null||e.focus()},re=(0,t.ref)(!1),ie=()=>{re.value=!0},ae=()=>{re.value=!1},H=(0,t.computed)(()=>o.clearable&&!C.value&&!w.value),oe=(0,t.computed)(()=>!C.value&&!w.value),se=(0,t.useSlots)();n({focus:()=>{var e;(e=P.value)==null||e.focus()},blur:()=>{var e;(e=P.value)==null||e.blur()},clear:()=>I()});let ce=(0,t.computed)(()=>!!o.collapseTags&&m(o.maxDisplayTags)&&o.maxDisplayTags>=0),le=(0,t.computed)(()=>O.value?ce.value?O.value.slice(0,o.maxDisplayTags):O.value:[]),ue=(0,t.computed)(()=>O.value&&ce.value?O.value.slice(o.maxDisplayTags):[]),de=(0,t.computed)(()=>{var e;return{...o.popoverProps,contentStyle:{maxWidth:`400px`,...(e=o.popoverProps)==null?void 0:e.contentStyle}}});(0,t.watch)([h,g,b,S,x,w,C,()=>se,Z(),z,re,T,E],()=>{setTimeout(()=>{U()})});let U=()=>{let e=q(M,N);if(!e)return;let{ctx:t,width:n,height:r,canvas:i}=e,a=K(),o=Se(i,a,b.value,S.value,x.value||`medium`,f.value,h.value,g.value),s=T.value===`normal`?(re.value||z.value)&&!C.value&&!w.value?Y(`primary`,6):Y(`neutral`,10):Y(T.value===`error`?`danger`:T.value,6),c=we(o,n,r,a);s&&Sr(t,n,r,c,o,ee,s,a,f.value,h.value,g.value,E.value);let l=C.value?Y(`neutral`,6):Y(`neutral`,1);l&&ve(t,Math.round(n/2),Math.round(r/2),l)};return(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{U()})}),Q(M,U),tt(U),pt(M,U),(n,i)=>{var a;return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-input-tag`,{[`px-input-tag__${(0,t.unref)(x)}`]:!!(0,t.unref)(x),[`px-input-tag__${(0,t.unref)(S)}`]:!!(0,t.unref)(S),"px-input-tag__inner":f.value,"px-input-tag__disabled":!!(0,t.unref)(C)}]),ref_key:`wrapperRef`,ref:M,onClick:ne,onMouseenter:ie,onMouseleave:ae,onFocusout:B,onFocusin:V},[(0,t.unref)(se).prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Vr,[(0,t.renderSlot)(n.$slots,`prefix`)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,Hr,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(le.value,(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(_r,(0,t.mergeProps)({key:r,size:D.value,variant:o.tagVariant,theme:o.tagTheme,closable:oe.value,disabled:(0,t.unref)(C),color:o.tagColor},{ref_for:!0},o.tagProps,{onClose:e=>L(r,e)}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`tag`,{tag:e,index:r},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e),1)])]),_:2},1040,[`size`,`variant`,`theme`,`closable`,`disabled`,`color`,`onClose`]))),128)),ue.value.length&&ce.value?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[o.collapseTagsPopover?((0,t.openBlock)(),(0,t.createBlock)(Br,(0,t.normalizeProps)((0,t.mergeProps)({key:1},de.value)),{content:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,Ur,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(ue.value,(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(_r,(0,t.mergeProps)({key:r,size:D.value,variant:o.tagVariant,theme:o.tagTheme,closable:oe.value,disabled:(0,t.unref)(C),color:o.tagColor},{ref_for:!0},o.tagProps,{onClose:e=>L(r+Math.floor(o.maxDisplayTags),e)}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`tag`,{tag:e,index:r+Math.floor(o.maxDisplayTags)},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e),1)])]),_:2},1040,[`size`,`variant`,`theme`,`closable`,`disabled`,`color`,`onClose`]))),128))])]),default:(0,t.withCtx)(()=>[(0,t.createVNode)(_r,(0,t.mergeProps)({size:D.value,variant:o.tagVariant,theme:o.tagTheme,disabled:(0,t.unref)(C),color:o.tagColor},o.tagProps),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`tag`,{tag:`+${ue.value.length}`,index:-1},()=>[(0,t.createTextVNode)(`+`+(0,t.toDisplayString)(ue.value.length),1)])]),_:3},16,[`size`,`variant`,`theme`,`disabled`,`color`])]),_:3},16)):((0,t.openBlock)(),(0,t.createBlock)(_r,(0,t.mergeProps)({key:0,size:D.value,variant:o.tagVariant,theme:o.tagTheme,disabled:(0,t.unref)(C),color:o.tagColor},o.tagProps),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`tag`,{tag:`+${ue.value.length}`,index:-1},()=>[(0,t.createTextVNode)(`+`+(0,t.toDisplayString)(ue.value.length),1)])]),_:3},16,[`size`,`variant`,`theme`,`disabled`,`color`]))],64)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`input`,{class:`px-input-tag-inner`,value:(0,t.unref)(A),ref_key:`inputRef`,ref:P,placeholder:(0,t.unref)(O)&&(0,t.unref)(O).length?``:o.placeholder,disabled:(0,t.unref)(C)||(0,t.unref)(w),autofocus:e.autofocus,onInput:(0,t.withModifiers)(F,[`stop`]),onChange:(0,t.withModifiers)(R,[`stop`]),onCompositionstart:i[0]||(i[0]=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e)),onCompositionend:i[1]||(i[1]=(...e)=>(0,t.unref)(u)&&(0,t.unref)(u)(...e)),onKeydown:(0,t.withKeys)(te,[`enter`])},null,40,Wr)]),H.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Gr,[re.value&&(a=(0,t.unref)(O))!=null&&a.length?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(wt),{key:0,class:`px-input-tag-icon`,onClick:I})):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Kr))])):(0,t.createCommentVNode)(``,!0),o.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,qr,[(0,t.createVNode)((0,t.unref)(r),{class:`px-input-tag-icon px-animation__loading`})])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(se).suffix?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Jr,[(0,t.renderSlot)(n.$slots,`suffix`)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`canvas`,{class:`px-input-tag-canvas`,ref_key:`canvasRef`,ref:N},null,512)],34)}}}),Xr=(0,t.defineComponent)({name:`Tooltip`,__name:`index`,props:{content:null,visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:void 0},placement:{default:`top`},trigger:{default:`hover`},offset:{default:8},variant:{default:`dark`},arrow:{type:Boolean,default:!0},disabled:{type:Boolean},zIndex:null,root:{default:`body`},destroyOnHide:{type:Boolean,default:!1}},emits:[`update:visible`,`close`,`open`],setup(e,{expose:n,emit:r}){let i=e,a=(0,t.useAttrs)(),o=r,s=(0,t.shallowRef)(null);n({get triggerContent(){var e;return(e=s.value)==null?void 0:e.triggerContent},updateRenderState(){var e;(e=s.value)==null||e.updateRenderState()}});let c=(0,t.useSlots)(),l=ft(o,[`open`,`close`,`update:visible`]);return()=>(0,t.createVNode)(zr,(0,t.mergeProps)({ref:s},{...i,...l,...a}),{default:c.default,content:c.content})}}),Zr=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-pa`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{fill:`currentColor`,d:`M11 22h10V8h-2V6h-2v2h-2V6h2V4h-2V2H3v12h2V4h8v6h6v10h-8zm-4-2H5v2H3v-2h2v-2H3v-2h2v2h2v-2h2v2H7zm0 0h2v2H7z`},null,-1)])],4))}}),Qr={class:`pixelium px-empty`},$r={class:`px-empty-icon-wrapper`},ei={class:`px-empty-description`},ti=(0,t.defineComponent)({name:`Empty`,__name:`index`,props:{description:{default:`No Data`}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Qr,[(0,t.createElementVNode)(`div`,$r,[(0,t.renderSlot)(e.$slots,`image`,{},()=>[(0,t.createVNode)((0,t.unref)(Zr),{class:`px-empty-icon`})])]),(0,t.createElementVNode)(`div`,ei,[(0,t.renderSlot)(e.$slots,`description`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n.description),1)])])]))}});let ni=(e,t,n,r,i,a,o,s,c,l,u,d)=>{e.fillStyle=X(o);for(let t=0;t<4;t++)i[t]>s&&(!(t===1||t===2)||c&&u||!c)&&ge(e,r[t][0],r[t][1],i[t],a[t][0],a[t][1],s);if(r[1][0]+s>r[0][0]){let t=r[1][0]-r[0][0]+s;c&&!u&&(t-=s),e.fillRect(r[0][0],0,t,s)}if(r[2][1]+s>r[1][1]&&(c&&u||!c)&&e.fillRect(t-s,r[1][1],s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s){let t=r[2][0]-r[3][0]+s;c&&!u&&(t-=s),e.fillRect(r[3][0],n-s,t,s)}if((!c||l)&&r[3][1]+s>r[0][1]&&e.fillRect(0,r[0][1],s,r[3][1]-r[0][1]+s),c&&!l&&e.fillRect(s/2,0,s/2,n),c&&!u){let r=s;d&&(r/=2),e.fillRect(t-2*s-1,0,r,n)}};var ri=1e3,ii=(0,t.defineComponent)({name:`VirtualList`,__name:`index`,props:{list:{default:()=>[]},fixedHeight:{type:Boolean,default:!1},estimatedHeight:{default:28},buffer:{default:10}},setup(e){let n=e,r=(0,t.shallowRef)(null),i=(0,t.shallowRef)(null),a=(0,t.shallowRef)(null),o=(0,t.ref)(0),s=(0,t.ref)(0),c=(0,t.ref)([]),l=(0,t.ref)([]),u=(0,t.ref)([]),f=(0,t.ref)(n.list.length),p=()=>{let e=[],t=n.list.length,r=Math.max(ri,Math.ceil(Math.sqrt(t)));for(let i=0;i<t;i+=r){let a=i,o=Math.min(i+r-1,t-1),s=new Float64Array(o-a+1),c=0;for(let e=a;e<=o;e++)c+=n.estimatedHeight,s[e-a]=c;e.push({startIndex:a,endIndex:o,localPrefix:s,totalHeight:c})}c.value=e,g()},m=e=>{let t=e-f.value;f.value=e;let r=Math.max(ri,Math.ceil(Math.sqrt(e))),i=c.value[c.value.length-1],a=i.endIndex-i.startIndex+1;if(a<r){let e=i.totalHeight,o=a+t>=r?r:a+t;i.endIndex=i.startIndex+o-1;let s=i.localPrefix;i.localPrefix=new Float64Array(r),i.localPrefix.set(s,0);for(let t=s.length;t<i.localPrefix.length;t++)e+=n.estimatedHeight,i.localPrefix[t]=e;i.totalHeight=e,t=Math.max(0,t-r+a)}for(;t>0;){let i=Math.min(c.value[c.value.length-1].endIndex+1,e-1),a=Math.min(i+r-1,e-1),o=new Float64Array(a-i+1),s=0;for(let e=i;e<=a;e++)s+=n.estimatedHeight,o[e-i]=s;c.value.push({startIndex:i,endIndex:a,localPrefix:o,totalHeight:s}),t-=a-i+1}},h=e=>{e>f.value&&m(e),g()},g=()=>{let e=[],t=0,r=0,i=n.list.length;for(let n of c.value){let a=n.endIndex-n.startIndex+1;if(i>0&&r>=i)break;if(i>0&&r+a>i){let a=i-r;if(n.localPrefix&&a>0&&a<=n.localPrefix.length){t+=n.localPrefix[a-1],e.push(t),r=i;break}else break}t+=n.totalHeight,e.push(t),r+=a}l.value=e,s.value=e.at(-1)||0},_=e=>{if(c.value.length===0)return null;let t=0,n=c.value.length-1;for(;t<=n;){let r=Math.floor((t+n)/2),i=c.value[r];if(e>=i.startIndex&&e<=i.endIndex)return i;e<i.startIndex?n=r-1:t=r+1}return null},v=e=>n.fixedHeight?n.estimatedHeight:u.value[e]??n.estimatedHeight,y=e=>{if(e<0)return 0;let t=_(e);if(!t)return 0;let n=t.startIndex===0?0:l.value[c.value.indexOf(t)-1]||0,r=e-t.startIndex;return n+t.localPrefix[r]},b=e=>{if(n.fixedHeight)return Math.floor(e/n.estimatedHeight);if(c.value.length===0)return 0;let t=l.value.length-1,r=0,i=l.value.length-1;for(;r<=i;){let n=Math.floor((r+i)/2);l.value[n]>e?(t=n,i=n-1):r=n+1}let a=c.value[t],o=e-(t===0?0:l.value[t-1]||0);r=0,i=a.localPrefix.length-1;let s=0;for(;r<=i;){let e=Math.floor((r+i)/2);a.localPrefix[e]>o?(s=e,i=e-1):r=e+1}return a.startIndex+s},x=()=>{if(!r.value)return{start:0,end:0};let e=r.value.clientHeight,t=b(o.value),i=t,a=0,s=n.list.length,c=!1;for(;i<s;){let t=v(i);a+=t,a>e&&!c&&(s=i+n.buffer+1,c=!0),i++}return i=Math.min(i,n.list.length),{start:Math.max(0,t-n.buffer),end:i}},S=(0,t.ref)(x());(0,t.watch)([o,()=>n.buffer,()=>n.list.length,()=>n.fixedHeight,l],()=>{S.value=x()});let C=(0,t.computed)(()=>{let{start:e}=S.value;return y(e-1)}),w=()=>{if(!a.value||a.value.offsetHeight===0&&!U()||n.fixedHeight)return;let e=a.value.children,{start:t}=S.value,r=!1;for(let i=0;i<e.length;i++){let a=t+i;if(a>=n.list.length)break;let o=U()?40:e[i].offsetHeight;u.value[a]!==o&&(u.value[a]=o,r=!0)}if(r){let{start:e,end:t}=S.value,n=_(e),r=_(t);if(!n||!r)return;let i=c.value.indexOf(n),a=c.value.indexOf(r);for(let e=i;e<=a;e++){let t=c.value[e],n=0;for(let e=t.startIndex;e<=t.endIndex;e++)n+=v(e),t.localPrefix[e-t.startIndex]=n;t.totalHeight=n}g(),S.value=x()}},T=e=>{o.value=e.target.scrollTop};(0,t.onMounted)(()=>{p(),(0,t.nextTick)(()=>{w()})}),(0,t.watch)(()=>n.list.length,()=>{h(n.list.length),(0,t.nextTick)(()=>{w()})}),(0,t.watch)(S,()=>{(0,t.nextTick)(()=>{w()})},{deep:!0}),Q(r,()=>{(0,t.nextTick)(()=>{S.value=x()})});let E=(0,t.getCurrentInstance)();return()=>{let{start:e,end:o}=S.value,c=n.list.slice(e,o+1),l=E==null?void 0:E.vnode.scopeId,u=s.value||n.list.length*n.estimatedHeight,f=()=>(0,t.createVNode)(`div`,{ref:r,class:`px-virtual-list`},[(0,t.createVNode)(`div`,{ref:i,class:`px-virtual-list-scroll-area`,onScroll:T},[(0,t.createVNode)(`div`,{class:{"px-virtual-list-content":n.fixedHeight},style:{maxHeight:n.fixedHeight?`${u}px`:void 0}},[(0,t.createVNode)(`div`,{class:`px-virtual-list-placeholder`,style:{height:`${u}px`}},null),(0,t.createVNode)(`div`,{ref:a,class:`px-virtual-list-item`,style:{transform:`translateY(${C.value}px)`}},[c.map((n,r)=>{let i=e+r,a=n.key??i,o=n.render,s;if(d(o))s=(0,t.createVNode)(`div`,null,[o]);else{let e=o();s=d(e)?(0,t.createVNode)(`div`,null,[e]):e}return(0,t.createVNode)(t.Fragment,{key:a},[s])})])])])]);return l?(0,t.withScopeId)(l)(f)():f()}}}),ai=(0,t.defineComponent)({name:`OptionList`,__name:`index`,props:{options:{default:()=>[]},activeValues:{default:()=>[]},virtualScroll:{type:Boolean,default:!1},virtualListProps:null},emits:[`select`],setup(e,{emit:n}){let r=e,i=n,a=(e,t)=>{i(`select`,e,e,t)},o=(e,t)=>{e.disabled||i(`select`,e.value,e,t)},c=e=>s(e)&&!(`type`in e&&e.type===`group`),l=e=>d(e)?e:c(e)?e.key??e.value:e.key,u=e=>r.activeValues.length?d(e)?r.activeValues.includes(e):r.activeValues.includes(e.value):!1,f=(0,t.useSlots)(),p=(e,n=!1)=>{let r=l(e);return d(e)?{el:(0,t.createVNode)(`li`,{tabindex:0,key:r,class:{"px-option-list-item":!0,"px-option-list-item__active":u(e),"px-option-list-item__child":n},onClick:t=>a(e,t)},[f.option?f.option({option:e}):e]),key:r}:c(e)?{el:(0,t.createVNode)(`li`,{tabindex:e.disabled?-1:0,key:r,class:{"px-option-list-item":!0,"px-option-list-item__disabled":e.disabled,"px-option-list-item__active":u(e),"px-option-list-item__child":n},onClick:t=>o(e,t)},[f.option?f.option({option:e}):e.label]),key:r}:[{el:(0,t.createVNode)(`li`,{class:`px-option-list-item-group`,key:r},[(0,t.createVNode)(`div`,{class:`px-option-list-item-group-label`},[f[`group-label`]?f[`group-label`]({option:e}):e.label])]),key:r},...e.children.map(e=>p(e,!0))]},m=()=>{let e=[];return r.options.map(e=>p(e)).forEach(t=>{Array.isArray(t)?t.forEach(t=>e.push(t)):e.push(t)}),(0,t.createVNode)(`ul`,{class:`px-option-list`},[r.virtualScroll?(0,t.createVNode)(ii,(0,t.mergeProps)({class:`px-option-list-virtual-list`,list:e.map(e=>({render:()=>e.el,key:e.key}))},r.virtualListProps),null):e.map(e=>e.el)])},h=(0,t.getCurrentInstance)();return()=>{let e=h==null?void 0:h.vnode.scopeId;return e?(0,t.withScopeId)(e)(m)():m()}}}),oi=(0,t.defineComponent)({name:`AutoComplete`,__name:`index`,props:{modelValue:null,defaultValue:null,options:{default:()=>[]},placeholder:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:null,shape:null,showPopoverEmpty:{type:Boolean,default:!1},shouldShowPopover:{type:Function},filter:{type:Function},append:{type:Boolean,default:!1},virtualScroll:{type:Boolean,default:!1},virtualListProps:null,borderRadius:null,status:{default:`normal`},autofocus:{type:Boolean},optionsDestroyOnHide:{type:Boolean,default:!1}},emits:[`input`,`update:modelValue`,`change`,`clear`,`blur`,`focus`,`select`],setup(e,{expose:n,emit:i}){var a;let o=(0,t.useAttrs)(),s=e,c=i,[l,u,f]=Tn({afterComposition:e=>{(0,t.nextTick)(()=>{N(e)})}}),p=(0,t.getCurrentInstance)(),m=(0,t.ref)((p==null||(a=p.parent)==null?void 0:a.type.name)===`InputGroup`),[h,g,_]=m.value?nt(et,e=>{var t;return e==null||(t=e.vnode.el)==null?void 0:t.nextElementSibling}):[(0,t.ref)(0),(0,t.ref)(!1),(0,t.ref)(!1)],v=(0,t.inject)(at,void 0),y=(0,t.inject)(lt,void 0),b=$(`borderRadius`,[m.value&&v,s]),x=$(`size`,()=>[m.value&&v,s.size&&s,y,s],`nullish`,e=>e||`medium`),S=$(`shape`,[m.value&&v,s],`nullish`,e=>e||`rect`),C=$(`disabled`,[y,m.value&&v,s],`or`),w=$(`readonly`,[y,m.value&&v,s],`or`),T=$(`status`,[y,s]),E=(0,t.computed)(()=>{if(h.value>=0){var e;return m.value?(v==null||(e=v.childrenInfo.value.find(e=>e.index===h.value+1))==null?void 0:e.variant)===`text`:!1}else return!1}),[D,O]=On(`modelValue`,s,c,{defaultField:`defaultValue`,transform:e=>e||``}),k=(0,t.shallowRef)(null),A=(0,t.shallowRef)(null),j=(0,t.shallowRef)(null),M=async()=>{if(await(0,t.nextTick)(),s.shouldShowPopover){se.value=!!s.shouldShowPopover(D.value||``,oe.value);return}D.value&&(!s.showPopoverEmpty&&oe.value.length||s.showPopoverEmpty)?se.value=!0:se.value=!1},N=async e=>{e.stopPropagation();let t=e.target.value;D.value=t,!l.value&&(c(`input`,t,e),y==null||y.inputHandler(),await O(t),M())},P=async()=>{await O(``),c(`change`,``),c(`clear`,``),y==null||y.changeHandler()},F=e=>{e.stopPropagation();let t=e.target;c(`change`,t.value,e),y==null||y.changeHandler()},I=(0,t.ref)(!1),L=e=>{e.stopPropagation(),c(`blur`,e),I.value=!1,y==null||y.blurHandler()},R=e=>{e.stopPropagation(),c(`focus`,e),I.value=!0},z=()=>{var e;(e=j.value)==null||e.focus()},V=(0,t.ref)(!1),ne=()=>{V.value=!0},re=()=>{V.value=!1},ie=(0,t.computed)(()=>s.clearable&&!C.value&&!w.value),ae=async(e,t,n)=>{let r=s.append?D.value+e:e;await O(r),se.value=!1,c(`select`,r,t,n),c(`change`,r,n),y==null||y.changeHandler()},H=(0,t.useSlots)(),oe=(0,t.computed)(()=>s.filter?s.filter(D.value||``,s.options||[]):!D.value||!D.value.trim()?[]:te(D.value,s.options||[]));n({focus:()=>{var e;(e=j.value)==null||e.focus()},blur:()=>{var e;(e=j.value)==null||e.blur()},clear:()=>P(),select:()=>{var e;(e=j.value)==null||e.select()},[B]:()=>k.value});let se=(0,t.ref)(!1),ce=e=>{e||(se.value=e)};(0,t.watch)([g,_,b,S,x,C,()=>H,Z(),I,V,w,T,E],()=>{setTimeout(()=>{le()})});let le=()=>{let e=q(k,A);if(!e)return;let{ctx:t,width:n,height:r,canvas:i}=e,a=K(),o=Se(i,a,b.value,S.value||`rect`,x.value||`medium`,m.value,g.value,_.value),s=T.value===`normal`?(V.value||I.value)&&!C.value&&!w.value?Y(`primary`,6):Y(`neutral`,10):Y(T.value===`error`?`danger`:T.value,6),c=we(o,n,r,a);s&&ni(t,n,r,c,o,ee,s,a,m.value,g.value,_.value,E.value);let l=C.value?Y(`neutral`,6):Y(`neutral`,1);l&&ve(t,Math.round(n/2),Math.round(r/2),l)};return(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{le()})}),Q(k,le),tt(le),pt(k,le),()=>{let e=(0,t.createVNode)(t.Fragment,null,[H.prefix&&(0,t.createVNode)(`div`,{class:`px-auto-complete-prefix-wrapper`},[H.prefix()]),(0,t.createVNode)(`input`,{ref:j,class:`px-auto-complete-inner`,value:D.value,placeholder:s.placeholder,disabled:C.value||w.value,autofocus:s.autofocus,onInput:N,onChange:F,onCompositionstart:u,onCompositionend:f},null),ie.value&&(0,t.createVNode)(`div`,{class:`px-auto-complete-close-wrapper`},[V.value&&D.value?(0,t.createVNode)(wt,{class:`px-auto-complete-icon`,onClick:P},null):(0,t.createVNode)(`div`,{class:`px-auto-complete-icon-placeholder`},null)]),s.loading&&(0,t.createVNode)(`div`,{class:`px-auto-complete-loading-wrapper`},[(0,t.createVNode)(r,{class:`px-auto-complete-icon px-animation__loading`},null)]),H.suffix&&(0,t.createVNode)(`div`,{class:`px-auto-complete-suffix-wrapper`},[H.suffix()]),(0,t.createVNode)(`canvas`,{ref:A,class:`px-auto-complete-canvas`},null)]),n={},i=p==null?void 0:p.vnode.scopeId,a=p==null?void 0:p.vnode.scopeId;i&&(n[i]=``),a&&(n[a]=``);let c=K();return(0,t.createVNode)(Br,{placement:`bottom`,offset:0,"width-equal":!0,arrow:!1,visible:se.value,"onUpdate:visible":ce,trigger:`click`,contentStyle:{padding:`${c}px`},destroyOnHide:s.optionsDestroyOnHide},{default:()=>(0,t.h)(`div`,{ref:k,class:[`pixelium px-auto-complete`,x.value&&`px-auto-complete__${x.value}`,S.value&&`px-auto-complete__${S.value}`,{"px-auto-complete__inner":m.value},{"px-auto-complete__disabled":C.value}],onClick:z,onMouseenter:ne,onMouseleave:re,onFocusout:L,onFocusin:R,...n,...o},[e]),content:()=>oe.value.length?(0,t.createVNode)(ai,{options:oe.value,onSelect:ae,virtualScroll:s.virtualScroll,virtualListProps:s.virtualListProps},{"group-label":({option:e})=>H[`group-label`]?H[`group-label`]({option:e}):e.label,option:({option:e})=>H.option?H.option({option:e}):d(e)?e:e.label}):(0,t.createVNode)(`div`,{class:`px-auto-complete-empty`},[(0,t.createVNode)(ti,null,null)])})}}}),si=(0,t.defineComponent)({name:`Mask`,__name:`index`,props:{color:null,step:{default:1},lineWidth:{default:2},grid:{type:Boolean,default:!0},zIndex:{default:20}},setup(e){let n=Z(),r=e,i=(0,t.shallowRef)(null),a=(0,t.shallowRef)(null),o=()=>{let e=Y(`neutral`,8);return e?(e.a=127,X(e)):`none`},s=(0,t.ref)(o()),c=()=>{if(!r.grid)return;let e=q(a,i);if(!e)return;let{ctx:t,width:n,height:o}=e,c=r.lineWidth;t.clearRect(0,0,n,o),t.strokeStyle=r.color||s.value,t.lineWidth=c;let l=Math.max(1,r.step);for(let e=0;e<=n;e+=l+c)t.beginPath(),t.moveTo(e,0),t.lineTo(e,o),t.stroke();for(let e=0;e<=o;e+=l+c)t.beginPath(),t.moveTo(0,e),t.lineTo(n,e),t.stroke()};return(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{c()})}),Q(a,c),tt(()=>{c(),s.value=o()}),(0,t.watch)([n,s,()=>r.grid,()=>r.color,()=>r.step,()=>r.lineWidth],()=>{s.value=o(),c()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`pixelium px-mask`,style:(0,t.normalizeStyle)({zIndex:r.zIndex,backgroundColor:r.grid?void 0:r.color||s.value}),ref_key:`wrapperRef`,ref:a},[r.grid?((0,t.openBlock)(),(0,t.createElementBlock)(`canvas`,{key:0,ref_key:`canvasRef`,ref:i,class:`px-mask-canvas`},null,512)):(0,t.createCommentVNode)(``,!0)],4))}}),ci={class:`px-spin-content`},li=(0,t.defineComponent)({name:`Spin`,__name:`index`,props:{loading:{type:Boolean,default:void 0},size:{default:`medium`},maskProps:null,zIndex:{default:20},maskColor:null,maskStep:{default:1},maskLineWidth:{default:2},maskGrid:{type:Boolean,default:!0}},setup(e){let n=e,i=(0,t.useSlots)(),a=(0,t.computed)(()=>m(n.size)?`${n.size}px`:void 0),o=(0,t.computed)(()=>i.default?!!n.loading:n.loading!==!1);return(e,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-spin`,{[`px-spin__${n.size}`]:(0,t.unref)(d)(n.size)}]),style:(0,t.normalizeStyle)({minWidth:a.value,minHeight:a.value})},[(0,t.renderSlot)(e.$slots,`default`),o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`px-spin-cover`,style:(0,t.normalizeStyle)({zIndex:n.zIndex})},[(0,t.unref)(i).default?((0,t.openBlock)(),(0,t.createBlock)(si,(0,t.mergeProps)({key:0,"z-index":0,color:n.maskColor,step:n.maskStep,"line-width":n.maskLineWidth,grid:n.maskGrid},n.maskProps),null,16,[`color`,`step`,`line-width`,`grid`])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,ci,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`px-spin-icon-wrapper`,{"px-spin-icon-wrapper__last":!(0,t.unref)(i).description,[`px-spin-icon-wrapper__${n.size}`]:(0,t.unref)(d)(n.size)}]),style:(0,t.normalizeStyle)({fontSize:a.value})},[(0,t.renderSlot)(e.$slots,`icon`,{},()=>[(0,t.createVNode)((0,t.unref)(r),{class:`px-spin-icon px-animation__loading`,style:(0,t.normalizeStyle)({width:a.value,height:a.value})},null,8,[`style`])])],6),(0,t.renderSlot)(e.$slots,`description`)])],4)):(0,t.createCommentVNode)(``,!0)],6))}});let ui=(e,t,n,r,i,a,o,s,c,l,u,d)=>{e.fillStyle=X(o);for(let t=0;t<4;t++)i[t]>s&&(!(t===1||t===2)||c&&u||!c)&&ge(e,r[t][0],r[t][1],i[t],a[t][0],a[t][1],s);if(r[1][0]+s>r[0][0]){let t=r[1][0]-r[0][0]+s;c&&!u&&(t-=s),e.fillRect(r[0][0],0,t,s)}if(r[2][1]+s>r[1][1]&&(c&&u||!c)&&e.fillRect(t-s,r[1][1],s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s){let t=r[2][0]-r[3][0]+s;c&&!u&&(t-=s),e.fillRect(r[3][0],n-s,t,s)}if((!c||l)&&r[3][1]+s>r[0][1]&&e.fillRect(0,r[0][1],s,r[3][1]-r[0][1]+s),c&&!l&&e.fillRect(s/2,0,s/2,n),c&&!u){let r=s;d&&(r/=2),e.fillRect(t-2*s-1,0,r,n)}};var di=250,fi=(0,t.defineComponent)({name:`Select`,__name:`index`,props:{modelValue:null,defaultValue:null,options:{default:()=>[]},placeholder:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},inputValue:null,defaultInputValue:null,filterable:{type:Boolean,default:!1},shouldShowPopover:{type:Function},filter:{type:Function},creatable:{type:Boolean},collapseTags:{type:Boolean,default:!1},maxDisplayTags:null,collapseTagsPopover:{type:Boolean,default:!0},virtualScroll:{type:Boolean,default:!1},virtualListProps:null,tagProps:null,size:null,shape:null,borderRadius:null,status:{default:`normal`},tagTheme:{default:`info`},tagVariant:{default:`plain`},tagColor:null,popoverProps:null,optionsDestroyOnHide:{type:Boolean,default:!1}},emits:[`input`,`update:modelValue`,`update:inputValue`,`change`,`inputChange`,`clear`,`blur`,`focus`,`select`,`tagClose`],setup(e,{expose:n,emit:i}){var a;let o=(0,t.useAttrs)(),c=e,l=i,[u,f,g]=Tn({afterComposition:e=>{(0,t.nextTick)(()=>{le(e)})}}),v=(0,t.getCurrentInstance)(),y=(0,t.ref)((v==null||(a=v.parent)==null?void 0:a.type.name)===`InputGroup`),[b,x,C]=y.value?nt(et,e=>{var t;return e==null||(t=e.vnode.el)==null?void 0:t.nextElementSibling}):[(0,t.ref)(0),(0,t.ref)(!1),(0,t.ref)(!1)],w=(0,t.inject)(at,void 0),T=(0,t.inject)(lt,void 0),E=$(`borderRadius`,[y.value&&w,c]),D=$(`size`,()=>[y.value&&w,c.size&&c,T,c],`nullish`,e=>e||`medium`),O=$(`shape`,[y.value&&w,c],`nullish`,e=>e||`rect`),k=$(`disabled`,[y.value&&w,T,c],`or`),A=$(`readonly`,[y.value&&w,T,c],`or`),j=$(`status`,[T,c]),M=(0,t.computed)(()=>{if(b.value>=0){var e;return y.value?(w==null||(e=w.childrenInfo.value.find(e=>e.index===b.value+1))==null?void 0:e.variant)===`text`:!1}else return!1}),N=e=>p(e)||h(e)||c.multiple&&_(e)&&e.length===0,[P,F]=On(`modelValue`,c,l,{defaultField:`defaultValue`,transform:e=>c.multiple?S(e)?void 0:_(e)?[...e]:[e]:e}),[I,L]=On(`inputValue`,c,l,{defaultField:`defaultInputValue`,transform:e=>e||``}),R=(0,t.computed)(()=>{if(!c.multiple||!c.options.length||N(P.value))return[];let e=new Map;return c.options.forEach(t=>{if(d(t))e.set(t,t);else if(`type`in t&&t.type===`group`)return t.children.some(t=>{d(t)?e.set(t,t):e.set(t.value,t.label)});else e.set(t.value,t.label)}),P.value.map(t=>e.has(t)?e.get(t):String(t))}),z=(0,t.computed)(()=>{if(c.multiple||!c.options.length||N(P.value))return``;let e=String(P.value);return c.options.some(t=>d(t)?P.value===t:`type`in t&&t.type===`group`?t.children.some(t=>d(t)?P.value===t:t.value===P.value?(e=t.label,!0):!1):t.value===P.value?(e=t.label,!0):!1),e}),V=(0,t.shallowRef)(null),re=(0,t.shallowRef)(null),ie=(0,t.shallowRef)(null),ae=(0,t.shallowRef)(null),H=(0,t.shallowRef)(null),oe=(0,t.shallowRef)(null);(0,t.watch)(()=>c.multiple,(e,t)=>{F(e&&!t?[P.value]:P.value[0]||null)});let se=async()=>{if(await(0,t.nextTick)(),c.shouldShowPopover){De.value=!!c.shouldShowPopover(I.value||``,Ee.value);return}De.value=!0},ce=async()=>{De.value=!1},le=async e=>{e.stopPropagation();let t=e.target.value;I.value=t,!u.value&&(l(`input`,t,e),L(t),await l(`update:inputValue`,t),se())},ue=async()=>{await new Promise(e=>setTimeout(e));let e=c.multiple?[]:null;await L(``),await F(e),l(`change`,e),l(`clear`,e),l(`inputChange`,``),T==null||T.changeHandler()},de=e=>{e.stopPropagation();let t=e.target;l(`inputChange`,t.value,e)},[U,W]=Rr(),fe=(0,t.ref)(!1),pe=async e=>{k.value||A.value||(W(),fe.value=!0,(0,t.nextTick)(()=>{if(ae.value&&c.filterable){if(ae.value.focus(),c.multiple)return;L(N(P.value)?I.value||``:z.value)}}),se(),l(`focus`,e))},me=async e=>{var t;if(k.value||A.value)return;let n=e.target;if(n instanceof HTMLElement||n instanceof SVGElement){var r;if((r=oe.value)!=null&&r.$el.contains(n))return}(t=re.value)==null||t.focus()},he=async()=>{var e,t;let n=await U();return n&&(fe.value=!1,ce(),(e=ae.value)==null||e.blur(),(t=re.value)==null||t.blur(),setTimeout(async()=>{await L(``),l(`inputChange`,``)},di),n)},ge=async e=>{await he()&&(l(`blur`,e),T==null||T.blurHandler())},_e=e=>{var t,n;let r=e.relatedTarget;r&&!((t=H.value)==null||(t=t.triggerContent)==null||(t=t.content)==null)&&t.contains(r)||r&&(n=V.value)!=null&&n.contains(r)||ge(e)},G=(0,t.ref)(!1),ye=()=>{G.value=!0},be=()=>{G.value=!1},xe=(0,t.computed)(()=>c.clearable&&!k.value&&!A.value),Ce=e=>{if(c.multiple)if(_(P.value)){let t=[...P.value],n=t.findIndex(t=>t===e);return n===-1?t.push(e):t.splice(n,1),t}else return[e];else return e},Te=async(e,t,n)=>{await new Promise(e=>setTimeout(e));let r=Ce(e);await F(r),c.multiple||(fe.value=!1,ce(),l(`select`,r,t,n),l(`change`,r),T==null||T.changeHandler(),setTimeout(async()=>{await L(``)},di))},J=(0,t.useSlots)(),Ee=(0,t.computed)(()=>{let e=c.options||[];if(!c.filterable)return e;let t=[];return t=c.filter?c.filter(I.value||``,e):te(I.value||``,e),c.multiple&&(N(P.value)||P.value.forEach(n=>{let r=ne(n,t),i=ne(n,e);if(!r.length)if(!i.length)t.push(n);else if(i.length===1)t.push(i[0]);else{let e=i[1],n=t.findIndex(t=>s(t)&&`type`in t&&t.type===`group`&&t.key===e.key);n?t[n].children.push(i[0]):t.push({...e,children:[i[0]]})}})),c.creatable&&I.value&&(ne(I.value,t,!0).length||t.push(I.value)),t});n({focus:()=>{var e;k.value||A.value||(e=re.value)==null||e.focus()},blur:()=>{he()},clear:()=>ue(),[B]:()=>V.value});let De=(0,t.ref)(!1),Oe=e=>{e||(De.value=e)},ke=(0,t.computed)(()=>N(P.value)&&(!c.multiple&&!z.value||c.multiple)),Ae=(0,t.computed)(()=>D.value===`small`?`small`:`medium`),je=(0,t.computed)(()=>!k.value&&!A.value),Me=async(e,t)=>{let n=[...P.value],r=n.findIndex(t=>t===e);r!==-1&&(n.splice(r,1),await F(n),l(`tagClose`,e,t),l(`change`,n),T==null||T.changeHandler())},Ne=(0,t.computed)(()=>!!c.collapseTags&&m(c.maxDisplayTags)&&c.maxDisplayTags>=0),Pe=(0,t.computed)(()=>!c.multiple||!c.options.length||S(P.value)?[]:Ne.value?P.value.slice(0,c.maxDisplayTags):P.value),Fe=(0,t.computed)(()=>!c.multiple||!c.options.length||S(P.value)?[]:Ne.value?P.value.slice(c.maxDisplayTags):[]);(0,t.watch)([x,C,E,O,D,A,k,()=>J,Z(),fe,G,j,M],()=>{Ie()});let Ie=()=>{let e=q(V,ie);if(!e)return;let{ctx:t,width:n,height:r,canvas:i}=e,a=K(),o=Se(i,a,E.value,O.value,D.value||`medium`,y.value,x.value,C.value),s=j.value===`normal`?(G.value||fe.value)&&!k.value&&!A.value?Y(`primary`,6):Y(`neutral`,10):Y(j.value===`error`?`danger`:j.value,6),c=we(o,n,r,a);s&&ui(t,n,r,c,o,ee,s,a,y.value,x.value,C.value,M.value);let l=k.value?Y(`neutral`,6):Y(`neutral`,1);l&&ve(t,Math.round(n/2),Math.round(r/2),l)};(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{Ie()})}),Q(V,Ie),tt(Ie),pt(V,Ie);let Le=(0,t.computed)(()=>{var e;return{...c.popoverProps,contentStyle:{maxWidth:`400px`,...(e=c.popoverProps)==null?void 0:e.contentStyle}}});return()=>{let e=(0,t.createVNode)(t.Fragment,null,[J.prefix&&(0,t.createVNode)(`div`,{class:`px-select-prefix-wrapper`},[J.prefix()]),(0,t.createVNode)(`div`,{class:`px-select-content`,ref:re,tabindex:k.value||A.value?-1:0},[c.multiple&&Pe.value.map((e,n)=>(0,t.createVNode)(_r,(0,t.mergeProps)({key:e,size:Ae.value,variant:c.tagVariant,theme:c.tagTheme,closable:je.value,disabled:k.value,color:c.tagColor},c.tagProps,{onClose:t=>Me(e,t)}),{default:()=>J.tag?J.tag({value:e,label:R.value[n],index:n,disabled:k.value,readonly:A.value}):R.value[n]})),c.multiple&&!!Fe.value.length&&Ne.value&&(0,t.createVNode)(t.Fragment,null,[c.collapseTagsPopover?(0,t.createVNode)(Br,Le.value,{default:()=>(0,t.createVNode)(_r,(0,t.mergeProps)({size:Ae.value,variant:c.tagVariant,theme:c.tagTheme,disabled:k.value,color:c.tagColor},c.tagProps),{default:()=>J.tag?J.tag({value:null,label:`+${Fe.value.length}`,index:-1,disabled:k.value,readonly:A.value}):`+${Fe.value.length}`}),content:()=>(0,t.createVNode)(`div`,{class:`px-input-tag-content`},[Fe.value.map((e,n)=>(0,t.createVNode)(_r,(0,t.mergeProps)({key:e,size:Ae.value,variant:c.tagVariant,theme:c.tagTheme,disabled:k.value,color:c.tagColor,closable:je.value},c.tagProps,{onClose:t=>Me(e,t)}),{default:()=>{let t=n+Math.floor(c.maxDisplayTags);return J.tag?J.tag({value:e,label:R.value[t],index:t,disabled:k.value,readonly:A.value}):R.value[t]}}))])}):(0,t.createVNode)(_r,(0,t.mergeProps)({size:Ae.value,variant:c.tagVariant,theme:c.tagTheme,disabled:k.value,color:c.tagColor},c.tagProps),{default:()=>J.tag?J.tag({value:null,label:`+${Fe.value.length}`,index:-1,disabled:k.value,readonly:A.value}):`+${Fe.value.length}`})]),(0,t.withDirectives)((0,t.createVNode)(`input`,{tabindex:-1,ref:ae,class:`px-select-inner`,value:I.value,disabled:k.value||A.value,onInput:le,onChange:de,onCompositionstart:f,onCompositionend:g,placeholder:ke.value?c.placeholder:``},null),[[t.vShow,c.filterable&&fe.value]]),(0,t.withDirectives)((0,t.createVNode)(`div`,{class:{"px-select-placeholder":!0}},[c.placeholder]),[[t.vShow,ke.value&&(!c.filterable||!fe.value)]]),!c.multiple&&(0,t.withDirectives)((0,t.createVNode)(`div`,{class:{"px-select-label":!0,"px-select-label__disabled":k.value}},[J.label?J.label({label:z.value,value:P.value,disabled:k.value,readonly:A.value}):z.value]),[[t.vShow,!ke.value&&(!c.filterable||!fe.value)]])]),xe.value&&(0,t.createVNode)(`div`,{class:`px-select-close-wrapper`},[G.value&&!N(P.value)?(0,t.createVNode)(wt,{class:`px-select-icon`,onClick:ue,ref:e=>{oe.value=e}},null):(0,t.createVNode)(`div`,{class:`px-select-icon-placeholder`},null)]),c.loading&&(0,t.createVNode)(`div`,{class:`px-select-loading-wrapper`},[(0,t.createVNode)(r,{class:`px-select-icon px-animation__loading`},null)]),J.suffix&&(0,t.createVNode)(`div`,{class:`px-select-suffix-wrapper`},[J.suffix()]),(0,t.createVNode)(`canvas`,{ref:ie,class:`px-select-canvas`},null)]),n={},i=v==null?void 0:v.vnode.scopeId,a=v==null?void 0:v.vnode.scopeId;i&&(n[i]=``),a&&(n[a]=``);let s=K();return(0,t.createVNode)(Br,{placement:`bottom`,offset:0,"width-equal":!0,arrow:!1,visible:De.value,"onUpdate:visible":Oe,trigger:`click`,contentStyle:{padding:`${s}px`},ref:H,destroyOnHide:c.optionsDestroyOnHide},{default:()=>(0,t.h)(`div`,(0,t.mergeProps)({ref:V,class:[`pixelium px-select`,D.value&&`px-select__${D.value}`,O.value&&`px-select__${O.value}`,{"px-select__inner":y.value},{"px-select__disabled":k.value}],onFocusin:pe,onFocusout:_e,onClick:me,onMouseenter:ye,onMouseleave:be,...n},o),[e]),content:()=>Ee.value.length?(0,t.createVNode)(ai,{options:Ee.value,onSelect:Te,activeValues:c.multiple?P.value:[P.value],virtualScroll:c.virtualScroll,virtualListProps:c.virtualListProps},{"group-label":({option:e})=>J[`group-label`]?J[`group-label`]({option:e}):e.label,option:({option:e})=>J.option?J.option({option:e}):d(e)?e:e.label}):(0,t.createVNode)(`div`,{class:`px-select-empty`},[(0,t.createVNode)(ti,null,null)])})}}}),pi=new WeakMap,mi={},hi=new WeakMap,gi=new WeakMap;function _i(e,n={}){let r=O(n,{lazyOffset:0}),i,a=(e,t,n,r)=>{var i;(i=t.onLoading)==null||i.call(t,e);let a=new Image;a.src=n||``,a.referrerPolicy=e.referrerPolicy,a.crossOrigin=e.crossOrigin,a.srcset=r||``,a.onload=n=>{var r;(r=t.onLoad)==null||r.call(t,e,n)},a.onerror=n=>{var r;(r=t.onError)==null||r.call(t,e,n)}},o=e=>{let t=e.dataset.src,n=e.dataset.srcset;!t&&!n||a(e,gi.get(e),t,n)},s=_(r.rootMargin)?`${r.rootMargin[0]}-${r.rootMargin[1]}`:String(r.rootMargin),c=()=>{let e=i||mi,t=hi.get(e);t||(hi.set(e,new Map),t=hi.get(e));let n=t.get(s);return{observers:t,observer:n}},l=e=>{let t=i||mi,n=pi.get(t);n||(pi.set(t,new Map),n=pi.get(t));let r=n.get(e);return r||(n.set(e,new Set),r=n.get(e)),{observedSet:r,observedSetMap:n}},u=()=>{let{observer:e,observers:t}=c();if(e)return;let n=S(r.rootMargin)?void 0:_(r.rootMargin)?`${r.rootMargin[1]}px ${r.rootMargin[0]}px`:`${r.rootMargin}px`,a=new IntersectionObserver(e=>{e.forEach(e=>{if(e.isIntersecting){let t=e.target;o(t),p(t)}})},{root:i,rootMargin:n});t.set(s,a)},f=e=>{let{observedSet:t}=l(s);if(t.has(e)||e.dataset.loaded===`true`)return;let{observers:n}=c();n.get(s).observe(e),t.add(e),gi.set(e,r)},p=e=>{let{observedSet:t,observedSetMap:n}=l(s),{observers:r}=c();r.get(s).unobserve(e),t.delete(e),gi.delete(e),t.size===0&&(r.get(s).disconnect(),r.delete(s),n.delete(s))},m=()=>{e.value&&f(e.value)};(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{if(!e.value)return;if(d(r.root)){let e=document.querySelector(r.root);e instanceof HTMLElement?i=e:pn(`The DOM node for the visible area of lazy loading was not found, and the viewport is used as the visible area by default.`,!0)}else i=r.root;u();let t=Nr(e.value,i),n=_(r.rootMargin)?r.rootMargin[0]:r.rootMargin||0,o=_(r.rootMargin)?r.rootMargin[1]:r.rootMargin||0;if(t.hasIntersection||t.x<n&&t.y<o){let t=e.value.dataset.src,n=e.value.dataset.srcset;(t||n)&&a(e.value,r,t,n)}else m()})}),(0,t.onUnmounted)(()=>{e.value&&p(e.value)})}let vi=(e,n)=>{W()&&((0,t.onMounted)(()=>{(0,t.nextTick)(()=>{n&&e(),window.addEventListener(`resize`,e)})}),(0,t.onBeforeUnmount)(()=>{window.removeEventListener(`resize`,e)}))};var yi=[`src`,`srcset`,`alt`,`data-src`,`data-srcset`,`data-loaded`,`data-error`,`loading`,`referrerpolicy`,`crossorigin`],bi={key:0,class:`px-image-fallback`},xi={key:0,class:`px-image-preview`},Si=[`src`,`srcset`,`alt`,`referrerpolicy`,`crossorigin`],Ci=250,wi=(0,t.defineComponent)({name:`Image`,__name:`index`,props:{src:null,srcset:null,alt:null,objectFit:{default:`fill`},loading:{default:`eager`},lazy:{type:Boolean,default:!1},root:null,rootMargin:{default:()=>[100,200]},previewable:{type:Boolean,default:!1},maskProps:null,popupWrapperProps:null,zoomOptions:null,referrerpolicy:{default:`no-referrer`},crossorigin:{default:``}},emits:[`load`,`error`,`loading`,`preview`,`close`],setup(e,{emit:n}){let r=(0,t.useSlots)(),i=e,a=(0,t.ref)(i.lazy?void 0:i.src),o=(0,t.ref)(i.lazy?void 0:i.srcset),s=(0,t.ref)(!1),c=(0,t.ref)(!1),l=(0,t.ref)(!1),u=(0,t.shallowRef)(null),d=n;_i(u,{root:i.root,rootMargin:i.rootMargin,onError:(e,t)=>{s.value=!0,c.value=!1,d(`error`,e,t)},onLoading:e=>{d(`loading`,e)},onLoad:()=>{a.value=i.src,o.value=i.srcset}});let f=e=>{u.value&&(c.value=!0,s.value=!1,d(`load`,u.value,e))},p=e=>{s.value=!0,c.value=!1,u.value&&d(`error`,u.value,e)},m=(0,t.ref)({width:0,height:0,top:0,left:0}),h=e=>{!(c.value&&i.previewable)||!u.value||(m.value=Pr(u.value),l.value=!0,d(`preview`,e))};vi(()=>{!(c.value&&i.previewable)||!u.value||!l.value||(m.value=Pr(u.value,i.zoomOptions))});let g=e=>{l.value=!1,d(`close`,e)};return(0,t.watch)(()=>i.src,e=>{c.value?a.value=e:i.lazy||(a.value=e)}),(0,t.watch)(()=>i.srcset,e=>{c.value?o.value=e:i.lazy||(o.value=e)}),(n,d)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-image`,{[`px-image__${i.objectFit}`]:!!i.objectFit,"px-image-previewable":c.value&&i.previewable}]),onClick:h},[(0,t.createElementVNode)(`img`,{src:a.value,srcset:o.value,alt:i.alt,"data-src":i.lazy?i.src:void 0,"data-srcset":i.lazy?i.srcset:void 0,"data-loaded":i.lazy?c.value:void 0,"data-error":i.lazy?s.value:void 0,loading:i.lazy?void 0:i.loading,referrerpolicy:i.referrerpolicy,crossorigin:i.crossorigin,style:(0,t.normalizeStyle)({visibility:s.value||!a.value&&!o.value?`hidden`:void 0}),class:`px-image-img`,ref_key:`imgRef`,ref:u,onLoad:f,onError:p},null,44,yi),(0,t.unref)(r).placeholder||(0,t.unref)(r).error?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,bi,[!c.value&&!s.value?(0,t.renderSlot)(n.$slots,`placeholder`,{key:0}):(0,t.createCommentVNode)(``,!0),s.value?(0,t.renderSlot)(n.$slots,`error`,{key:1}):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0),i.previewable?((0,t.openBlock)(),(0,t.createBlock)(Dr,(0,t.mergeProps)({key:1,visible:l.value,position:`fixed`,"close-delay":Ci},i.popupWrapperProps),{default:(0,t.withCtx)(()=>[(0,t.createVNode)(t.Transition,{name:`px-image-preview`},{default:(0,t.withCtx)(()=>[l.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,xi,[(0,t.createVNode)(si,(0,t.mergeProps)({"z-index":0},e.maskProps,{onClick:g}),null,16),(0,t.createVNode)((0,t.unref)(hr),{"z-index":`0`,onClick:g,class:`px-image-preview-close`}),(0,t.createElementVNode)(`img`,{"z-index":`0`,src:a.value,srcset:o.value,alt:i.alt,referrerpolicy:i.referrerpolicy,crossorigin:i.crossorigin,class:`px-image-preview-img`,style:(0,t.normalizeStyle)({width:`${m.value.width}px`,height:`${m.value.height}px`,transform:`translate(${m.value.left}px, ${m.value.top}px)`})},null,12,Si)])):(0,t.createCommentVNode)(``,!0)]),_:1})]),_:1},16,[`visible`])):(0,t.createCommentVNode)(``,!0)],2))}});let Ti=(e,t,n,r,i,a,o,s)=>{e.fillStyle=X(o);for(let t=0;t<4;t++)i[t]>s&&_e(e,r[t][0],r[t][1],i[t],a[t][0],a[t][1],s);r[1][0]+s>r[0][0]&&e.fillRect(r[0][0],0,r[1][0]-r[0][0]+s,s),r[2][1]+s>r[1][1]&&e.fillRect(t-s,r[1][1],s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s&&e.fillRect(r[3][0],n-s,r[2][0]-r[3][0]+s,s),r[3][1]+s>r[0][1]&&e.fillRect(0,r[0][1],s,r[3][1]-r[0][1]+s)};var Ei=(0,t.defineComponent)({name:`Avatar`,__name:`index`,props:{shape:null,size:null,bordered:{type:Boolean,default:!1},backgroundColor:null,borderColor:null},setup(e){let n=e,r=(0,t.computed)(()=>n.size??`medium`),i=(0,t.computed)(()=>n.shape??`circle`),a=(0,t.ref)(!1),o=(0,t.ref)(!1),s=Z(),c=(0,t.shallowRef)(null),l=(0,t.shallowRef)(null);(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{f()})}),(0,t.watch)([()=>n.bordered,i,r,a,o,s,()=>n.backgroundColor,()=>n.borderColor],()=>{f()});let u=(0,t.ref)(``),f=()=>{let e=q(l,c);if(!e)return;let t=K(),{ctx:r,width:a,height:o,canvas:s}=e,d=Se(s,t,void 0,i.value,void 0,!1,!1,!1),f=n.backgroundColor&&Ae(n.backgroundColor)||Y(`neutral`,7),p=n.bordered?n.borderColor&&Ae(n.borderColor)||Y(`neutral`,10):f,m=we(d,a,o,t);p&&Ti(r,a,o,m,d,ee,p,t);let h=n.bordered?f?Ee(r,Math.round(a/2+t/2),Math.round(o/2+t/2),f):[]:De(r);h.length?(h.push(h.at(-1)),h=re([Math.round(a/2),Math.round(o/2)],h,t/4).map(e=>[e[0]+.5,e[1]+.5]),u.value=h.map(e=>`${e[0]}px ${e[1]}px`).join(`,`)):u.value=``,f&&ve(r,Math.round(a/2),Math.round(o/2),f)};return Q(l,f),tt(f),pt(l,f),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-avatar`,{[`px-avatar__${r.value}`]:(0,t.unref)(d)(r.value),[`px-avatar__${i.value}`]:!0}]),style:(0,t.normalizeStyle)({height:(0,t.unref)(m)(r.value)?`${r.value}px`:void 0,width:(0,t.unref)(m)(r.value)?`${r.value}px`:void 0}),ref_key:`avatarRef`,ref:l},[(0,t.createElementVNode)(`canvas`,{ref_key:`canvasRef`,ref:c,class:`px-avatar-canvas`},null,512),(0,t.createElementVNode)(`div`,{class:`px-avatar-inner`,style:(0,t.normalizeStyle)({height:(0,t.unref)(m)(r.value)?`${r.value}px`:void 0,width:(0,t.unref)(m)(r.value)?`${r.value}px`:void 0,clipPath:u.value?`polygon(${u.value})`:void 0})},[(0,t.renderSlot)(e.$slots,`default`)],4)],6))}}),Di=(0,t.defineComponent)({name:`Form`,__name:`index`,props:{model:null,form:null,rules:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},size:{default:`medium`},labelAlign:{default:`right`},showAsterisk:{type:Boolean,default:!0},asteriskPlacement:{default:`left`},labelAutoWidth:{type:Boolean,default:!1},rowProps:null,labelProps:null,contentProps:null},emits:[`submit`,`reset`],setup(e,{expose:n,emit:r}){let i=e,a=(0,t.computed)(()=>{if(i.form)return i.form.model.value;if(i.model)return i.model;mn(`One of the model or form props must be provided to the Form component.`)}),o=(0,t.ref)([]),s=(0,t.ref)([]),c=(0,t.computed)(()=>j(s.value.map(e=>e.width)));(0,t.provide)(ct,{...(0,t.toRefs)(i),model:a,registerField:e=>{o.value.push(e)},unregisterField:e=>{o.value=o.value.filter(t=>t.field!==e)},collectLabelWidth:e=>{s.value=s.value.filter(t=>t.id!==e.id),s.value.push(e)},removeLabelWidth:e=>{s.value=s.value.filter(t=>t.id!==e)},maxLabelWidth:c});let l=r,u=(e,t)=>S(t)?!0:d(t)?t===e.field:t.includes(e.field),f=async e=>{let t={},n=o.value.filter(t=>u(t,e)).map(e=>e.validate().then(n=>(t[e.field]={status:`fulfilled`,value:n},n),n=>{throw t[e.field]={status:`rejected`,reason:n},n}));return{isValid:(await Promise.allSettled(n)).every(e=>e.status===`fulfilled`&&(e.value.level!==`error`||!e.value.level)),results:t}},p=e=>{l(`submit`,a.value,e)},m=e=>{o.value.filter(t=>u(t,e)).forEach(e=>e.reset()),g(e)},h=async e=>{m(),await(0,t.nextTick)(),l(`reset`,a.value,e)},g=async e=>{o.value.filter(t=>u(t,e)).forEach(e=>e.clearValidation())},_={validate:f,reset:m,clearValidation:g};return n(_),(0,t.onMounted)(()=>{i.form&&i.form.register(_)}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`form`,{class:`px-form pixelium`,onSubmit:(0,t.withModifiers)(p,[`stop`,`prevent`]),onReset:(0,t.withModifiers)(h,[`stop`]),onKeydown:n[0]||(n[0]=(0,t.withKeys)((0,t.withModifiers)(()=>{},[`prevent`]),[`enter`]))},[(0,t.renderSlot)(e.$slots,`default`)],32))}}),Oi={key:0,class:`px-form-item-asterisk`},ki={key:1,class:`px-form-item-asterisk`},Ai={key:0,class:`px-form-item-asterisk`},ji={class:`px-form-item-addition`},Mi={key:1,class:`px-form-item-extra`},Ni=(0,t.defineComponent)({name:`FormItem`,__name:`index`,props:{field:null,label:null,rule:null,disabled:{type:Boolean,default:void 0},readonly:{type:Boolean,default:void 0},labelAlign:{default:void 0},showAsterisk:{type:Boolean,default:void 0},asteriskPlacement:{default:void 0},rowProps:{default:void 0},labelProps:{default:void 0},contentProps:{default:void 0}},setup(e,{expose:n}){let r=e,i=(0,t.inject)(ct,void 0);i||mn(`FormItem must be used inside Form.`);let a=$(`disabled`,[i,r],`or`),o=$(`readonly`,[i,r],`or`),s=(0,t.useId)(),u=(0,t.useSlots)(),p=[`model`,`rule`,`registerField`,`unregisterField`,`collectLabelWidth`,`removeLabelWidth`],h=(0,t.computed)(()=>O(k(D(i,p),e=>e.value),r)),y=(0,t.shallowRef)(null);Q(y,()=>{y.value&&i.collectLabelWidth({id:s,width:y.value.clientWidth})},!0),(0,t.onBeforeUnmount)(()=>{i.removeLabelWidth(s)});let b=null,x=async()=>{r.field&&(w(i.model.value,r.field,b),await(0,t.nextTick)(),I())},T=()=>({field:r.field,validate:ee,reset:x,clearValidation:I});(0,t.onMounted)(()=>{r.field&&(i.registerField(T()),b=c(i.model.value,r.field))}),(0,t.onUnmounted)(()=>{r.field&&i.unregisterField(r.field)});let E=(0,t.computed)(()=>{var e;if(!h.value.showAsterisk)return;if(!r.field)return!1;let t=r.rule||((e=i.rules.value)==null?void 0:e[r.field]);return t?(_(t)||(t=[t]),t.some(e=>e.required)):!1}),A=async()=>{r.field&&(await(0,t.nextTick)(),ee(`input`))},j=async()=>{r.field&&(await(0,t.nextTick)(),ee(`blur`))},M=async()=>{r.field&&(await(0,t.nextTick)(),ee(`change`))},N=e=>({message:(e==null?void 0:e.message)||``,level:e!=null&&e.message&&(e==null?void 0:e.level)||`normal`}),P=(0,t.ref)(N()),I=()=>{P.value=N()},L=(0,t.computed)(()=>P.value.level);(0,t.provide)(lt,{size:i.size,disabled:a,readonly:o,changeHandler:M,blurHandler:j,inputHandler:A,status:L});let ee=async e=>{var t;if(!r.field)return P.value=N(),P.value;let n=r.rule||((t=i.rules.value)==null?void 0:t[r.field]);if(!n)return P.value=N(),P.value;_(n)||(n=[n]);let a=c(i.model.value,r.field),o=e?n.filter(t=>t.trigger?_(t.trigger)?t.trigger.includes(e):t.trigger===e:e===`change`||e===`blur`):n;if(o.length===0)return P.value;for(let e of o){if(e.validator)try{return P.value=N({message:await Promise.resolve(e.validator(a,i.model)),level:e.level||`error`}),P.value}catch{return P.value=N({message:e.message??`${r.field} didn't pass the check.`,level:e.level||`error`}),P.value}if(e.required&&C(a))return P.value=N({message:e.message??`${r.field} is required`,level:e.level||`error`}),P.value;if(e.type&&!(Array.isArray(e.type)?e.type:[e.type]).some(e=>{switch(e){case`number`:return m(a)&&!isNaN(a);case`string`:return d(a);case`boolean`:return f(a);case`array`:return _(a);case`dict`:return v(a)&&!_(a);case`function`:return l(a);case`date`:return a instanceof Date&&!isNaN(a.getTime());default:return!0}}))return P.value=N({message:e.message??`${r.field} type mismatch`,level:e.level||`error`}),P.value;if(m(a)){if(!S(e.min)&&a<e.min)return P.value=N({message:e.message??`${r.field} must be >= ${e.min}`,level:e.level||`error`}),P.value;if(!S(e.max)&&a>e.max)return P.value=N({message:e.message??`${r.field} must be <= ${e.max}`,level:e.level||`error`}),P.value}if(d(a)||_(a)){let t=a.length;if(!S(e.minLength)&&t<e.minLength)return P.value=N({message:e.message??`${r.field} length must be >= ${e.minLength}`,level:e.level||`error`}),P.value;if(!S(e.maxLength)&&t>e.maxLength)return P.value=N({message:e.message??`${r.field} length must be <= ${e.maxLength}`,level:e.level||`error`}),P.value}if(e.email&&!F(a))return P.value=N({message:e.message??`${r.field} is not a valid email.`,level:e.level||`error`}),P.value;if(e.url&&!ie(a))return P.value=N({message:e.message??`${r.field} is not a valid URL.`,level:e.level||`error`}),P.value;if(e.numberString&&!g(a))return P.value=N({message:e.message??`${r.field} is not a valid numeric string.`,level:e.level||`error`}),P.value}return P.value=N(),P.value};return n({validate:ee}),(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(Gt,(0,t.mergeProps)({class:`px-form-item`,gutter:{x:16,y:8}},h.value.rowProps),{default:(0,t.withCtx)(()=>[e.label||(0,t.unref)(u).label?((0,t.openBlock)(),(0,t.createBlock)(Kt,(0,t.mergeProps)({key:0,span:h.value.labelAlign===`top`?24:6,class:[`px-form-item-label-wrapper`,{"px-form-item-label-wrapper__auto":h.value.labelAutoWidth}],style:{width:h.value.labelAutoWidth?`${(0,t.unref)(i).maxLabelWidth.value}px`:void 0}},h.value.labelProps),{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`label`,{class:(0,t.normalizeClass)([`px-form-item-label`,{"px-form-item-label__auto":h.value.labelAutoWidth,[`px-form-item-label__${h.value.labelAlign}`]:h.value.labelAlign&&h.value.labelAlign!==`top`,[`px-form-item-label__${h.value.size}`]:h.value.size}]),ref_key:`labelRef`,ref:y},[E.value&&h.value.asteriskPlacement===`left`?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Oi,` *\xA0 `)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(n.$slots,`label`,{},()=>[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(e.label),1)]),E.value&&h.value.asteriskPlacement===`right`?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,ki,` \xA0* `)):(0,t.createCommentVNode)(``,!0)],2)]),_:3},16,[`span`,`class`,`style`])):(0,t.createCommentVNode)(``,!0),(0,t.createVNode)(Kt,(0,t.mergeProps)({span:h.value.labelAlign===`top`||!e.label&&!(0,t.unref)(u).label?24:18,class:[`px-form-item-content-wrapper`,{"px-form-item-content-wrapper__auto":h.value.labelAutoWidth}]},h.value.contentProps),{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`px-form-item-content`,{[`px-form-item-content__${h.value.size}`]:h.value.size}])},[(0,t.renderSlot)(n.$slots,`default`),E.value&&h.value.asteriskPlacement===`end`?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Ai,` \xA0* `)):(0,t.createCommentVNode)(``,!0)],2),(0,t.createElementVNode)(`div`,ji,[P.value.message||(0,t.unref)(u).tip?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`px-form-item-tip`,{[`px-form-item-tip__${P.value.level}`]:P.value.level}])},[(0,t.renderSlot)(n.$slots,`tip`,{message:P.value.message,level:P.value.level},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(P.value.message),1)])],2)):(0,t.createCommentVNode)(``,!0),(0,t.unref)(u).extra?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Mi,[(0,t.renderSlot)(n.$slots,`extra`)])):(0,t.createCommentVNode)(``,!0)])]),_:3},16,[`span`,`class`])]),_:3},16))}}),Pi="(function(){let e=/\\.|\\[(\\d+)\\]/;function t(t){return t.split(e).filter(Boolean)}function n(e){return e!==null&&(typeof e==`object`||typeof e==`function`)}function r(e,r,i){let a=t(r),o=a.length,s=e;for(let e=0;e<o;e++)if(n(s))s=s[a[e]];else return i;return i??s}function i(e){return typeof e==`string`||e instanceof String}function a(e,t){let n=1/0,a=e[0],o=e.length;for(let s=0;s<o;s++){let o=t===void 0?e[s]:i(t)?r(e[s],t):t(e[s],s,e);o<n&&(n=o,a=e[s])}return a}Math.PI,Math.PI*3/2,Math.PI*3/2,Math.PI*2,Math.PI/2,Math.PI/2,Math.PI,1/Math.sqrt(3);function o(e){if(!Number.isInteger(e)||e<=0)throw RangeError(`max must be a positive integer`);let t=new Map;return{get(e){let n=t.get(e);if(n!==void 0)return t.delete(e),t.set(e,n),n},set(n,r){t.has(n)?t.delete(n):t.size>=e&&t.delete(t.keys().next().value),t.set(n,r)},delete(e){return t.delete(e)},clear(){t.clear()},has(e){return t.has(e)},get size(){return t.size}}}o(120),o(60);let s=(e,t)=>{let n=e.a/255;return{r:(e.r*n+t.r*(1-n))/255,g:(e.g*n+t.g*(1-n))/255,b:(e.b*n+t.b*(1-n))/255}};function c(e,t,n={r:255,g:255,b:255}){let r=s(e,n),i=s(t,n),a=r.r-i.r,o=r.g-i.g,c=r.b-i.b;return Math.sqrt(a**2+o**2+c**2)}self.onmessage=async e=>{let{imageData:t,pixelSize:n,palette:r,background:i}=e.data,{width:o,height:s,data:l}=t,u=new ImageData(o,s),d=Math.max(1,Math.floor(n));for(let e=0;e<s;e+=d)for(let t=0;t<o;t+=d){let n=0,f=0,p=0,m=0,h=0;for(let r=e;r<Math.min(e+d,s);r++)for(let e=t;e<Math.min(t+d,o);e++){let t=(r*o+e)*4,i=l[t+3];i!==0&&(n+=l[t],f+=l[t+1],p+=l[t+2],m+=i,h++)}if(h===0)continue;n=Math.floor(n/h),f=Math.floor(f/h),p=Math.floor(p/h),m=Math.floor(m/h);let g;g=r&&r.length>0?a(r,e=>c(e,{r:n,g:f,b:p,a:m},i)):{r:n,g:f,b:p,a:m};for(let n=e;n<Math.min(e+d,s);n++)for(let e=t;e<Math.min(t+d,o);e++){let t=(n*o+e)*4;u.data[t]=g.r,u.data[t+1]=g.g,u.data[t+2]=g.b,u.data[t+3]=g.a}}self.postMessage({type:`complete`,imageData:u})}})();",Fi=typeof self<`u`&&self.Blob&&new Blob([`(self.URL || self.webkitURL).revokeObjectURL(self.location.href);`,Pi],{type:`text/javascript;charset=utf-8`});function Ii(e){let t;try{if(t=Fi&&(self.URL||self.webkitURL).createObjectURL(Fi),!t)throw``;let n=new Worker(t,{name:e==null?void 0:e.name});return n.addEventListener(`error`,()=>{(self.URL||self.webkitURL).revokeObjectURL(t)}),n}catch{return new Worker(`data:text/javascript;charset=utf-8,`+encodeURIComponent(Pi),{name:e==null?void 0:e.name})}}async function Li(e,t,n,r){if(!W())return Promise.resolve(null);let i=n!=null&&n.palette?n.palette.map(e=>Ae(e)):[],a=n!=null&&n.background?Ae(n.background):{r:255,g:255,b:255,a:255},o=await Ri(e),s=new Ii;return new Promise((e,n)=>{s.onmessage=t=>{let{type:i,imageData:a,progress:o,error:c}=t.data;switch(i){case`progress`:r==null||r(o);break;case`complete`:s.terminate(),e(a);break;case`error`:s.terminate(),n(hn(c));break}},s.onerror=e=>{s.terminate(),n(hn(`Worker error: ${e.message}`))},s.postMessage({imageData:o,pixelSize:t,palette:i,background:a})})}async function Ri(e){return new Promise((t,n)=>{let r=e instanceof HTMLImageElement?e:new Image,i=()=>{try{let e=new OffscreenCanvas(r.width,r.height),i=e.getContext(`2d`);if(!i){n(hn(`Cannot get Canvas context`));return}i.drawImage(r,0,0),t(i.getImageData(0,0,e.width,e.height))}catch(e){n(e)}};e instanceof HTMLImageElement?i():(r.crossOrigin=`anonymous`,r.onload=i,r.onerror=()=>n(hn(`Image loading failed`)),r.src=e)})}let zi=(e,t,n,r,i,a,o,s,c=0,l=0,u=!1,d=!1)=>{e.fillStyle=X(o);for(let t=0;t<4;t++)(i[t]>s||u&&i[t]===s)&&(d?_e(e,r[t][0]+c,r[t][1]+l,i[t],a[t][0],a[t][1],s):ge(e,r[t][0]+c,r[t][1]+l,i[t],a[t][0],a[t][1],s));if(r[1][0]+s>r[0][0]){let t=r[1][0]-r[0][0]+s;e.fillRect(r[0][0]+c,l,t,s)}if(r[2][1]+s>r[1][1]&&e.fillRect(t-s+c,r[1][1]+l,s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s){let t=r[2][0]-r[3][0]+s;e.fillRect(r[3][0]+c,n-s+l,t,s)}r[3][1]+s>r[0][1]&&e.fillRect(c,r[0][1]+l,s,r[3][1]-r[0][1]+s)};function Bi(e,t,n,r,i){let a=(e,t,n)=>3*t*e*(1-e)**2+3*n*e**2*(1-e)+e**3;return a((e=>{let n=0,i=1,o=e;for(let s=0;s<8;s++){let s=a(o,t,r);if(Math.abs(e-s)<1e-6)return o;e<s?i=o:n=o,o=(n+i)/2}return o})(e),n,i)}var Vi=e=>Bi(e,.25,.1,.25,1);function Hi(e=250,n=0){let r=(0,t.ref)(Math.max(0,Math.min(1,n))),i=(0,t.ref)(!1),a=null,o=null,s=null,c=null,l=()=>{a&&(cancelAnimationFrame(a),a=null),i.value=!1},u=t=>{if(!o||S(s)||S(c)||!e)return;let n=t-o,i=Math.min(n/e,1),d=Vi(i);r.value=s+(c-s)*d,i<1?a=requestAnimationFrame(u):(l(),r.value=c)};return[r,(t,n=e)=>{n<=0||(i.value&&a&&cancelAnimationFrame(a),i.value=!0,o=performance.now(),s=r.value,c=t===`forward`?1:0,e=n,a=requestAnimationFrame(u))},l,i]}var Ui={key:0,class:`px-switch-active-wrapper`},Wi={key:1,class:`px-switch-inactive-wrapper`},Gi=[`disabled`,`checked`],Ki=.5,qi=250,Ji=(0,t.defineComponent)({name:`Switch`,__name:`index`,props:{modelValue:{type:Boolean,default:void 0},defaultValue:{type:Boolean,default:void 0},shape:{default:`round`},size:null,readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},activeTip:null,inactiveTip:null,activeLabel:null,inactiveLabel:null,activeColor:null,inactiveColor:null},emits:[`update:modelValue`,`input`,`change`,`focus`,`blur`],setup(e,{emit:n}){let i=e,a=n,o=(0,t.useSlots)(),s=Z(),c=(0,t.shallowRef)(null),l=(0,t.shallowRef)(null),u=(0,t.shallowRef)(null),d=(0,t.shallowRef)(null),[f,p]=On(`modelValue`,i,a,{defaultField:`defaultValue`,transform(e){return!!e}}),m=(0,t.inject)(lt,void 0),h=$(`disabled`,[m,i],`or`),g=$(`readonly`,[m,i],`or`),_=$(`size`,()=>[i.size&&i,m,i],`nullish`,e=>e||`medium`),[v,y]=Hi(qi,f.value?1:0),b=async e=>{let t=e.target.checked;f.value=t,a(`input`,t,e),await p(t),y(f.value?`forward`:`backward`),m==null||m.inputHandler()},x=e=>{let t=e.target;a(`change`,t.checked,e),m==null||m.changeHandler()},S=e=>{a(`blur`,e),m==null||m.blurHandler()},C=e=>{a(`focus`,e)};(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{j(),E()})});let w=()=>{d.value&&(T.value=[d.value.clientWidth,d.value.clientHeight])},T=(0,t.ref)([0,0]),E=()=>{if(T.value[0]===0||T.value[1]===0)return 0;let e=K(),t=T.value[1]+2*e-8;D.value=2+(T.value[0]-t-4/2-2)*v.value},D=(0,t.ref)(0),O=()=>W()?v.value>Ki?i.activeColor?Ae(i.activeColor):h.value?Y(`primary`,2):Y(`primary`,6):i.inactiveColor?Ae(i.inactiveColor):h.value?Y(`neutral`,6):Y(`neutral`,8):I,k=(0,t.computed)(()=>{let e=O();return e?X(e):void 0});(0,t.watch)([T,v,_],()=>{E()},{deep:!0}),(0,t.watch)([s,v,_,()=>i.shape,h,()=>i.activeColor,()=>i.inactiveColor,D],()=>{j()});let A=()=>{let e=q(u,l);if(!e)return;let{ctx:t,width:n,height:r}=e,a=Math.min(n,r),o=K(),s=Y(`neutral`,1);if(!s)return;t.fillStyle=X(s);let c=Math.round(a/2-o/2);i.shape===`round`?_e(t,c,c,c,0,Math.PI*2,o):t.fillRect(0,0,a,a),ve(t,Math.round(c+1),Math.round(c+1),s)},j=()=>{let e=q(d,c);if(!e)return;let{ctx:t,width:n,height:r,canvas:a}=e,o=K(),s=Se(a,o,void 0,i.shape,`medium`,!1,!1,!1),l=O(),u=we(s,n,r,o);l&&(zi(t,n,r,u,s,ee,l,o,0,0,_.value===`small`&&i.shape===`round`),ve(t,Math.round(n/2),Math.round(r/2),l)),A()},M=()=>{j(),w()};return Q(d,M),tt(M),pt(d,M),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{class:(0,t.normalizeClass)([`pixelium px-switch`,{[`px-switch__${(0,t.unref)(_)}`]:(0,t.unref)(_),"px-switch__readonly":(0,t.unref)(g),"px-switch__disabled":(0,t.unref)(h),"px-switch__active":(0,t.unref)(v)>Ki,"px-switch__inactive":(0,t.unref)(v)<=Ki}]),ref:`switchRef`},[(0,t.unref)(o)[`inactive-label`]||i.inactiveLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`px-switch-prefix-wrapper`,{"px-switch-prefix-wrapper__on":(0,t.unref)(v)<=Ki}])},[(0,t.renderSlot)(e.$slots,`inactive-label`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(i.inactiveLabel),1)])],2)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{class:`px-switch-canvas-wrapper`,ref_key:`canvasWrapperRef`,ref:d},[((0,t.unref)(o)[`active-tip`]||i.activeTip)&&(0,t.unref)(v)>Ki?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Ui,[(0,t.renderSlot)(e.$slots,`active-tip`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(i.activeTip),1)])])):(0,t.createCommentVNode)(``,!0),((0,t.unref)(o)[`inactive-tip`]||i.inactiveTip)&&(0,t.unref)(v)<=Ki?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Wi,[(0,t.renderSlot)(e.$slots,`inactive-tip`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(i.inactiveTip),1)])])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`canvas`,{ref_key:`canvasRef`,ref:c,class:`px-switch-canvas`},null,512),(0,t.createElementVNode)(`div`,{class:`px-switch-button`,ref_key:`switchButtonRef`,ref:u,style:(0,t.normalizeStyle)({left:`${D.value}px`,fill:k.value,color:k.value})},[i.loading?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r),{key:0,class:`px-switch-icon px-animation__loading`})):(0,t.unref)(v)>Ki?(0,t.renderSlot)(e.$slots,`active-icon`,{key:1}):(0,t.renderSlot)(e.$slots,`inactive-icon`,{key:2}),(0,t.createElementVNode)(`canvas`,{ref_key:`buttonCanvasRef`,ref:l,class:`px-switch-canvas`},null,512)],4)],512),(0,t.unref)(o)[`active-label`]||i.activeLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)([`px-switch-suffix-wrapper`,{"px-switch-suffix-wrapper__on":(0,t.unref)(v)>Ki}])},[(0,t.renderSlot)(e.$slots,`active-label`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(i.activeLabel),1)])],2)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`input`,{type:`checkbox`,class:`px-switch-inner`,disabled:(0,t.unref)(h)||(0,t.unref)(g),checked:!!(0,t.unref)(f),onFocus:C,onBlur:S,onInput:(0,t.withModifiers)(b,[`stop`]),onChange:(0,t.withModifiers)(x,[`stop`])},null,40,Gi)],2))}});let Yi=(e,t,n,r,i,a,o=0,s=0)=>{e.fillStyle=X(i),r[1][0]+a>r[0][0]&&e.fillRect(r[0][0]+o,s,r[1][0]-r[0][0]+a,a),r[2][1]+a>r[1][1]&&e.fillRect(t-a+o,r[1][1]+s,a,r[2][1]-r[1][1]+a),r[3][0]<r[2][0]+a&&e.fillRect(r[3][0]+o,n-a+s,r[2][0]-r[3][0]+a,a),r[3][1]+a>r[0][1]&&e.fillRect(o,r[0][1]+s,a,r[3][1]-r[0][1]+a)},Xi=(e,t,n,r,i,a,o,s,c,l)=>{let u=c===`horizontal`?t-s*2:n-s*2,d=s,f=r*u+d,p=f===d?s:f,m=p+i*u-s,h=p===m?s:m,g=c===`horizontal`?t-s:n-s;if(f>d){e.fillStyle=X(o);let r=d;(l&&c===`horizontal`||!l&&c===`vertical`)&&(r=u-f+s*2),c===`horizontal`?e.fillRect(r,s,f-d,n-2*s):e.fillRect(s,r,t-2*s,f-d)}if(m>p){e.fillStyle=X(a);let r=m-p;r=Math.min(r,u-s);let i=p;(l&&c===`horizontal`||!l&&c===`vertical`)&&(i=u-m+s*2),c===`horizontal`?e.fillRect(i,s,r,n-2*s):e.fillRect(s,i,t-2*s,r)}if(g>h){e.fillStyle=X(o);let r=g-h,i=h;(l&&c===`horizontal`||!l&&c===`vertical`)&&(i=u-g+s*2),c===`horizontal`?e.fillRect(i,s,r,n-2*s):e.fillRect(s,i,t-2*s,r)}},Zi=(e,t,n,r,i,a,o,s,c=0,l=0)=>{e.fillStyle=X(o);for(let t=0;t<4;t++)i[t]>s&&ge(e,r[t][0]+c,r[t][1]+l,i[t],a[t][0],a[t][1],s);r[1][0]+s>r[0][0]&&e.fillRect(r[0][0]+c,l,r[1][0]-r[0][0]+s,s),r[2][1]+s>r[1][1]&&e.fillRect(t-s+c,r[1][1]+l,s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s&&e.fillRect(r[3][0]+c,n-s+l,r[2][0]-r[3][0]+s,s),r[3][1]+s>r[0][1]&&e.fillRect(c,r[0][1]+l,s,r[3][1]-r[0][1]+s)},Qi=(e,t,n,r,i,a,o,s,c,l,u)=>{if(o){let e=q(n,r),t=q(i,a);if(e){let{ctx:t,width:n,height:r,canvas:i}=e,a=Se(i,c,void 0,`round`,`medium`,!1,!1,!1);Zi(t,n,r,we(a,n,r,c),a,s,u,c),ve(t,Math.round(n/2),Math.round(r/2),l)}if(t){let{ctx:e,width:n,height:r,canvas:i}=t,a=Se(i,c,void 0,`round`,`medium`,!1,!1,!1);Zi(e,n,r,we(a,n,r,c),a,s,u,c),ve(e,Math.round(n/2),Math.round(r/2),l)}}else{let n=q(e,t);if(n){let{ctx:e,width:t,height:r,canvas:i}=n,a=Se(i,c,void 0,`round`,`medium`,!1,!1,!1);Zi(e,t,r,we(a,t,r,c),a,s,u,c),ve(e,Math.round(t/2),Math.round(r/2),l)}}},$i=(e,t,n)=>({left:t===`horizontal`?n?void 0:e+`px`:void 0,right:t===`horizontal`&&n?e+`px`:void 0,top:t===`horizontal`?void 0:n?e+`px`:void 0,bottom:t===`horizontal`||n?void 0:e+NaN}),ea=(e,t,n)=>({left:t===`horizontal`?n?void 0:e+`px`:void 0,right:t===`horizontal`&&n?e+`px`:void 0,top:t===`horizontal`?void 0:n?e+`px`:void 0,bottom:t===`horizontal`||n?void 0:e+`px`}),ta=(e,t,n,r,i,a,o,s,c)=>{let l=q(e,t);if(l){let{ctx:e,height:t,width:u,canvas:d}=l,f=i===`horizontal`?t:u,p=i===`horizontal`?u:t,h=Se(d,c,void 0,`round`,`medium`,!1,!1,!1,i);for(let t of s){let s=we(h,f,f,c),l=Y(`neutral`,10),u=(_(r)?Math.min(...r)<=t.value&&Math.max(...r)>=t.value:m(r)&&r>=t.value)?o?Y(`primary`,2):Y(`primary`,6):o?Y(`neutral`,6):Y(`neutral`,1),d=t.left,g=i===`horizontal`?a?p-f-c-d:d+c:0,v=i===`horizontal`?0:a?d+c:p-d-f-c;l&&Zi(e,f,f,s,h,n,l,c,g,v),u&&ve(e,Math.round(g+f/2),Math.round(v+f/2),u)}}};function na(e,t){let n=t.step;if(!n||y(n))return A(m(t.precision)?de(e,t.precision):e,t.min,t.max);let r=t.marks;if(!(r!=null&&r.length))if(m(n)){let r=Math.round((e-t.min)/n)*n+t.min;return r<t.min&&(r=Math.ceil((e-t.min)/n)*n+t.min),r>t.max&&(r=Math.floor((e-t.min)/n)*n+t.min),m(t.precision)?de(r,t.precision):r}else return A(m(t.precision)?de(e,t.precision):e,t.min,t.max);let i=r.map(e=>m(e)?e:e.value).filter(e=>e>=t.min&&e<=t.max),a;if(m(n))if(e<=t.min)a=t.min;else if(e>=t.max)a=t.max;else{let r=e-t.min,i=Math.floor(r/n),o=t.min+i*n,s=o+n,c=[o];s<=t.max&&c.push(s),a=c.reduce((t,n)=>{let r=Math.abs(t-e),i=Math.abs(n-e);return i<r||i===r&&n<t?n:t})}let o=i;return h(a)||o.push(m(t.precision)?de(a,t.precision):a),o.reduce((t,n)=>{let r=Math.abs(t-e),i=Math.abs(n-e);return i<r||i===r&&n<t?n:t})}let ra=(e,t,n)=>{if(S(e))return t.range?[na(t.min,t),na(t.min,t)]:na(t.min,t);if(t.range)if(m(e)){let r=[na(t.min,t),na(e,t)];return r[1]!==e&&n(`update:modelValue`,r),r}else{let r=e.map(e=>na(e,t));return(r[0]!==e[0]||r[1]!==e[1])&&n(`update:modelValue`,r),r}else if(m(e)){let r=na(e,t);return r!==e&&n(`update:modelValue`,r),r}else{let r=na(e[1],t);return r!==e[1]&&n(`update:modelValue`,r),r}},ia=(e,t,n,r)=>{let i=e.clientX,a=e.clientY;return(n.value?t===`horizontal`?Math.abs(i-n.value.getBoundingClientRect().left):Math.abs(a-n.value.getBoundingClientRect().top):1/0)<=(r.value?t===`horizontal`?Math.abs(i-r.value.getBoundingClientRect().left):Math.abs(a-r.value.getBoundingClientRect().top):1/0)?{thumbEl:n.value,targetType:`start`}:{thumbEl:r.value,targetType:`end`}},aa=(e,t,n,r,i)=>{let a=t.getBoundingClientRect(),o=n.getBoundingClientRect(),s;s=e instanceof MouseEvent?i.direction===`horizontal`?e.clientX:e.clientY:i.direction===`horizontal`?e.touches[0].clientX:e.touches[0].clientY;let c=i.direction===`horizontal`?Math.round(o.width/2):Math.round(o.height/2),l=i.direction===`horizontal`?a.left+c:a.top+c,u=i.direction===`horizontal`?a.right-c:a.bottom-c,d=i.direction===`horizontal`?a.width-o.width:a.height-o.height,f=(A(s,l,u)-l)/d;return i.direction===`vertical`&&(f=1-f),i.reverse&&(f=1-f),na(i.min+f*r,i)},oa=(e,t,n,r,i)=>{let a=i.direction===`horizontal`?t.width-n.width:t.height-n.height,o=r>0?A((e-i.min)/r*a,0,a):0;i.reverse&&(o=a-o);let s=K();return o-s},sa=(e,t,n)=>{var r;if(!((r=n.marks)!=null&&r.length))return[];let i=K(),a=n.direction===`horizontal`?e.height:e.width,o=n.direction===`horizontal`?e.width-a-i*2:e.height-a-i*2;return n.marks.filter(e=>m(e)?e>=n.min&&e<=n.max:e.value>=n.min&&e.value<=n.max).map(e=>{if(m(e)){let r=t>0?o*(e-n.min)/t:0;return{value:e,left:Math.round(r),markLeft:Math.round(r+Math.round(a/2))}}else{let r=t>0?o*(e.value-n.min)/t:0;return{value:e.value,label:e.label,left:Math.round(r),markLeft:Math.round(r+Math.round(a/2))}}})},ca=(e,t,n)=>_(e)?e[t]:t===0?na(n.min,n):e,la=e=>_(e)?e[1]:e;var ua=[`tabindex`],da=[`tabindex`,`onClick`],fa=[`tabindex`,`onClick`],pa=[`tabindex`],ma={class:`px-slider-tooltip-content`},ha=[`tabindex`],ga=[`tabindex`],_a={class:`px-slider-tooltip-content`},va=[`tabindex`],ya=[`tabindex`],ba={class:`px-slider-tooltip-content`},xa=[`tabindex`],Sa=(0,t.defineComponent)({name:`Slider`,__name:`index`,props:{modelValue:null,defaultValue:null,min:{default:0},max:{default:100},range:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean},step:{default:1},marks:null,direction:{default:`horizontal`},reverse:{type:Boolean,default:!1},precision:{default:8},tooltip:{type:Boolean,default:!0},tooltipProps:null,tooltipStartProps:null,tooltipEndProps:null},emits:[`update:modelValue`,`change`,`dragStart`,`dragEnd`,`markSelect`,`focus`,`blur`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.inject)(lt,void 0),o=$(`disabled`,[a,r],`or`),s=$(`readonly`,[a,r],`or`),[c,l]=On(`modelValue`,r,i,{defaultField:`defaultValue`,transform:e=>ra(e,r,i)}),u=(0,t.shallowRef)(null),d=(0,t.shallowRef)(null),f=(0,t.shallowRef)(null),p=(0,t.shallowRef)(null),g=(0,t.shallowRef)(null),v=(0,t.shallowRef)(null),y=(0,t.shallowRef)(null),b=(0,t.shallowRef)(null),x=(0,t.computed)(()=>Math.max(r.max-r.min,0)),S=(0,t.ref)({width:0,height:0}),C=(0,t.ref)({width:0,height:0}),w=()=>{let e=de.value;if(!e)return;let t=e.getBoundingClientRect();S.value={width:t.width,height:t.height}},E=()=>{let e=u.value||d.value;if(!e)return;let t=e.getBoundingClientRect();C.value={width:t.width,height:t.height}},D=(0,t.computed)(()=>r.range?m(c.value)?0:x.value>0?(c.value[0]-r.min)/x.value:0:0),O=(0,t.computed)(()=>x.value===0?0:m(c.value)?(c.value-r.min)/x.value:(c.value[1]-r.min)/x.value),k=(0,t.ref)(0),A=(0,t.ref)(0),j=(0,t.ref)(0),M=async()=>{if(await(0,t.nextTick)(),!r.range)k.value=oa(c.value,S.value,C.value,x.value,r);else{let e=c.value;A.value=oa(e[0],S.value,C.value,x.value,r),j.value=oa(e[1],S.value,C.value,x.value,r)}};(0,t.watch)([c,()=>r.direction,()=>r.min,()=>r.max,()=>r.reverse,S,C],()=>{M()},{deep:!0}),(0,t.watch)(()=>r.range,(e,t)=>{l(e&&!t?[I(r.min),I(c.value)]:I(c.value[1]))});let P=(0,t.computed)(()=>r.range&&_(c.value)?Math.min(D.value,O.value):0),F=(0,t.computed)(()=>Math.abs(O.value-D.value));function I(e){return na(e,r)}let L=(0,t.ref)(!1),R=(0,t.ref)(null);function z(e,t){o.value||s.value||(e.preventDefault(),L.value=!0,r.range&&t&&(R.value=t),document.addEventListener(`mousemove`,B),document.addEventListener(`mouseup`,ie),document.addEventListener(`touchmove`,B),document.addEventListener(`touchend`,ie),ne(e),i(`dragStart`,e))}let B=e=>{re(e)},te=(e,t)=>{let n=R.value,i=de.value,a;if(!t)a=r.range?R.value===`start`?d.value:R.value===`end`?f.value:null:u.value;else if(!r.range)a=u.value;else{let{thumbEl:t,targetType:i}=ia(e,r.direction,d,f);a=t,n=i}return{sliderEl:i,thumbEl:a,targetType:n}},ne=async(e,t=!1,n=void 0)=>{if(!L.value&&!t)return;let{sliderEl:i,thumbEl:a,targetType:o}=te(e,t);if(!i||!a)return;let s=n;if(h(s)&&(s=aa(e,i,a,x.value,r)),r.range){let e;if(_(c.value)?o===`start`?e=[s,c.value[1]]:o===`end`&&(e=[c.value[0],s]):o===`start`?e=[s,I(r.min)]:o===`end`&&(e=[I(r.min),s]),!e)return;await l(e)}else await l(s);let u=oa(s,S.value,C.value,x.value,r);r.range?o===`start`?A.value=u:o===`end`&&(j.value=u):k.value=u},re=N(ne,20);function ie(e){L.value&&(L.value=!1,R.value=null,i(`change`,T(c.value)),a==null||a.changeHandler()),document.removeEventListener(`mousemove`,B),document.removeEventListener(`mouseup`,ie),document.removeEventListener(`touchmove`,B),document.removeEventListener(`touchend`,ie),i(`dragEnd`,e)}(0,t.onUnmounted)(()=>{document.removeEventListener(`mousemove`,B),document.removeEventListener(`mouseup`,ie),document.removeEventListener(`touchmove`,B),document.removeEventListener(`touchend`,ie)});let ae=(0,t.ref)([]);(0,t.watch)([()=>r.marks,()=>r.max,()=>r.min,()=>r.direction,()=>r.reverse,x,S],()=>{(0,t.nextTick)(()=>{ae.value=sa(S.value,x.value,r)})},{deep:!0});let H=async(e,t)=>{o.value||s.value||(await ne(e,!0,t),m(t)&&i(`markSelect`,t,e),i(`change`,T(c.value)),a==null||a.changeHandler())},oe=e=>{if(o.value||s.value)return;let t=e.target;p.value&&p.value.contains(t)||u.value&&u.value.contains(t)||d.value&&d.value.contains(t)||f.value&&f.value.contains(t)||t!==de.value&&de.value&&de.value.focus()},se=e=>{e.target!==de.value&&i(`focus`,e)},ce=e=>{e.target!==de.value&&(i(`blur`,e),a==null||a.blurHandler())},le=Z(),ue=(0,t.shallowRef)(null),de=(0,t.shallowRef)(null);(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{U(),w(),E(),M(),ae.value=sa(S.value,x.value,r)})}),(0,t.watch)([o,le,P,F,()=>r.range,k,A,j,ae,c,()=>r.direction,()=>r.reverse],()=>{(0,t.nextTick)(()=>{U()})},{deep:!0});let U=()=>{let e=K(),t=q(de,ue,r.direction===`vertical`?e:0,r.direction===`vertical`?0:e);if(!t)return;let{ctx:n,width:i,height:a}=t,s=Y(`neutral`,10),l=we(V(e,4),i,a,e);s&&Yi(n,i,a,l,s,e);let p=o.value?Y(`primary`,2):Y(`primary`,6),m=o.value?Y(`neutral`,6):Y(`neutral`,1);p&&m&&Xi(n,i,a,P.value,F.value,p,m,e,r.direction,r.reverse);let h=ee,_=o.value?Y(`neutral`,6):Y(`neutral`,1);_&&s&&Qi(u,g,d,v,f,y,r.range,h,e,_,s),ae.value.length&&ta(de,b,h,c.value,r.direction,r.reverse,r.disabled,ae.value,e)},W=()=>{U(),w(),E()};return Q(de,W),tt(W),pt(de,W),(e,n)=>{var i;return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-slider`,{"px-slider__disabled":(0,t.unref)(o),"px-slider__readonly":(0,t.unref)(s),"px-slider__marks":!!((i=r.marks)!=null&&i.length),[`px-slider__${r.direction}`]:r.direction,"px-slider__reverse":!!r.reverse}]),ref_key:`sliderRef`,ref:de,onClick:[(0,t.withModifiers)(H,[`self`]),oe],tabindex:(0,t.unref)(o)||(0,t.unref)(s)?-1:0,onFocusin:se,onFocusout:ce},[(0,t.createElementVNode)(`div`,{class:`px-slider-mark-wrapper`,ref_key:`markWrapperRef`,ref:p},[ae.value.length?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)(ae.value,n=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:n.value},[(0,t.createElementVNode)(`div`,{tabindex:(0,t.unref)(o)||(0,t.unref)(s)?-1:0,onClick:e=>H(e,n.value),class:`px-slider-mark`,style:(0,t.normalizeStyle)((0,t.unref)(ea)(n.markLeft,r.direction,r.reverse))},[(0,t.renderSlot)(e.$slots,`mark`,{value:n.value,label:n.label},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n.label),1)])],12,da),(0,t.createElementVNode)(`div`,{tabindex:(0,t.unref)(o)||(0,t.unref)(s)?-1:0,onClick:e=>H(e,n.value),class:`px-slider-dot`,style:(0,t.normalizeStyle)((0,t.unref)($i)(n.left,r.direction,r.reverse))},null,12,fa)],64))),128)):(0,t.createCommentVNode)(``,!0)],512),r.tooltip&&!r.range?((0,t.openBlock)(),(0,t.createBlock)(Xr,(0,t.mergeProps)({key:0,arrow:!1,placement:r.direction===`horizontal`?`top`:`right`},r.tooltipProps),{content:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,ma,[(0,t.renderSlot)(e.$slots,`tooltip-content`,{value:(0,t.unref)(la)((0,t.unref)(c))},()=>[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(la)((0,t.unref)(c))),1)])])]),default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{class:`px-slider-thumb`,style:(0,t.normalizeStyle)({left:r.direction===`horizontal`?k.value+`px`:void 0,bottom:r.direction===`horizontal`?void 0:k.value+`px`}),onMousedown:z,onTouchstartPassive:z,tabindex:(0,t.unref)(o)||(0,t.unref)(s)?-1:0,ref_key:`thumbRef`,ref:u},[(0,t.renderSlot)(e.$slots,`thumb`),(0,t.createElementVNode)(`canvas`,{ref_key:`thumbCanvasRef`,ref:g,class:`px-slider-canvas`},null,512)],44,pa)]),_:3},16,[`placement`])):(0,t.createCommentVNode)(``,!0),!r.range&&!r.tooltip?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:`px-slider-thumb`,style:(0,t.normalizeStyle)({left:r.direction===`horizontal`?k.value+`px`:void 0,bottom:r.direction===`horizontal`?void 0:k.value+`px`}),onMousedown:z,onTouchstartPassive:z,tabindex:(0,t.unref)(o)||(0,t.unref)(s)?-1:0,ref_key:`thumbRef`,ref:u},[(0,t.renderSlot)(e.$slots,`thumb`),(0,t.createElementVNode)(`canvas`,{ref_key:`thumbCanvasRef`,ref:g,class:`px-slider-canvas`},null,512)],44,ha)):(0,t.createCommentVNode)(``,!0),r.range?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:2},[r.tooltip?((0,t.openBlock)(),(0,t.createBlock)(Xr,(0,t.mergeProps)({key:0,arrow:!1,placement:r.direction===`horizontal`?`top`:`right`},r.tooltipStartProps),{content:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,_a,[(0,t.renderSlot)(e.$slots,`tooltip-content`,{value:(0,t.unref)(ca)((0,t.unref)(c),0,r)},()=>[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(ca)((0,t.unref)(c),0,r)),1)])])]),default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{class:`px-slider-thumb px-slider-thumb-start`,style:(0,t.normalizeStyle)({left:r.direction===`horizontal`?A.value+`px`:void 0,bottom:r.direction===`horizontal`?void 0:A.value+`px`}),onMousedown:n[0]||(n[0]=e=>z(e,`start`)),onTouchstartPassive:n[1]||(n[1]=e=>z(e,`start`)),tabindex:(0,t.unref)(o)||(0,t.unref)(s)?-1:0,ref_key:`thumbStartRef`,ref:d},[(0,t.renderSlot)(e.$slots,`thumb-start`),(0,t.createElementVNode)(`canvas`,{ref_key:`thumbStartCanvasRef`,ref:v,class:`px-slider-canvas`},null,512)],44,ga)]),_:3},16,[`placement`])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:`px-slider-thumb px-slider-thumb-start`,style:(0,t.normalizeStyle)({left:r.direction===`horizontal`?A.value+`px`:void 0,bottom:r.direction===`horizontal`?void 0:A.value+`px`}),onMousedown:n[2]||(n[2]=e=>z(e,`start`)),onTouchstartPassive:n[3]||(n[3]=e=>z(e,`start`)),tabindex:(0,t.unref)(o)||(0,t.unref)(s)?-1:0,ref_key:`thumbStartRef`,ref:d},[(0,t.renderSlot)(e.$slots,`thumb-start`),(0,t.createElementVNode)(`canvas`,{ref_key:`thumbStartCanvasRef`,ref:v,class:`px-slider-canvas`},null,512)],44,va)),r.tooltip?((0,t.openBlock)(),(0,t.createBlock)(Xr,(0,t.mergeProps)({key:2,arrow:!1,placement:r.direction===`horizontal`?`top`:`right`},r.tooltipEndProps),{content:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,ba,[(0,t.renderSlot)(e.$slots,`tooltip-content`,{value:(0,t.unref)(ca)((0,t.unref)(c),1,r)},()=>[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(ca)((0,t.unref)(c),1,r)),1)])])]),default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{class:`px-slider-thumb px-slider-thumb-end`,style:(0,t.normalizeStyle)({left:r.direction===`horizontal`?j.value+`px`:void 0,bottom:r.direction===`horizontal`?void 0:j.value+`px`}),onMousedown:n[4]||(n[4]=e=>z(e,`end`)),onTouchstartPassive:n[5]||(n[5]=e=>z(e,`end`)),tabindex:(0,t.unref)(o)||(0,t.unref)(s)?-1:0,ref_key:`thumbEndRef`,ref:f},[(0,t.renderSlot)(e.$slots,`thumb-end`),(0,t.createElementVNode)(`canvas`,{ref_key:`thumbEndCanvasRef`,ref:y,class:`px-slider-canvas`},null,512)],44,ya)]),_:3},16,[`placement`])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:3,class:`px-slider-thumb px-slider-thumb-end`,style:(0,t.normalizeStyle)({left:r.direction===`horizontal`?j.value+`px`:void 0,bottom:r.direction===`horizontal`?void 0:j.value+`px`}),onMousedown:n[6]||(n[6]=e=>z(e,`end`)),onTouchstartPassive:n[7]||(n[7]=e=>z(e,`end`)),tabindex:(0,t.unref)(o)||(0,t.unref)(s)?-1:0,ref_key:`thumbEndRef`,ref:f},[(0,t.renderSlot)(e.$slots,`thumb-end`),(0,t.createElementVNode)(`canvas`,{ref_key:`thumbEndCanvasRef`,ref:y,class:`px-slider-canvas`},null,512)],44,xa))],64)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`canvas`,{ref_key:`canvasRef`,ref:ue,class:`px-slider-canvas`},null,512),(0,t.createElementVNode)(`canvas`,{ref_key:`dotCanvasRef`,ref:b,class:`px-slider-canvas`},null,512)],42,ua)}}});let Ca=(e,t,n,r,i)=>{e.fillStyle=r;let a=fe(Math.min(t,n),i),o=Math.round((t-a*R/2)/2+i/2),s=Math.round((n-a)/2),c=a,l=0,u=-1,d=i*Math.SQRT2;for(;c>=0;){let t=fe(c,i);u>i&&t===0&&(t=i,c=-1),e.fillRect(o+l*i,s+Math.round((a-t)/2),i,t),c-=d,l++,u=t}},wa=(e,t,n,r,i)=>{Ca(e,t,n,r,i);for(let r=0;r<=t;r+=2)e.clearRect(r,0,1,n);for(let r=0;r<n;r+=2)e.clearRect(0,r,t,1)},Ta=(e,t,n,r,i,a,o,s)=>{e.fillStyle=o;for(let t=0;t<4;t++)i[t]>s&&ge(e,r[t][0],r[t][1],i[t],a[t][0],a[t][1],s);r[1][0]+s>r[0][0]&&e.fillRect(r[0][0],0,r[1][0]-r[0][0]+s,s),r[2][1]+s>r[1][1]&&e.fillRect(t-s,r[1][1],s,r[2][1]-r[1][1]+s),r[3][0]<r[2][0]+s&&e.fillRect(r[3][0],n-s,r[2][0]-r[3][0]+s,s),r[3][1]+s>r[0][1]&&e.fillRect(0,r[0][1],s,r[3][1]-r[0][1]+s)},Ea=(e,t,n,r)=>{e.fillStyle=n,_e(e,t/2-r/2,t/2-r/2,Math.round((t-r/2)/2-8),0,Math.PI*2,r);let i=Math.ceil(t/2-r/2)+1,a=n?Ae(n):null;a&&ve(e,i,i,a),e.fillRect(i,i,r,r)};var Da=[`value`,`checked`,`disabled`],Oa=(0,t.defineComponent)({name:`Radio`,__name:`index`,props:{modelValue:{type:Boolean,default:void 0},defaultValue:{type:Boolean,default:void 0},variant:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},label:null,value:null,size:null},emits:[`update:modelValue`,`input`,`change`,`focus`,`blur`],setup(e,{emit:n}){let r=(0,t.ref)(null),i=(0,t.ref)(null),a=e,o=n,[s,c]=On(`modelValue`,a,o,{defaultField:`defaultValue`,transform:e=>!!e}),l=(0,t.inject)(lt,void 0),u=(0,t.inject)(dt,void 0),d=$(`size`,()=>[u,a.size&&a,l,a],`nullish`,e=>e||`medium`),f=$(`disabled`,[u,l,a],`or`),p=$(`readonly`,[u,l,a],`or`),m=$(`variant`,[u,a],`nullish`,e=>e||`normal`);u&&((0,t.watch)(()=>u.modelValue.value,e=>{s.value=e===a.value},{immediate:!0}),(0,t.watch)(s,e=>{!u||!e||u.updateValue(a.value)}));let h=(0,t.ref)(!1),g=()=>{h.value=!0},_=()=>{h.value=!1},v=(0,t.ref)(!1),y=e=>{v.value=!0,o(`focus`,e)},b=e=>{v.value=!1,o(`blur`,e),l==null||l.blurHandler()},x=e=>{let t=e.target;o(`change`,t.checked,e),l==null||l.changeHandler()},S=async e=>{let t=e.target.checked;s.value=t,o(`input`,t,e),await c(t),l==null||l.inputHandler()},C=Z(),w=K(),T=()=>{let e=q(r,i);if(!e)return;let{ctx:t,width:n,height:a,canvas:o}=e;t.clearRect(0,0,n,a);let c=je(`neutral`,1),l=s.value?f.value?je(`primary`,2):h.value&&!p.value?je(`primary`,5):je(`primary`,6):f.value?je(`neutral`,8):h.value&&!p.value?je(`primary`,5):je(`neutral`,10);if(m.value===`retro`)s.value?Ca(t,n,a,l,w):wa(t,n,a,l,w);else{let e=Se(o,w,void 0,`round`,void 0,!1,!1,!1);Ta(t,n,a,we(e,n,a,w),e,ee,l,w);let r=Math.min(n,a),i=Math.ceil(r/2-w/2)+1;c&&ve(t,i,i,Ae(c)),s.value&&Ea(t,r,l,w)}};return(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{T()})}),(0,t.watch)([f,p,s,C,h,m,d],()=>{T()}),Q(r,T),tt(T),pt(r,T),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{class:(0,t.normalizeClass)([`pixelium px-radio`,{"px-radio__disabled":(0,t.unref)(f),"px-radio__readonly":(0,t.unref)(p),"px-radio__checked":(0,t.unref)(s),[`px-radio__${(0,t.unref)(m)}`]:(0,t.unref)(m),[`px-radio__${(0,t.unref)(d)}`]:(0,t.unref)(d)}]),ref:`radioRef`,onMouseenter:g,onMouseleave:_},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`px-radio-canvas-wrapper`,{"px-animation__blink":v.value&&!(0,t.unref)(f)&&!(0,t.unref)(p)&&(0,t.unref)(m)===`retro`}]),ref_key:`canvasWrapperRef`,ref:r},[(0,t.createElementVNode)(`input`,{type:`radio`,value:a.value,class:`px-radio__input`,checked:!!(0,t.unref)(s),onInput:(0,t.withModifiers)(S,[`stop`]),onChange:(0,t.withModifiers)(x,[`stop`]),onFocus:y,onBlur:b,disabled:(0,t.unref)(f)||(0,t.unref)(p)},null,40,Da),(0,t.createElementVNode)(`canvas`,{ref_key:`canvasRef`,ref:i,class:`px-radio-canvas`},null,512)],2),(0,t.renderSlot)(e.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(a.label),1)])],34))}}),ka={class:`px-radio-group-inner`},Aa=(0,t.defineComponent)({name:`RadioGroup`,__name:`index`,props:{modelValue:null,defaultValue:null,variant:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},direction:{default:`horizontal`},options:null,size:null},emits:[`update:modelValue`,`change`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.inject)(lt,void 0),o=$(`disabled`,[a,r],`or`),s=$(`readonly`,[a,r],`or`),[c,l]=On(`modelValue`,r,i,{transform:e=>e,defaultField:`defaultValue`}),u=$(`size`,()=>[r.size&&r,a,r],`nullish`,e=>e||`medium`),f=e=>d(e)?e:e.key??e.value;return(0,t.provide)(dt,{variant:(0,t.toRef)(r,`variant`),size:u,modelValue:c,disabled:o,readonly:s,updateValue:e=>{l(e),i(`change`,e),a==null||a.changeHandler()}}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-radio-group`,{[`px-radio-group__${r.direction}`]:r.direction}])},[(0,t.createElementVNode)(`div`,ka,[(0,t.renderSlot)(e.$slots,`default`,{},()=>[r.options?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)(r.options,e=>((0,t.openBlock)(),(0,t.createBlock)(Oa,{key:f(e),value:(0,t.unref)(d)(e)?e:e.value,disabled:(0,t.unref)(d)(e)?!1:e.disabled},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(d)(e)?e:e.label),1)]),_:2},1032,[`value`,`disabled`]))),128)):(0,t.createCommentVNode)(``,!0)])])],2))}});let ja=(e,t,n,r,i)=>{e.fillStyle=r,e.fillRect(i,0,t-i*2,i),e.fillRect(t-i,i,i,n-i*2),e.fillRect(i,n-i,t-i*2,i),e.fillRect(0,i,i,n-i*2)},Ma=(e,t,n,r,i)=>{e.fillStyle=r;let a=Math.floor(t/3);e.fillRect(0,0,a,i),e.fillRect(t-a,0,a,i),e.fillRect(t-i,i,i,n-i*2),e.fillRect(0,n-i,a,i),e.fillRect(t-a,n-i,a,i),e.fillRect(0,i,i,n-i*2)},Na=(e,t,n,r,i)=>{e.fillStyle=r;let a=fe(t-i*2-n*2,i);for(;Math.round(a/i)<=3;)a+=i;let o=Math.round((t-a)/2),s=Math.round(a/i),c=s>>1;s%2==0&&(c-=.5),e.fillRect(o+c*i,o,i,a);let l=c*i-c*i*z;for(let t=0;t<s;t++){let n=Math.round(o+l+t*i*z);e.fillRect(o+t*i,n,i,i),e.fillRect(o+(s-t)*i-i,n,i,i)}},Pa=(e,t,n,r,i)=>{e.fillStyle=r;let a=fe(t-i*2-n*2,i);for(;Math.round(a/i)<=3;)a+=i;let o=Math.round((t-a)/2),s=Math.round(a/i),c=s>>1;s%2==0&&(c-=.5),e.fillRect(o,o+c*i,a,i)};var Fa=(0,t.defineComponent)({props:{size:{},color:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`px-icon-hn`,style:(0,t.normalizeStyle)({color:n.color,fontSize:n.size+`px`}),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[...r[0]||(r[0]=[(0,t.createElementVNode)(`path`,{d:`M23 5v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1H8v-1H7v-1H6v-1H5v-1H4v-1H3v-1H2v-1H1v-1h1v-1h1V9h1v1h1v1h1v1h1v1h1v1h2v-1h1v-1h1v-1h1v-1h1V9h1V8h1V7h1V6h1V5h1V4h1V3h1v1h1v1z`},null,-1)])],4))}}),Ia=[`disabled`,`value`,`checked`],La=(0,t.defineComponent)({name:`Checkbox`,__name:`index`,props:{modelValue:{type:Boolean,default:void 0},defaultValue:{type:Boolean,default:void 0},indeterminate:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},variant:null,label:null,value:null,size:null},emits:[`update:modelValue`,`input`,`change`,`focus`,`blur`],setup(e,{emit:n}){let r=e,i=n,[a,o]=On(`modelValue`,r,i,{defaultField:`defaultValue`,transform:e=>!!e}),s=(0,t.inject)(lt,void 0),c=(0,t.inject)(ut,void 0),l=$(`size`,()=>[c,r.size&&r,s,r],`nullish`,e=>e||`medium`),u=$(`variant`,[c,r],`nullish`,e=>e||`normal`),d=$(`disabled`,[c,s,r],`or`),f=$(`readonly`,[c,s,r],`or`),p=(0,t.shallowRef)(null),m=(0,t.shallowRef)(null),h=(0,t.ref)(!1),g=(0,t.ref)(!1),_=()=>{g.value=!0},v=()=>{g.value=!1},y=e=>{i(`blur`,e),h.value=!1,s==null||s.blurHandler()},b=e=>{h.value=!0,i(`focus`,e)},x=async e=>{let t=e.target.checked;a.value=t,i(`input`,t,e),await o(t),s==null||s.inputHandler()},S=e=>{let t=e.target;i(`change`,t.checked,e),s==null||s.changeHandler()};c&&((0,t.watch)(()=>c.modelValue.value,e=>{a.value=e?e.includes(r.value):!1},{immediate:!0}),(0,t.watch)(a,e=>{c&&c.updateValue(r.value,!!e)}));let C=()=>{let e=q(m,p);if(!e)return;let{ctx:t,width:n,height:i}=e,o=K(),s=d.value?a.value||r.indeterminate?je(`primary`,2):je(`neutral`,8):g.value&&!f.value?je(`primary`,5):a.value||r.indeterminate?je(`primary`,6):je(`neutral`,10),c=je(`neutral`,1);if(u.value===`normal`)ja(t,n,i,s,o),t.fillStyle=c,t.fillRect(o,o,n-o*2,i-o*2),r.indeterminate&&(t.fillStyle=s,t.fillRect(o+4,o+4,n-o*2-8,i-o*2-8));else{Ma(t,n,i,s,o);let e=Math.min(n,i);r.indeterminate?Pa(t,e,4,s,o):a.value&&Na(t,e,4,s,o)}};return(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{C()})}),(0,t.watch)([Z(),g,h,a,()=>r.indeterminate,d,f,l,u],()=>{C()}),Q(m,C),tt(C),pt(m,C),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{class:(0,t.normalizeClass)([`pixelium px-checkbox`,{"px-checkbox__checked":(0,t.unref)(a)||r.indeterminate,"px-checkbox__disabled":(0,t.unref)(d),"px-checkbox__readonly":(0,t.unref)(f),[`px-checkbox__${(0,t.unref)(l)}`]:(0,t.unref)(l),[`px-checkbox__${(0,t.unref)(u)}`]:(0,t.unref)(u)}]),onMouseenter:_,onMouseleave:v},[(0,t.createElementVNode)(`div`,{class:`px-checkbox-box`,ref_key:`boxRef`,ref:m},[(0,t.createElementVNode)(`canvas`,{class:`px-checkbox-canvas`,ref_key:`canvasRef`,ref:p},null,512),(0,t.unref)(a)&&!r.indeterminate&&(0,t.unref)(u)===`normal`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Fa),{key:0,class:`px-checkbox-checked-mark`})):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`input`,{type:`checkbox`,class:`px-checkbox-input`,disabled:(0,t.unref)(d)||(0,t.unref)(f),value:r.value,checked:!!(0,t.unref)(a),onFocus:b,onBlur:y,onInput:(0,t.withModifiers)(x,[`stop`]),onChange:(0,t.withModifiers)(S,[`stop`])},null,40,Ia)],512),(0,t.renderSlot)(e.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])],34))}}),Ra={class:`px-checkbox-group-inner`},za=(0,t.defineComponent)({name:`CheckboxGroup`,__name:`index`,props:{modelValue:null,defaultValue:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},variant:null,direction:{default:`horizontal`},options:null,size:null},emits:[`update:modelValue`,`change`],setup(e,{emit:n}){let r=e,i=n,[a,o]=On(`modelValue`,r,i,{transform:e=>e||[],defaultField:`defaultValue`}),s=(0,t.inject)(lt,void 0),c=$(`disabled`,[s,r],`or`),l=$(`readonly`,[s,r],`or`),u=e=>d(e)?e:e.key??e.value,f=$(`size`,()=>[r.size&&r,s,r],`nullish`,e=>e||`medium`);return(0,t.provide)(ut,{modelValue:a,disabled:c,readonly:l,variant:(0,t.toRef)(r,`variant`),size:f,updateValue:(e,t)=>{let n=(a.value||[]).slice();if(t)n.includes(e)||n.push(e);else{let t=n.indexOf(e);t>=0&&n.splice(t,1)}a.value=n,o(n),i(`change`,n),s==null||s.changeHandler()}}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`pixelium px-checkbox-group`,{[`px-checkbox-group__${r.direction}`]:r.direction}])},[(0,t.createElementVNode)(`div`,Ra,[(0,t.renderSlot)(e.$slots,`default`,{},()=>[r.options?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)(r.options,e=>((0,t.openBlock)(),(0,t.createBlock)(La,{key:u(e),value:(0,t.unref)(d)(e)?e:e.value,disabled:(0,t.unref)(d)(e)?!1:e.disabled},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(d)(e)?e:e.label),1)]),_:2},1032,[`value`,`disabled`]))),128)):(0,t.createCommentVNode)(``,!0)])])],2))}}),Ba=(0,t.defineComponent)({name:`TextOutline`,__name:`index`,props:{color:{default:`var(--px-neutral-1)`},outlineWidth:{default:1},autoPadding:{type:Boolean,default:!0}},setup(e){let n=e,r=(0,t.computed)(()=>{let e=n.outlineWidth;return typeof e==`number`?`${e}px`:e});return(i,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:`pixelium px-text-outline`,style:(0,t.normalizeStyle)({"-webkit-text-stroke":`${r.value} transparent`,background:`text ${n.color}`,paddingLeft:e.autoPadding?r.value:void 0,paddingRight:e.autoPadding?r.value:void 0})},[(0,t.renderSlot)(i.$slots,`default`)],4))}});function Va(e={}){let n={validateFn:null,clearValidationFn:null},r=(0,t.ref)({...e.initialValues});return{model:r,validate:async e=>n.validateFn?await n.validateFn(e):(pn(`Validation function not registered. Ensure the Form component is properly mounted.`),{isValid:!1,results:{}}),register:e=>{n.validateFn=e.validate,n.clearValidationFn=e.clearValidation},reset:t=>{if(!t)r.value={...e.initialValues};else{let n={...r.value};(_(t)?t:[t]).forEach(t=>{w(n,t,e.initialValues?c(e.initialValues,t):void 0)}),r.value=n}n.clearValidationFn?n.clearValidationFn(t):pn(`Clear Validation not registered. Ensure the Form component is properly mounted.`)},clearValidation:e=>{n.clearValidationFn?n.clearValidationFn(e):pn(`Clear Validation function not registered. Ensure the Form component is properly mounted.`)}}}var Ha=[ht,_t,yt,Pt,Gt,Kt,qt,nn,rn,an,on,sn,cn,ln,un,Cn,Ln,qn,ur,yr,xr,_r,Yr,Xr,Br,ti,oi,si,li,fi,ii,wi,Ei,Di,Ni,Ji,Sa,Oa,Aa,La,za,Ba],Ua=`Px`,Wa=(e,t={prefix:Ua})=>{Ha.forEach(n=>{n.name&&e.component(t.prefix+n.name,n)}),t.attachToApp!==!1&&(e.config.globalProperties.PixeliumVue={message:Ht,useThemeMode:Sn}),t.attachToWindow!==!1&&W()&&(window.$message=Ht)},Ga={install:Wa};e.Aside=cn,e.AutoComplete=oi,e.Avatar=Ei,e.Button=ht,e.ButtonGroup=_t,e.Checkbox=La,e.CheckboxGroup=za,e.Col=Kt,e.Container=on,e.Divider=qt,e.Empty=ti,e.Footer=un,e.Form=Di,e.FormItem=Ni,e.Grid=rn,e.GridItem=an,e.Header=ln,e.Icon=Cn,e.Image=wi,e.Input=Ln,e.InputGroup=yr,e.InputGroupLabel=xr,e.InputNumber=qn,e.InputTag=Yr,e.Link=yt,e.Main=sn,e.Mask=si,e.Message=Ht,e.MessageBox=Pt,e.Popover=Br,e.Radio=Oa,e.RadioGroup=Aa,e.Row=Gt,e.Select=fi,e.Slider=Sa,e.Space=nn,e.Spin=li,e.Switch=Ji,e.Tag=_r,e.TextOutline=Ba,e.Textarea=ur,e.Tooltip=Xr,e.VirtualList=ii,e.default=Ga,e.imageDataToDataURL=Ir,e.install=Wa,e.pixelateImage=Li,e.resetPixelSize=bn,e.resetThemeColor=_n,e.setPixelSize=yn,e.setThemeColor=gn,e.useForm=Va,e.useThemeMode=Sn});