@paperless/core 2.22.0-alpha.24 → 2.22.0-alpha.25

package/dist/paperless/p-e145d906.entry.js

@@ -1,3 +0,0 @@
-import{r as t,a as s,h as i}from"./p-PW1zQoNr.js";import{T as e}from"./p-BO6McqNQ.js";import{s as h}from"./p-DzdX_Z5B.js";const n="undefined"!=typeof window&&void 0!==window.document,r=n?window:{},o=!!n&&"ontouchstart"in r.document.documentElement,a=!!n&&"PointerEvent"in r,c="cropper",l=`${c}-canvas`,d=`${c}-crosshair`,u=`${c}-grid`,p=`${c}-handle`,b=`${c}-image`,m=`${c}-selection`,f=`${c}-shade`,g=`${c}-viewer`,w="select",v="move",$="scale",k="rotate",y="transform",x="none",z="n-resize",M="e-resize",C="s-resize",A="w-resize",j="ne-resize",O="nw-resize",S="se-resize",T="sw-resize",E=a?"pointerdown":o?"touchstart":"mousedown",N=a?"pointermove":o?"touchmove":"mousemove",_=a?"pointerup pointercancel":o?"touchend touchcancel":"mouseup",I="error",X="keydown",R="load",Y="wheel",P="action",W="actionend",D="actionstart",L="change",B="transform",U=Number.isNaN||r.isNaN;function F(t){return"number"==typeof t&&!U(t)}function H(t){return F(t)&&t>0&&t<1/0}function Q(t){return"object"==typeof t&&null!==t}const{hasOwnProperty:Z}=Object.prototype;function q(t){if(!Q(t))return!1;try{const{constructor:s}=t,{prototype:i}=s;return s&&i&&Z.call(i,"isPrototypeOf")}catch(t){return!1}}function K(t){return"function"==typeof t}function V(t){return"object"==typeof t&&null!==t&&1===t.nodeType}const G=/([a-z\d])([A-Z])/g;function J(t){return String(t).replace(G,"$1-$2").toLowerCase()}const tt=/-[A-z\d]/g;function st(t){return t.replace(tt,(t=>t.slice(1).toUpperCase()))}const it=/\s\s*/;function et(t,s,i,e){s.trim().split(it).forEach((s=>{t.removeEventListener(s,i,e)}))}function ht(t,s,i,e){s.trim().split(it).forEach((s=>{t.addEventListener(s,i,e)}))}function nt(t,s,i,e){ht(t,s,i,Object.assign(Object.assign({},e),{once:!0}))}const rt={bubbles:!0,cancelable:!0,composed:!0},ot=Promise.resolve();function at(t){const{documentElement:s}=t.ownerDocument,i=t.getBoundingClientRect();return{left:i.left+(r.pageXOffset-s.clientLeft),top:i.top+(r.pageYOffset-s.clientTop)}}const ct=/deg|g?rad|turn$/i;function lt(t){const s=parseFloat(t)||0;if(0!==s){const[i="rad"]=String(t).match(ct)||[];switch(i.toLowerCase()){case"deg":return s/360*(2*Math.PI);case"grad":return s/400*(2*Math.PI);case"turn":return s*(2*Math.PI)}}return s}const dt="contain";function ut(t,s=dt){const{aspectRatio:i}=t;let{width:e,height:h}=t;const n=H(e),r=H(h);if(n&&r){const t=h*i;s===dt&&t>e||"cover"===s&&t<e?h=e/i:e=h*i}else n?h=e/i:r&&(e=h*i);return{width:e,height:h}}function pt(t,...s){if(0===s.length)return t;const[i,e,h,n,r,o]=t,[a,c,l,d,u,p]=s[0];return pt(t=[i*a+h*c,e*a+n*c,i*l+h*d,e*l+n*d,i*u+h*p+r,e*u+n*p+o],...s.slice(1))}const bt=/left|top|width|height/i,mt="open",ft=new WeakMap,gt=new WeakMap,wt=new Map,vt=r.document&&Array.isArray(r.document.adoptedStyleSheets)&&"replaceSync"in r.CSSStyleSheet.prototype;class $t extends HTMLElement{get $sharedStyle(){return(this.themeColor?`:host{--theme-color: ${this.themeColor};}`:"")+":host([hidden]){display:none!important}"}constructor(){var t,s;super(),this.shadowRootMode=mt,this.slottable=!0;const i=null===(s=null===(t=Object.getPrototypeOf(this))||void 0===t?void 0:t.constructor)||void 0===s?void 0:s.$name;i&&wt.set(i,this.tagName.toLowerCase())}static get observedAttributes(){return["shadow-root-mode","slottable","theme-color"]}attributeChangedCallback(t,s,i){if(Object.is(i,s))return;const e=st(t);let h=i;switch(typeof this[e]){case"boolean":h=null!==i&&"false"!==i;break;case"number":h=Number(i)}switch(this[e]=h,t){case"theme-color":{const t=gt.get(this),s=this.$sharedStyle;t&&s&&(vt?t.replaceSync(s):t.textContent=s);break}}}$propertyChangedCallback(t,s,i){if(!Object.is(i,s))switch(t=J(t),typeof i){case"boolean":!0===i?this.hasAttribute(t)||this.setAttribute(t,""):this.removeAttribute(t);break;case"number":i=U(i)?"":String(i);default:i?this.getAttribute(t)!==i&&this.setAttribute(t,i):this.removeAttribute(t)}}connectedCallback(){Object.getPrototypeOf(this).constructor.observedAttributes.forEach((t=>{const s=st(t);let i=this[s];(function(t){return void 0===t})(i)||this.$propertyChangedCallback(s,void 0,i),Object.defineProperty(this,s,{enumerable:!0,configurable:!0,get:()=>i,set(t){const e=i;i=t,this.$propertyChangedCallback(s,e,t)}})}));const t=this.attachShadow({mode:this.shadowRootMode||mt});if(this.shadowRoot||ft.set(this,t),gt.set(this,this.$addStyles(this.$sharedStyle)),this.$style&&this.$addStyles(this.$style),this.$template){const s=document.createElement("template");s.innerHTML=this.$template,t.appendChild(s.content)}if(this.slottable){const s=document.createElement("slot");t.appendChild(s)}}disconnectedCallback(){gt.has(this)&&gt.delete(this),ft.has(this)&&ft.delete(this)}$getTagNameOf(t){var s;return null!==(s=wt.get(t))&&void 0!==s?s:t}$setStyles(t){return Object.keys(t).forEach((s=>{let i=t[s];F(i)&&(i=0!==i&&bt.test(s)?`${i}px`:String(i)),this.style[s]=i})),this}$getShadowRoot(){return this.shadowRoot||ft.get(this)}$addStyles(t){let s;const i=this.$getShadowRoot();return vt?(s=new CSSStyleSheet,s.replaceSync(t),i.adoptedStyleSheets=i.adoptedStyleSheets.concat(s)):(s=document.createElement("style"),s.textContent=t,i.appendChild(s)),s}$emit(t,s,i){return function(t,s,i,e){return t.dispatchEvent(new CustomEvent(s,Object.assign(Object.assign(Object.assign({},rt),{detail:i}),e)))}(this,t,s,i)}$nextTick(t){return function(t,s){return s?ot.then(t?s.bind(t):s):ot}(this,t)}static $define(t,s){Q(t)&&(s=t,t=""),t||(t=this.$name||this.name),t=J(t),n&&r.customElements&&!r.customElements.get(t)&&customElements.define(t,this,s)}}$t.$version="2.0.0";class kt extends $t{constructor(){super(...arguments),this.$onPointerDown=null,this.$onPointerMove=null,this.$onPointerUp=null,this.$onWheel=null,this.$wheeling=!1,this.$pointers=new Map,this.$style=':host{display:block;min-height:100px;min-width:200px;overflow:hidden;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([background]){background-color:#fff;background-image:repeating-linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc),repeating-linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc);background-image:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%);background-position:0 0,.5rem .5rem;background-size:1rem 1rem}:host([disabled]){pointer-events:none}:host([disabled]):after{bottom:0;content:"";cursor:not-allowed;display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}',this.$action=x,this.background=!1,this.disabled=!1,this.scaleStep=.1,this.themeColor="#39f"}static get observedAttributes(){return super.observedAttributes.concat(["background","disabled","scale-step"])}connectedCallback(){super.connectedCallback(),this.disabled||this.$bind()}disconnectedCallback(){this.disabled||this.$unbind(),super.disconnectedCallback()}$propertyChangedCallback(t,s,i){Object.is(i,s)||(super.$propertyChangedCallback(t,s,i),"disabled"!==t)||(i?this.$unbind():this.$bind())}$bind(){this.$onPointerDown||(this.$onPointerDown=this.$handlePointerDown.bind(this),ht(this,E,this.$onPointerDown)),this.$onPointerMove||(this.$onPointerMove=this.$handlePointerMove.bind(this),ht(this.ownerDocument,N,this.$onPointerMove)),this.$onPointerUp||(this.$onPointerUp=this.$handlePointerUp.bind(this),ht(this.ownerDocument,_,this.$onPointerUp)),this.$onWheel||(this.$onWheel=this.$handleWheel.bind(this),ht(this,Y,this.$onWheel,{passive:!1,capture:!0}))}$unbind(){this.$onPointerDown&&(et(this,E,this.$onPointerDown),this.$onPointerDown=null),this.$onPointerMove&&(et(this.ownerDocument,N,this.$onPointerMove),this.$onPointerMove=null),this.$onPointerUp&&(et(this.ownerDocument,_,this.$onPointerUp),this.$onPointerUp=null),this.$onWheel&&(et(this,Y,this.$onWheel,{capture:!0}),this.$onWheel=null)}$handlePointerDown(t){const{buttons:s,button:i,type:e}=t;if(this.disabled||("pointerdown"===e&&"mouse"===t.pointerType||"mousedown"===e)&&(F(s)&&1!==s||F(i)&&0!==i||t.ctrlKey))return;const{$pointers:h}=this;let n="";if(t.changedTouches)Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:i})=>{h.set(t,{startX:s,startY:i,endX:s,endY:i})}));else{const{pointerId:s=0,pageX:i,pageY:e}=t;h.set(s,{startX:i,startY:e,endX:i,endY:e})}h.size>1?n=y:V(t.target)&&(n=t.target.action||t.target.getAttribute("action")||""),!1!==this.$emit(D,{action:n,relatedEvent:t})&&(t.preventDefault(),this.$action=n,this.style.willChange="transform")}$handlePointerMove(t){const{$action:s,$pointers:i}=this;if(this.disabled||s===x||0===i.size)return;if(!1===this.$emit("actionmove",{action:s,relatedEvent:t}))return;if(t.preventDefault(),t.changedTouches)Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:e})=>{const h=i.get(t);h&&Object.assign(h,{endX:s,endY:e})}));else{const{pointerId:s=0,pageX:e,pageY:h}=t,n=i.get(s);n&&Object.assign(n,{endX:e,endY:h})}const e={action:s,relatedEvent:t};if(s===y){const s=new Map(i);let h=0,n=0,r=0,o=0,a=t.pageX,c=t.pageY;i.forEach(((t,i)=>{s.delete(i),s.forEach((s=>{let i=s.startX-t.startX,e=s.startY-t.startY,l=s.endX-t.endX,d=s.endY-t.endY,u=0,p=0,b=0,m=0;if(0===i?e<0?b=2*Math.PI:e>0&&(b=Math.PI):i>0?b=Math.PI/2+Math.atan(e/i):i<0&&(b=1.5*Math.PI+Math.atan(e/i)),0===l?d<0?m=2*Math.PI:d>0&&(m=Math.PI):l>0?m=Math.PI/2+Math.atan(d/l):l<0&&(m=1.5*Math.PI+Math.atan(d/l)),m>0||b>0){const i=m-b,e=Math.abs(i);e>h&&(h=e,r=i,a=(t.startX+s.startX)/2,c=(t.startY+s.startY)/2)}if(i=Math.abs(i),e=Math.abs(e),l=Math.abs(l),d=Math.abs(d),i>0&&e>0?u=Math.sqrt(i*i+e*e):i>0?u=i:e>0&&(u=e),l>0&&d>0?p=Math.sqrt(l*l+d*d):l>0?p=l:d>0&&(p=d),u>0&&p>0){const i=(p-u)/u,e=Math.abs(i);e>n&&(n=e,o=i,a=(t.startX+s.startX)/2,c=(t.startY+s.startY)/2)}}))}));const l=h>0,d=n>0;l&&d?(e.rotate=r,e.scale=o,e.centerX=a,e.centerY=c):l?(e.action=k,e.rotate=r,e.centerX=a,e.centerY=c):d?(e.action=$,e.scale=o,e.centerX=a,e.centerY=c):e.action=x}else{const[t]=Array.from(i.values());Object.assign(e,t)}i.forEach((t=>{t.startX=t.endX,t.startY=t.endY})),e.action!==x&&this.$emit(P,e,{cancelable:!1})}$handlePointerUp(t){const{$action:s,$pointers:i}=this;if(!this.disabled&&s!==x&&!1!==this.$emit(W,{action:s,relatedEvent:t})){if(t.preventDefault(),t.changedTouches)Array.from(t.changedTouches).forEach((({identifier:t})=>{i.delete(t)}));else{const{pointerId:s=0}=t;i.delete(s)}0===i.size&&(this.style.willChange="",this.$action=x)}}$handleWheel(t){this.disabled||(t.preventDefault(),this.$wheeling||(this.$wheeling=!0,setTimeout((()=>{this.$wheeling=!1}),50),this.$emit(P,{action:$,scale:(t.deltaY>0?-1:1)*this.scaleStep,relatedEvent:t},{cancelable:!1})))}$setAction(t){return"string"==typeof t&&(this.$action=t),this}$toCanvas(t){return new Promise(((s,i)=>{if(!this.isConnected)return void i(new Error("The current element is not connected to the DOM."));const e=document.createElement("canvas");let h=this.offsetWidth,n=this.offsetHeight,r=1;q(t)&&(H(t.width)||H(t.height))&&(({width:h,height:n}=ut({aspectRatio:h/n,width:t.width,height:t.height})),r=h/this.offsetWidth),e.width=h,e.height=n;const o=this.querySelector(this.$getTagNameOf(b));o?o.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,d,u,p]=o.$getTransform();let b=u,m=p,f=i.naturalWidth,g=i.naturalHeight;1!==r&&(b*=r,m*=r,f*=r,g*=r);const w=f/2,v=g/2;a.fillStyle="transparent",a.fillRect(0,0,h,n),q(t)&&K(t.beforeDraw)&&t.beforeDraw.call(this,a,e),a.save(),a.translate(w,v),a.transform(s,c,l,d,b,m),a.translate(-w,-v),a.drawImage(i,0,0,f,g),a.restore()}s(e)})).catch(i):s(e)}))}}kt.$name=l,kt.$version="2.0.0";const yt=new WeakMap,xt=["alt","crossorigin","decoding","importance","loading","referrerpolicy","sizes","src","srcset"];class zt extends $t{constructor(){super(...arguments),this.$matrix=[1,0,0,1,0,0],this.$onLoad=null,this.$onCanvasAction=null,this.$onCanvasActionEnd=null,this.$onCanvasActionStart=null,this.$actionStartTarget=null,this.$style=":host{display:inline-block}img{display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}",this.$image=new Image,this.initialCenterSize="contain",this.rotatable=!1,this.scalable=!1,this.skewable=!1,this.slottable=!1,this.translatable=!1}set $canvas(t){yt.set(this,t)}get $canvas(){return yt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(xt,["initial-center-size","rotatable","scalable","skewable","translatable"])}attributeChangedCallback(t,s,i){Object.is(i,s)||(super.attributeChangedCallback(t,s,i),xt.includes(t)&&this.$image.setAttribute(t,i))}$propertyChangedCallback(t,s,i){Object.is(i,s)||(super.$propertyChangedCallback(t,s,i),"initialCenterSize"!==t)||this.$nextTick((()=>{this.$center(i)}))}connectedCallback(){super.connectedCallback();const{$image:t}=this,s=this.closest(this.$getTagNameOf(l));s&&(this.$canvas=s,this.$setStyles({display:"block",position:"absolute"}),this.$onCanvasActionStart=t=>{var s,i;this.$actionStartTarget=null===(i=null===(s=t.detail)||void 0===s?void 0:s.relatedEvent)||void 0===i?void 0:i.target},this.$onCanvasActionEnd=()=>{this.$actionStartTarget=null},this.$onCanvasAction=this.$handleAction.bind(this),ht(s,D,this.$onCanvasActionStart),ht(s,W,this.$onCanvasActionEnd),ht(s,P,this.$onCanvasAction)),this.$onLoad=this.$handleLoad.bind(this),ht(t,R,this.$onLoad),this.$getShadowRoot().appendChild(t)}disconnectedCallback(){const{$image:t,$canvas:s}=this;s&&(this.$onCanvasActionStart&&(et(s,D,this.$onCanvasActionStart),this.$onCanvasActionStart=null),this.$onCanvasActionEnd&&(et(s,W,this.$onCanvasActionEnd),this.$onCanvasActionEnd=null),this.$onCanvasAction&&(et(s,P,this.$onCanvasAction),this.$onCanvasAction=null)),t&&this.$onLoad&&(et(t,R,this.$onLoad),this.$onLoad=null),this.$getShadowRoot().removeChild(t),super.disconnectedCallback()}$handleLoad(){const{$image:t}=this;this.$setStyles({width:t.naturalWidth,height:t.naturalHeight}),this.$canvas&&this.$center(this.initialCenterSize)}$handleAction(t){if(this.hidden||!(this.rotatable||this.scalable||this.translatable))return;const{$canvas:s}=this,{detail:i}=t;if(i){const{relatedEvent:t}=i;let{action:e}=i;switch(e!==y||this.rotatable&&this.scalable||(e=this.rotatable?k:this.scalable?$:x),e){case v:if(this.translatable){let e=null;t&&(e=t.target.closest(this.$getTagNameOf(m))),e||(e=s.querySelector(this.$getTagNameOf(m))),e&&e.multiple&&!e.active&&(e=s.querySelector(`${this.$getTagNameOf(m)}[active]`)),e&&!e.hidden&&e.movable&&!e.dynamic&&this.$actionStartTarget&&e.contains(this.$actionStartTarget)||this.$move(i.endX-i.startX,i.endY-i.startY)}break;case k:if(this.rotatable)if(t){const{x:s,y:e}=this.getBoundingClientRect();this.$rotate(i.rotate,t.clientX-s,t.clientY-e)}else this.$rotate(i.rotate);break;case $:if(this.scalable)if(t){const s=t.target.closest(this.$getTagNameOf(m));if(!s||!s.zoomable||s.zoomable&&s.dynamic){const{x:s,y:e}=this.getBoundingClientRect();this.$zoom(i.scale,t.clientX-s,t.clientY-e)}}else this.$zoom(i.scale);break;case y:if(this.rotatable&&this.scalable){const{rotate:s}=i;let{scale:e}=i;e<0?e=1/(1-e):e+=1;const h=Math.cos(s),n=Math.sin(s),[r,o,a,c]=[h*e,n*e,-n*e,h*e];if(t){const s=this.getBoundingClientRect(),i=t.clientX-s.x,e=t.clientY-s.y,[h,n,l,d]=this.$matrix,u=i-s.width/2,p=e-s.height/2,b=(u*d-l*p)/(h*d-l*n),m=(p*h-n*u)/(h*d-l*n);this.$transform(r,o,a,c,b*(1-r)+m*a,m*(1-c)+b*o)}else this.$transform(r,o,a,c,0,0)}}}}$ready(t){const{$image:s}=this,i=new Promise(((t,i)=>{const e=new Error("Failed to load the image source");if(s.complete)s.naturalWidth>0&&s.naturalHeight>0?t(s):i(e);else{const h=()=>{et(s,I,n),t(s)},n=()=>{et(s,R,h),i(e)};nt(s,R,h),nt(s,I,n)}}));return K(t)&&i.then((s=>(t(s),s))),i}$center(t){const{parentElement:s}=this;if(!s)return this;const i=s.getBoundingClientRect(),e=i.width,h=i.height,{x:n,y:r,width:o,height:a}=this.getBoundingClientRect();if(this.$move(i.x+e/2-(n+o/2),i.y+h/2-(r+a/2)),t&&(o!==e||a!==h)){const s=e/o,i=h/a;switch(t){case"cover":this.$scale(Math.max(s,i));break;case"contain":this.$scale(Math.min(s,i))}}return this}$move(t,s=t){if(this.translatable&&F(t)&&F(s)){const[i,e,h,n]=this.$matrix;this.$translate((t*n-h*s)/(i*n-h*e),(s*i-e*t)/(i*n-h*e))}return this}$moveTo(t,s=t){if(this.translatable&&F(t)&&F(s)){const[i,e,h,n]=this.$matrix;this.$setTransform(i,e,h,n,(t*n-h*s)/(i*n-h*e),(s*i-e*t)/(i*n-h*e))}return this}$rotate(t,s,i){if(this.rotatable){const e=lt(t),h=Math.cos(e),n=Math.sin(e),[r,o,a,c]=[h,n,-n,h];if(F(s)&&F(i)){const[t,e,h,n]=this.$matrix,{width:l,height:d}=this.getBoundingClientRect(),u=s-l/2,p=i-d/2,b=(u*n-h*p)/(t*n-h*e),m=(p*t-e*u)/(t*n-h*e);this.$transform(r,o,a,c,b*(1-r)-m*a,m*(1-c)-b*o)}else this.$transform(r,o,a,c,0,0)}return this}$zoom(t,s,i){if(!this.scalable||0===t)return this;if(t<0?t=1/(1-t):t+=1,F(s)&&F(i)){const[e,h,n,r]=this.$matrix,{width:o,height:a}=this.getBoundingClientRect(),c=s-o/2,l=i-a/2;this.$transform(t,0,0,t,(c*r-n*l)/(e*r-n*h)*(1-t),(l*e-h*c)/(e*r-n*h)*(1-t))}else this.$scale(t);return this}$scale(t,s=t){return this.scalable&&this.$transform(t,0,0,s,0,0),this}$skew(t,s=0){if(this.skewable){const i=lt(t),e=lt(s);this.$transform(1,Math.tan(e),Math.tan(i),1,0,0)}return this}$translate(t,s=t){return this.translatable&&F(t)&&F(s)&&this.$transform(1,0,0,1,t,s),this}$transform(t,s,i,e,h,n){return F(t)&&F(s)&&F(i)&&F(e)&&F(h)&&F(n)?this.$setTransform(pt(this.$matrix,[t,s,i,e,h,n])):this}$setTransform(t,s,i,e,h,n){if((this.rotatable||this.scalable||this.skewable||this.translatable)&&(Array.isArray(t)&&([t,s,i,e,h,n]=t),F(t)&&F(s)&&F(i)&&F(e)&&F(h)&&F(n))){const r=[...this.$matrix],o=[t,s,i,e,h,n];if(!1===this.$emit(B,{matrix:o,oldMatrix:r}))return this;this.$matrix=o,this.style.transform=`matrix(${o.join(", ")})`}return this}$getTransform(){return this.$matrix.slice()}$resetTransform(){return this.$setTransform([1,0,0,1,0,0])}}zt.$name=b,zt.$version="2.0.0";const Mt=new WeakMap;class Ct extends $t{constructor(){super(...arguments),this.$onCanvasChange=null,this.$onCanvasActionEnd=null,this.$onCanvasActionStart=null,this.$style=":host{display:block;height:0;left:0;outline:var(--theme-color) solid 1px;position:relative;top:0;width:0}:host([transparent]){outline-color:transparent}",this.x=0,this.y=0,this.width=0,this.height=0,this.slottable=!1,this.themeColor="rgba(0, 0, 0, 0.65)"}set $canvas(t){Mt.set(this,t)}get $canvas(){return Mt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["height","width","x","y"])}connectedCallback(){super.connectedCallback();const t=this.closest(this.$getTagNameOf(l));if(t){this.$canvas=t,this.style.position="absolute";const s=t.querySelector(this.$getTagNameOf(m));s&&(this.$onCanvasActionStart=t=>{s.hidden&&t.detail.action===w&&(this.hidden=!1)},this.$onCanvasActionEnd=t=>{s.hidden&&t.detail.action===w&&(this.hidden=!0)},this.$onCanvasChange=t=>{const{x:i,y:e,width:h,height:n}=t.detail;this.$change(i,e,h,n),(s.hidden||0===i&&0===e&&0===h&&0===n)&&(this.hidden=!0)},ht(t,D,this.$onCanvasActionStart),ht(t,W,this.$onCanvasActionEnd),ht(t,L,this.$onCanvasChange))}this.$render()}disconnectedCallback(){const{$canvas:t}=this;t&&(this.$onCanvasActionStart&&(et(t,D,this.$onCanvasActionStart),this.$onCanvasActionStart=null),this.$onCanvasActionEnd&&(et(t,W,this.$onCanvasActionEnd),this.$onCanvasActionEnd=null),this.$onCanvasChange&&(et(t,L,this.$onCanvasChange),this.$onCanvasChange=null)),super.disconnectedCallback()}$change(t,s,i=this.width,e=this.height){return F(t)&&F(s)&&F(i)&&F(e)&&(t!==this.x||s!==this.y||i!==this.width||e!==this.height)?(this.hidden&&(this.hidden=!1),this.x=t,this.y=s,this.width=i,this.height=e,this.$render()):this}$reset(){return this.$change(0,0,0,0)}$render(){return this.$setStyles({transform:`translate(${this.x}px, ${this.y}px)`,width:this.width,height:this.height,outlineWidth:r.innerWidth})}}Ct.$name=f,Ct.$version="2.0.0";class At extends $t{constructor(){super(...arguments),this.$onCanvasCropEnd=null,this.$onCanvasCropStart=null,this.$style=':host{background-color:var(--theme-color);display:block}:host([action=move]),:host([action=select]){height:100%;left:0;position:absolute;top:0;width:100%}:host([action=move]){cursor:move}:host([action=select]){cursor:crosshair}:host([action$=-resize]){background-color:transparent;height:15px;position:absolute;width:15px}:host([action$=-resize]):after{background-color:var(--theme-color);content:"";display:block;height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:5px}:host([action=n-resize]),:host([action=s-resize]){cursor:ns-resize;left:50%;transform:translateX(-50%);width:100%}:host([action=n-resize]){top:-8px}:host([action=s-resize]){bottom:-8px}:host([action=e-resize]),:host([action=w-resize]){cursor:ew-resize;height:100%;top:50%;transform:translateY(-50%)}:host([action=e-resize]){right:-8px}:host([action=w-resize]){left:-8px}:host([action=ne-resize]){cursor:nesw-resize;right:-8px;top:-8px}:host([action=nw-resize]){cursor:nwse-resize;left:-8px;top:-8px}:host([action=se-resize]){bottom:-8px;cursor:nwse-resize;right:-8px}:host([action=se-resize]):after{height:15px;width:15px}@media (pointer:coarse){:host([action=se-resize]):after{height:10px;width:10px}}@media (pointer:fine){:host([action=se-resize]):after{height:5px;width:5px}}:host([action=sw-resize]){bottom:-8px;cursor:nesw-resize;left:-8px}:host([plain]){background-color:transparent}',this.action=x,this.plain=!1,this.slottable=!1,this.themeColor="rgba(51, 153, 255, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["action","plain"])}}At.$name=p,At.$version="2.0.0";const jt=new WeakMap;class Ot extends $t{constructor(){super(...arguments),this.$onCanvasAction=null,this.$onCanvasActionStart=null,this.$onCanvasActionEnd=null,this.$onDocumentKeyDown=null,this.$action="",this.$actionStartTarget=null,this.$changing=!1,this.$style=':host{display:block;left:0;position:relative;right:0}:host([outlined]){outline:1px solid var(--theme-color)}:host([multiple]){outline:1px dashed hsla(0,0%,100%,.5)}:host([multiple]):after{bottom:0;content:"";cursor:pointer;display:block;left:0;position:absolute;right:0;top:0}:host([multiple][active]){outline-color:var(--theme-color);z-index:1}:host([multiple])>*{visibility:hidden}:host([multiple][active])>*{visibility:visible}:host([multiple][active]):after{display:none}',this.$initialSelection={x:0,y:0,width:0,height:0},this.x=0,this.y=0,this.width=0,this.height=0,this.aspectRatio=NaN,this.initialAspectRatio=NaN,this.initialCoverage=NaN,this.active=!1,this.linked=!1,this.dynamic=!1,this.movable=!1,this.resizable=!1,this.zoomable=!1,this.multiple=!1,this.keyboard=!1,this.outlined=!1,this.precise=!1}set $canvas(t){jt.set(this,t)}get $canvas(){return jt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["active","aspect-ratio","dynamic","height","initial-aspect-ratio","initial-coverage","keyboard","linked","movable","multiple","outlined","precise","resizable","width","x","y","zoomable"])}$propertyChangedCallback(t,s,i){if(!Object.is(i,s))switch(super.$propertyChangedCallback(t,s,i),t){case"x":case"y":case"width":case"height":this.$changing||this.$nextTick((()=>{this.$change(this.x,this.y,this.width,this.height,this.aspectRatio,!0)}));break;case"aspectRatio":case"initialAspectRatio":this.$nextTick((()=>{this.$initSelection()}));break;case"initialCoverage":this.$nextTick((()=>{H(i)&&i<=1&&this.$initSelection(!0,!0)}));break;case"keyboard":this.$nextTick((()=>{this.$canvas&&(i?this.$onDocumentKeyDown||(this.$onDocumentKeyDown=this.$handleKeyDown.bind(this),ht(this.ownerDocument,X,this.$onDocumentKeyDown)):this.$onDocumentKeyDown&&(et(this.ownerDocument,X,this.$onDocumentKeyDown),this.$onDocumentKeyDown=null))}));break;case"multiple":this.$nextTick((()=>{if(this.$canvas){const t=this.$getSelections();i?(t.forEach((t=>{t.active=!1})),this.active=!0,this.$emit(L,{x:this.x,y:this.y,width:this.width,height:this.height})):(this.active=!1,t.slice(1).forEach((t=>{this.$removeSelection(t)})))}}));break;case"precise":this.$nextTick((()=>{this.$change(this.x,this.y)}));break;case"linked":i&&(this.dynamic=!0)}}connectedCallback(){super.connectedCallback();const t=this.closest(this.$getTagNameOf(l));t?(this.$canvas=t,this.$setStyles({position:"absolute",transform:`translate(${this.x}px, ${this.y}px)`}),this.hidden||this.$render(),this.$initSelection(!0),this.$onCanvasActionStart=this.$handleActionStart.bind(this),this.$onCanvasActionEnd=this.$handleActionEnd.bind(this),this.$onCanvasAction=this.$handleAction.bind(this),ht(t,D,this.$onCanvasActionStart),ht(t,W,this.$onCanvasActionEnd),ht(t,P,this.$onCanvasAction)):this.$render()}disconnectedCallback(){const{$canvas:t}=this;t&&(this.$onCanvasActionStart&&(et(t,D,this.$onCanvasActionStart),this.$onCanvasActionStart=null),this.$onCanvasActionEnd&&(et(t,W,this.$onCanvasActionEnd),this.$onCanvasActionEnd=null),this.$onCanvasAction&&(et(t,P,this.$onCanvasAction),this.$onCanvasAction=null)),super.disconnectedCallback()}$getSelections(){let t=[];return this.parentElement&&(t=Array.from(this.parentElement.querySelectorAll(this.$getTagNameOf(m)))),t}$initSelection(t=!1,s=!1){const{initialCoverage:i,parentElement:e}=this;if(H(i)&&e){const h=this.aspectRatio||this.initialAspectRatio;let n=(s?0:this.width)||e.offsetWidth*i,r=(s?0:this.height)||e.offsetHeight*i;H(h)&&({width:n,height:r}=ut({aspectRatio:h,width:n,height:r})),this.$change(this.x,this.y,n,r),t&&this.$center(),this.$initialSelection={x:this.x,y:this.y,width:this.width,height:this.height}}}$createSelection(){const t=this.cloneNode(!0);return this.hasAttribute("id")&&t.removeAttribute("id"),t.initialCoverage=NaN,this.active=!1,this.parentElement&&this.parentElement.insertBefore(t,this.nextSibling),t}$removeSelection(t=this){if(this.parentElement){const s=this.$getSelections();if(s.length>1){const i=s.indexOf(t),e=s[i+1]||s[i-1];e&&(t.active=!1,this.parentElement.removeChild(t),e.active=!0,e.$emit(L,{x:e.x,y:e.y,width:e.width,height:e.height}))}else this.$clear()}}$handleActionStart(t){var s,i;const e=null===(i=null===(s=t.detail)||void 0===s?void 0:s.relatedEvent)||void 0===i?void 0:i.target;this.$action="",this.$actionStartTarget=e,!this.hidden&&this.multiple&&!this.active&&e===this&&this.parentElement&&(this.$getSelections().forEach((t=>{t.active=!1})),this.active=!0,this.$emit(L,{x:this.x,y:this.y,width:this.width,height:this.height}))}$handleAction(t){const{currentTarget:s,detail:i}=t;if(!s||!i)return;const{relatedEvent:e}=i;let{action:h}=i;if(!h&&this.multiple&&(h=this.$action||(null==e?void 0:e.target.action),this.$action=h),!h||this.hidden&&h!==w||this.multiple&&!this.active&&h!==$)return;const n=i.endX-i.startX,r=i.endY-i.startY,{width:o,height:a}=this;let{aspectRatio:c}=this;switch(!H(c)&&e.shiftKey&&(c=H(o)&&H(a)?o/a:1),h){case w:if(0!==n&&0!==r){const{$canvas:t}=this,e=at(s);(this.multiple&&!this.hidden?this.$createSelection():this).$change(i.startX-e.left,i.startY-e.top,Math.abs(n),Math.abs(r),c),n<0?r<0?h=O:r>0&&(h=T):n>0&&(r<0?h=j:r>0&&(h=S)),t&&(t.$action=h)}break;case v:this.movable&&(this.dynamic||this.$actionStartTarget&&this.contains(this.$actionStartTarget))&&this.$move(n,r);break;case $:if(e&&this.zoomable&&(this.dynamic||this.contains(e.target))){const t=at(s);this.$zoom(i.scale,e.pageX-t.left,e.pageY-t.top)}break;default:this.$resize(h,n,r,c)}}$handleActionEnd(){this.$action="",this.$actionStartTarget=null}$handleKeyDown(t){if(this.hidden||!this.keyboard||this.multiple&&!this.active||t.defaultPrevented)return;const{activeElement:s}=document;if(!s||!["INPUT","TEXTAREA"].includes(s.tagName)&&!["true","plaintext-only"].includes(s.contentEditable))switch(t.key){case"Backspace":t.metaKey&&(t.preventDefault(),this.$removeSelection());break;case"Delete":t.preventDefault(),this.$removeSelection();break;case"ArrowLeft":t.preventDefault(),this.$move(-1,0);break;case"ArrowRight":t.preventDefault(),this.$move(1,0);break;case"ArrowUp":t.preventDefault(),this.$move(0,-1);break;case"ArrowDown":t.preventDefault(),this.$move(0,1);break;case"+":t.preventDefault(),this.$zoom(.1);break;case"-":t.preventDefault(),this.$zoom(-.1)}}$center(){const{parentElement:t}=this;return t?this.$change((t.offsetWidth-this.width)/2,(t.offsetHeight-this.height)/2):this}$move(t,s=t){return this.$moveTo(this.x+t,this.y+s)}$moveTo(t,s=t){return this.movable?this.$change(t,s):this}$resize(t,s=0,i=0,e=this.aspectRatio){if(!this.resizable)return this;const h=H(e),{$canvas:n}=this;let{x:r,y:o,width:a,height:c}=this;switch(t){case z:o+=i,c-=i,c<0&&(t=C,c=-c,o-=c),h&&(r+=(s=i*e)/2,a-=s,a<0&&(a=-a,r-=a));break;case M:a+=s,a<0&&(t=A,a=-a,r-=a),h&&(o-=(i=s/e)/2,c+=i,c<0&&(c=-c,o-=c));break;case C:c+=i,c<0&&(t=z,c=-c,o-=c),h&&(r-=(s=i*e)/2,a+=s,a<0&&(a=-a,r-=a));break;case A:r+=s,a-=s,a<0&&(t=M,a=-a,r-=a),h&&(o+=(i=s/e)/2,c-=i,c<0&&(c=-c,o-=c));break;case j:h&&(i=-s/e),o+=i,c-=i,a+=s,a<0&&c<0?(t=T,a=-a,c=-c,r-=a,o-=c):a<0?(t=O,a=-a,r-=a):c<0&&(t=S,c=-c,o-=c);break;case O:h&&(i=s/e),r+=s,o+=i,a-=s,c-=i,a<0&&c<0?(t=S,a=-a,c=-c,r-=a,o-=c):a<0?(t=j,a=-a,r-=a):c<0&&(t=T,c=-c,o-=c);break;case S:h&&(i=s/e),a+=s,c+=i,a<0&&c<0?(t=O,a=-a,c=-c,r-=a,o-=c):a<0?(t=T,a=-a,r-=a):c<0&&(t=j,c=-c,o-=c);break;case T:h&&(i=-s/e),r+=s,a-=s,c+=i,a<0&&c<0?(t=j,a=-a,c=-c,r-=a,o-=c):a<0?(t=S,a=-a,r-=a):c<0&&(t=O,c=-c,o-=c)}return n&&n.$setAction(t),this.$change(r,o,a,c)}$zoom(t,s,i){if(!this.zoomable||0===t)return this;t<0?t=1/(1-t):t+=1;const{width:e,height:h}=this,n=e*t,r=h*t;let o=this.x,a=this.y;return F(s)&&F(i)?(o-=(s-this.x)/e*(n-e),a-=(i-this.y)/h*(r-h)):(o-=(n-e)/2,a-=(r-h)/2),this.$change(o,a,n,r)}$change(t,s,i=this.width,e=this.height,h=this.aspectRatio,n=!1){return this.$changing||!F(t)||!F(s)||!F(i)||!F(e)||i<0||e<0?this:(H(h)&&({width:i,height:e}=ut({aspectRatio:h,width:i,height:e},"cover")),this.precise||(t=Math.round(t),s=Math.round(s),i=Math.round(i),e=Math.round(e)),t===this.x&&s===this.y&&i===this.width&&e===this.height&&Object.is(h,this.aspectRatio)&&!n?this:(this.hidden&&(this.hidden=!1),!1===this.$emit(L,{x:t,y:s,width:i,height:e})?this:(this.$changing=!0,this.x=t,this.y=s,this.width=i,this.height=e,this.$changing=!1,this.$render())))}$reset(){const{x:t,y:s,width:i,height:e}=this.$initialSelection;return this.$change(t,s,i,e)}$clear(){return this.$change(0,0,0,0,NaN,!0),this.hidden=!0,this}$render(){return this.$setStyles({transform:`translate(${this.x}px, ${this.y}px)`,width:this.width,height:this.height})}$toCanvas(t){return new Promise(((s,i)=>{if(!this.isConnected)return void i(new Error("The current element is not connected to the DOM."));const e=document.createElement("canvas");let{width:h,height:n}=this,r=1;if(q(t)&&(H(t.width)||H(t.height))&&(({width:h,height:n}=ut({aspectRatio:h/n,width:t.width,height:t.height})),r=h/this.width),e.width=h,e.height=n,!this.$canvas)return void s(e);const o=this.$canvas.querySelector(this.$getTagNameOf(b));o?o.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,d,u,p]=o.$getTransform(),b=-this.x,m=-this.y,f=(b*d-l*m)/(s*d-l*c),g=(m*s-c*b)/(s*d-l*c);let w=s*f+l*g+u,v=c*f+d*g+p,$=i.naturalWidth,k=i.naturalHeight;1!==r&&(w*=r,v*=r,$*=r,k*=r);const y=$/2,x=k/2;a.fillStyle="transparent",a.fillRect(0,0,h,n),q(t)&&K(t.beforeDraw)&&t.beforeDraw.call(this,a,e),a.save(),a.translate(y,x),a.transform(s,c,l,d,w,v),a.translate(-y,-x),a.drawImage(i,0,0,$,k),a.restore()}s(e)})).catch(i):s(e)}))}}Ot.$name=m,Ot.$version="2.0.0";class St extends $t{constructor(){super(...arguments),this.$style=":host{display:flex;flex-direction:column;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([bordered]){border:1px dashed var(--theme-color)}:host([covered]){bottom:0;left:0;position:absolute;right:0;top:0}:host>span{display:flex;flex:1}:host>span+span{border-top:1px dashed var(--theme-color)}:host>span>span{flex:1}:host>span>span+span{border-left:1px dashed var(--theme-color)}",this.bordered=!1,this.columns=3,this.covered=!1,this.rows=3,this.slottable=!1,this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["bordered","columns","covered","rows"])}$propertyChangedCallback(t,s,i){Object.is(i,s)||(super.$propertyChangedCallback(t,s,i),"rows"!==t&&"columns"!==t||this.$nextTick((()=>{this.$render()})))}connectedCallback(){super.connectedCallback(),this.$render()}$render(){const t=this.$getShadowRoot(),s=document.createDocumentFragment();for(let t=0;t<this.rows;t+=1){const t=document.createElement("span");t.setAttribute("role","row");for(let s=0;s<this.columns;s+=1){const s=document.createElement("span");s.setAttribute("role","gridcell"),t.appendChild(s)}s.appendChild(t)}t&&(t.innerHTML="",t.appendChild(s))}}St.$name=u,St.$version="2.0.0";class Tt extends $t{constructor(){super(...arguments),this.$style=':host{display:inline-block;height:1em;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1em}:host:after,:host:before{background-color:var(--theme-color);content:"";display:block;position:absolute}:host:before{height:1px;left:0;top:50%;transform:translateY(-50%);width:100%}:host:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:1px}:host([centered]){left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}',this.centered=!1,this.slottable=!1,this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["centered"])}}Tt.$name=d,Tt.$version="2.0.0";const Et=new WeakMap,Nt=new WeakMap,_t=new WeakMap,It=new WeakMap,Xt="vertical";class Rt extends $t{constructor(){super(...arguments),this.$onSelectionChange=null,this.$onSourceImageLoad=null,this.$onSourceImageTransform=null,this.$scale=1,this.$style=":host{display:block;height:100%;overflow:hidden;position:relative;width:100%}",this.resize=Xt,this.selection="",this.slottable=!1}set $image(t){Nt.set(this,t)}get $image(){return Nt.get(this)}set $sourceImage(t){It.set(this,t)}get $sourceImage(){return It.get(this)}set $canvas(t){Et.set(this,t)}get $canvas(){return Et.get(this)}set $selection(t){_t.set(this,t)}get $selection(){return _t.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["resize","selection"])}connectedCallback(){super.connectedCallback();let t=null;if(t=this.selection?this.ownerDocument.querySelector(this.selection):this.closest(this.$getTagNameOf(m)),V(t)){this.$selection=t,this.$onSelectionChange=this.$handleSelectionChange.bind(this),ht(t,L,this.$onSelectionChange);const s=t.closest(this.$getTagNameOf(l));if(s){this.$canvas=s;const t=s.querySelector(this.$getTagNameOf(b));t&&(this.$sourceImage=t,this.$image=t.cloneNode(!0),this.$getShadowRoot().appendChild(this.$image),this.$onSourceImageLoad=this.$handleSourceImageLoad.bind(this),this.$onSourceImageTransform=this.$handleSourceImageTransform.bind(this),ht(t.$image,R,this.$onSourceImageLoad),ht(t,B,this.$onSourceImageTransform))}this.$render()}}disconnectedCallback(){const{$selection:t,$sourceImage:s}=this;t&&this.$onSelectionChange&&(et(t,L,this.$onSelectionChange),this.$onSelectionChange=null),s&&this.$onSourceImageLoad&&(et(s.$image,R,this.$onSourceImageLoad),this.$onSourceImageLoad=null),s&&this.$onSourceImageTransform&&(et(s,B,this.$onSourceImageTransform),this.$onSourceImageTransform=null),super.disconnectedCallback()}$handleSelectionChange(t){this.$render(t.detail)}$handleSourceImageLoad(){const{$image:t,$sourceImage:s}=this,i=t.getAttribute("src"),e=s.getAttribute("src");e&&e!==i&&(t.setAttribute("src",e),t.$ready((()=>{setTimeout((()=>{this.$render()}),50)})))}$handleSourceImageTransform(t){this.$render(void 0,t.detail.matrix)}$render(t,s){const{$canvas:i,$selection:e}=this;t||e.hidden||(t=e),(!t||0===t.x&&0===t.y&&0===t.width&&0===t.height)&&(t={x:0,y:0,width:i.offsetWidth,height:i.offsetHeight});const{x:h,y:n,width:r,height:o}=t,a={},{clientWidth:c,clientHeight:l}=this;let d=c,u=l,p=NaN;switch(this.resize){case"both":p=1,d=r,u=o,a.width=r,a.height=o;break;case"horizontal":p=o>0?l/o:0,d=r*p,a.width=d;break;case Xt:p=r>0?c/r:0,u=o*p,a.height=u;break;default:c>0?p=r>0?c/r:0:l>0&&(p=o>0?l/o:0)}this.$scale=p,this.$setStyles(a),this.$sourceImage&&this.$transformImageByOffset(null!=s?s:this.$sourceImage.$getTransform(),-h,-n)}$transformImageByOffset(t,s,i){const{$image:e,$scale:h,$sourceImage:n}=this;if(n&&e&&h>=0){const[n,r,o,a,c,l]=t,d=(s*a-o*i)/(n*a-o*r),u=(i*n-r*s)/(n*a-o*r),p=n*d+o*u+c,b=r*d+a*u+l;e.$ready((t=>{this.$setStyles.call(e,{width:t.naturalWidth*h,height:t.naturalHeight*h})})),e.$setTransform(n,r,o,a,p*h,b*h)}}}Rt.$name=g,Rt.$version="2.0.0",
-/*! Cropper.js v2.0.0 | (c) 2015-present Chen Fengyuan | MIT */
-kt.$define(),Tt.$define(),St.$define(),At.$define(),zt.$define(),Ot.$define(),Ct.$define(),Rt.$define();const Yt=class{constructor(i){t(this,i),this.valueChange=s(this,"valueChange",3)}value;returnType="base64";valueChange;_imageRef;_selectionRef;_maxScale=0;_minScale=0;_resizeDebounceTimeout;_toCanvasDebounceTimeout;_loaded=!1;_currentScale=0;onResize(){this._resizeDebounceTimeout&&clearTimeout(this._resizeDebounceTimeout),this._resizeDebounceTimeout=setTimeout((()=>{this._selectionRef.$center(),this._imageRef.$center()}),200)}componentDidLoad(){setTimeout((()=>{this._loaded=!0}),200)}render(){const t="dark"===h.theme?"rgba(70, 75, 84, 0.5)":"rgba(255, 255, 255, 0.5)";return i(e,{key:"3b353db13602263b101450c6a57637e3369273a8"},this._loaded&&i("cropper-canvas",{key:"028d136a13857f99d3ee6847f7cedf94f26ee150",class:"h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white dark:border-hurricane-200",onAction:()=>this._onAction()},i("cropper-image",{key:"680fbd3b0d5b7231b8bafec0af30859619cb5b58",src:this.value,alt:"Picture",ref:t=>this._setImageRef(t),scalable:!0,translatable:!0,crossorigin:"anonymous"}),i("cropper-shade",{key:"ef618b557fe0d7d6bb383a28b448da102c1c9c4e",class:"aspect-branding rounded-full","theme-color":t,hidden:!0}),i("cropper-selection",{key:"e2d9c2efa1b2ad549a29ccad80a28467138cd9aa","initial-coverage":"0.7","aspect-ratio":"1",ref:t=>this._selectionRef=t}),i("cropper-handle",{key:"138289e12ad4741750b6599e472734c049ecf30f",action:"move",plain:!0})),i("p-range",{key:"010ccb2dec0cf21aca4c6569d2f64662d85f7c60",class:"w-full px-14 tablet:max-w-xs tablet:px-1",value:this._currentScale,onValueChange:t=>this._onInput(t.detail)}))}_setImageRef(t){this._imageRef||(this._imageRef=t,this._imageRef.$ready((t=>setTimeout((()=>this._setInitialState(t)),100))))}_setInitialState(t){let s=200/t.naturalHeight;t.naturalHeight>=t.naturalWidth&&(s=200/t.naturalWidth),this._minScale=s,this._maxScale=5,this._selectionRef.$resize("nw-resize",200,200,1),this._selectionRef.$center(),this._toCanvas(),this._setScale(s)}_onAction(){this._setCurrentScale(),this._toCanvas()}_setScale(t,s=!0,i=!0){const e=this._imageRef.$getTransform();this._imageRef.$setTransform([t,0,0,t,e[4],e[5]]),s&&this._imageRef.$center(),i&&this._setCurrentScale()}_setCurrentScale(){const t=this._imageRef.$getTransform()[0];return t<this._minScale?(this._setScale(this._minScale,!0,!1),void(this._currentScale=0)):t>this._maxScale?(this._setScale(this._maxScale,!0,!1),void(this._currentScale=100)):void(this._currentScale=t!==this._minScale?t!==this._maxScale?(t-this._minScale)/(this._maxScale-this._minScale)*100:100:0)}_onInput(t){const s=this._imageRef.$getTransform(),i=t/100*(this._maxScale-this._minScale);i!==s[0]&&(this._setScale(i+this._minScale,!1,!1),this._currentScale=t,this._toCanvas())}_toCanvas(){this._toCanvasDebounceTimeout&&clearTimeout(this._toCanvasDebounceTimeout),this._toCanvasDebounceTimeout=setTimeout((async()=>{const t=await this._selectionRef.$toCanvas();if("canvas"===this.returnType)return void this.valueChange.emit(t);const s=t.toDataURL("image/png");this.valueChange.emit(s)}),200)}};Yt.style=".mb-6{margin-bottom:1.5rem}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.static{position:static}.hidden{display:none}.aspect-branding{aspect-ratio:23/24}.h-\\[17\\.5rem\\]{height:17.5rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.rounded-full{border-radius:9999px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-14{padding-left:3.5rem;padding-right:3.5rem}@media (min-width:40rem){.tablet\\:max-w-xs{max-width:20rem}.tablet\\:px-1{padding-left:.25rem;padding-right:.25rem}}.dark\\:border-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(163 165 169/var(--tw-border-opacity,1))}.dark\\:border-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(163 165 169/var(--tw-border-opacity,1))}";export{Yt as p_cropper}

package/dist/paperless/p-f06b0222.entry.js

@@ -1 +0,0 @@
-import{r as t,d as e,h as i,e as s}from"./p-PW1zQoNr.js";import{c as r}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const a=class{constructor(e){t(this,e)}hideMobileIndicator=!1;disableDrag=!1;disableAutoCenter=!1;disableIndicatorClick=!1;get _el(){return e(this)}_visibleIndex;_outerHeight=0;_totalWidth=0;_sliderRef;_innerSliderRef;_items=[];_innerSliderResizeObserver;_startX;_startMouseX;_lastMouseX;_lastIndex;_shouldCheckLocation=!1;_dragging=!1;get _filteredItems(){return this._items.filter((t=>t.checkVisibility()))}componentDidLoad(){this._innerSliderRef.style.setProperty("--tw-translate-x","0px")}disconnectedCallback(){this._innerSliderResizeObserver&&this._innerSliderResizeObserver.disconnect()}render(){return i(s,{key:"1b6d2c6557af171239da3937779392ca6c9251aa",class:"p-content-slider"},i("div",{key:"a1499532e194a55b7faa00f5c8d3741c53622ab5",class:`slider ${!this.disableDrag&&"draggable"} ${this._dragging&&"dragging"}`,style:{height:`${this._outerHeight}px`},ref:t=>this._sliderRef=t,onMouseDown:t=>this._mouseDownHandler(t),onTouchStart:t=>this._mouseDownHandler(t),onMouseMove:t=>this._mouseMoveHandler(t),onTouchMove:t=>this._mouseMoveHandler(t)},i("div",{key:"06d7498e0e2db76f78a45cb3aabcfd7327652e91",class:"inner-slider",ref:t=>this._setInnerSliderReft(t),onTransitionEnd:()=>this._transitionEndHandler()},i("slot",{key:"0a9c430dc04fdec25f086ca7f1c386554e94d40f",onSlotchange:()=>this._slotChange()}))),i("div",{key:"1f3e452dcbe68425d55ebe5efa0fb0bc48cc9531",class:`indicator ${this.hideMobileIndicator&&"hidden"}`},this._filteredItems.map(((t,e)=>i("div",{onClick:()=>this._scrollTo(e,!0),class:`item ${!this.disableIndicatorClick&&"cursor-pointer"}`},i("div",{class:r("block h-2 w-2 rounded-full",{"bg-indigo-600":e===this._visibleIndex,"bg-indigo-300":e!==this._visibleIndex})}))))))}_mouseDownHandler(t){if(this.disableDrag||this._dragging)return;if("wrap"===getComputedStyle(this._innerSliderRef).flexWrap)return;this._startMouseX=t.x;const e=this._sliderRef.getBoundingClientRect();"touchstart"===t.type&&(this._startMouseX=t.touches?.[0].clientX);const i=this._innerSliderRef.getBoundingClientRect();this._startX=this._startMouseX-e.x-(i.x-e.x),this._lastIndex=this._visibleIndex,this._dragging=!0}_mouseMoveHandler(t){if(!t||!this._dragging||this.disableDrag)return;t.preventDefault(),this._shouldCheckLocation=!0,""===this._innerSliderRef.style.getPropertyValue("pointer-events")&&(this._innerSliderRef.style.pointerEvents="none");const e=this._sliderRef.getBoundingClientRect();let i=t.clientX-e.left;this._lastMouseX=t.x,"touchmove"===t.type&&(i=t.touches?.[0].clientX-e.left,this._lastMouseX=t.touches?.[0].clientX),this._innerSliderRef.style.setProperty("--tw-translate-x",i-this._startX+"px"),this._checkBoundary(),this._calculateIndicator()}_transitionEndHandler(){this._calculateIndicator()}_slotChange(){const t=this._el.querySelectorAll(":scope > *");this._items=Array.from(t),setTimeout((()=>{this._innerSliderRef.style.setProperty("--tw-translate-x","0px"),this._calculateWidth(),this._calculateIndicator()}),100)}mouseUpHandler(){this._dragging=!1,this._innerSliderRef.style.removeProperty("pointer-events"),this._checkLocation()}resizeHandler(){this._innerSliderRef&&(this._innerSliderRef.style.setProperty("--tw-translate-x","0px"),this._calculateWidth(),this._calculateIndicator())}_setInnerSliderReft(t){this._innerSliderRef=t,this._innerSliderResizeObserver=new ResizeObserver((()=>this._calculateHeight())),this._innerSliderResizeObserver.observe(this._innerSliderRef)}_scrollTo(t,e=!1){if(this.disableIndicatorClick&&e)return;const i=this._items[t];if(0===t)return void this._innerSliderRef.style.setProperty("--tw-translate-x","0px");const s=this._sliderRef.getBoundingClientRect(),r=this._innerSliderRef.getBoundingClientRect(),a=i.getBoundingClientRect();this._innerSliderRef.style.setProperty("--tw-translate-x",`-${a.x-r.x+a.width/2-s.width/2}px`),this._checkBoundary(),this._calculateIndicator()}_checkBoundary(){let t=this._sliderRef.getBoundingClientRect();const e=parseInt(this._innerSliderRef.style.getPropertyValue("--tw-translate-x"));e>0&&this._innerSliderRef.style.setProperty("--tw-translate-x","0px");const i=-1*(this._totalWidth-t.width);e<i&&this._innerSliderRef.style.setProperty("--tw-translate-x",`${i}px`)}_calculateIndicator(){for(let t=0;t<this._filteredItems.length;t++){const e=this._isVisible(this._filteredItems[t]);if(e&&(this._visibleIndex=t),0===t&&e)break}}_checkLocation(){if(!this._shouldCheckLocation)return;let t=null;this._lastIndex!==this._visibleIndex&&(t=this._visibleIndex),this._lastIndex===this._visibleIndex&&(this._lastMouseX>this._startMouseX&&0!==this._lastIndex&&(t=this._lastIndex-1),this._lastMouseX<this._startMouseX&&this._lastIndex!==this._items?.length-1&&(t=this._lastIndex+1)),null!==t&&(this._shouldCheckLocation=!1,setTimeout((()=>this._scrollTo(t)),100))}_isVisible(t){if(!this._el||!t)return!1;const e=t.getBoundingClientRect(),i=this._sliderRef.getBoundingClientRect();return e.left>=i.left&&e.right<=i.right||this._isMobile(t)&&e.left+e.width/2>=i.left&&e.left+e.width/2<=i.right}_calculateWidth(){let t=0;for(let e of this._filteredItems)t+=e.getBoundingClientRect().width;const e=getComputedStyle(this._sliderRef),i=2*parseInt(e.padding),s=getComputedStyle(this._innerSliderRef);t+=i+parseInt(s.gap)*(this._filteredItems.length-1),this._totalWidth=t}_calculateHeight(){if(!this._filteredItems.length)return;const t=this._filteredItems.at(0).getBoundingClientRect().height;t!=this._outerHeight&&(this._outerHeight=t)}_isMobile(t){t||(t=this._filteredItems.at(0));const e=t.getBoundingClientRect();return this._sliderRef.getBoundingClientRect().width-e.width<10}};a.style=".absolute{position:absolute}.relative{position:relative}.z-10{z-index:10}.-mx-16{margin-left:-4rem;margin-right:-4rem}.-my-4{margin-bottom:-1rem;margin-top:-1rem}.mt-3{margin-top:.75rem}.box-content{box-sizing:content-box}.flex{display:flex}.w-0{width:0}.w-full{width:100%}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.px-1{padding-left:.25rem;padding-right:.25rem}.px-16{padding-left:4rem;padding-right:4rem}*{box-sizing:border-box}:host{display:flex;flex-direction:column;margin:-1rem -4rem;overflow:hidden;padding:1rem 4rem}:host .slider{box-sizing:content-box;overflow:visible;position:relative}:host .slider.draggable{cursor:grab}@media (min-width:64rem){:host .slider.draggable{cursor:auto}}:host .slider.draggable.dragging{cursor:grabbing}@media (min-width:64rem){:host .slider.draggable.dragging{cursor:auto}}:host .slider.draggable.dragging .inner-slider{transition-property:none}:host .slider .inner-slider{--tw-translate-x:0px;align-items:stretch;display:flex;flex-wrap:nowrap;gap:.5rem;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}@media (min-width:64rem){:host .slider .inner-slider{flex-wrap:wrap;gap:1rem}}:host .slider .inner-slider>::slotted(*){flex-shrink:0;position:relative;width:100%;z-index:10}@media (min-width:40rem){:host .slider .inner-slider>::slotted(*){width:calc(50% - .5rem)}}@media (min-width:64rem){:host .slider .inner-slider>::slotted(*){flex:1 1 0%;width:0}}:host .indicator{align-items:center;display:flex;justify-content:center}@media (min-width:64rem){:host .indicator{display:none}}:host .indicator .item{margin-top:.75rem;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}@media (min-width:64rem){.desktop-xs\\:hidden{display:none}.desktop-xs\\:flex-wrap{flex-wrap:wrap}}.visible{visibility:visible}.static{position:static}.block{display:block}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.cursor-pointer{cursor:pointer}.resize{resize:both}.rounded-full{border-radius:9999px}.bg-indigo-300{--tw-bg-opacity:1;background-color:rgb(187 209 253/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";export{a as p_content_slider}

package/dist/types/components/deprecated/atoms/illustration-deprecated/illustration-deprecated.component.d.ts

@@ -1,10 +0,0 @@
-import illustrations from '../../../../utils/illustrations-deprecated';
-export type IllustrationDeprecatedVariant = keyof typeof illustrations;
-export declare class Illustration {
-    /**
-     * The icon the be displayed
-     */
-    variant: IllustrationDeprecatedVariant;
-    componentDidLoad(): void;
-    render(): any;
-}

package/dist/types/utils/illustrations-deprecated.d.ts

@@ -1,15 +0,0 @@
-declare const _default: {
-    'empty-state': string;
-    'empty-state-search': string;
-    'empty-state-overview': string;
-    'empty-state-add': string;
-    departments: string;
-    expenses: string;
-    functions: string;
-    questions: string;
-    'sick-leave': string;
-    'time-off': string;
-    'upgrade-to-hr': string;
-    'e-mail': string;
-};
-export default _default;

package/dist/cjs/{icons-DoJUuFS5.js → icons-C2jYPq9N.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var caret = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var arrow = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m13 6-5 5-5-5"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 8h11M9 3.5 13.5 8 9 12.5"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -12,9 +12,9 @@ var caret = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fi
 </svg>
 `;
 
-var doubleCaret = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var caret = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5 11 3 3 3-3M5 5l3-3 3 3"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m13 6-5 5-5-5"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -24,9 +24,9 @@ var doubleCaret = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1
 </svg>
 `;
 
-var arrow = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var doubleArrow = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 8h11M9 3.5 13.5 8 9 12.5"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11 9 2 2-2 2m-8-2h10M5 7 3 5l2-2m8 2H3"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -36,9 +36,9 @@ var arrow = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fi
 </svg>
 `;
 
-var doubleArrow = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var doubleCaret = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11 9 2 2-2 2m-8-2h10M5 7 3 5l2-2m8 2H3"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5 11 3 3 3-3M5 5l3-3 3 3"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -124,11 +124,9 @@ var errorCircle = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1
 </svg>
 `;
 
-var infoCircle = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var headset = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.5 7.5A.5.5 0 0 1 8 8v2.5a.5.5 0 0 0 .5.5"/>
-    <path fill="currentColor" d="M7.75 5.875a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25Z"/>
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14 12.5v.5a2 2 0 0 1-2 2H8.5M14 8h-2a1 1 0 0 0-1 1v2.5a1 1 0 0 0 1 1h2V8Zm0 0A6 6 0 0 0 2 8m0 0v3.5a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H2Z"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -138,9 +136,11 @@ var infoCircle = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1e
 </svg>
 `;
 
-var phone = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var infoCircle = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.274 9.084a.5.5 0 0 1 .475-.043l2.947 1.32a.5.5 0 0 1 .3.519A3.022 3.022 0 0 1 11 13.5 8.5 8.5 0 0 1 2.5 5a3.02 3.02 0 0 1 2.62-2.996.5.5 0 0 1 .519.3l1.32 2.95a.5.5 0 0 1-.04.47L5.581 7.312a.496.496 0 0 0-.033.489c.517 1.058 1.61 2.138 2.672 2.65a.494.494 0 0 0 .489-.037l1.564-1.33Z"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.5 7.5A.5.5 0 0 1 8 8v2.5a.5.5 0 0 0 .5.5"/>
+    <path fill="currentColor" d="M7.75 5.875a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25Z"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -150,11 +150,9 @@ var phone = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fi
 </svg>
 `;
 
-var questionCircle = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var phone = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path fill="currentColor" d="M8 11.875a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25Z"/>
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 9v-.5c1.104 0 2-.784 2-1.75S9.104 5 8 5s-2 .784-2 1.75V7"/>
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.274 9.084a.5.5 0 0 1 .475-.043l2.947 1.32a.5.5 0 0 1 .3.519A3.022 3.022 0 0 1 11 13.5 8.5 8.5 0 0 1 2.5 5a3.02 3.02 0 0 1 2.62-2.996.5.5 0 0 1 .519.3l1.32 2.95a.5.5 0 0 1-.04.47L5.581 7.312a.496.496 0 0 0-.033.489c.517 1.058 1.61 2.138 2.672 2.65a.494.494 0 0 0 .489-.037l1.564-1.33Z"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -164,9 +162,11 @@ var questionCircle = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height
 </svg>
 `;
 
-var headset = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var questionCircle = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14 12.5v.5a2 2 0 0 1-2 2H8.5M14 8h-2a1 1 0 0 0-1 1v2.5a1 1 0 0 0 1 1h2V8Zm0 0A6 6 0 0 0 2 8m0 0v3.5a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H2Z"/>
+    <path fill="currentColor" d="M8 11.875a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25Z"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 9v-.5c1.104 0 2-.784 2-1.75S9.104 5 8 5s-2 .784-2 1.75V7"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -211,6 +211,18 @@ var google = `<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width
 var ideal = `<svg fill="currentColor" width="1em" height="1em" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><path d="M.975 2.61v18.782h11.411c6.89 0 10.64-3.21 10.64-9.415 0-6.377-4.064-9.367-10.64-9.367H.975zm11.411-.975C22.491 1.635 24 8.115 24 11.977c0 6.7-4.124 10.39-11.614 10.39H0V1.635h12.386z M2.506 13.357h3.653v6.503H2.506z M6.602 10.082a2.27 2.27 0 1 1-4.54 0 2.27 2.27 0 0 1 4.54 0m1.396-1.057v2.12h.65c.45 0 .867-.13.867-1.077 0-.924-.463-1.043-.867-1.043h-.65zm10.85-1.054h1.053v3.174h1.56c-.428-5.758-4.958-7.002-9.074-7.002H7.999v3.83h.65c1.183 0 1.92.803 1.92 2.095 0 1.333-.719 2.129-1.92 2.129h-.65v7.665h4.388c6.692 0 9.021-3.107 9.103-7.665h-2.64V7.97zm-2.93 2.358h.76l-.348-1.195h-.063l-.35 1.195zm-1.643 1.87l1.274-4.228h1.497l1.274 4.227h-1.095l-.239-.818H15.61l-.24.818h-1.095zm-.505-1.054v1.052h-2.603V7.973h2.519v1.052h-1.467v.49h1.387v1.05H12.22v.58h1.55z"/></svg>
 `;
 
+var checkmarkThick = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+  <g clip-path="url(#a)">
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.5 9 6 12.5l8-8"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h16v16H0z"/>
+    </clipPath>
+  </defs>
+</svg>
+`;
+
 var attachment = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m10 5-5.207 5.293a1 1 0 0 0 1.414 1.414l6.207-6.293a2 2 0 0 0-2.828-2.828L3.379 8.879A3 3 0 0 0 7.62 13.12L12.75 8"/>
@@ -649,10 +661,10 @@ var flower = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" f
 </svg>
 `;
 
-var globe = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var globeTwo = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z"/>
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.5 8c0 4-2.5 6-2.5 6s-2.5-2-2.5-6S8 2 8 2s2.5 2 2.5 6ZM2.341 6H13.66M2.341 10H13.66"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.526 12.855-.585-.586a.5.5 0 0 0-.227-.13l-1.339-.352a.5.5 0 0 1-.367-.556l.148-1.013a.5.5 0 0 1 .303-.389l1.904-.79a.5.5 0 0 1 .529.092l1.546 1.413m-10.282.996.62-.407A.5.5 0 0 0 4 10.718l.013-2.264c0-.098.03-.194.085-.276l1.308-1.956a.5.5 0 0 1 .709-.125l1.238.812a.504.504 0 0 0 .36.091l1.967-.266a.5.5 0 0 0 .313-.17l1.386-1.614a.5.5 0 0 0 .121-.325v-1.5"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -662,10 +674,10 @@ var globe = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fi
 </svg>
 `;
 
-var globeTwo = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var globe = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z"/>
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.526 12.855-.585-.586a.5.5 0 0 0-.227-.13l-1.339-.352a.5.5 0 0 1-.367-.556l.148-1.013a.5.5 0 0 1 .303-.389l1.904-.79a.5.5 0 0 1 .529.092l1.546 1.413m-10.282.996.62-.407A.5.5 0 0 0 4 10.718l.013-2.264c0-.098.03-.194.085-.276l1.308-1.956a.5.5 0 0 1 .709-.125l1.238.812a.504.504 0 0 0 .36.091l1.967-.266a.5.5 0 0 0 .313-.17l1.386-1.614a.5.5 0 0 0 .121-.325v-1.5"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.5 8c0 4-2.5 6-2.5 6s-2.5-2-2.5-6S8 2 8 2s2.5 2 2.5 6ZM2.341 6H13.66M2.341 10H13.66"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -789,9 +801,9 @@ var medal = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fi
 </svg>
 `;
 
-var menu = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var menuArrow = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 8h11m-11-4h11m-11 8h11"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 8h12M2 13h6M2 3h6m3.5 2.5L14 8l-2.5 2.5"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -801,9 +813,9 @@ var menu = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fil
 </svg>
 `;
 
-var menuArrow = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var menu = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 8h12M2 13h6M2 3h6m3.5 2.5L14 8l-2.5 2.5"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 8h11m-11-4h11m-11 8h11"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -1277,10 +1289,9 @@ var zipcode = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
 </svg>
 `;
 
-var eye = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var eyeClosed = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 3.5C3 3.5 1 8 1 8s2 4.5 7 4.5S15 8 15 8s-2-4.5-7-4.5Z"/>
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 6.5c1.05 1.3 2.977 3 6 3s4.95-1.7 6-3m0 4-1.461-2.557M10 12l-.443-2.66M6 12l.443-2.66M2 10.5l1.461-2.557"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -1290,9 +1301,10 @@ var eye = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill
 </svg>
 `;
 
-var eyeClosed = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var eye = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 6.5c1.05 1.3 2.977 3 6 3s4.95-1.7 6-3m0 4-1.461-2.557M10 12l-.443-2.66M6 12l.443-2.66M2 10.5l1.461-2.557"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 3.5C3 3.5 1 8 1 8s2 4.5 7 4.5S15 8 15 8s-2-4.5-7-4.5Z"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -1356,10 +1368,10 @@ var alarm = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fi
 </svg>
 `;
 
-var calendar = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var calendarFree = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 2.5H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5Zm-2-1v2m-6-2v2m-2.5 2h11"/>
-    <path fill="currentColor" d="M8 10.375a.875.875 0 1 0 0-1.75.875.875 0 0 0 0 1.75Z"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.75 9.5 1.5 1.5 3-3"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -1382,10 +1394,9 @@ var calendarMulti = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height=
 </svg>
 `;
 
-var calendarFree = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var calendarNotFree = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 2.5H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5Zm-2-1v2m-6-2v2m-2.5 2h11"/>
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.75 9.5 1.5 1.5 3-3"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 2.5H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5Zm-2-1v2m-6-2v2m-2.5 2h11M9.5 8l-3 3m3 0-3-3"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -1395,9 +1406,10 @@ var calendarFree = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="
 </svg>
 `;
 
-var calendarNotFree = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var calendar = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 2.5H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5Zm-2-1v2m-6-2v2m-2.5 2h11M9.5 8l-3 3m3 0-3-3"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 2.5H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5Zm-2-1v2m-6-2v2m-2.5 2h11"/>
+    <path fill="currentColor" d="M8 10.375a.875.875 0 1 0 0-1.75.875.875 0 0 0 0 1.75Z"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -1449,11 +1461,9 @@ var female = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" f
 </svg>
 `;
 
-var id = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var idTwo = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 10.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 12a3.75 3.75 0 0 1 6 0"/>
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 13.5v-11a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5ZM6 4h4"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 9a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm5-4h5.5M10 8h5.5m-4 3h4M1 12c.444-1.725 2.136-3 4-3 1.864 0 3.556 1.275 4 3"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -1463,9 +1473,11 @@ var id = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill=
 </svg>
 `;
 
-var idTwo = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+var id = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 9a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm5-4h5.5M10 8h5.5m-4 3h4M1 12c.444-1.725 2.136-3 4-3 1.864 0 3.556 1.275 4 3"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 10.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 12a3.75 3.75 0 0 1 6 0"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 13.5v-11a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5ZM6 4h4"/>
   </g>
   <defs>
     <clipPath id="a">
@@ -1512,18 +1524,6 @@ var users = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fi
 </svg>
 `;
 
-var checkmarkThick = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
-  <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.5 9 6 12.5l8-8"/>
-  </g>
-  <defs>
-    <clipPath id="a">
-      <path fill="#fff" d="M0 0h16v16H0z"/>
-    </clipPath>
-  </defs>
-</svg>
-`;
-
 const categorized = {
     arrows: {
         caret,