@paperless/core 2.0.1-beta.20 → 2.0.1-beta.21

package/dist/{paperless/p-5f54e4b8.entry.js → build/p-1ed4a75e.entry.js}

@@ -1,3 +1,3 @@
-import{r as t,c as s,h as i,H as e}from"./p-45ded510.js";import{c as n}from"./p-8a1a6e56.js";const h=typeof window!=="undefined"&&typeof window.document!=="undefined";const o=h?window:{};const r=h?"ontouchstart"in o.document.documentElement:false;const a=h?"PointerEvent"in o:false;const c="cropper";const l=`${c}-canvas`;const f=`${c}-crosshair`;const u=`${c}-grid`;const d=`${c}-handle`;const p=`${c}-image`;const b=`${c}-selection`;const m=`${c}-shade`;const g=`${c}-viewer`;const w="select";const v="move";const k="scale";const $="rotate";const y="transform";const x="none";const z="n-resize";const M="e-resize";const C="s-resize";const A="w-resize";const j="ne-resize";const O="nw-resize";const S="se-resize";const T="sw-resize";const E="action";const I=r?"touchend touchcancel":"mouseup";const N=r?"touchmove":"mousemove";const R=r?"touchstart":"mousedown";const X=a?"pointerdown":R;const Y=a?"pointermove":N;const _=a?"pointerup pointercancel":I;const P="error";const W="keydown";const D="load";const L="wheel";const H="action";const U="actionend";const B="actionmove";const F="actionstart";const K="change";const Z="transform";function q(t){return typeof t==="string"}const G=Number.isNaN||o.isNaN;function J(t){return typeof t==="number"&&!G(t)}function Q(t){return J(t)&&t>0&&t<Infinity}function V(t){return typeof t==="undefined"}function tt(t){return typeof t==="object"&&t!==null}const{hasOwnProperty:st}=Object.prototype;function it(t){if(!tt(t)){return false}try{const{constructor:s}=t;const{prototype:i}=s;return s&&i&&st.call(i,"isPrototypeOf")}catch(t){return false}}function et(t){return typeof t==="function"}function nt(t){return typeof t==="object"&&t!==null&&t.nodeType===1}const ht=/([a-z\d])([A-Z])/g;function ot(t){return String(t).replace(ht,"$1-$2").toLowerCase()}const rt=/-[A-z\d]/g;function at(t){return t.replace(rt,(t=>t.slice(1).toUpperCase()))}const ct=/\s\s*/;function lt(t,s,i,e){s.trim().split(ct).forEach((s=>{t.removeEventListener(s,i,e)}))}function ft(t,s,i,e){s.trim().split(ct).forEach((s=>{t.addEventListener(s,i,e)}))}function ut(t,s,i,e){ft(t,s,i,Object.assign(Object.assign({},e),{once:true}))}const dt={bubbles:true,cancelable:true,composed:true};function pt(t,s,i,e){return t.dispatchEvent(new CustomEvent(s,Object.assign(Object.assign(Object.assign({},dt),{detail:i}),e)))}const bt=Promise.resolve();function mt(t,s){return s?bt.then(t?s.bind(t):s):bt}function gt(t){const{documentElement:s}=t.ownerDocument;const i=t.getBoundingClientRect();return{left:i.left+(o.pageXOffset-s.clientLeft),top:i.top+(o.pageYOffset-s.clientTop)}}const wt=/deg|g?rad|turn$/i;function vt(t){const s=parseFloat(t)||0;if(s!==0){const[i="rad"]=String(t).match(wt)||[];switch(i.toLowerCase()){case"deg":return s/360*(Math.PI*2);case"grad":return s/400*(Math.PI*2);case"turn":return s*(Math.PI*2)}}return s}const kt="contain";const $t="cover";function yt(t,s=kt){const{aspectRatio:i}=t;let{width:e,height:n}=t;const h=Q(e);const o=Q(n);if(h&&o){const t=n*i;if(s===kt&&t>e||s===$t&&t<e){n=e/i}else{e=n*i}}else if(h){n=e/i}else if(o){e=n*i}return{width:e,height:n}}function xt(t,...s){if(s.length===0){return t}const[i,e,n,h,o,r]=t;const[a,c,l,f,u,d]=s[0];t=[i*a+n*c,e*a+h*c,i*l+n*f,e*l+h*f,i*u+n*d+o,e*u+h*d+r];return xt(t,...s.slice(1))}var zt=`:host([hidden]){display:none!important}`;const Mt=/left|top|width|height/i;const Ct="open";const At=new WeakMap;const jt=new WeakMap;const Ot=new Map;const St=o.document&&Array.isArray(o.document.adoptedStyleSheets)&&"replaceSync"in o.CSSStyleSheet.prototype;class Tt extends HTMLElement{get $sharedStyle(){return`${this.themeColor?`:host{--theme-color: ${this.themeColor};}`:""}${zt}`}constructor(){var t,s;super();this.shadowRootMode=Ct;this.slottable=true;const i=(s=(t=Object.getPrototypeOf(this))===null||t===void 0?void 0:t.constructor)===null||s===void 0?void 0:s.$name;if(i){Ot.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=at(t);const n=this[e];let h=i;switch(typeof n){case"boolean":h=i!==null&&i!=="false";break;case"number":h=Number(i);break}this[e]=h;switch(t){case"theme-color":{const t=jt.get(this);const s=this.$sharedStyle;if(t&&s){if(St){t.replaceSync(s)}else{t.textContent=s}}break}}}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}t=ot(t);switch(typeof i){case"boolean":if(i===true){if(!this.hasAttribute(t)){this.setAttribute(t,"")}}else{this.removeAttribute(t)}break;case"number":if(G(i)){i=""}else{i=String(i)}default:if(i){if(this.getAttribute(t)!==i){this.setAttribute(t,i)}}else{this.removeAttribute(t)}}}connectedCallback(){Object.getPrototypeOf(this).constructor.observedAttributes.forEach((t=>{const s=at(t);let i=this[s];if(!V(i)){this.$propertyChangedCallback(s,undefined,i)}Object.defineProperty(this,s,{enumerable:true,configurable:true,get(){return i},set(t){const e=i;i=t;this.$propertyChangedCallback(s,e,t)}})}));const t=this.attachShadow({mode:this.shadowRootMode||Ct});if(!this.shadowRoot){At.set(this,t)}jt.set(this,this.$addStyles(this.$sharedStyle));if(this.$style){this.$addStyles(this.$style)}if(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(){if(jt.has(this)){jt.delete(this)}if(At.has(this)){At.delete(this)}}$getTagNameOf(t){var s;return(s=Ot.get(t))!==null&&s!==void 0?s:t}$setStyles(t){Object.keys(t).forEach((s=>{let i=t[s];if(J(i)){if(i!==0&&Mt.test(s)){i=`${i}px`}else{i=String(i)}}this.style[s]=i}));return this}$getShadowRoot(){return this.shadowRoot||At.get(this)}$addStyles(t){let s;const i=this.$getShadowRoot();if(St){s=new CSSStyleSheet;s.replaceSync(t);i.adoptedStyleSheets=i.adoptedStyleSheets.concat(s)}else{s=document.createElement("style");s.textContent=t;i.appendChild(s)}return s}$emit(t,s,i){return pt(this,t,s,i)}$nextTick(t){return mt(this,t)}static $define(t,s){if(tt(t)){s=t;t=""}if(!t){t=this.$name||this.name}t=ot(t);if(h&&o.customElements&&!o.customElements.get(t)){customElements.define(t,this,s)}}}Tt.$version="2.0.0";var Et=`: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}`;class It extends Tt{constructor(){super(...arguments);this.$onPointerDown=null;this.$onPointerMove=null;this.$onPointerUp=null;this.$onWheel=null;this.$wheeling=false;this.$pointers=new Map;this.$style=Et;this.$action=x;this.background=false;this.disabled=false;this.scaleStep=.1;this.themeColor="#39f"}static get observedAttributes(){return super.observedAttributes.concat(["background","disabled","scale-step"])}connectedCallback(){super.connectedCallback();if(!this.disabled){this.$bind()}}disconnectedCallback(){if(!this.disabled){this.$unbind()}super.disconnectedCallback()}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);switch(t){case"disabled":if(i){this.$unbind()}else{this.$bind()}break}}$bind(){if(!this.$onPointerDown){this.$onPointerDown=this.$handlePointerDown.bind(this);ft(this,X,this.$onPointerDown)}if(!this.$onPointerMove){this.$onPointerMove=this.$handlePointerMove.bind(this);ft(this.ownerDocument,Y,this.$onPointerMove)}if(!this.$onPointerUp){this.$onPointerUp=this.$handlePointerUp.bind(this);ft(this.ownerDocument,_,this.$onPointerUp)}if(!this.$onWheel){this.$onWheel=this.$handleWheel.bind(this);ft(this,L,this.$onWheel,{passive:false,capture:true})}}$unbind(){if(this.$onPointerDown){lt(this,X,this.$onPointerDown);this.$onPointerDown=null}if(this.$onPointerMove){lt(this.ownerDocument,Y,this.$onPointerMove);this.$onPointerMove=null}if(this.$onPointerUp){lt(this.ownerDocument,_,this.$onPointerUp);this.$onPointerUp=null}if(this.$onWheel){lt(this,L,this.$onWheel,{capture:true});this.$onWheel=null}}$handlePointerDown(t){const{buttons:s,button:i,type:e}=t;if(this.disabled||(e==="pointerdown"&&t.pointerType==="mouse"||e==="mousedown")&&(J(s)&&s!==1||J(i)&&i!==0||t.ctrlKey)){return}const{$pointers:n}=this;let h="";if(t.changedTouches){Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:i})=>{n.set(t,{startX:s,startY:i,endX:s,endY:i})}))}else{const{pointerId:s=0,pageX:i,pageY:e}=t;n.set(s,{startX:i,startY:e,endX:i,endY:e})}if(n.size>1){h=y}else if(nt(t.target)){h=t.target.action||t.target.getAttribute(E)||""}if(this.$emit(F,{action:h,relatedEvent:t})===false){return}t.preventDefault();this.$action=h;this.style.willChange="transform"}$handlePointerMove(t){const{$action:s,$pointers:i}=this;if(this.disabled||s===x||i.size===0){return}if(this.$emit(B,{action:s,relatedEvent:t})===false){return}t.preventDefault();if(t.changedTouches){Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:e})=>{const n=i.get(t);if(n){Object.assign(n,{endX:s,endY:e})}}))}else{const{pointerId:s=0,pageX:e,pageY:n}=t;const h=i.get(s);if(h){Object.assign(h,{endX:e,endY:n})}}const e={action:s,relatedEvent:t};if(s===y){const s=new Map(i);let n=0;let h=0;let o=0;let r=0;let a=t.pageX;let c=t.pageY;i.forEach(((t,i)=>{s.delete(i);s.forEach((s=>{let i=s.startX-t.startX;let e=s.startY-t.startY;let l=s.endX-t.endX;let f=s.endY-t.endY;let u=0;let d=0;let p=0;let b=0;if(i===0){if(e<0){p=Math.PI*2}else if(e>0){p=Math.PI}}else if(i>0){p=Math.PI/2+Math.atan(e/i)}else if(i<0){p=Math.PI*1.5+Math.atan(e/i)}if(l===0){if(f<0){b=Math.PI*2}else if(f>0){b=Math.PI}}else if(l>0){b=Math.PI/2+Math.atan(f/l)}else if(l<0){b=Math.PI*1.5+Math.atan(f/l)}if(b>0||p>0){const i=b-p;const e=Math.abs(i);if(e>n){n=e;o=i;a=(t.startX+s.startX)/2;c=(t.startY+s.startY)/2}}i=Math.abs(i);e=Math.abs(e);l=Math.abs(l);f=Math.abs(f);if(i>0&&e>0){u=Math.sqrt(i*i+e*e)}else if(i>0){u=i}else if(e>0){u=e}if(l>0&&f>0){d=Math.sqrt(l*l+f*f)}else if(l>0){d=l}else if(f>0){d=f}if(u>0&&d>0){const i=(d-u)/u;const e=Math.abs(i);if(e>h){h=e;r=i;a=(t.startX+s.startX)/2;c=(t.startY+s.startY)/2}}}))}));const l=n>0;const f=h>0;if(l&&f){e.rotate=o;e.scale=r;e.centerX=a;e.centerY=c}else if(l){e.action=$;e.rotate=o;e.centerX=a;e.centerY=c}else if(f){e.action=k;e.scale=r;e.centerX=a;e.centerY=c}else{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}));if(e.action!==x){this.$emit(H,e,{cancelable:false})}}$handlePointerUp(t){const{$action:s,$pointers:i}=this;if(this.disabled||s===x){return}if(this.$emit(U,{action:s,relatedEvent:t})===false){return}t.preventDefault();if(t.changedTouches){Array.from(t.changedTouches).forEach((({identifier:t})=>{i.delete(t)}))}else{const{pointerId:s=0}=t;i.delete(s)}if(i.size===0){this.style.willChange="";this.$action=x}}$handleWheel(t){if(this.disabled){return}t.preventDefault();if(this.$wheeling){return}this.$wheeling=true;setTimeout((()=>{this.$wheeling=false}),50);const s=t.deltaY>0?-1:1;const i=s*this.scaleStep;this.$emit(H,{action:k,scale:i,relatedEvent:t},{cancelable:false})}$setAction(t){if(q(t)){this.$action=t}return this}$toCanvas(t){return new Promise(((s,i)=>{if(!this.isConnected){i(new Error("The current element is not connected to the DOM."));return}const e=document.createElement("canvas");let n=this.offsetWidth;let h=this.offsetHeight;let o=1;if(it(t)&&(Q(t.width)||Q(t.height))){({width:n,height:h}=yt({aspectRatio:n/h,width:t.width,height:t.height}));o=n/this.offsetWidth}e.width=n;e.height=h;const r=this.querySelector(this.$getTagNameOf(p));if(!r){s(e);return}r.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,f,u,d]=r.$getTransform();let p=u;let b=d;let m=i.naturalWidth;let g=i.naturalHeight;if(o!==1){p*=o;b*=o;m*=o;g*=o}const w=m/2;const v=g/2;a.fillStyle="transparent";a.fillRect(0,0,n,h);if(it(t)&&et(t.beforeDraw)){t.beforeDraw.call(this,a,e)}a.save();a.translate(w,v);a.transform(s,c,l,f,p,b);a.translate(-w,-v);a.drawImage(i,0,0,m,g);a.restore()}s(e)})).catch(i)}))}}It.$name=l;It.$version="2.0.0";var Nt=`: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%}`;const Rt=new WeakMap;const Xt=["alt","crossorigin","decoding","importance","loading","referrerpolicy","sizes","src","srcset"];class Yt extends Tt{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=Nt;this.$image=new Image;this.initialCenterSize="contain";this.rotatable=false;this.scalable=false;this.skewable=false;this.slottable=false;this.translatable=false}set $canvas(t){Rt.set(this,t)}get $canvas(){return Rt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(Xt,["initial-center-size","rotatable","scalable","skewable","translatable"])}attributeChangedCallback(t,s,i){if(Object.is(i,s)){return}super.attributeChangedCallback(t,s,i);if(Xt.includes(t)){this.$image.setAttribute(t,i)}}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);switch(t){case"initialCenterSize":this.$nextTick((()=>{this.$center(i)}));break}}connectedCallback(){super.connectedCallback();const{$image:t}=this;const s=this.closest(this.$getTagNameOf(l));if(s){this.$canvas=s;this.$setStyles({display:"block",position:"absolute"});this.$onCanvasActionStart=t=>{var s,i;this.$actionStartTarget=(i=(s=t.detail)===null||s===void 0?void 0:s.relatedEvent)===null||i===void 0?void 0:i.target};this.$onCanvasActionEnd=()=>{this.$actionStartTarget=null};this.$onCanvasAction=this.$handleAction.bind(this);ft(s,F,this.$onCanvasActionStart);ft(s,U,this.$onCanvasActionEnd);ft(s,H,this.$onCanvasAction)}this.$onLoad=this.$handleLoad.bind(this);ft(t,D,this.$onLoad);this.$getShadowRoot().appendChild(t)}disconnectedCallback(){const{$image:t,$canvas:s}=this;if(s){if(this.$onCanvasActionStart){lt(s,F,this.$onCanvasActionStart);this.$onCanvasActionStart=null}if(this.$onCanvasActionEnd){lt(s,U,this.$onCanvasActionEnd);this.$onCanvasActionEnd=null}if(this.$onCanvasAction){lt(s,H,this.$onCanvasAction);this.$onCanvasAction=null}}if(t&&this.$onLoad){lt(t,D,this.$onLoad);this.$onLoad=null}this.$getShadowRoot().removeChild(t);super.disconnectedCallback()}$handleLoad(){const{$image:t}=this;this.$setStyles({width:t.naturalWidth,height:t.naturalHeight});if(this.$canvas){this.$center(this.initialCenterSize)}}$handleAction(t){if(this.hidden||!(this.rotatable||this.scalable||this.translatable)){return}const{$canvas:s}=this;const{detail:i}=t;if(i){const{relatedEvent:t}=i;let{action:e}=i;if(e===y&&(!this.rotatable||!this.scalable)){if(this.rotatable){e=$}else if(this.scalable){e=k}else{e=x}}switch(e){case v:if(this.translatable){let e=null;if(t){e=t.target.closest(this.$getTagNameOf(b))}if(!e){e=s.querySelector(this.$getTagNameOf(b))}if(e&&e.multiple&&!e.active){e=s.querySelector(`${this.$getTagNameOf(b)}[active]`)}if(!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 $: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 k:if(this.scalable){if(t){const s=t.target.closest(this.$getTagNameOf(b));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;if(e<0){e=1/(1-e)}else{e+=1}const n=Math.cos(s);const h=Math.sin(s);const[o,r,a,c]=[n*e,h*e,-h*e,n*e];if(t){const s=this.getBoundingClientRect();const i=t.clientX-s.x;const e=t.clientY-s.y;const[n,h,l,f]=this.$matrix;const u=s.width/2;const d=s.height/2;const p=i-u;const b=e-d;const m=(p*f-l*b)/(n*f-l*h);const g=(b*n-h*p)/(n*f-l*h);this.$transform(o,r,a,c,m*(1-o)+g*a,g*(1-c)+m*r)}else{this.$transform(o,r,a,c,0,0)}}break}}}$ready(t){const{$image:s}=this;const i=new Promise(((t,i)=>{const e=new Error("Failed to load the image source");if(s.complete){if(s.naturalWidth>0&&s.naturalHeight>0){t(s)}else{i(e)}}else{const n=()=>{lt(s,P,h);t(s)};const h=()=>{lt(s,D,n);i(e)};ut(s,D,n);ut(s,P,h)}}));if(et(t)){i.then((s=>{t(s);return s}))}return i}$center(t){const{parentElement:s}=this;if(!s){return this}const i=s.getBoundingClientRect();const e=i.width;const n=i.height;const{x:h,y:o,width:r,height:a}=this.getBoundingClientRect();const c=h+r/2;const l=o+a/2;const f=i.x+e/2;const u=i.y+n/2;this.$move(f-c,u-l);if(t&&(r!==e||a!==n)){const s=e/r;const i=n/a;switch(t){case"cover":this.$scale(Math.max(s,i));break;case"contain":this.$scale(Math.min(s,i));break}}return this}$move(t,s=t){if(this.translatable&&J(t)&&J(s)){const[i,e,n,h]=this.$matrix;const o=(t*h-n*s)/(i*h-n*e);const r=(s*i-e*t)/(i*h-n*e);this.$translate(o,r)}return this}$moveTo(t,s=t){if(this.translatable&&J(t)&&J(s)){const[i,e,n,h]=this.$matrix;const o=(t*h-n*s)/(i*h-n*e);const r=(s*i-e*t)/(i*h-n*e);this.$setTransform(i,e,n,h,o,r)}return this}$rotate(t,s,i){if(this.rotatable){const e=vt(t);const n=Math.cos(e);const h=Math.sin(e);const[o,r,a,c]=[n,h,-h,n];if(J(s)&&J(i)){const[t,e,n,h]=this.$matrix;const{width:l,height:f}=this.getBoundingClientRect();const u=l/2;const d=f/2;const p=s-u;const b=i-d;const m=(p*h-n*b)/(t*h-n*e);const g=(b*t-e*p)/(t*h-n*e);this.$transform(o,r,a,c,m*(1-o)-g*a,g*(1-c)-m*r)}else{this.$transform(o,r,a,c,0,0)}}return this}$zoom(t,s,i){if(!this.scalable||t===0){return this}if(t<0){t=1/(1-t)}else{t+=1}if(J(s)&&J(i)){const[e,n,h,o]=this.$matrix;const{width:r,height:a}=this.getBoundingClientRect();const c=r/2;const l=a/2;const f=s-c;const u=i-l;const d=(f*o-h*u)/(e*o-h*n);const p=(u*e-n*f)/(e*o-h*n);this.$transform(t,0,0,t,d*(1-t),p*(1-t))}else{this.$scale(t)}return this}$scale(t,s=t){if(this.scalable){this.$transform(t,0,0,s,0,0)}return this}$skew(t,s=0){if(this.skewable){const i=vt(t);const e=vt(s);this.$transform(1,Math.tan(e),Math.tan(i),1,0,0)}return this}$translate(t,s=t){if(this.translatable&&J(t)&&J(s)){this.$transform(1,0,0,1,t,s)}return this}$transform(t,s,i,e,n,h){if(J(t)&&J(s)&&J(i)&&J(e)&&J(n)&&J(h)){return this.$setTransform(xt(this.$matrix,[t,s,i,e,n,h]))}return this}$setTransform(t,s,i,e,n,h){if(this.rotatable||this.scalable||this.skewable||this.translatable){if(Array.isArray(t)){[t,s,i,e,n,h]=t}if(J(t)&&J(s)&&J(i)&&J(e)&&J(n)&&J(h)){const o=[...this.$matrix];const r=[t,s,i,e,n,h];if(this.$emit(Z,{matrix:r,oldMatrix:o})===false){return this}this.$matrix=r;this.style.transform=`matrix(${r.join(", ")})`}}return this}$getTransform(){return this.$matrix.slice()}$resetTransform(){return this.$setTransform([1,0,0,1,0,0])}}Yt.$name=p;Yt.$version="2.0.0";var _t=`:host{display:block;height:0;left:0;outline:var(--theme-color) solid 1px;position:relative;top:0;width:0}:host([transparent]){outline-color:transparent}`;const Pt=new WeakMap;class Wt extends Tt{constructor(){super(...arguments);this.$onCanvasChange=null;this.$onCanvasActionEnd=null;this.$onCanvasActionStart=null;this.$style=_t;this.x=0;this.y=0;this.width=0;this.height=0;this.slottable=false;this.themeColor="rgba(0, 0, 0, 0.65)"}set $canvas(t){Pt.set(this,t)}get $canvas(){return Pt.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(b));if(s){this.$onCanvasActionStart=t=>{if(s.hidden&&t.detail.action===w){this.hidden=false}};this.$onCanvasActionEnd=t=>{if(s.hidden&&t.detail.action===w){this.hidden=true}};this.$onCanvasChange=t=>{const{x:i,y:e,width:n,height:h}=t.detail;this.$change(i,e,n,h);if(s.hidden||i===0&&e===0&&n===0&&h===0){this.hidden=true}};ft(t,F,this.$onCanvasActionStart);ft(t,U,this.$onCanvasActionEnd);ft(t,K,this.$onCanvasChange)}}this.$render()}disconnectedCallback(){const{$canvas:t}=this;if(t){if(this.$onCanvasActionStart){lt(t,F,this.$onCanvasActionStart);this.$onCanvasActionStart=null}if(this.$onCanvasActionEnd){lt(t,U,this.$onCanvasActionEnd);this.$onCanvasActionEnd=null}if(this.$onCanvasChange){lt(t,K,this.$onCanvasChange);this.$onCanvasChange=null}}super.disconnectedCallback()}$change(t,s,i=this.width,e=this.height){if(!J(t)||!J(s)||!J(i)||!J(e)||t===this.x&&s===this.y&&i===this.width&&e===this.height){return this}if(this.hidden){this.hidden=false}this.x=t;this.y=s;this.width=i;this.height=e;return this.$render()}$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:o.innerWidth})}}Wt.$name=m;Wt.$version="2.0.0";var Dt=`: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}`;class Lt extends Tt{constructor(){super(...arguments);this.$onCanvasCropEnd=null;this.$onCanvasCropStart=null;this.$style=Dt;this.action=x;this.plain=false;this.slottable=false;this.themeColor="rgba(51, 153, 255, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["action","plain"])}}Lt.$name=d;Lt.$version="2.0.0";var Ht=`: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}`;const Ut=new WeakMap;class Bt extends Tt{constructor(){super(...arguments);this.$onCanvasAction=null;this.$onCanvasActionStart=null;this.$onCanvasActionEnd=null;this.$onDocumentKeyDown=null;this.$action="";this.$actionStartTarget=null;this.$changing=false;this.$style=Ht;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=false;this.linked=false;this.dynamic=false;this.movable=false;this.resizable=false;this.zoomable=false;this.multiple=false;this.keyboard=false;this.outlined=false;this.precise=false}set $canvas(t){Ut.set(this,t)}get $canvas(){return Ut.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)){return}super.$propertyChangedCallback(t,s,i);switch(t){case"x":case"y":case"width":case"height":if(!this.$changing){this.$nextTick((()=>{this.$change(this.x,this.y,this.width,this.height,this.aspectRatio,true)}))}break;case"aspectRatio":case"initialAspectRatio":this.$nextTick((()=>{this.$initSelection()}));break;case"initialCoverage":this.$nextTick((()=>{if(Q(i)&&i<=1){this.$initSelection(true,true)}}));break;case"keyboard":this.$nextTick((()=>{if(this.$canvas){if(i){if(!this.$onDocumentKeyDown){this.$onDocumentKeyDown=this.$handleKeyDown.bind(this);ft(this.ownerDocument,W,this.$onDocumentKeyDown)}}else if(this.$onDocumentKeyDown){lt(this.ownerDocument,W,this.$onDocumentKeyDown);this.$onDocumentKeyDown=null}}}));break;case"multiple":this.$nextTick((()=>{if(this.$canvas){const t=this.$getSelections();if(i){t.forEach((t=>{t.active=false}));this.active=true;this.$emit(K,{x:this.x,y:this.y,width:this.width,height:this.height})}else{this.active=false;t.slice(1).forEach((t=>{this.$removeSelection(t)}))}}}));break;case"precise":this.$nextTick((()=>{this.$change(this.x,this.y)}));break;case"linked":if(i){this.dynamic=true}break}}connectedCallback(){super.connectedCallback();const t=this.closest(this.$getTagNameOf(l));if(t){this.$canvas=t;this.$setStyles({position:"absolute",transform:`translate(${this.x}px, ${this.y}px)`});if(!this.hidden){this.$render()}this.$initSelection(true);this.$onCanvasActionStart=this.$handleActionStart.bind(this);this.$onCanvasActionEnd=this.$handleActionEnd.bind(this);this.$onCanvasAction=this.$handleAction.bind(this);ft(t,F,this.$onCanvasActionStart);ft(t,U,this.$onCanvasActionEnd);ft(t,H,this.$onCanvasAction)}else{this.$render()}}disconnectedCallback(){const{$canvas:t}=this;if(t){if(this.$onCanvasActionStart){lt(t,F,this.$onCanvasActionStart);this.$onCanvasActionStart=null}if(this.$onCanvasActionEnd){lt(t,U,this.$onCanvasActionEnd);this.$onCanvasActionEnd=null}if(this.$onCanvasAction){lt(t,H,this.$onCanvasAction);this.$onCanvasAction=null}}super.disconnectedCallback()}$getSelections(){let t=[];if(this.parentElement){t=Array.from(this.parentElement.querySelectorAll(this.$getTagNameOf(b)))}return t}$initSelection(t=false,s=false){const{initialCoverage:i,parentElement:e}=this;if(Q(i)&&e){const n=this.aspectRatio||this.initialAspectRatio;let h=(s?0:this.width)||e.offsetWidth*i;let o=(s?0:this.height)||e.offsetHeight*i;if(Q(n)){({width:h,height:o}=yt({aspectRatio:n,width:h,height:o}))}this.$change(this.x,this.y,h,o);if(t){this.$center()}this.$initialSelection={x:this.x,y:this.y,width:this.width,height:this.height}}}$createSelection(){const t=this.cloneNode(true);if(this.hasAttribute("id")){t.removeAttribute("id")}t.initialCoverage=NaN;this.active=false;if(this.parentElement){this.parentElement.insertBefore(t,this.nextSibling)}return t}$removeSelection(t=this){if(this.parentElement){const s=this.$getSelections();if(s.length>1){const i=s.indexOf(t);const e=s[i+1]||s[i-1];if(e){t.active=false;this.parentElement.removeChild(t);e.active=true;e.$emit(K,{x:e.x,y:e.y,width:e.width,height:e.height})}}else{this.$clear()}}}$handleActionStart(t){var s,i;const e=(i=(s=t.detail)===null||s===void 0?void 0:s.relatedEvent)===null||i===void 0?void 0:i.target;this.$action="";this.$actionStartTarget=e;if(!this.hidden&&this.multiple&&!this.active&&e===this&&this.parentElement){this.$getSelections().forEach((t=>{t.active=false}));this.active=true;this.$emit(K,{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:n}=i;if(!n&&this.multiple){n=this.$action||(e===null||e===void 0?void 0:e.target.action);this.$action=n}if(!n||this.hidden&&n!==w||this.multiple&&!this.active&&n!==k){return}const h=i.endX-i.startX;const o=i.endY-i.startY;const{width:r,height:a}=this;let{aspectRatio:c}=this;if(!Q(c)&&e.shiftKey){c=Q(r)&&Q(a)?r/a:1}switch(n){case w:if(h!==0&&o!==0){const{$canvas:t}=this;const e=gt(s);(this.multiple&&!this.hidden?this.$createSelection():this).$change(i.startX-e.left,i.startY-e.top,Math.abs(h),Math.abs(o),c);if(h<0){if(o<0){n=O}else if(o>0){n=T}}else if(h>0){if(o<0){n=j}else if(o>0){n=S}}if(t){t.$action=n}}break;case v:if(this.movable&&(this.dynamic||this.$actionStartTarget&&this.contains(this.$actionStartTarget))){this.$move(h,o)}break;case k:if(e&&this.zoomable&&(this.dynamic||this.contains(e.target))){const t=gt(s);this.$zoom(i.scale,e.pageX-t.left,e.pageY-t.top)}break;default:this.$resize(n,h,o,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))){return}switch(t.key){case"Backspace":if(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);break}}$center(){const{parentElement:t}=this;if(!t){return this}const s=(t.offsetWidth-this.width)/2;const i=(t.offsetHeight-this.height)/2;return this.$change(s,i)}$move(t,s=t){return this.$moveTo(this.x+t,this.y+s)}$moveTo(t,s=t){if(!this.movable){return this}return this.$change(t,s)}$resize(t,s=0,i=0,e=this.aspectRatio){if(!this.resizable){return this}const n=Q(e);const{$canvas:h}=this;let{x:o,y:r,width:a,height:c}=this;switch(t){case z:r+=i;c-=i;if(c<0){t=C;c=-c;r-=c}if(n){s=i*e;o+=s/2;a-=s;if(a<0){a=-a;o-=a}}break;case M:a+=s;if(a<0){t=A;a=-a;o-=a}if(n){i=s/e;r-=i/2;c+=i;if(c<0){c=-c;r-=c}}break;case C:c+=i;if(c<0){t=z;c=-c;r-=c}if(n){s=i*e;o-=s/2;a+=s;if(a<0){a=-a;o-=a}}break;case A:o+=s;a-=s;if(a<0){t=M;a=-a;o-=a}if(n){i=s/e;r+=i/2;c-=i;if(c<0){c=-c;r-=c}}break;case j:if(n){i=-s/e}r+=i;c-=i;a+=s;if(a<0&&c<0){t=T;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=O;a=-a;o-=a}else if(c<0){t=S;c=-c;r-=c}break;case O:if(n){i=s/e}o+=s;r+=i;a-=s;c-=i;if(a<0&&c<0){t=S;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=j;a=-a;o-=a}else if(c<0){t=T;c=-c;r-=c}break;case S:if(n){i=s/e}a+=s;c+=i;if(a<0&&c<0){t=O;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=T;a=-a;o-=a}else if(c<0){t=j;c=-c;r-=c}break;case T:if(n){i=-s/e}o+=s;a-=s;c+=i;if(a<0&&c<0){t=j;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=S;a=-a;o-=a}else if(c<0){t=O;c=-c;r-=c}break}if(h){h.$setAction(t)}return this.$change(o,r,a,c)}$zoom(t,s,i){if(!this.zoomable||t===0){return this}if(t<0){t=1/(1-t)}else{t+=1}const{width:e,height:n}=this;const h=e*t;const o=n*t;let r=this.x;let a=this.y;if(J(s)&&J(i)){r-=(h-e)*((s-this.x)/e);a-=(o-n)*((i-this.y)/n)}else{r-=(h-e)/2;a-=(o-n)/2}return this.$change(r,a,h,o)}$change(t,s,i=this.width,e=this.height,n=this.aspectRatio,h=false){if(this.$changing||!J(t)||!J(s)||!J(i)||!J(e)||i<0||e<0){return this}if(Q(n)){({width:i,height:e}=yt({aspectRatio:n,width:i,height:e},"cover"))}if(!this.precise){t=Math.round(t);s=Math.round(s);i=Math.round(i);e=Math.round(e)}if(t===this.x&&s===this.y&&i===this.width&&e===this.height&&Object.is(n,this.aspectRatio)&&!h){return this}if(this.hidden){this.hidden=false}if(this.$emit(K,{x:t,y:s,width:i,height:e})===false){return this}this.$changing=true;this.x=t;this.y=s;this.width=i;this.height=e;this.$changing=false;return this.$render()}$reset(){const{x:t,y:s,width:i,height:e}=this.$initialSelection;return this.$change(t,s,i,e)}$clear(){this.$change(0,0,0,0,NaN,true);this.hidden=true;return 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){i(new Error("The current element is not connected to the DOM."));return}const e=document.createElement("canvas");let{width:n,height:h}=this;let o=1;if(it(t)&&(Q(t.width)||Q(t.height))){({width:n,height:h}=yt({aspectRatio:n/h,width:t.width,height:t.height}));o=n/this.width}e.width=n;e.height=h;if(!this.$canvas){s(e);return}const r=this.$canvas.querySelector(this.$getTagNameOf(p));if(!r){s(e);return}r.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,f,u,d]=r.$getTransform();const p=-this.x;const b=-this.y;const m=(p*f-l*b)/(s*f-l*c);const g=(b*s-c*p)/(s*f-l*c);let w=s*m+l*g+u;let v=c*m+f*g+d;let k=i.naturalWidth;let $=i.naturalHeight;if(o!==1){w*=o;v*=o;k*=o;$*=o}const y=k/2;const x=$/2;a.fillStyle="transparent";a.fillRect(0,0,n,h);if(it(t)&&et(t.beforeDraw)){t.beforeDraw.call(this,a,e)}a.save();a.translate(y,x);a.transform(s,c,l,f,w,v);a.translate(-y,-x);a.drawImage(i,0,0,k,$);a.restore()}s(e)})).catch(i)}))}}Bt.$name=b;Bt.$version="2.0.0";var Ft=`: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)}`;class Kt extends Tt{constructor(){super(...arguments);this.$style=Ft;this.bordered=false;this.columns=3;this.covered=false;this.rows=3;this.slottable=false;this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["bordered","columns","covered","rows"])}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);if(t==="rows"||t==="columns"){this.$nextTick((()=>{this.$render()}))}}connectedCallback(){super.connectedCallback();this.$render()}$render(){const t=this.$getShadowRoot();const 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)}if(t){t.innerHTML="";t.appendChild(s)}}}Kt.$name=u;Kt.$version="2.0.0";var Zt=`: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%)}`;class qt extends Tt{constructor(){super(...arguments);this.$style=Zt;this.centered=false;this.slottable=false;this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["centered"])}}qt.$name=f;qt.$version="2.0.0";var Gt=`:host{display:block;height:100%;overflow:hidden;position:relative;width:100%}`;const Jt=new WeakMap;const Qt=new WeakMap;const Vt=new WeakMap;const ts=new WeakMap;const ss="both";const is="horizontal";const es="vertical";const ns="none";class hs extends Tt{constructor(){super(...arguments);this.$onSelectionChange=null;this.$onSourceImageLoad=null;this.$onSourceImageTransform=null;this.$scale=1;this.$style=Gt;this.resize=es;this.selection="";this.slottable=false}set $image(t){Qt.set(this,t)}get $image(){return Qt.get(this)}set $sourceImage(t){ts.set(this,t)}get $sourceImage(){return ts.get(this)}set $canvas(t){Jt.set(this,t)}get $canvas(){return Jt.get(this)}set $selection(t){Vt.set(this,t)}get $selection(){return Vt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["resize","selection"])}connectedCallback(){super.connectedCallback();let t=null;if(this.selection){t=this.ownerDocument.querySelector(this.selection)}else{t=this.closest(this.$getTagNameOf(b))}if(nt(t)){this.$selection=t;this.$onSelectionChange=this.$handleSelectionChange.bind(this);ft(t,K,this.$onSelectionChange);const s=t.closest(this.$getTagNameOf(l));if(s){this.$canvas=s;const t=s.querySelector(this.$getTagNameOf(p));if(t){this.$sourceImage=t;this.$image=t.cloneNode(true);this.$getShadowRoot().appendChild(this.$image);this.$onSourceImageLoad=this.$handleSourceImageLoad.bind(this);this.$onSourceImageTransform=this.$handleSourceImageTransform.bind(this);ft(t.$image,D,this.$onSourceImageLoad);ft(t,Z,this.$onSourceImageTransform)}}this.$render()}}disconnectedCallback(){const{$selection:t,$sourceImage:s}=this;if(t&&this.$onSelectionChange){lt(t,K,this.$onSelectionChange);this.$onSelectionChange=null}if(s&&this.$onSourceImageLoad){lt(s.$image,D,this.$onSourceImageLoad);this.$onSourceImageLoad=null}if(s&&this.$onSourceImageTransform){lt(s,Z,this.$onSourceImageTransform);this.$onSourceImageTransform=null}super.disconnectedCallback()}$handleSelectionChange(t){this.$render(t.detail)}$handleSourceImageLoad(){const{$image:t,$sourceImage:s}=this;const i=t.getAttribute("src");const e=s.getAttribute("src");if(e&&e!==i){t.setAttribute("src",e);t.$ready((()=>{setTimeout((()=>{this.$render()}),50)}))}}$handleSourceImageTransform(t){this.$render(undefined,t.detail.matrix)}$render(t,s){const{$canvas:i,$selection:e}=this;if(!t&&!e.hidden){t=e}if(!t||t.x===0&&t.y===0&&t.width===0&&t.height===0){t={x:0,y:0,width:i.offsetWidth,height:i.offsetHeight}}const{x:n,y:h,width:o,height:r}=t;const a={};const{clientWidth:c,clientHeight:l}=this;let f=c;let u=l;let d=NaN;switch(this.resize){case ss:d=1;f=o;u=r;a.width=o;a.height=r;break;case is:d=r>0?l/r:0;f=o*d;a.width=f;break;case es:d=o>0?c/o:0;u=r*d;a.height=u;break;case ns:default:if(c>0){d=o>0?c/o:0}else if(l>0){d=r>0?l/r:0}}this.$scale=d;this.$setStyles(a);if(this.$sourceImage){this.$transformImageByOffset(s!==null&&s!==void 0?s:this.$sourceImage.$getTransform(),-n,-h)}}$transformImageByOffset(t,s,i){const{$image:e,$scale:n,$sourceImage:h}=this;if(h&&e&&n>=0){const[h,o,r,a,c,l]=t;const f=(s*a-r*i)/(h*a-r*o);const u=(i*h-o*s)/(h*a-r*o);const d=h*f+r*u+c;const p=o*f+a*u+l;e.$ready((t=>{this.$setStyles.call(e,{width:t.naturalWidth*n,height:t.naturalHeight*n})}));e.$setTransform(h,o,r,a,d*n,p*n)}}}hs.$name=g;hs.$version="2.0.0";
-/*! Cropper.js v2.0.0 | (c) 2015-present Chen Fengyuan | MIT */It.$define();qt.$define();Kt.$define();Lt.$define();Yt.$define();Bt.$define();Wt.$define();hs.$define();const os=".relative{position:relative!important}.-mt-\\[6px\\]{margin-top:-6px!important}.mb-6{margin-bottom:1.5rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-\\[2px\\]{height:2px!important}.w-4{width:1rem!important}.w-full{width:100%!important}.appearance-none{appearance:none!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.rounded-full{border-radius:9999px!important}.border-0{border-width:0!important}*{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%}:host .p-input[type=range]{appearance:none;background-color:transparent;position:relative}:host .p-input[type=range]::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity,1));height:2px}:host .p-input[type=range]::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity,1));height:2px}:host .p-input[type=range]::-moz-range-thumb,:host .p-input[type=range]::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;width:1rem}:host .p-input[type=range]::-webkit-slider-thumb{margin-top:-6px}.static{position:static!important}.hidden{display:none!important}.h-\\[17\\.5rem\\]{height:17.5rem!important}.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))!important}.resize{resize:both!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-medium{--tw-border-opacity:1!important;border-color:rgb(227 236 243/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity,1))!important}@media (min-width:40rem){.tablet\\:max-w-xs{max-width:20rem!important}.tablet\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}}";const rs=os;const as=class{constructor(i){t(this,i);this.valueChange=s(this,"valueChange",3);this.variant="user";this.value=undefined;this.returnType="base64";this._loaded=false;this._currentScale=0}valueChange;_imageRef;_selectionRef;_maxScale=0;_minScale=0;_resizeDebounceTimeout;_toCanvasDebounceTimeout;onResize(){if(this._resizeDebounceTimeout){clearTimeout(this._resizeDebounceTimeout)}this._resizeDebounceTimeout=setTimeout((()=>{this._selectionRef.$center();this._imageRef.$center()}),200)}componentDidLoad(){setTimeout((()=>{this._loaded=true}),200)}render(){return i(e,{key:"38c4c4831528435e88ddb883f00480d5fdeafbe9",class:"p-cropper"},this._loaded&&i("cropper-canvas",{key:"fd7a137df5cfeef79a541fc1f7e568059128f13c",class:"h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white",onAction:()=>this._onAction()},i("cropper-image",{key:"9e9865a5b1eb35d3bcab90e725f2ad5a57a4db29",src:this.value,alt:"Picture",ref:t=>this._setImageRef(t),scalable:true,crossorigin:"anonymous"}),i("cropper-shade",{key:"5502bfbc1807f2245a0c8e5bb7c6f9915cc605ea",class:n({"rounded-round":this.variant==="user",rounded:this.variant==="company"}),"theme-color":"rgba(255, 255, 255, 0.5)",hidden:true}),i("cropper-selection",{key:"32fe9f2b17b86cc63386909100565599eddb2971","initial-coverage":"0.7","aspect-ratio":"1",ref:t=>this._selectionRef=t}),i("cropper-handle",{key:"d76cc4279d928ddd7f619d87dc937484ac6943b3",action:"move",plain:true})),i("div",{key:"585dddcbfad45f29ca2fde46382cdfec9e810966",class:"flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1"},i("p-icon",{key:"793db5e9554906a84b1c21afe532d27bbfb0b38e",variant:"minus"}),i("input",{key:"b8b048046fc3a8242a25716ccf849282925a53c5",class:"p-input w-full",type:"range",min:"0",max:"100",value:this._currentScale,onInput:t=>this._onInput(t.target.value),step:"0.5"}),i("p-icon",{key:"7479dcf2acf5d976407ce4112c50c172dd389ff1",variant:"plus"})))}_setImageRef(t){if(this._imageRef){return}this._imageRef=t;this._imageRef.$ready((t=>setTimeout((()=>this._setInitialState(t)),200)))}_setInitialState(t){let s;if(t.naturalWidth>t.naturalHeight){s=200/t.naturalHeight}if(t.naturalHeight>=t.naturalWidth){s=200/t.naturalWidth}const i=this._imageRef.$getTransform();this._minScale=s;this._maxScale=i[0];this._selectionRef.$resize("nw-resize",200,200,1);this._selectionRef.$center();this._setScale(s);this._toCanvas()}_onAction(){this._setCurrentScale();this._toCanvas()}_setScale(t,s=true,i=true){const e=this._imageRef.$getTransform();this._imageRef.$setTransform([t,0,0,t,e[4],e[5]]);if(s){this._imageRef.$center()}if(i){this._setCurrentScale()}}_setCurrentScale(){const t=this._imageRef.$getTransform();const s=t[0];if(s<this._minScale){this._setScale(this._minScale,true,false);this._currentScale=0;return}if(s>this._maxScale){this._setScale(this._maxScale,true,false);this._currentScale=100;return}if(s===this._minScale){this._currentScale=0;return}if(s===this._maxScale){this._currentScale=100;return}const i=this._maxScale-this._minScale;const e=s-this._minScale;const n=e/i*100;this._currentScale=n}_onInput(t){const s=this._imageRef.$getTransform();const i=s[0];const e=this._maxScale-this._minScale;const n=e*(t/100);if(n===i){return}this._setScale(n+this._minScale,false,false);this._currentScale=t;this._toCanvas()}_toCanvas(){if(this._toCanvasDebounceTimeout){clearTimeout(this._toCanvasDebounceTimeout)}this._toCanvasDebounceTimeout=setTimeout((async()=>{const t=await this._selectionRef.$toCanvas();if(this.returnType==="canvas"){this.valueChange.emit(t);return}const s=t.toDataURL("image/png");this.valueChange.emit(s)}),200)}};as.style=rs;export{as as p_cropper};
-//# sourceMappingURL=p-5f54e4b8.entry.js.map
+import{r as t,c as s,h as i,H as e}from"./p-45ded510.js";import{c as n}from"./p-8a1a6e56.js";const h=typeof window!=="undefined"&&typeof window.document!=="undefined";const o=h?window:{};const r=h?"ontouchstart"in o.document.documentElement:false;const a=h?"PointerEvent"in o:false;const c="cropper";const l=`${c}-canvas`;const f=`${c}-crosshair`;const u=`${c}-grid`;const d=`${c}-handle`;const p=`${c}-image`;const b=`${c}-selection`;const m=`${c}-shade`;const g=`${c}-viewer`;const w="select";const v="move";const $="scale";const k="rotate";const y="transform";const x="none";const z="n-resize";const M="e-resize";const C="s-resize";const A="w-resize";const j="ne-resize";const O="nw-resize";const S="se-resize";const T="sw-resize";const E="action";const I=r?"touchend touchcancel":"mouseup";const N=r?"touchmove":"mousemove";const R=r?"touchstart":"mousedown";const X=a?"pointerdown":R;const Y=a?"pointermove":N;const _=a?"pointerup pointercancel":I;const P="error";const W="keydown";const D="load";const L="wheel";const H="action";const U="actionend";const B="actionmove";const F="actionstart";const K="change";const Z="transform";function q(t){return typeof t==="string"}const G=Number.isNaN||o.isNaN;function J(t){return typeof t==="number"&&!G(t)}function Q(t){return J(t)&&t>0&&t<Infinity}function V(t){return typeof t==="undefined"}function tt(t){return typeof t==="object"&&t!==null}const{hasOwnProperty:st}=Object.prototype;function it(t){if(!tt(t)){return false}try{const{constructor:s}=t;const{prototype:i}=s;return s&&i&&st.call(i,"isPrototypeOf")}catch(t){return false}}function et(t){return typeof t==="function"}function nt(t){return typeof t==="object"&&t!==null&&t.nodeType===1}const ht=/([a-z\d])([A-Z])/g;function ot(t){return String(t).replace(ht,"$1-$2").toLowerCase()}const rt=/-[A-z\d]/g;function at(t){return t.replace(rt,(t=>t.slice(1).toUpperCase()))}const ct=/\s\s*/;function lt(t,s,i,e){s.trim().split(ct).forEach((s=>{t.removeEventListener(s,i,e)}))}function ft(t,s,i,e){s.trim().split(ct).forEach((s=>{t.addEventListener(s,i,e)}))}function ut(t,s,i,e){ft(t,s,i,Object.assign(Object.assign({},e),{once:true}))}const dt={bubbles:true,cancelable:true,composed:true};function pt(t,s,i,e){return t.dispatchEvent(new CustomEvent(s,Object.assign(Object.assign(Object.assign({},dt),{detail:i}),e)))}const bt=Promise.resolve();function mt(t,s){return s?bt.then(t?s.bind(t):s):bt}function gt(t){const{documentElement:s}=t.ownerDocument;const i=t.getBoundingClientRect();return{left:i.left+(o.pageXOffset-s.clientLeft),top:i.top+(o.pageYOffset-s.clientTop)}}const wt=/deg|g?rad|turn$/i;function vt(t){const s=parseFloat(t)||0;if(s!==0){const[i="rad"]=String(t).match(wt)||[];switch(i.toLowerCase()){case"deg":return s/360*(Math.PI*2);case"grad":return s/400*(Math.PI*2);case"turn":return s*(Math.PI*2)}}return s}const $t="contain";const kt="cover";function yt(t,s=$t){const{aspectRatio:i}=t;let{width:e,height:n}=t;const h=Q(e);const o=Q(n);if(h&&o){const t=n*i;if(s===$t&&t>e||s===kt&&t<e){n=e/i}else{e=n*i}}else if(h){n=e/i}else if(o){e=n*i}return{width:e,height:n}}function xt(t,...s){if(s.length===0){return t}const[i,e,n,h,o,r]=t;const[a,c,l,f,u,d]=s[0];t=[i*a+n*c,e*a+h*c,i*l+n*f,e*l+h*f,i*u+n*d+o,e*u+h*d+r];return xt(t,...s.slice(1))}var zt=`:host([hidden]){display:none!important}`;const Mt=/left|top|width|height/i;const Ct="open";const At=new WeakMap;const jt=new WeakMap;const Ot=new Map;const St=o.document&&Array.isArray(o.document.adoptedStyleSheets)&&"replaceSync"in o.CSSStyleSheet.prototype;class Tt extends HTMLElement{get $sharedStyle(){return`${this.themeColor?`:host{--theme-color: ${this.themeColor};}`:""}${zt}`}constructor(){var t,s;super();this.shadowRootMode=Ct;this.slottable=true;const i=(s=(t=Object.getPrototypeOf(this))===null||t===void 0?void 0:t.constructor)===null||s===void 0?void 0:s.$name;if(i){Ot.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=at(t);const n=this[e];let h=i;switch(typeof n){case"boolean":h=i!==null&&i!=="false";break;case"number":h=Number(i);break}this[e]=h;switch(t){case"theme-color":{const t=jt.get(this);const s=this.$sharedStyle;if(t&&s){if(St){t.replaceSync(s)}else{t.textContent=s}}break}}}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}t=ot(t);switch(typeof i){case"boolean":if(i===true){if(!this.hasAttribute(t)){this.setAttribute(t,"")}}else{this.removeAttribute(t)}break;case"number":if(G(i)){i=""}else{i=String(i)}default:if(i){if(this.getAttribute(t)!==i){this.setAttribute(t,i)}}else{this.removeAttribute(t)}}}connectedCallback(){Object.getPrototypeOf(this).constructor.observedAttributes.forEach((t=>{const s=at(t);let i=this[s];if(!V(i)){this.$propertyChangedCallback(s,undefined,i)}Object.defineProperty(this,s,{enumerable:true,configurable:true,get(){return i},set(t){const e=i;i=t;this.$propertyChangedCallback(s,e,t)}})}));const t=this.attachShadow({mode:this.shadowRootMode||Ct});if(!this.shadowRoot){At.set(this,t)}jt.set(this,this.$addStyles(this.$sharedStyle));if(this.$style){this.$addStyles(this.$style)}if(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(){if(jt.has(this)){jt.delete(this)}if(At.has(this)){At.delete(this)}}$getTagNameOf(t){var s;return(s=Ot.get(t))!==null&&s!==void 0?s:t}$setStyles(t){Object.keys(t).forEach((s=>{let i=t[s];if(J(i)){if(i!==0&&Mt.test(s)){i=`${i}px`}else{i=String(i)}}this.style[s]=i}));return this}$getShadowRoot(){return this.shadowRoot||At.get(this)}$addStyles(t){let s;const i=this.$getShadowRoot();if(St){s=new CSSStyleSheet;s.replaceSync(t);i.adoptedStyleSheets=i.adoptedStyleSheets.concat(s)}else{s=document.createElement("style");s.textContent=t;i.appendChild(s)}return s}$emit(t,s,i){return pt(this,t,s,i)}$nextTick(t){return mt(this,t)}static $define(t,s){if(tt(t)){s=t;t=""}if(!t){t=this.$name||this.name}t=ot(t);if(h&&o.customElements&&!o.customElements.get(t)){customElements.define(t,this,s)}}}Tt.$version="2.0.0";var Et=`: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}`;class It extends Tt{constructor(){super(...arguments);this.$onPointerDown=null;this.$onPointerMove=null;this.$onPointerUp=null;this.$onWheel=null;this.$wheeling=false;this.$pointers=new Map;this.$style=Et;this.$action=x;this.background=false;this.disabled=false;this.scaleStep=.1;this.themeColor="#39f"}static get observedAttributes(){return super.observedAttributes.concat(["background","disabled","scale-step"])}connectedCallback(){super.connectedCallback();if(!this.disabled){this.$bind()}}disconnectedCallback(){if(!this.disabled){this.$unbind()}super.disconnectedCallback()}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);switch(t){case"disabled":if(i){this.$unbind()}else{this.$bind()}break}}$bind(){if(!this.$onPointerDown){this.$onPointerDown=this.$handlePointerDown.bind(this);ft(this,X,this.$onPointerDown)}if(!this.$onPointerMove){this.$onPointerMove=this.$handlePointerMove.bind(this);ft(this.ownerDocument,Y,this.$onPointerMove)}if(!this.$onPointerUp){this.$onPointerUp=this.$handlePointerUp.bind(this);ft(this.ownerDocument,_,this.$onPointerUp)}if(!this.$onWheel){this.$onWheel=this.$handleWheel.bind(this);ft(this,L,this.$onWheel,{passive:false,capture:true})}}$unbind(){if(this.$onPointerDown){lt(this,X,this.$onPointerDown);this.$onPointerDown=null}if(this.$onPointerMove){lt(this.ownerDocument,Y,this.$onPointerMove);this.$onPointerMove=null}if(this.$onPointerUp){lt(this.ownerDocument,_,this.$onPointerUp);this.$onPointerUp=null}if(this.$onWheel){lt(this,L,this.$onWheel,{capture:true});this.$onWheel=null}}$handlePointerDown(t){const{buttons:s,button:i,type:e}=t;if(this.disabled||(e==="pointerdown"&&t.pointerType==="mouse"||e==="mousedown")&&(J(s)&&s!==1||J(i)&&i!==0||t.ctrlKey)){return}const{$pointers:n}=this;let h="";if(t.changedTouches){Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:i})=>{n.set(t,{startX:s,startY:i,endX:s,endY:i})}))}else{const{pointerId:s=0,pageX:i,pageY:e}=t;n.set(s,{startX:i,startY:e,endX:i,endY:e})}if(n.size>1){h=y}else if(nt(t.target)){h=t.target.action||t.target.getAttribute(E)||""}if(this.$emit(F,{action:h,relatedEvent:t})===false){return}t.preventDefault();this.$action=h;this.style.willChange="transform"}$handlePointerMove(t){const{$action:s,$pointers:i}=this;if(this.disabled||s===x||i.size===0){return}if(this.$emit(B,{action:s,relatedEvent:t})===false){return}t.preventDefault();if(t.changedTouches){Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:e})=>{const n=i.get(t);if(n){Object.assign(n,{endX:s,endY:e})}}))}else{const{pointerId:s=0,pageX:e,pageY:n}=t;const h=i.get(s);if(h){Object.assign(h,{endX:e,endY:n})}}const e={action:s,relatedEvent:t};if(s===y){const s=new Map(i);let n=0;let h=0;let o=0;let r=0;let a=t.pageX;let c=t.pageY;i.forEach(((t,i)=>{s.delete(i);s.forEach((s=>{let i=s.startX-t.startX;let e=s.startY-t.startY;let l=s.endX-t.endX;let f=s.endY-t.endY;let u=0;let d=0;let p=0;let b=0;if(i===0){if(e<0){p=Math.PI*2}else if(e>0){p=Math.PI}}else if(i>0){p=Math.PI/2+Math.atan(e/i)}else if(i<0){p=Math.PI*1.5+Math.atan(e/i)}if(l===0){if(f<0){b=Math.PI*2}else if(f>0){b=Math.PI}}else if(l>0){b=Math.PI/2+Math.atan(f/l)}else if(l<0){b=Math.PI*1.5+Math.atan(f/l)}if(b>0||p>0){const i=b-p;const e=Math.abs(i);if(e>n){n=e;o=i;a=(t.startX+s.startX)/2;c=(t.startY+s.startY)/2}}i=Math.abs(i);e=Math.abs(e);l=Math.abs(l);f=Math.abs(f);if(i>0&&e>0){u=Math.sqrt(i*i+e*e)}else if(i>0){u=i}else if(e>0){u=e}if(l>0&&f>0){d=Math.sqrt(l*l+f*f)}else if(l>0){d=l}else if(f>0){d=f}if(u>0&&d>0){const i=(d-u)/u;const e=Math.abs(i);if(e>h){h=e;r=i;a=(t.startX+s.startX)/2;c=(t.startY+s.startY)/2}}}))}));const l=n>0;const f=h>0;if(l&&f){e.rotate=o;e.scale=r;e.centerX=a;e.centerY=c}else if(l){e.action=k;e.rotate=o;e.centerX=a;e.centerY=c}else if(f){e.action=$;e.scale=r;e.centerX=a;e.centerY=c}else{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}));if(e.action!==x){this.$emit(H,e,{cancelable:false})}}$handlePointerUp(t){const{$action:s,$pointers:i}=this;if(this.disabled||s===x){return}if(this.$emit(U,{action:s,relatedEvent:t})===false){return}t.preventDefault();if(t.changedTouches){Array.from(t.changedTouches).forEach((({identifier:t})=>{i.delete(t)}))}else{const{pointerId:s=0}=t;i.delete(s)}if(i.size===0){this.style.willChange="";this.$action=x}}$handleWheel(t){if(this.disabled){return}t.preventDefault();if(this.$wheeling){return}this.$wheeling=true;setTimeout((()=>{this.$wheeling=false}),50);const s=t.deltaY>0?-1:1;const i=s*this.scaleStep;this.$emit(H,{action:$,scale:i,relatedEvent:t},{cancelable:false})}$setAction(t){if(q(t)){this.$action=t}return this}$toCanvas(t){return new Promise(((s,i)=>{if(!this.isConnected){i(new Error("The current element is not connected to the DOM."));return}const e=document.createElement("canvas");let n=this.offsetWidth;let h=this.offsetHeight;let o=1;if(it(t)&&(Q(t.width)||Q(t.height))){({width:n,height:h}=yt({aspectRatio:n/h,width:t.width,height:t.height}));o=n/this.offsetWidth}e.width=n;e.height=h;const r=this.querySelector(this.$getTagNameOf(p));if(!r){s(e);return}r.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,f,u,d]=r.$getTransform();let p=u;let b=d;let m=i.naturalWidth;let g=i.naturalHeight;if(o!==1){p*=o;b*=o;m*=o;g*=o}const w=m/2;const v=g/2;a.fillStyle="transparent";a.fillRect(0,0,n,h);if(it(t)&&et(t.beforeDraw)){t.beforeDraw.call(this,a,e)}a.save();a.translate(w,v);a.transform(s,c,l,f,p,b);a.translate(-w,-v);a.drawImage(i,0,0,m,g);a.restore()}s(e)})).catch(i)}))}}It.$name=l;It.$version="2.0.0";var Nt=`: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%}`;const Rt=new WeakMap;const Xt=["alt","crossorigin","decoding","importance","loading","referrerpolicy","sizes","src","srcset"];class Yt extends Tt{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=Nt;this.$image=new Image;this.initialCenterSize="contain";this.rotatable=false;this.scalable=false;this.skewable=false;this.slottable=false;this.translatable=false}set $canvas(t){Rt.set(this,t)}get $canvas(){return Rt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(Xt,["initial-center-size","rotatable","scalable","skewable","translatable"])}attributeChangedCallback(t,s,i){if(Object.is(i,s)){return}super.attributeChangedCallback(t,s,i);if(Xt.includes(t)){this.$image.setAttribute(t,i)}}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);switch(t){case"initialCenterSize":this.$nextTick((()=>{this.$center(i)}));break}}connectedCallback(){super.connectedCallback();const{$image:t}=this;const s=this.closest(this.$getTagNameOf(l));if(s){this.$canvas=s;this.$setStyles({display:"block",position:"absolute"});this.$onCanvasActionStart=t=>{var s,i;this.$actionStartTarget=(i=(s=t.detail)===null||s===void 0?void 0:s.relatedEvent)===null||i===void 0?void 0:i.target};this.$onCanvasActionEnd=()=>{this.$actionStartTarget=null};this.$onCanvasAction=this.$handleAction.bind(this);ft(s,F,this.$onCanvasActionStart);ft(s,U,this.$onCanvasActionEnd);ft(s,H,this.$onCanvasAction)}this.$onLoad=this.$handleLoad.bind(this);ft(t,D,this.$onLoad);this.$getShadowRoot().appendChild(t)}disconnectedCallback(){const{$image:t,$canvas:s}=this;if(s){if(this.$onCanvasActionStart){lt(s,F,this.$onCanvasActionStart);this.$onCanvasActionStart=null}if(this.$onCanvasActionEnd){lt(s,U,this.$onCanvasActionEnd);this.$onCanvasActionEnd=null}if(this.$onCanvasAction){lt(s,H,this.$onCanvasAction);this.$onCanvasAction=null}}if(t&&this.$onLoad){lt(t,D,this.$onLoad);this.$onLoad=null}this.$getShadowRoot().removeChild(t);super.disconnectedCallback()}$handleLoad(){const{$image:t}=this;this.$setStyles({width:t.naturalWidth,height:t.naturalHeight});if(this.$canvas){this.$center(this.initialCenterSize)}}$handleAction(t){if(this.hidden||!(this.rotatable||this.scalable||this.translatable)){return}const{$canvas:s}=this;const{detail:i}=t;if(i){const{relatedEvent:t}=i;let{action:e}=i;if(e===y&&(!this.rotatable||!this.scalable)){if(this.rotatable){e=k}else if(this.scalable){e=$}else{e=x}}switch(e){case v:if(this.translatable){let e=null;if(t){e=t.target.closest(this.$getTagNameOf(b))}if(!e){e=s.querySelector(this.$getTagNameOf(b))}if(e&&e.multiple&&!e.active){e=s.querySelector(`${this.$getTagNameOf(b)}[active]`)}if(!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(b));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;if(e<0){e=1/(1-e)}else{e+=1}const n=Math.cos(s);const h=Math.sin(s);const[o,r,a,c]=[n*e,h*e,-h*e,n*e];if(t){const s=this.getBoundingClientRect();const i=t.clientX-s.x;const e=t.clientY-s.y;const[n,h,l,f]=this.$matrix;const u=s.width/2;const d=s.height/2;const p=i-u;const b=e-d;const m=(p*f-l*b)/(n*f-l*h);const g=(b*n-h*p)/(n*f-l*h);this.$transform(o,r,a,c,m*(1-o)+g*a,g*(1-c)+m*r)}else{this.$transform(o,r,a,c,0,0)}}break}}}$ready(t){const{$image:s}=this;const i=new Promise(((t,i)=>{const e=new Error("Failed to load the image source");if(s.complete){if(s.naturalWidth>0&&s.naturalHeight>0){t(s)}else{i(e)}}else{const n=()=>{lt(s,P,h);t(s)};const h=()=>{lt(s,D,n);i(e)};ut(s,D,n);ut(s,P,h)}}));if(et(t)){i.then((s=>{t(s);return s}))}return i}$center(t){const{parentElement:s}=this;if(!s){return this}const i=s.getBoundingClientRect();const e=i.width;const n=i.height;const{x:h,y:o,width:r,height:a}=this.getBoundingClientRect();const c=h+r/2;const l=o+a/2;const f=i.x+e/2;const u=i.y+n/2;this.$move(f-c,u-l);if(t&&(r!==e||a!==n)){const s=e/r;const i=n/a;switch(t){case"cover":this.$scale(Math.max(s,i));break;case"contain":this.$scale(Math.min(s,i));break}}return this}$move(t,s=t){if(this.translatable&&J(t)&&J(s)){const[i,e,n,h]=this.$matrix;const o=(t*h-n*s)/(i*h-n*e);const r=(s*i-e*t)/(i*h-n*e);this.$translate(o,r)}return this}$moveTo(t,s=t){if(this.translatable&&J(t)&&J(s)){const[i,e,n,h]=this.$matrix;const o=(t*h-n*s)/(i*h-n*e);const r=(s*i-e*t)/(i*h-n*e);this.$setTransform(i,e,n,h,o,r)}return this}$rotate(t,s,i){if(this.rotatable){const e=vt(t);const n=Math.cos(e);const h=Math.sin(e);const[o,r,a,c]=[n,h,-h,n];if(J(s)&&J(i)){const[t,e,n,h]=this.$matrix;const{width:l,height:f}=this.getBoundingClientRect();const u=l/2;const d=f/2;const p=s-u;const b=i-d;const m=(p*h-n*b)/(t*h-n*e);const g=(b*t-e*p)/(t*h-n*e);this.$transform(o,r,a,c,m*(1-o)-g*a,g*(1-c)-m*r)}else{this.$transform(o,r,a,c,0,0)}}return this}$zoom(t,s,i){if(!this.scalable||t===0){return this}if(t<0){t=1/(1-t)}else{t+=1}if(J(s)&&J(i)){const[e,n,h,o]=this.$matrix;const{width:r,height:a}=this.getBoundingClientRect();const c=r/2;const l=a/2;const f=s-c;const u=i-l;const d=(f*o-h*u)/(e*o-h*n);const p=(u*e-n*f)/(e*o-h*n);this.$transform(t,0,0,t,d*(1-t),p*(1-t))}else{this.$scale(t)}return this}$scale(t,s=t){if(this.scalable){this.$transform(t,0,0,s,0,0)}return this}$skew(t,s=0){if(this.skewable){const i=vt(t);const e=vt(s);this.$transform(1,Math.tan(e),Math.tan(i),1,0,0)}return this}$translate(t,s=t){if(this.translatable&&J(t)&&J(s)){this.$transform(1,0,0,1,t,s)}return this}$transform(t,s,i,e,n,h){if(J(t)&&J(s)&&J(i)&&J(e)&&J(n)&&J(h)){return this.$setTransform(xt(this.$matrix,[t,s,i,e,n,h]))}return this}$setTransform(t,s,i,e,n,h){if(this.rotatable||this.scalable||this.skewable||this.translatable){if(Array.isArray(t)){[t,s,i,e,n,h]=t}if(J(t)&&J(s)&&J(i)&&J(e)&&J(n)&&J(h)){const o=[...this.$matrix];const r=[t,s,i,e,n,h];if(this.$emit(Z,{matrix:r,oldMatrix:o})===false){return this}this.$matrix=r;this.style.transform=`matrix(${r.join(", ")})`}}return this}$getTransform(){return this.$matrix.slice()}$resetTransform(){return this.$setTransform([1,0,0,1,0,0])}}Yt.$name=p;Yt.$version="2.0.0";var _t=`:host{display:block;height:0;left:0;outline:var(--theme-color) solid 1px;position:relative;top:0;width:0}:host([transparent]){outline-color:transparent}`;const Pt=new WeakMap;class Wt extends Tt{constructor(){super(...arguments);this.$onCanvasChange=null;this.$onCanvasActionEnd=null;this.$onCanvasActionStart=null;this.$style=_t;this.x=0;this.y=0;this.width=0;this.height=0;this.slottable=false;this.themeColor="rgba(0, 0, 0, 0.65)"}set $canvas(t){Pt.set(this,t)}get $canvas(){return Pt.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(b));if(s){this.$onCanvasActionStart=t=>{if(s.hidden&&t.detail.action===w){this.hidden=false}};this.$onCanvasActionEnd=t=>{if(s.hidden&&t.detail.action===w){this.hidden=true}};this.$onCanvasChange=t=>{const{x:i,y:e,width:n,height:h}=t.detail;this.$change(i,e,n,h);if(s.hidden||i===0&&e===0&&n===0&&h===0){this.hidden=true}};ft(t,F,this.$onCanvasActionStart);ft(t,U,this.$onCanvasActionEnd);ft(t,K,this.$onCanvasChange)}}this.$render()}disconnectedCallback(){const{$canvas:t}=this;if(t){if(this.$onCanvasActionStart){lt(t,F,this.$onCanvasActionStart);this.$onCanvasActionStart=null}if(this.$onCanvasActionEnd){lt(t,U,this.$onCanvasActionEnd);this.$onCanvasActionEnd=null}if(this.$onCanvasChange){lt(t,K,this.$onCanvasChange);this.$onCanvasChange=null}}super.disconnectedCallback()}$change(t,s,i=this.width,e=this.height){if(!J(t)||!J(s)||!J(i)||!J(e)||t===this.x&&s===this.y&&i===this.width&&e===this.height){return this}if(this.hidden){this.hidden=false}this.x=t;this.y=s;this.width=i;this.height=e;return this.$render()}$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:o.innerWidth})}}Wt.$name=m;Wt.$version="2.0.0";var Dt=`: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}`;class Lt extends Tt{constructor(){super(...arguments);this.$onCanvasCropEnd=null;this.$onCanvasCropStart=null;this.$style=Dt;this.action=x;this.plain=false;this.slottable=false;this.themeColor="rgba(51, 153, 255, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["action","plain"])}}Lt.$name=d;Lt.$version="2.0.0";var Ht=`: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}`;const Ut=new WeakMap;class Bt extends Tt{constructor(){super(...arguments);this.$onCanvasAction=null;this.$onCanvasActionStart=null;this.$onCanvasActionEnd=null;this.$onDocumentKeyDown=null;this.$action="";this.$actionStartTarget=null;this.$changing=false;this.$style=Ht;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=false;this.linked=false;this.dynamic=false;this.movable=false;this.resizable=false;this.zoomable=false;this.multiple=false;this.keyboard=false;this.outlined=false;this.precise=false}set $canvas(t){Ut.set(this,t)}get $canvas(){return Ut.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)){return}super.$propertyChangedCallback(t,s,i);switch(t){case"x":case"y":case"width":case"height":if(!this.$changing){this.$nextTick((()=>{this.$change(this.x,this.y,this.width,this.height,this.aspectRatio,true)}))}break;case"aspectRatio":case"initialAspectRatio":this.$nextTick((()=>{this.$initSelection()}));break;case"initialCoverage":this.$nextTick((()=>{if(Q(i)&&i<=1){this.$initSelection(true,true)}}));break;case"keyboard":this.$nextTick((()=>{if(this.$canvas){if(i){if(!this.$onDocumentKeyDown){this.$onDocumentKeyDown=this.$handleKeyDown.bind(this);ft(this.ownerDocument,W,this.$onDocumentKeyDown)}}else if(this.$onDocumentKeyDown){lt(this.ownerDocument,W,this.$onDocumentKeyDown);this.$onDocumentKeyDown=null}}}));break;case"multiple":this.$nextTick((()=>{if(this.$canvas){const t=this.$getSelections();if(i){t.forEach((t=>{t.active=false}));this.active=true;this.$emit(K,{x:this.x,y:this.y,width:this.width,height:this.height})}else{this.active=false;t.slice(1).forEach((t=>{this.$removeSelection(t)}))}}}));break;case"precise":this.$nextTick((()=>{this.$change(this.x,this.y)}));break;case"linked":if(i){this.dynamic=true}break}}connectedCallback(){super.connectedCallback();const t=this.closest(this.$getTagNameOf(l));if(t){this.$canvas=t;this.$setStyles({position:"absolute",transform:`translate(${this.x}px, ${this.y}px)`});if(!this.hidden){this.$render()}this.$initSelection(true);this.$onCanvasActionStart=this.$handleActionStart.bind(this);this.$onCanvasActionEnd=this.$handleActionEnd.bind(this);this.$onCanvasAction=this.$handleAction.bind(this);ft(t,F,this.$onCanvasActionStart);ft(t,U,this.$onCanvasActionEnd);ft(t,H,this.$onCanvasAction)}else{this.$render()}}disconnectedCallback(){const{$canvas:t}=this;if(t){if(this.$onCanvasActionStart){lt(t,F,this.$onCanvasActionStart);this.$onCanvasActionStart=null}if(this.$onCanvasActionEnd){lt(t,U,this.$onCanvasActionEnd);this.$onCanvasActionEnd=null}if(this.$onCanvasAction){lt(t,H,this.$onCanvasAction);this.$onCanvasAction=null}}super.disconnectedCallback()}$getSelections(){let t=[];if(this.parentElement){t=Array.from(this.parentElement.querySelectorAll(this.$getTagNameOf(b)))}return t}$initSelection(t=false,s=false){const{initialCoverage:i,parentElement:e}=this;if(Q(i)&&e){const n=this.aspectRatio||this.initialAspectRatio;let h=(s?0:this.width)||e.offsetWidth*i;let o=(s?0:this.height)||e.offsetHeight*i;if(Q(n)){({width:h,height:o}=yt({aspectRatio:n,width:h,height:o}))}this.$change(this.x,this.y,h,o);if(t){this.$center()}this.$initialSelection={x:this.x,y:this.y,width:this.width,height:this.height}}}$createSelection(){const t=this.cloneNode(true);if(this.hasAttribute("id")){t.removeAttribute("id")}t.initialCoverage=NaN;this.active=false;if(this.parentElement){this.parentElement.insertBefore(t,this.nextSibling)}return t}$removeSelection(t=this){if(this.parentElement){const s=this.$getSelections();if(s.length>1){const i=s.indexOf(t);const e=s[i+1]||s[i-1];if(e){t.active=false;this.parentElement.removeChild(t);e.active=true;e.$emit(K,{x:e.x,y:e.y,width:e.width,height:e.height})}}else{this.$clear()}}}$handleActionStart(t){var s,i;const e=(i=(s=t.detail)===null||s===void 0?void 0:s.relatedEvent)===null||i===void 0?void 0:i.target;this.$action="";this.$actionStartTarget=e;if(!this.hidden&&this.multiple&&!this.active&&e===this&&this.parentElement){this.$getSelections().forEach((t=>{t.active=false}));this.active=true;this.$emit(K,{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:n}=i;if(!n&&this.multiple){n=this.$action||(e===null||e===void 0?void 0:e.target.action);this.$action=n}if(!n||this.hidden&&n!==w||this.multiple&&!this.active&&n!==$){return}const h=i.endX-i.startX;const o=i.endY-i.startY;const{width:r,height:a}=this;let{aspectRatio:c}=this;if(!Q(c)&&e.shiftKey){c=Q(r)&&Q(a)?r/a:1}switch(n){case w:if(h!==0&&o!==0){const{$canvas:t}=this;const e=gt(s);(this.multiple&&!this.hidden?this.$createSelection():this).$change(i.startX-e.left,i.startY-e.top,Math.abs(h),Math.abs(o),c);if(h<0){if(o<0){n=O}else if(o>0){n=T}}else if(h>0){if(o<0){n=j}else if(o>0){n=S}}if(t){t.$action=n}}break;case v:if(this.movable&&(this.dynamic||this.$actionStartTarget&&this.contains(this.$actionStartTarget))){this.$move(h,o)}break;case $:if(e&&this.zoomable&&(this.dynamic||this.contains(e.target))){const t=gt(s);this.$zoom(i.scale,e.pageX-t.left,e.pageY-t.top)}break;default:this.$resize(n,h,o,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))){return}switch(t.key){case"Backspace":if(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);break}}$center(){const{parentElement:t}=this;if(!t){return this}const s=(t.offsetWidth-this.width)/2;const i=(t.offsetHeight-this.height)/2;return this.$change(s,i)}$move(t,s=t){return this.$moveTo(this.x+t,this.y+s)}$moveTo(t,s=t){if(!this.movable){return this}return this.$change(t,s)}$resize(t,s=0,i=0,e=this.aspectRatio){if(!this.resizable){return this}const n=Q(e);const{$canvas:h}=this;let{x:o,y:r,width:a,height:c}=this;switch(t){case z:r+=i;c-=i;if(c<0){t=C;c=-c;r-=c}if(n){s=i*e;o+=s/2;a-=s;if(a<0){a=-a;o-=a}}break;case M:a+=s;if(a<0){t=A;a=-a;o-=a}if(n){i=s/e;r-=i/2;c+=i;if(c<0){c=-c;r-=c}}break;case C:c+=i;if(c<0){t=z;c=-c;r-=c}if(n){s=i*e;o-=s/2;a+=s;if(a<0){a=-a;o-=a}}break;case A:o+=s;a-=s;if(a<0){t=M;a=-a;o-=a}if(n){i=s/e;r+=i/2;c-=i;if(c<0){c=-c;r-=c}}break;case j:if(n){i=-s/e}r+=i;c-=i;a+=s;if(a<0&&c<0){t=T;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=O;a=-a;o-=a}else if(c<0){t=S;c=-c;r-=c}break;case O:if(n){i=s/e}o+=s;r+=i;a-=s;c-=i;if(a<0&&c<0){t=S;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=j;a=-a;o-=a}else if(c<0){t=T;c=-c;r-=c}break;case S:if(n){i=s/e}a+=s;c+=i;if(a<0&&c<0){t=O;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=T;a=-a;o-=a}else if(c<0){t=j;c=-c;r-=c}break;case T:if(n){i=-s/e}o+=s;a-=s;c+=i;if(a<0&&c<0){t=j;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=S;a=-a;o-=a}else if(c<0){t=O;c=-c;r-=c}break}if(h){h.$setAction(t)}return this.$change(o,r,a,c)}$zoom(t,s,i){if(!this.zoomable||t===0){return this}if(t<0){t=1/(1-t)}else{t+=1}const{width:e,height:n}=this;const h=e*t;const o=n*t;let r=this.x;let a=this.y;if(J(s)&&J(i)){r-=(h-e)*((s-this.x)/e);a-=(o-n)*((i-this.y)/n)}else{r-=(h-e)/2;a-=(o-n)/2}return this.$change(r,a,h,o)}$change(t,s,i=this.width,e=this.height,n=this.aspectRatio,h=false){if(this.$changing||!J(t)||!J(s)||!J(i)||!J(e)||i<0||e<0){return this}if(Q(n)){({width:i,height:e}=yt({aspectRatio:n,width:i,height:e},"cover"))}if(!this.precise){t=Math.round(t);s=Math.round(s);i=Math.round(i);e=Math.round(e)}if(t===this.x&&s===this.y&&i===this.width&&e===this.height&&Object.is(n,this.aspectRatio)&&!h){return this}if(this.hidden){this.hidden=false}if(this.$emit(K,{x:t,y:s,width:i,height:e})===false){return this}this.$changing=true;this.x=t;this.y=s;this.width=i;this.height=e;this.$changing=false;return this.$render()}$reset(){const{x:t,y:s,width:i,height:e}=this.$initialSelection;return this.$change(t,s,i,e)}$clear(){this.$change(0,0,0,0,NaN,true);this.hidden=true;return 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){i(new Error("The current element is not connected to the DOM."));return}const e=document.createElement("canvas");let{width:n,height:h}=this;let o=1;if(it(t)&&(Q(t.width)||Q(t.height))){({width:n,height:h}=yt({aspectRatio:n/h,width:t.width,height:t.height}));o=n/this.width}e.width=n;e.height=h;if(!this.$canvas){s(e);return}const r=this.$canvas.querySelector(this.$getTagNameOf(p));if(!r){s(e);return}r.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,f,u,d]=r.$getTransform();const p=-this.x;const b=-this.y;const m=(p*f-l*b)/(s*f-l*c);const g=(b*s-c*p)/(s*f-l*c);let w=s*m+l*g+u;let v=c*m+f*g+d;let $=i.naturalWidth;let k=i.naturalHeight;if(o!==1){w*=o;v*=o;$*=o;k*=o}const y=$/2;const x=k/2;a.fillStyle="transparent";a.fillRect(0,0,n,h);if(it(t)&&et(t.beforeDraw)){t.beforeDraw.call(this,a,e)}a.save();a.translate(y,x);a.transform(s,c,l,f,w,v);a.translate(-y,-x);a.drawImage(i,0,0,$,k);a.restore()}s(e)})).catch(i)}))}}Bt.$name=b;Bt.$version="2.0.0";var Ft=`: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)}`;class Kt extends Tt{constructor(){super(...arguments);this.$style=Ft;this.bordered=false;this.columns=3;this.covered=false;this.rows=3;this.slottable=false;this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["bordered","columns","covered","rows"])}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);if(t==="rows"||t==="columns"){this.$nextTick((()=>{this.$render()}))}}connectedCallback(){super.connectedCallback();this.$render()}$render(){const t=this.$getShadowRoot();const 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)}if(t){t.innerHTML="";t.appendChild(s)}}}Kt.$name=u;Kt.$version="2.0.0";var Zt=`: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%)}`;class qt extends Tt{constructor(){super(...arguments);this.$style=Zt;this.centered=false;this.slottable=false;this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["centered"])}}qt.$name=f;qt.$version="2.0.0";var Gt=`:host{display:block;height:100%;overflow:hidden;position:relative;width:100%}`;const Jt=new WeakMap;const Qt=new WeakMap;const Vt=new WeakMap;const ts=new WeakMap;const ss="both";const is="horizontal";const es="vertical";const ns="none";class hs extends Tt{constructor(){super(...arguments);this.$onSelectionChange=null;this.$onSourceImageLoad=null;this.$onSourceImageTransform=null;this.$scale=1;this.$style=Gt;this.resize=es;this.selection="";this.slottable=false}set $image(t){Qt.set(this,t)}get $image(){return Qt.get(this)}set $sourceImage(t){ts.set(this,t)}get $sourceImage(){return ts.get(this)}set $canvas(t){Jt.set(this,t)}get $canvas(){return Jt.get(this)}set $selection(t){Vt.set(this,t)}get $selection(){return Vt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["resize","selection"])}connectedCallback(){super.connectedCallback();let t=null;if(this.selection){t=this.ownerDocument.querySelector(this.selection)}else{t=this.closest(this.$getTagNameOf(b))}if(nt(t)){this.$selection=t;this.$onSelectionChange=this.$handleSelectionChange.bind(this);ft(t,K,this.$onSelectionChange);const s=t.closest(this.$getTagNameOf(l));if(s){this.$canvas=s;const t=s.querySelector(this.$getTagNameOf(p));if(t){this.$sourceImage=t;this.$image=t.cloneNode(true);this.$getShadowRoot().appendChild(this.$image);this.$onSourceImageLoad=this.$handleSourceImageLoad.bind(this);this.$onSourceImageTransform=this.$handleSourceImageTransform.bind(this);ft(t.$image,D,this.$onSourceImageLoad);ft(t,Z,this.$onSourceImageTransform)}}this.$render()}}disconnectedCallback(){const{$selection:t,$sourceImage:s}=this;if(t&&this.$onSelectionChange){lt(t,K,this.$onSelectionChange);this.$onSelectionChange=null}if(s&&this.$onSourceImageLoad){lt(s.$image,D,this.$onSourceImageLoad);this.$onSourceImageLoad=null}if(s&&this.$onSourceImageTransform){lt(s,Z,this.$onSourceImageTransform);this.$onSourceImageTransform=null}super.disconnectedCallback()}$handleSelectionChange(t){this.$render(t.detail)}$handleSourceImageLoad(){const{$image:t,$sourceImage:s}=this;const i=t.getAttribute("src");const e=s.getAttribute("src");if(e&&e!==i){t.setAttribute("src",e);t.$ready((()=>{setTimeout((()=>{this.$render()}),50)}))}}$handleSourceImageTransform(t){this.$render(undefined,t.detail.matrix)}$render(t,s){const{$canvas:i,$selection:e}=this;if(!t&&!e.hidden){t=e}if(!t||t.x===0&&t.y===0&&t.width===0&&t.height===0){t={x:0,y:0,width:i.offsetWidth,height:i.offsetHeight}}const{x:n,y:h,width:o,height:r}=t;const a={};const{clientWidth:c,clientHeight:l}=this;let f=c;let u=l;let d=NaN;switch(this.resize){case ss:d=1;f=o;u=r;a.width=o;a.height=r;break;case is:d=r>0?l/r:0;f=o*d;a.width=f;break;case es:d=o>0?c/o:0;u=r*d;a.height=u;break;case ns:default:if(c>0){d=o>0?c/o:0}else if(l>0){d=r>0?l/r:0}}this.$scale=d;this.$setStyles(a);if(this.$sourceImage){this.$transformImageByOffset(s!==null&&s!==void 0?s:this.$sourceImage.$getTransform(),-n,-h)}}$transformImageByOffset(t,s,i){const{$image:e,$scale:n,$sourceImage:h}=this;if(h&&e&&n>=0){const[h,o,r,a,c,l]=t;const f=(s*a-r*i)/(h*a-r*o);const u=(i*h-o*s)/(h*a-r*o);const d=h*f+r*u+c;const p=o*f+a*u+l;e.$ready((t=>{this.$setStyles.call(e,{width:t.naturalWidth*n,height:t.naturalHeight*n})}));e.$setTransform(h,o,r,a,d*n,p*n)}}}hs.$name=g;hs.$version="2.0.0";
+/*! Cropper.js v2.0.0 | (c) 2015-present Chen Fengyuan | MIT */It.$define();qt.$define();Kt.$define();Lt.$define();Yt.$define();Bt.$define();Wt.$define();hs.$define();const os=".mb-6{margin-bottom:1.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}*{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!important}.hidden{display:none!important}.h-\\[17\\.5rem\\]{height:17.5rem!important}.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))!important}.resize{resize:both!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-medium{--tw-border-opacity:1!important;border-color:rgb(227 236 243/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity,1))!important}@media (min-width:40rem){.tablet\\:max-w-xs{max-width:20rem!important}.tablet\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}}";const rs=os;const as=class{constructor(i){t(this,i);this.valueChange=s(this,"valueChange",3);this.variant="user";this.value=undefined;this.returnType="base64";this._loaded=false;this._currentScale=0}valueChange;_imageRef;_selectionRef;_maxScale=0;_minScale=0;_resizeDebounceTimeout;_toCanvasDebounceTimeout;onResize(){if(this._resizeDebounceTimeout){clearTimeout(this._resizeDebounceTimeout)}this._resizeDebounceTimeout=setTimeout((()=>{this._selectionRef.$center();this._imageRef.$center()}),200)}componentDidLoad(){setTimeout((()=>{this._loaded=true}),200)}render(){return i(e,{key:"afd5e10b35660436241cd4bf34804ff18d38e63c",class:"p-cropper"},this._loaded&&i("cropper-canvas",{key:"b83a601fdc5e6dd0bdab4091dce8536dd8098abd",class:"h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white",onAction:()=>this._onAction()},i("cropper-image",{key:"92f70e3d205a72e87c4454f6f2ffb3ecb7c2a2c4",src:this.value,alt:"Picture",ref:t=>this._setImageRef(t),scalable:true,crossorigin:"anonymous"}),i("cropper-shade",{key:"cb819b4d9a2e28263555c888b4db913d6d8d9f45",class:n({"rounded-round":this.variant==="user",rounded:this.variant==="company"}),"theme-color":"rgba(255, 255, 255, 0.5)",hidden:true}),i("cropper-selection",{key:"65e6df8e4166009cc27e83c173203c7dfe163bd8","initial-coverage":"0.7","aspect-ratio":"1",ref:t=>this._selectionRef=t}),i("cropper-handle",{key:"2c7e8c3b91c7bf71ac9ab34f12d7533ac32686d1",action:"move",plain:true})),i("div",{key:"f8bdfafaebb8ec4da34b01bbbefc8a56f34a9696",class:"flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1"},i("p-icon",{key:"883df6ef54a39ab1fbc2b1d3e1940aaec0f0d97f",variant:"minus"}),i("input",{key:"8d39562d4df89cf00479cc3ff97194c14622fd31",class:"p-input w-full",type:"range",min:"0",max:"100",value:this._currentScale,onInput:t=>this._onInput(t.target.value),step:"0.5"}),i("p-icon",{key:"9b0ba4eae79add1f148a884013f8ad3f8d7d75cd",variant:"plus"})))}_setImageRef(t){if(this._imageRef){return}this._imageRef=t;this._imageRef.$ready((t=>setTimeout((()=>this._setInitialState(t)),200)))}_setInitialState(t){let s;if(t.naturalWidth>t.naturalHeight){s=200/t.naturalHeight}if(t.naturalHeight>=t.naturalWidth){s=200/t.naturalWidth}const i=this._imageRef.$getTransform();this._minScale=s;this._maxScale=i[0];this._selectionRef.$resize("nw-resize",200,200,1);this._selectionRef.$center();this._setScale(s);this._toCanvas()}_onAction(){this._setCurrentScale();this._toCanvas()}_setScale(t,s=true,i=true){const e=this._imageRef.$getTransform();this._imageRef.$setTransform([t,0,0,t,e[4],e[5]]);if(s){this._imageRef.$center()}if(i){this._setCurrentScale()}}_setCurrentScale(){const t=this._imageRef.$getTransform();const s=t[0];if(s<this._minScale){this._setScale(this._minScale,true,false);this._currentScale=0;return}if(s>this._maxScale){this._setScale(this._maxScale,true,false);this._currentScale=100;return}if(s===this._minScale){this._currentScale=0;return}if(s===this._maxScale){this._currentScale=100;return}const i=this._maxScale-this._minScale;const e=s-this._minScale;const n=e/i*100;this._currentScale=n}_onInput(t){const s=this._imageRef.$getTransform();const i=s[0];const e=this._maxScale-this._minScale;const n=e*(t/100);if(n===i){return}this._setScale(n+this._minScale,false,false);this._currentScale=t;this._toCanvas()}_toCanvas(){if(this._toCanvasDebounceTimeout){clearTimeout(this._toCanvasDebounceTimeout)}this._toCanvasDebounceTimeout=setTimeout((async()=>{const t=await this._selectionRef.$toCanvas();if(this.returnType==="canvas"){this.valueChange.emit(t);return}const s=t.toDataURL("image/png");this.valueChange.emit(s)}),200)}};as.style=rs;export{as as p_cropper};
+//# sourceMappingURL=p-1ed4a75e.entry.js.map