@pixelium/web-vue 0.0.3-beta → 0.0.4

package/dist/pixelium-vue.umd.cjs

@@ -1,4 +1,4 @@
-(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},H=(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=H(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 ne(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 re(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]=ie(e);if(!i&&!n)return!1;let o=a.split(/[/?#]/)[0];if(!o)return!1;let{host:s,port:c}=U(o)||{};if(!s)return!1;let l=!1;if(ae(s)){if(!r)return!1;l=se(s)}else l=oe(s)||ce(s);return!(!l||c&&!le(c))}function ie(e){let t=e.match(/^([a-zA-Z0-9+.-]+):\/\//);return t?[t[1],e.slice(t[0].length)]:[null,e]}function U(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 ae(e){return e.includes(`:`)}function oe(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 se(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 ce(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 le(e){let t=Number(e);return!isNaN(t)&&t>=1&&t<=65535}let ue=(e,t)=>parseFloat(e.toFixed(A(Math.round(t),0,100))),de=()=>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()){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()&&((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()||de())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())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),p=(0,t.inject)(at),m=(0,t.inject)(ct),h=(0,t.inject)(lt),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),i=(0,t.inject)(lt),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`)||(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,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={class:`pixelium px-main`},cn=(0,t.defineComponent)({name:`Main`,__name:`index`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`main`,sn,[(0,t.renderSlot)(e.$slots,`default`)]))}}),ln=(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;(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))}}),un=(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))}}),dn=(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))}}),fn=typeof process<`u`&&process.env.NODE_ENV!==`production`,pn=`Pixelium`;function mn(e,t=!1){(fn||t)&&console.warn(`[${pn}]`,e)}function hn(e){throw Error(`[${pn}] ${e}`)}function gn(e){return Error(`[${pn}] ${e}`)}let _n=(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 hn(`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 hn(`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)},vn=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 yn=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 bn=e=>{if(!W())return;document.documentElement.style.setProperty(`--px-bit`,e+`px`);let t=yn(e);Object.keys(t).forEach(e=>{document.documentElement.style.setProperty(e,t[e]+`px`)}),Xe.emit($e)},xn=()=>{W()&&bn(4)};var Sn=e=>{if(!W())return;let t=document.documentElement;t.classList.remove(`light`,`dark`),e!==`unset`&&t.classList.add(e)};function Cn(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&&Sn(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,Sn,{flush:`post`});return(0,t.onScopeDispose)(()=>{s()}),[r,i,a,o]}var wn=(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 Tn=(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 En({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 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:`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))}}),On=(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 kn=(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 An={key:0,class:`px-input-prefix-wrapper`},jn=[`value`,`placeholder`,`disabled`,`autofocus`,`type`],Mn={key:1,class:`px-input-close-wrapper`},Nn={key:1,class:`px-input-icon-placeholder`},Pn={key:2,class:`px-input-password-wrapper`},Fn={key:3,class:`px-input-count-wrapper`},In={key:4,class:`px-input-loading-wrapper`},Ln={key:5,class:`px-input-suffix-wrapper`},Rn=(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]=En({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),_=(0,t.inject)(lt),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]=kn(`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),H=(0,t.ref)(!1),ne=()=>{H.value=!H.value},re=(0,t.computed)(()=>o.nativeType?o.nativeType:o.password?H.value?`text`:`password`:`text`),ie=(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,()=>ie,Z(),F,z,w,T],()=>{U()});let U=()=>{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&&Tn(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)(()=>{U()})}),Q(O,U),tt(U),pt(O,U),(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)(ie).prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,An,[(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:re.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,jn),te.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Mn,[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`,Nn))])):(0,t.createCommentVNode)(``,!0),o.password?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Pn,[H.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(On),{key:1,class:`px-input-icon`,onClick:ne})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Dn),{key:0,class:`px-input-icon`,onClick:ne}))])):(0,t.createCommentVNode)(``,!0),o.showCount?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Fn,[(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`,In,[(0,t.createVNode)((0,t.unref)(r),{class:`px-input-icon px-animation__loading`})])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(ie).suffix?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Ln,[(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 zn=(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 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:`M1 11h22v2H1z`},null,-1)])],4))}}),Vn=(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))}}),Hn={key:0,class:`px-input-number-prefix-wrapper`},Un=[`value`,`placeholder`,`disabled`,`autofocus`],Wn={key:2,class:`px-input-number-close-wrapper`},Gn={key:1,class:`px-input-number-icon-placeholder`},Kn={key:4,class:`px-input-number-loading-wrapper`},qn={key:5,class:`px-input-number-suffix-wrapper`},Jn=(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),h=(0,t.inject)(lt),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=ue(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]=kn(`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]=En({afterComposition:e=>{(0,t.nextTick)(()=>{ne(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),H=e=>{P.value=e};(0,t.watch)(M,e=>{U.value||H(O(e))});let ne=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)},re=async()=>{let e=D(0);await N(e),H(O(M.value)),s(`change`,e),s(`clear`,e),h==null||h.changeHandler()},ie=e=>{let t=e.target,n=j(t.value);H(O(M.value)),s(`change`,n,e),h==null||h.changeHandler()},U=(0,t.ref)(!1),ae=e=>{H(O(M.value)),U.value=!1,s(`blur`,e),h==null||h.blurHandler()},oe=e=>{U.value=!0,s(`focus`,e)},se=(0,t.computed)(()=>o.clearable&&!x.value&&!C.value),ce=(0,t.useSlots)();n({focus:()=>{var e;(e=B.value)==null||e.focus()},blur:()=>{var e;(e=B.value)==null||e.blur()},clear:()=>re(),select:()=>{var e;(e=B.value)==null||e.select()}});let le=(0,t.computed)(()=>C.value||x.value||!S(M.value)&&M.value>=o.max),de=(0,t.computed)(()=>C.value||x.value||!S(M.value)&&M.value<=o.min),W=async()=>{if(le.value)return;let e=M.value;S(e)&&(e=D(0));let t=D(e+o.step);await N(t),s(`change`,t),H(O(M.value)),h==null||h.changeHandler()},fe=async()=>{if(de.value)return;let e=M.value;S(e)&&(e=D(0));let t=D(e-o.step);await N(t),s(`change`,t),H(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,()=>ce,d,f,Z(),xe,U,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||U.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&&zn(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:ae,onFocusin:oe},[(0,t.unref)(ce).prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Hn,[(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)(Vn),{key:0,class:(0,t.normalizeClass)([`px-input-number-icon`,le.value&&`px-input-number-icon__disabled`]),onClick:W,onMousedown:ye,tabindex:(0,t.unref)(x)||(0,t.unref)(C)||le.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)(Bn),{key:1,class:(0,t.normalizeClass)([`px-input-number-icon`,de.value&&`px-input-number-icon__disabled`]),onClick:fe,onMousedown:ye,tabindex:(0,t.unref)(x)||(0,t.unref)(C)||de.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)(ne,[`stop`]),onChange:(0,t.withModifiers)(ie,[`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,Un),se.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Wn,[xe.value&&P.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(wt),{key:0,class:`px-input-number-icon`,onClick:re})):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Gn))])):(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)(Vn),{key:0,class:(0,t.normalizeClass)([`px-input-number-icon`,le.value&&`px-input-number-icon__disabled`]),onClick:W,onMousedown:ye,tabindex:(0,t.unref)(x)||(0,t.unref)(C)||le.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)(Bn),{key:1,class:(0,t.normalizeClass)([`px-input-number-icon`,de.value&&`px-input-number-icon__disabled`]),onClick:fe,onMousedown:ye,tabindex:(0,t.unref)(x)||(0,t.unref)(C)||de.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`,Kn,[(0,t.createVNode)((0,t.unref)(r),{class:`px-input-number-icon px-animation__loading`})])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(ce).suffix?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,qn,[(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 Yn=(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 Xn=null,Zn=`
+(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)(null,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;
-`,Qn=[`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 $n(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:Qn.map(e=>`${e}:${t.getPropertyValue(e)}`).join(`;`),paddingSize:r,borderSize:i,boxSizing:n}}function er(e,t=1,n=1/0){Xn||(Xn=document.createElement(`textarea`),document.body.appendChild(Xn));let{sizingStyle:r,paddingSize:i,borderSize:a,boxSizing:o}=$n(e),s=e.getBoundingClientRect().width;Xn.setAttribute(`style`,`${r};${u(Zn,e=>e===`width`?String(s):``)}`),Xn.value=``;let c=Xn.scrollHeight-i,l=c*t+(o===`border-box`?i+a:0),d=c*n+(o===`border-box`?i+a:0);Xn.value=e.value||e.placeholder||``;let f=Xn.scrollHeight;return f+=+(o===`border-box`)*a,f=A(f,l,d),{height:f,minHeight:l,maxHeight:d}}var tr=0;function nr(e,t,n){return er(e,t,n)}function rr(){tr--,Xn&&tr<=0&&(Xn.remove(),Xn=null)}function ir(){tr++}let ar=(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=nr(e.value,n.minRows||1,n.maxRows||1/0);r.value=t.height,a.value=t.maxHeight,i.value=t.minHeight}};return W()&&(ir(),Q(e,o,!0),(0,t.onBeforeUnmount)(()=>{rr()})),[r,i,a,o]};var or=[`value`,`placeholder`,`disabled`,`autofocus`,`rows`],sr={class:`px-textarea-addition-wrapper`},cr={key:0,class:`px-textarea-close-wrapper`},lr={key:1,class:`px-textarea-count-wrapper`},ur={key:2,class:`px-textarea-loading-wrapper`},dr=(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),s=i,[c,l,u]=En({afterComposition:e=>{(0,t.nextTick)(()=>{E(e)})}}),[d,f]=kn(`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]=ar(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&&Yn(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,or),(0,t.createElementVNode)(`div`,sr,[P.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,cr,[(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`,lr,[(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`,ur,[(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 fr(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 pr(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 mr=(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)},hr=(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 gr=(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))}}),_r={key:0,class:`px-tag-icon-wrapper`},vr=(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)(()=>hr(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=pr(r.disabled,r.variant,r.theme,f.value),l=we(s,n,i,o);c&&mr(t,n,i,l,s,ee,c,o);let p=fr(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`,_r,[(0,t.createVNode)((0,t.unref)(gr),{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))}}),yr={class:`pixelium px-input-group`,ref:`slotWrapper`},br=(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),i=(0,t.inject)(lt),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`,yr,[(0,t.renderSlot)(e.$slots,`default`)],512))}});let xr=(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 Sr=(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),u=(0,t.inject)(lt),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&&xr(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 Cr=(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 wr(e){return e===`light`?Y(`neutral`,10):Y(`neutral`,9)}function Tr(e){return e===`light`?Y(`neutral`,1):Y(`neutral`,10)}let Er=(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)},Dr=(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 Or=(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`]))}}),kr=250,Ar=(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},kr)}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=wr(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&&Er(t,n,r,g,o,v,m,i,u,d,y,b);let x=Tr(a.variant);x&&ve(t,Math.round((n-u)/2+b),Math.round((r-d)/2+y),x),a.arrow&&m&&x&&Dr(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)(Or,{root:a.root,zIndex:a.zIndex,visible:a.visible,"close-delay":kr,"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`]))}}),jr=(e,t)=>t?t.contains(e):!0,Mr=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 Nr=(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||jr(r,Mr(t)),!1):jr(r,Mr(e)))||n(t))};(0,t.onMounted)(()=>{document.addEventListener(`click`,r)}),(0,t.onBeforeUnmount)(()=>{document.removeEventListener(`click`,r)})};function Pr(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 Fr(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 Ir=(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 Lr(e){let t=document.createElement(`canvas`),n=t.getContext(`2d`);if(!n)throw gn(`Cannot get Canvas context`);return t.width=e.width,t.height=e.height,n.putImageData(e,0,0),t.toDataURL(`image/png`)}var Rr=(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)();Nr(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):Ir(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 zr(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 Br=(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]=zr(),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&&mn(`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&&Ir(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)(Rr,{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)(Ar,{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})])}}}),Vr=(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)(Br,(0,t.mergeProps)({ref:s},{...i,...l,...a}),{default:c.default,content:c.content})}}),Hr={key:0,class:`px-input-tag-prefix-wrapper`},Ur={class:`px-input-tag-content`},Wr={class:`px-input-tag-content`},Gr=[`value`,`placeholder`,`disabled`,`autofocus`],Kr={key:1,class:`px-input-tag-close-wrapper`},qr={key:1,class:`px-input-tag-icon-placeholder`},Jr={key:2,class:`px-input-tag-loading-wrapper`},Yr={key:3,class:`px-input-tag-suffix-wrapper`},Xr=(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]=En({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),y=(0,t.inject)(lt),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]=kn(`modelValue`,o,s,{defaultField:`defaultValue`,transform:e=>_(e)?[...e]:[]}),[A,j]=kn(`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()},H=()=>{var e;(e=P.value)==null||e.focus()},ne=(0,t.ref)(!1),re=()=>{ne.value=!0},ie=()=>{ne.value=!1},U=(0,t.computed)(()=>o.clearable&&!C.value&&!w.value),ae=(0,t.computed)(()=>!C.value&&!w.value),oe=(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 se=(0,t.computed)(()=>!!o.collapseTags&&m(o.maxDisplayTags)&&o.maxDisplayTags>=0),ce=(0,t.computed)(()=>O.value?se.value?O.value.slice(0,o.maxDisplayTags):O.value:[]),le=(0,t.computed)(()=>O.value&&se.value?O.value.slice(o.maxDisplayTags):[]),ue=(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,()=>oe,Z(),z,ne,T,E],()=>{setTimeout(()=>{de()})});let de=()=>{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`?(ne.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&&Cr(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)(()=>{de()})}),Q(M,de),tt(de),pt(M,de),(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:H,onMouseenter:re,onMouseleave:ie,onFocusout:B,onFocusin:V},[(0,t.unref)(oe).prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Hr,[(0,t.renderSlot)(n.$slots,`prefix`)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,Ur,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(ce.value,(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(vr,(0,t.mergeProps)({key:r,size:D.value,variant:o.tagVariant,theme:o.tagTheme,closable:ae.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)),le.value.length&&se.value?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[o.collapseTagsPopover?((0,t.openBlock)(),(0,t.createBlock)(Vr,(0,t.normalizeProps)((0,t.mergeProps)({key:1},ue.value)),{content:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,Wr,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(le.value,(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(vr,(0,t.mergeProps)({key:r,size:D.value,variant:o.tagVariant,theme:o.tagTheme,closable:ae.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)(vr,(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:`+${le.value.length}`,index:-1},()=>[(0,t.createTextVNode)(`+`+(0,t.toDisplayString)(le.value.length),1)])]),_:3},16,[`size`,`variant`,`theme`,`disabled`,`color`])]),_:3},16)):((0,t.openBlock)(),(0,t.createBlock)(vr,(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:`+${le.value.length}`,index:-1},()=>[(0,t.createTextVNode)(`+`+(0,t.toDisplayString)(le.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,Gr)]),U.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Kr,[ne.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`,qr))])):(0,t.createCommentVNode)(``,!0),o.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Jr,[(0,t.createVNode)((0,t.unref)(r),{class:`px-input-tag-icon px-animation__loading`})])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(oe).suffix?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Yr,[(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)}}}),Zr=(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)(Br,(0,t.mergeProps)({ref:s},{...i,...l,...a}),{default:c.default,content:c.content})}}),Qr=(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))}}),$r={class:`pixelium px-empty`},ei={class:`px-empty-icon-wrapper`},ti={class:`px-empty-description`},ni=(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`,$r,[(0,t.createElementVNode)(`div`,ei,[(0,t.renderSlot)(e.$slots,`image`,{},()=>[(0,t.createVNode)((0,t.unref)(Qr),{class:`px-empty-icon`})])]),(0,t.createElementVNode)(`div`,ti,[(0,t.renderSlot)(e.$slots,`description`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n.description),1)])])]))}});let ri=(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 ii=1e3,ai=(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(ii,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(ii,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&&!de()||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=de()?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()}}}),oi=(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)(ai,(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()}}}),si=(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]=En({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),y=(0,t.inject)(lt),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]=kn(`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){oe.value=!!s.shouldShowPopover(D.value||``,ae.value);return}D.value&&(!s.showPopoverEmpty&&ae.value.length||s.showPopoverEmpty)?oe.value=!0:oe.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),H=()=>{V.value=!0},ne=()=>{V.value=!1},re=(0,t.computed)(()=>s.clearable&&!C.value&&!w.value),ie=async(e,t,n)=>{let r=s.append?D.value+e:e;await O(r),oe.value=!1,c(`select`,r,t,n),c(`change`,r,n),y==null||y.changeHandler()},U=(0,t.useSlots)(),ae=(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 oe=(0,t.ref)(!1),se=e=>{e||(oe.value=e)};(0,t.watch)([g,_,b,S,x,C,()=>U,Z(),I,V,w,T,E],()=>{setTimeout(()=>{ce()})});let ce=()=>{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&&ri(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)(()=>{ce()})}),Q(k,ce),tt(ce),pt(k,ce),()=>{let e=(0,t.createVNode)(t.Fragment,null,[U.prefix&&(0,t.createVNode)(`div`,{class:`px-auto-complete-prefix-wrapper`},[U.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),re.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)]),U.suffix&&(0,t.createVNode)(`div`,{class:`px-auto-complete-suffix-wrapper`},[U.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)(Vr,{placement:`bottom`,offset:0,"width-equal":!0,arrow:!1,visible:oe.value,"onUpdate:visible":se,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:H,onMouseleave:ne,onFocusout:L,onFocusin:R,...n,...o},[e]),content:()=>ae.value.length?(0,t.createVNode)(oi,{options:ae.value,onSelect:ie,virtualScroll:s.virtualScroll,virtualListProps:s.virtualListProps},{"group-label":({option:e})=>U[`group-label`]?U[`group-label`]({option:e}):e.label,option:({option:e})=>U.option?U.option({option:e}):d(e)?e:e.label}):(0,t.createVNode)(`div`,{class:`px-auto-complete-empty`},[(0,t.createVNode)(ni,null,null)])})}}}),ci=(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))}}),li={class:`px-spin-content`},ui=(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)(ci,(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`,li,[(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 di=(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 fi=250,pi=(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]=En({afterComposition:e=>{(0,t.nextTick)(()=>{ce(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),T=(0,t.inject)(lt),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]=kn(`modelValue`,c,l,{defaultField:`defaultValue`,transform:e=>c.multiple?S(e)?void 0:_(e)?[...e]:[e]:e}),[I,L]=kn(`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),ne=(0,t.shallowRef)(null),re=(0,t.shallowRef)(null),ie=(0,t.shallowRef)(null),U=(0,t.shallowRef)(null),ae=(0,t.shallowRef)(null);(0,t.watch)(()=>c.multiple,(e,t)=>{F(e&&!t?[P.value]:P.value[0]||null)});let oe=async()=>{if(await(0,t.nextTick)(),c.shouldShowPopover){De.value=!!c.shouldShowPopover(I.value||``,Ee.value);return}De.value=!0},se=async()=>{De.value=!1},ce=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),oe())},le=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()},ue=e=>{e.stopPropagation();let t=e.target;l(`inputChange`,t.value,e)},[de,W]=zr(),fe=(0,t.ref)(!1),pe=async e=>{k.value||A.value||(W(),fe.value=!0,(0,t.nextTick)(()=>{if(ie.value&&c.filterable){if(ie.value.focus(),c.multiple)return;L(N(P.value)?I.value||``:z.value)}}),oe(),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=ae.value)!=null&&r.$el.contains(n))return}(t=ne.value)==null||t.focus()},he=async()=>{var e,t;let n=await de();return n&&(fe.value=!1,se(),(e=ie.value)==null||e.blur(),(t=ne.value)==null||t.blur(),setTimeout(async()=>{await L(``),l(`inputChange`,``)},fi),n)},ge=async e=>{await he()&&(l(`blur`,e),T==null||T.blurHandler())},_e=e=>{var t,n;let r=e.relatedTarget;r&&!((t=U.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,se(),l(`select`,r,t,n),l(`change`,r),T==null||T.changeHandler(),setTimeout(async()=>{await L(``)},fi))},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=H(n,t),i=H(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&&(H(I.value,t,!0).length||t.push(I.value)),t});n({focus:()=>{var e;k.value||A.value||(e=ne.value)==null||e.focus()},blur:()=>{he()},clear:()=>le(),[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,re);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&&di(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:ne,tabindex:k.value||A.value?-1:0},[c.multiple&&Pe.value.map((e,n)=>(0,t.createVNode)(vr,(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)(Vr,Le.value,{default:()=>(0,t.createVNode)(vr,(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)(vr,(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)(vr,(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:ie,class:`px-select-inner`,value:I.value,disabled:k.value||A.value,onInput:ce,onChange:ue,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:le,ref:e=>{ae.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:re,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)(Vr,{placement:`bottom`,offset:0,"width-equal":!0,arrow:!1,visible:De.value,"onUpdate:visible":Oe,trigger:`click`,contentStyle:{padding:`${s}px`},ref:U,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)(oi,{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)(ni,null,null)])})}}}),mi=new WeakMap,hi={},gi=new WeakMap,_i=new WeakMap;function vi(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,_i.get(e),t,n)},s=_(r.rootMargin)?`${r.rootMargin[0]}-${r.rootMargin[1]}`:String(r.rootMargin),c=()=>{let e=i||hi,t=gi.get(e);t||(gi.set(e,new Map),t=gi.get(e));let n=t.get(s);return{observers:t,observer:n}},l=e=>{let t=i||hi,n=mi.get(t);n||(mi.set(t,new Map),n=mi.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),_i.set(e,r)},p=e=>{let{observedSet:t,observedSetMap:n}=l(s),{observers:r}=c();r.get(s).unobserve(e),t.delete(e),_i.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:mn(`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=Pr(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 yi=(e,n)=>{W()&&((0,t.onMounted)(()=>{(0,t.nextTick)(()=>{n&&e(),window.addEventListener(`resize`,e)})}),(0,t.onBeforeUnmount)(()=>{window.removeEventListener(`resize`,e)}))};var bi=[`src`,`srcset`,`alt`,`data-src`,`data-srcset`,`data-loaded`,`data-error`,`loading`,`referrerpolicy`,`crossorigin`],xi={key:0,class:`px-image-fallback`},Si={key:0,class:`px-image-preview`},Ci=[`src`,`srcset`,`alt`,`referrerpolicy`,`crossorigin`],wi=250,Ti=(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;vi(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=Fr(u.value),l.value=!0,d(`preview`,e))};yi(()=>{!(c.value&&i.previewable)||!u.value||!l.value||(m.value=Fr(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,bi),(0,t.unref)(r).placeholder||(0,t.unref)(r).error?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,xi,[!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)(Or,(0,t.mergeProps)({key:1,visible:l.value,position:`fixed`,"close-delay":wi},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`,Si,[(0,t.createVNode)(ci,(0,t.mergeProps)({"z-index":0},e.maskProps,{onClick:g}),null,16),(0,t.createVNode)((0,t.unref)(gr),{"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,Ci)])):(0,t.createCommentVNode)(``,!0)]),_:1})]),_:1},16,[`visible`])):(0,t.createCommentVNode)(``,!0)],2))}});let Ei=(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 Di=(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&&Ei(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=ne([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))}}),Oi=(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;hn(`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))}}),ki={key:0,class:`px-form-item-asterisk`},Ai={key:1,class:`px-form-item-asterisk`},ji={key:0,class:`px-form-item-asterisk`},Mi={class:`px-form-item-addition`},Ni={key:1,class:`px-form-item-extra`},Pi=(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);i||hn(`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&&!re(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`,ki,` *\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`,Ai,` \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`,ji,` \xA0* `)):(0,t.createCommentVNode)(``,!0)],2),(0,t.createElementVNode)(`div`,Mi,[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`,Ni,[(0,t.renderSlot)(n.$slots,`extra`)])):(0,t.createCommentVNode)(``,!0)])]),_:3},16,[`span`,`class`])]),_:3},16))}}),Fi="(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})}})();",Ii=typeof self<`u`&&self.Blob&&new Blob([`(self.URL || self.webkitURL).revokeObjectURL(self.location.href);`,Fi],{type:`text/javascript;charset=utf-8`});function Li(e){let t;try{if(t=Ii&&(self.URL||self.webkitURL).createObjectURL(Ii),!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(Fi),{name:e==null?void 0:e.name})}}async function Ri(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 zi(e),s=new Li;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(gn(c));break}},s.onerror=e=>{s.terminate(),n(gn(`Worker error: ${e.message}`))},s.postMessage({imageData:o,pixelSize:t,palette:i,background:a})})}async function zi(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(gn(`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(gn(`Image loading failed`)),r.src=e)})}let Bi=(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 Vi(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 Hi=e=>Vi(e,.25,.1,.25,1);function Ui(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=Hi(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 Wi={key:0,class:`px-switch-active-wrapper`},Gi={key:1,class:`px-switch-inactive-wrapper`},Ki=[`disabled`,`checked`],qi=.5,Ji=250,Yi=(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]=kn(`modelValue`,i,a,{defaultField:`defaultValue`,transform(e){return!!e}}),m=(0,t.inject)(lt),h=$(`disabled`,[m,i],`or`),g=$(`readonly`,[m,i],`or`),_=$(`size`,()=>[i.size&&i,m,i],`nullish`,e=>e||`medium`),[v,y]=Ui(Ji,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>qi?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&&(Bi(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)>qi,"px-switch__inactive":(0,t.unref)(v)<=qi}]),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)<=qi}])},[(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)>qi?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Wi,[(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)<=qi?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Gi,[(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)>qi?(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)>qi}])},[(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,Ki)],2))}});let Xi=(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)},Zi=(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)}},Qi=(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)},$i=(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);Qi(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);Qi(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);Qi(e,t,r,we(a,t,r,c),a,s,u,c),ve(e,Math.round(t/2),Math.round(r/2),l)}}},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+NaN}),ta=(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`}),na=(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&&Qi(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 ra(e,t){let n=t.step;if(!n||y(n))return A(m(t.precision)?ue(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)?ue(r,t.precision):r}else return A(m(t.precision)?ue(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)?ue(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 ia=(e,t,n)=>{if(S(e))return t.range?[ra(t.min,t),ra(t.min,t)]:ra(t.min,t);if(t.range)if(m(e)){let r=[ra(t.min,t),ra(e,t)];return r[1]!==e&&n(`update:modelValue`,r),r}else{let r=e.map(e=>ra(e,t));return(r[0]!==e[0]||r[1]!==e[1])&&n(`update:modelValue`,r),r}else if(m(e)){let r=ra(e,t);return r!==e&&n(`update:modelValue`,r),r}else{let r=ra(e[1],t);return r!==e[1]&&n(`update:modelValue`,r),r}},aa=(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`}},oa=(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),ra(i.min+f*r,i)},sa=(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},ca=(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))}}})},la=(e,t,n)=>_(e)?e[t]:t===0?ra(n.min,n):e,ua=e=>_(e)?e[1]:e;var da=[`tabindex`],fa=[`tabindex`,`onClick`],pa=[`tabindex`,`onClick`],ma=[`tabindex`],ha={class:`px-slider-tooltip-content`},ga=[`tabindex`],_a=[`tabindex`],va={class:`px-slider-tooltip-content`},ya=[`tabindex`],ba=[`tabindex`],xa={class:`px-slider-tooltip-content`},Sa=[`tabindex`],Ca=(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),o=$(`disabled`,[a,r],`or`),s=$(`readonly`,[a,r],`or`),[c,l]=kn(`modelValue`,r,i,{defaultField:`defaultValue`,transform:e=>ia(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=ue.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=sa(c.value,S.value,C.value,x.value,r);else{let e=c.value;A.value=sa(e[0],S.value,C.value,x.value,r),j.value=sa(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 ra(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`,re),document.addEventListener(`touchmove`,B),document.addEventListener(`touchend`,re),H(e),i(`dragStart`,e))}let B=e=>{ne(e)},te=(e,t)=>{let n=R.value,i=ue.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}=aa(e,r.direction,d,f);a=t,n=i}return{sliderEl:i,thumbEl:a,targetType:n}},H=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=oa(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=sa(s,S.value,C.value,x.value,r);r.range?o===`start`?A.value=u:o===`end`&&(j.value=u):k.value=u},ne=N(H,20);function re(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`,re),document.removeEventListener(`touchmove`,B),document.removeEventListener(`touchend`,re),i(`dragEnd`,e)}(0,t.onUnmounted)(()=>{document.removeEventListener(`mousemove`,B),document.removeEventListener(`mouseup`,re),document.removeEventListener(`touchmove`,B),document.removeEventListener(`touchend`,re)});let ie=(0,t.ref)([]);(0,t.watch)([()=>r.marks,()=>r.max,()=>r.min,()=>r.direction,()=>r.reverse,x,S],()=>{(0,t.nextTick)(()=>{ie.value=ca(S.value,x.value,r)})},{deep:!0});let U=async(e,t)=>{o.value||s.value||(await H(e,!0,t),m(t)&&i(`markSelect`,t,e),i(`change`,T(c.value)),a==null||a.changeHandler())},ae=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!==ue.value&&ue.value&&ue.value.focus()},oe=e=>{e.target!==ue.value&&i(`focus`,e)},se=e=>{e.target!==ue.value&&(i(`blur`,e),a==null||a.blurHandler())},ce=Z(),le=(0,t.shallowRef)(null),ue=(0,t.shallowRef)(null);(0,t.onMounted)(()=>{(0,t.nextTick)(()=>{de(),w(),E(),M(),ie.value=ca(S.value,x.value,r)})}),(0,t.watch)([o,ce,P,F,()=>r.range,k,A,j,ie,c,()=>r.direction,()=>r.reverse],()=>{(0,t.nextTick)(()=>{de()})},{deep:!0});let de=()=>{let e=K(),t=q(ue,le,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&&Xi(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&&Zi(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&&$i(u,g,d,v,f,y,r.range,h,e,_,s),ie.value.length&&na(ue,b,h,c.value,r.direction,r.reverse,r.disabled,ie.value,e)},W=()=>{de(),w(),E()};return Q(ue,W),tt(W),pt(ue,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:ue,onClick:[(0,t.withModifiers)(U,[`self`]),ae],tabindex:(0,t.unref)(o)||(0,t.unref)(s)?-1:0,onFocusin:oe,onFocusout:se},[(0,t.createElementVNode)(`div`,{class:`px-slider-mark-wrapper`,ref_key:`markWrapperRef`,ref:p},[ie.value.length?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)(ie.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=>U(e,n.value),class:`px-slider-mark`,style:(0,t.normalizeStyle)((0,t.unref)(ta)(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,fa),(0,t.createElementVNode)(`div`,{tabindex:(0,t.unref)(o)||(0,t.unref)(s)?-1:0,onClick:e=>U(e,n.value),class:`px-slider-dot`,style:(0,t.normalizeStyle)((0,t.unref)(ea)(n.left,r.direction,r.reverse))},null,12,pa)],64))),128)):(0,t.createCommentVNode)(``,!0)],512),r.tooltip&&!r.range?((0,t.openBlock)(),(0,t.createBlock)(Zr,(0,t.mergeProps)({key:0,arrow:!1,placement:r.direction===`horizontal`?`top`:`right`},r.tooltipProps),{content:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,ha,[(0,t.renderSlot)(e.$slots,`tooltip-content`,{value:(0,t.unref)(ua)((0,t.unref)(c))},()=>[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(ua)((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,ma)]),_: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,ga)):(0,t.createCommentVNode)(``,!0),r.range?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:2},[r.tooltip?((0,t.openBlock)(),(0,t.createBlock)(Zr,(0,t.mergeProps)({key:0,arrow:!1,placement:r.direction===`horizontal`?`top`:`right`},r.tooltipStartProps),{content:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,va,[(0,t.renderSlot)(e.$slots,`tooltip-content`,{value:(0,t.unref)(la)((0,t.unref)(c),0,r)},()=>[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(la)((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,_a)]),_: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,ya)),r.tooltip?((0,t.openBlock)(),(0,t.createBlock)(Zr,(0,t.mergeProps)({key:2,arrow:!1,placement:r.direction===`horizontal`?`top`:`right`},r.tooltipEndProps),{content:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,xa,[(0,t.renderSlot)(e.$slots,`tooltip-content`,{value:(0,t.unref)(la)((0,t.unref)(c),1,r)},()=>[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(la)((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,ba)]),_: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,Sa))],64)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`canvas`,{ref_key:`canvasRef`,ref:le,class:`px-slider-canvas`},null,512),(0,t.createElementVNode)(`canvas`,{ref_key:`dotCanvasRef`,ref:b,class:`px-slider-canvas`},null,512)],42,da)}}});let wa=(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}},Ta=(e,t,n,r,i)=>{wa(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)},Ea=(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)},Da=(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 Oa=[`value`,`checked`,`disabled`],ka=(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]=kn(`modelValue`,a,o,{defaultField:`defaultValue`,transform:e=>!!e}),l=(0,t.inject)(lt,void 0),u=(0,t.inject)(dt),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?wa(t,n,a,l,w):Ta(t,n,a,l,w);else{let e=Se(o,w,void 0,`round`,void 0,!1,!1,!1);Ea(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&&Da(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,Oa),(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))}}),Aa={class:`px-radio-group-inner`},ja=(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),o=$(`disabled`,[a,r],`or`),s=$(`readonly`,[a,r],`or`),[c,l]=kn(`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`,Aa,[(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)(ka,{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 Ma=(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)},Na=(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)},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+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)}},Fa=(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 Ia=(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))}}),La=[`disabled`,`value`,`checked`],Ra=(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]=kn(`modelValue`,r,i,{defaultField:`defaultValue`,transform:e=>!!e}),s=(0,t.inject)(lt),c=(0,t.inject)(ut),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`)Ma(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{Na(t,n,i,s,o);let e=Math.min(n,i);r.indeterminate?Fa(t,e,4,s,o):a.value&&Pa(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)(Ia),{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,La)],512),(0,t.renderSlot)(e.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])],34))}}),za={class:`px-checkbox-group-inner`},Ba=(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]=kn(`modelValue`,r,i,{transform:e=>e||[],defaultField:`defaultValue`}),s=(0,t.inject)(lt),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`,za,[(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)(Ra,{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))}}),Va=(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 Ha(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):(mn(`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):mn(`Clear Validation not registered. Ensure the Form component is properly mounted.`)},clearValidation:e=>{n.clearValidationFn?n.clearValidationFn(e):mn(`Clear Validation function not registered. Ensure the Form component is properly mounted.`)}}}var Ua=[ht,_t,yt,Pt,Gt,Kt,qt,nn,rn,an,on,cn,ln,un,dn,wn,Rn,Jn,dr,br,Sr,vr,Xr,Zr,Vr,ni,si,ci,ui,pi,ai,Ti,Di,Oi,Pi,Yi,Ca,ka,ja,Ra,Ba,Va],Wa=`Px`,Ga=(e,t={prefix:Wa})=>{Ua.forEach(n=>{n.name&&e.component(t.prefix+n.name,n)}),t.attachToApp!==!1&&(e.config.globalProperties.PixeliumVue={message:Ht,useThemeMode:Cn}),t.attachToWindow!==!1&&W()&&(window.$message=Ht)},Ka={install:Ga};e.Aside=ln,e.AutoComplete=si,e.Avatar=Di,e.Button=ht,e.ButtonGroup=_t,e.Checkbox=Ra,e.CheckboxGroup=Ba,e.Col=Kt,e.Container=on,e.Divider=qt,e.Empty=ni,e.Footer=dn,e.Form=Oi,e.FormItem=Pi,e.Grid=rn,e.GridItem=an,e.Header=un,e.Icon=wn,e.Image=Ti,e.Input=Rn,e.InputGroup=br,e.InputGroupLabel=Sr,e.InputNumber=Jn,e.InputTag=Xr,e.Link=yt,e.Main=cn,e.Mask=ci,e.Message=Ht,e.MessageBox=Pt,e.Popover=Vr,e.Radio=ka,e.RadioGroup=ja,e.Row=Gt,e.Select=pi,e.Slider=Ca,e.Space=nn,e.Spin=ui,e.Switch=Yi,e.Tag=vr,e.TextOutline=Va,e.Textarea=dr,e.Tooltip=Zr,e.VirtualList=ai,e.default=Ka,e.imageDataToDataURL=Lr,e.install=Ga,e.pixelateImage=Ri,e.resetPixelSize=xn,e.resetThemeColor=vn,e.setPixelSize=bn,e.setThemeColor=_n,e.useForm=Ha,e.useThemeMode=Cn});
+`,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});