@paperless/core 2.0.1-beta.67 → 2.0.1-beta.69

package/dist/build/{p-6f07f37e.entry.js → p-136616a3.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as r,H as a}from"./p-I9JY9uxk.js";const i=".flex{display:flex!important}.w-full{width:100%!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.border-l-4{border-left-width:4px!important}.border-solid{border-style:solid!important}.border-l-negative{--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity,1))!important}.border-l-positive{--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity,1))!important}.border-l-unbiased{--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/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}.p-4{padding:1rem!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-left-width:4px!important;border-radius:.25rem;border-style:solid!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;box-sizing:border-box;display:flex;gap:.5rem;justify-content:space-between;padding:1rem 1rem 1rem 1.25rem;width:100%}:host p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.variant-positive){--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity,1))!important}:host(.variant-unbiased){--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity,1))!important}:host(.variant-negative){--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity,1))!important}.static{position:static!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.flex-col{flex-direction:column!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}";const e=class{constructor(r){t(this,r);this.action=o(this,"action",3)}variant="positive";header;content;enableAction=true;actionIcon="negative";actionIconFlip;actionIconRotate;action;render(){return r(a,{key:"487b43615637dc1fb54cd5d5868e08de6ce262f3",class:`p-toast variant-${this.variant}`,onClick:()=>this._onClick()},r("div",{key:"6a5b4105e9f59db8af4fe48151d5a58d4ddebf4f",class:"flex w-full min-w-0 flex-col"},r("p",{key:"b41b592791fed6a2aef9a6abbb63005574d5e355",class:"font-semibold text-storm"},this.header?.length?this.header:r("slot",{name:"header"})),r("p",{key:"775a806ae49147691a4417a7e2056fc67a09dc6a",class:"w-full text-sm text-storm-medium"},this.content?.length?this.content:r("slot",{name:"content"}))),this.enableAction&&r("p-button",{key:"19de0f2d585db0e53ff122a192c55523c04d95b9",variant:"secondary",iconOnly:true,size:"sm",icon:this.actionIcon,iconFlip:this.actionIconFlip,iconRotate:this.actionIconRotate,class:"flex-shrink-0"}))}_onClick(){if(this.enableAction){this.action.emit()}}};e.style=i;export{e as p_toast};
-//# sourceMappingURL=p-6f07f37e.entry.js.map
+import{r as t,c as o,h as r,H as a}from"./p-I9JY9uxk.js";const i=".flex{display:flex!important}.w-full{width:100%!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.border-l-4{border-left-width:4px!important}.border-solid{border-style:solid!important}.border-l-negative{--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity,1))!important}.border-l-positive{--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity,1))!important}.border-l-unbiased{--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/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}.p-4{padding:1rem!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-left-width:4px!important;border-radius:.25rem;border-style:solid!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;box-sizing:border-box;display:flex;gap:.5rem;justify-content:space-between;padding:1rem 1rem 1rem 1.25rem;width:100%}:host p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.variant-positive){--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity,1))!important}:host(.variant-unbiased){--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity,1))!important}:host(.variant-negative){--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity,1))!important}.static{position:static!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.flex-col{flex-direction:column!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}";const e=class{constructor(r){t(this,r);this.action=o(this,"action",3)}variant="positive";header;content;enableAction=true;actionIcon="negative";actionIconFlip;actionIconRotate;action;render(){return r(a,{key:"adf7fdf6ec46242bf7354ab965e275a6ef970485",class:`p-toast variant-${this.variant}`,onClick:()=>this._onClick()},r("div",{key:"409f5d93a267520e03227eb75b5cb7af437a1bbf",class:"flex w-full min-w-0 flex-col"},r("p",{key:"41ffd58d54310df9d8a173ba2fe47ee266609df3",class:"font-semibold text-storm"},this.header?.length?this.header:r("slot",{name:"header"})),r("p",{key:"7603de6d3d458be0980829bc878a836fbf814d7e",class:"w-full text-sm text-storm-medium"},this.content?.length?this.content:r("slot",{name:"content"}))),this.enableAction&&r("p-button",{key:"9444439e05a33a92d0c5babcb3751db0772bc95d",variant:"secondary",iconOnly:true,size:"sm",icon:this.actionIcon,iconFlip:this.actionIconFlip,iconRotate:this.actionIconRotate,class:"flex-shrink-0"}))}_onClick(){if(this.enableAction){this.action.emit()}}};e.style=i;export{e as p_toast};
+//# sourceMappingURL=p-136616a3.entry.js.map

package/dist/build/{p-a3786a55.entry.js → p-13f4e43c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r,H as e}from"./p-I9JY9uxk.js";const i=".absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-0{top:0!important}.order-2{order:2!important}.ml-0{margin-left:0!important}.mr-4{margin-right:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-4{width:1rem!important}.w-full{width:100%!important}.min-w-\\[calc\\(100\\%-2rem\\)\\]{min-width:calc(100% - 2rem)!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.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}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity,1))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}:host .content{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity,1));border-radius:9999px;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;flex-shrink:0;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){flex:0;height:2.5rem}:host([direction=horizontal]) .content{min-width:0;order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){align-items:center;min-height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;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))}:host([direction=vertical][content-position=start]){flex-direction:row-reverse}:host([direction=vertical][content-position=start]) .content{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}.static{position:static!important}";const o=class{constructor(r){t(this,r)}align="center";direction="horizontal";contentPosition="end";finished=false;active=false;render(){return r(e,{key:"5530f6c741575ff1d139f5ecaf7c843ce5fb319a",class:"p-stepper-item"},r("div",{key:"0b34dc9d11a253db66cd4caff2cecb37e9a52d23",class:"circle"},this.finished&&r("p-icon",{key:"a1f32db164e705ee95bb4f53470132c5e633c297",variant:"checkmark"})),r("div",{key:"f4055e42d9ab92299ff14680c14b5d600cc2142f",class:"content"},r("slot",{key:"6080dea3f48628d7695fa637388c42b5af5b0a94",name:"content"})))}};o.style=i;export{o as p_stepper_item};
-//# sourceMappingURL=p-a3786a55.entry.js.map
+import{r as t,h as e,H as r}from"./p-I9JY9uxk.js";const i=".absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-0{top:0!important}.order-2{order:2!important}.ml-0{margin-left:0!important}.mr-4{margin-right:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-4{width:1rem!important}.w-full{width:100%!important}.min-w-\\[calc\\(100\\%-2rem\\)\\]{min-width:calc(100% - 2rem)!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.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}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity,1))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}:host .content{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity,1));border-radius:9999px;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;flex-shrink:0;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){flex:0;height:2.5rem}:host([direction=horizontal]) .content{min-width:0;order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){align-items:center;min-height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;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))}:host([direction=vertical][content-position=start]){flex-direction:row-reverse}:host([direction=vertical][content-position=start]) .content{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}.static{position:static!important}";const o=class{constructor(e){t(this,e)}align="center";direction="horizontal";contentPosition="end";finished=false;active=false;render(){return e(r,{key:"1283abc0e76d4010e821807ab62112d0009cb6ed",class:"p-stepper-item"},e("div",{key:"c2458fde97ae918a68597867898e3cf37b76ac41",class:"circle"},this.finished&&e("p-icon",{key:"2e23b0201b13a7f09c0cc183037a9d2e08c98909",variant:"checkmark"})),e("div",{key:"efd88ab040f2c8a88edb8bb96976ce32ce228295",class:"content"},e("slot",{key:"63d15c2de4f78abac89a00818002d78ee43ea437",name:"content"})))}};o.style=i;export{o as p_stepper_item};
+//# sourceMappingURL=p-13f4e43c.entry.js.map

package/dist/build/p-1775e544.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as a,H as i}from"./p-I9JY9uxk.js";const r=".block{display:block!important}*{box-sizing:border-box}:host{display:block;margin-bottom:1.5rem}.static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.font-medium{font-weight:500!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity,1))!important}";const o=class{constructor(a){t(this,a);this.isOpen=e(this,"isOpen",3)}header;open=false;closeable=true;openable=true;isOpen;render(){return a(i,{key:"e662bfe977c60b47ec2e624aadf227b73cfe2b1d",class:"p-accordion"},a("div",{key:"90f37f6be6b2a272c349340ea5e88d01cd91806f",class:"flex cursor-pointer items-center gap-3 text-storm-vague",onClick:()=>this._onClick()},a("p-icon",{key:"6746eaaf82e912c09376c47b5a92c9553fc9a181",class:"flex",variant:"caret",rotate:this.open?0:-90}),a("p",{key:"ec4a89e5613b989a408ad5f7d30be198e6175437",class:"m-0 whitespace-nowrap text-lg font-medium"},this.header),a("p-divider",{key:"87ece009aff99e1cee79887d3951abd5860da883"})),this.open&&a("div",{key:"a4ee83b19640ace3cd642c28cce4ceb49fe8cf84",class:"mt-6"},a("slot",{key:"517d40fffa8d15ff3acdcf7d732ac6b4cc8236ec"})))}_onClick(){if(!this.closeable&&this.open){return}if(!this.openable&&!this.open){return}this.open=!this.open;this.isOpen.emit(this.open)}};o.style=r;export{o as p_accordion};
+//# sourceMappingURL=p-1775e544.entry.js.map

package/dist/build/{p-d8ba8d04.entry.js → p-2e7078c8.entry.js}

@@ -1,3 +1,3 @@
 import{r as t,c as s,h as i,H as e}from"./p-I9JY9uxk.js";import{c as n}from"./p-ChV9xqsO.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?"touchstart":"mousedown";const R=a?"pointerdown":_;const X=a?"pointermove":N;const Y=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 q="change";const J="transform";function K(t){return typeof t==="string"}const V=Number.isNaN||o.isNaN;function Z(t){return typeof t==="number"&&!V(t)}function G(t){return Z(t)&&t>0&&t<Infinity}function Q(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=G(e);const o=G(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(V(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(!Q(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(Z(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,R,this.$onPointerDown)}if(!this.$onPointerMove){this.$onPointerMove=this.$handlePointerMove.bind(this);ft(this.ownerDocument,X,this.$onPointerMove)}if(!this.$onPointerUp){this.$onPointerUp=this.$handlePointerUp.bind(this);ft(this.ownerDocument,Y,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,R,this.$onPointerDown);this.$onPointerDown=null}if(this.$onPointerMove){lt(this.ownerDocument,X,this.$onPointerMove);this.$onPointerMove=null}if(this.$onPointerUp){lt(this.ownerDocument,Y,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")&&(Z(s)&&s!==1||Z(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(K(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)&&(G(t.width)||G(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 _t=new WeakMap;const Rt=["alt","crossorigin","decoding","importance","loading","referrerpolicy","sizes","src","srcset"];class Xt 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){_t.set(this,t)}get $canvas(){return _t.get(this)}static get observedAttributes(){return super.observedAttributes.concat(Rt,["initial-center-size","rotatable","scalable","skewable","translatable"])}attributeChangedCallback(t,s,i){if(Object.is(i,s)){return}super.attributeChangedCallback(t,s,i);if(Rt.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&&Z(t)&&Z(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&&Z(t)&&Z(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(Z(s)&&Z(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(Z(s)&&Z(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&&Z(t)&&Z(s)){this.$transform(1,0,0,1,t,s)}return this}$transform(t,s,i,e,n,h){if(Z(t)&&Z(s)&&Z(i)&&Z(e)&&Z(n)&&Z(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(Z(t)&&Z(s)&&Z(i)&&Z(e)&&Z(n)&&Z(h)){const o=[...this.$matrix];const r=[t,s,i,e,n,h];if(this.$emit(J,{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])}}Xt.$name=p;Xt.$version="2.0.0";var Yt=`: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=Yt;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,q,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,q,this.$onCanvasChange);this.$onCanvasChange=null}}super.disconnectedCallback()}$change(t,s,i=this.width,e=this.height){if(!Z(t)||!Z(s)||!Z(i)||!Z(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(G(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(q,{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(G(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(G(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(q,{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(q,{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(!G(c)&&e.shiftKey){c=G(r)&&G(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=G(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(Z(s)&&Z(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||!Z(t)||!Z(s)||!Z(i)||!Z(e)||i<0||e<0){return this}if(G(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(q,{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)&&(G(t.width)||G(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 qt 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)}}}qt.$name=u;qt.$version="2.0.0";var Jt=`: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 Kt extends Tt{constructor(){super(...arguments);this.$style=Jt;this.centered=false;this.slottable=false;this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["centered"])}}Kt.$name=f;Kt.$version="2.0.0";var Vt=`:host{display:block;height:100%;overflow:hidden;position:relative;width:100%}`;const Zt=new WeakMap;const Gt=new WeakMap;const Qt=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=Vt;this.resize=es;this.selection="";this.slottable=false}set $image(t){Gt.set(this,t)}get $image(){return Gt.get(this)}set $sourceImage(t){ts.set(this,t)}get $sourceImage(){return ts.get(this)}set $canvas(t){Zt.set(this,t)}get $canvas(){return Zt.get(this)}set $selection(t){Qt.set(this,t)}get $selection(){return Qt.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,q,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,J,this.$onSourceImageTransform)}}this.$render()}}disconnectedCallback(){const{$selection:t,$sourceImage:s}=this;if(t&&this.$onSelectionChange){lt(t,q,this.$onSelectionChange);this.$onSelectionChange=null}if(s&&this.$onSourceImageLoad){lt(s.$image,D,this.$onSourceImageLoad);this.$onSourceImageLoad=null}if(s&&this.$onSourceImageTransform){lt(s,J,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();Kt.$define();qt.$define();Lt.$define();Xt.$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=class{constructor(i){t(this,i);this.valueChange=s(this,"valueChange",3)}variant="user";value;returnType="base64";valueChange;_imageRef;_selectionRef;_maxScale=0;_minScale=0;_resizeDebounceTimeout;_toCanvasDebounceTimeout;_loaded=false;_currentScale=0;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:"cf3ff15123161c366d73c97eae8eaef57baa5452",class:"p-cropper"},this._loaded&&i("cropper-canvas",{key:"28611bd08b26638165dbe3f18bec490a6ab2d90d",class:"h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white",onAction:()=>this._onAction()},i("cropper-image",{key:"67bbbf0f4a0e835a410ec9812547624bc2b83909",src:this.value,alt:"Picture",ref:t=>this._setImageRef(t),scalable:true,crossorigin:"anonymous"}),i("cropper-shade",{key:"264614024cdfc56792f2508203ebfc0a1d4ee8dc",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:"3dcc1ed6c57736a627b510f5294291b5c1214683","initial-coverage":"0.7","aspect-ratio":"1",ref:t=>this._selectionRef=t}),i("cropper-handle",{key:"e987c84b87f01162c7ab093d606463f189a16bf7",action:"move",plain:true})),i("div",{key:"f75de6ebbd0e0e5e27ef6d455c5dad7467240d2e",class:"flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1"},i("p-icon",{key:"115a2f9d9cd815b172ecf132db230fa6ed0d0855",variant:"minus"}),i("input",{key:"83aa40b551425dc62588d9308cc6c7a683fbbdf0",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:"64e60553e7ea9ee72fde7acdc6ff05fe298a639d",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)}};rs.style=os;export{rs as p_cropper};
-//# sourceMappingURL=p-d8ba8d04.entry.js.map
+/*! Cropper.js v2.0.0 | (c) 2015-present Chen Fengyuan | MIT */It.$define();Kt.$define();qt.$define();Lt.$define();Xt.$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=class{constructor(i){t(this,i);this.valueChange=s(this,"valueChange",3)}variant="user";value;returnType="base64";valueChange;_imageRef;_selectionRef;_maxScale=0;_minScale=0;_resizeDebounceTimeout;_toCanvasDebounceTimeout;_loaded=false;_currentScale=0;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:"e24538f7894f87f0a74b278cfcded8c468458b1d",class:"p-cropper"},this._loaded&&i("cropper-canvas",{key:"322819276c8067200448b6b5db91c5d4b55635dc",class:"h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white",onAction:()=>this._onAction()},i("cropper-image",{key:"425800342321a6866fe456c306cd14e41f730638",src:this.value,alt:"Picture",ref:t=>this._setImageRef(t),scalable:true,crossorigin:"anonymous"}),i("cropper-shade",{key:"8c0909db63231a802bc9a095ff4d7a91733c2cb5",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:"98bb666ed377e4a05dcd79bf75a6bfbd0c87f357","initial-coverage":"0.7","aspect-ratio":"1",ref:t=>this._selectionRef=t}),i("cropper-handle",{key:"800ba3ca781e8bcaadf48fc9bdb19f9a1f8e2a18",action:"move",plain:true})),i("div",{key:"329691f46ecb9a2fe69adc9ee52e01f99d5e5887",class:"flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1"},i("p-icon",{key:"331f23998c122f21c0b5244ebf7ead26d85b5b75",variant:"minus"}),i("input",{key:"ba6b41da6715d42d6b39e707b6a99b5401c40272",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:"1259a20fa5c3cae52a1dc9568329451a32706f4d",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)}};rs.style=os;export{rs as p_cropper};
+//# sourceMappingURL=p-2e7078c8.entry.js.map

package/dist/build/{p-6642233d.entry.js → p-300a71f2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a,H as e}from"./p-I9JY9uxk.js";import{c as r}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const o="*{box-sizing:border-box}:host{.safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important;&.show{--tw-translate-x:env(safe-area-inset-left,0)!important}}.safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.z-navbar-backdrop{z-index:290!important}.z-navbar-topbar{z-index:280!important}.mt-auto{margin-top:auto!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.w-full{width:100%!important}.max-w-\\[16\\.5rem\\]{max-width:16.5rem!important}.-translate-x-full{--tw-translate-x:-100%!important;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}.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))!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-between{justify-content:space-between!important}.gap-6{gap:1.5rem!important}.overflow-y-auto{overflow-y:auto!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.will-change-transform{will-change:transform!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}@media (min-width:80rem){.layout-1280\\:relative{position:relative!important}.layout-1280\\:z-0{z-index:0!important}.layout-1280\\:flex{display:flex!important}.layout-1280\\:hidden{display:none!important}.layout-1280\\:h-full{height:100%!important}.layout-1280\\:w-60{width:15rem!important}.layout-1280\\:max-w-none{max-width:none!important}.layout-1280\\:translate-x-0{--tw-translate-x:0px!important;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}}@media (min-width:105rem){.layout-1680\\:w-72{width:18rem!important}}";const n=r(["bg-off-white-300","border-0 border-solid border-off-white-700","p-4"]);const i=r(["flex flex-col","fixed left-0 top-0 z-navbar h-screen w-60","w-full max-w-[16.5rem]","layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full","gap-6","transition-all","will-change-transform","-translate-x-full transform-gpu layout-1280:translate-x-0","border-r","safe-sidebar"],{variants:{show:{false:null,true:"show"}}});const s=r(["flex w-full justify-between items-center","relative z-navbar-topbar","border-b","layout-1280:hidden","safe-topbar"]);const l=r(["z-navbar-backdrop layout-1280:hidden transition-opacity"],{variants:{show:{false:"opacity-0 pointer-events-none",true:"opacity-100"}}});const c=class{constructor(a){t(this,a)}_show=false;render(){return a(e,{key:"420e8206936530720b691c0b1afc04a2d608b04b",class:"p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72"},a("p-backdrop",{key:"0ef0b72645f6318a41c5beac4b11bf0aca6e89e2",class:l({show:this._show}),scrollLock:this._show,onClicked:()=>this._show=false}),a("div",{key:"306b0b341f807b440afb06db4620e1d5a531920a",class:i({class:n(),show:this._show})},a("div",{key:"15ee88d5fb65f2893b3bff37f5d6c95958758722",class:"flex w-full items-center justify-between layout-1280:hidden"},a("p-button",{key:"b64a58b653501f77dcca6c5de917fa73362f5b02",variant:"secondary",icon:"menu-arrow",iconFlip:"horizontal",iconOnly:true,size:"sm",onClick:()=>this._show=false})),a("div",{key:"df946991b20959ee55b30778623da97f6bfa445e",class:"flex w-full flex-col items-stretch"},a("slot",{key:"40f50a4fbe75c85e095176805ca6b49e4cb80a6a",name:"company"})),a("div",{key:"b94aada53b4eb0ac86d52010cc3e07bb2fa0e682",class:"flex w-full flex-col gap-6 overflow-y-auto"},a("slot",{key:"28a927ba8b7eb84534ef66efaddac03c75bafb33",name:"content"})),a("div",{key:"7c8990fad4e46e05eaffda94aed8323afa6c1bf2",class:"mt-auto hidden w-full flex-col layout-1280:flex"},a("slot",{key:"ec9d59ccedce6c8daba775f0b68d42290b7b9877",name:"user"}))),a("div",{key:"c1bca26770942cfc04aca9dfee1f40b5e3ed885c",class:s({class:n()})},a("p-button",{key:"3d16426f5990c0a04cbd0befd4901fe09fcab33f",variant:"secondary",iconOnly:true,icon:"menu-arrow",size:"sm",onClick:()=>this._show=true}),a("slot",{key:"a49b86b11c0619d33dfb8cd59ca2b576d183d0cb",name:"topbar"})))}handleCloseNavbar(){this._show=false}handleOpenNavbar(){this._show=true}};c.style=o;export{c as p_navbar};
-//# sourceMappingURL=p-6642233d.entry.js.map
+import{r as t,h as a,H as e}from"./p-I9JY9uxk.js";import{c as r}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const o="*{box-sizing:border-box}:host{.safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important;&.show{--tw-translate-x:env(safe-area-inset-left,0)!important}}.safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.z-navbar-backdrop{z-index:290!important}.z-navbar-topbar{z-index:280!important}.mt-auto{margin-top:auto!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.w-full{width:100%!important}.max-w-\\[16\\.5rem\\]{max-width:16.5rem!important}.-translate-x-full{--tw-translate-x:-100%!important;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}.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))!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-between{justify-content:space-between!important}.gap-6{gap:1.5rem!important}.overflow-y-auto{overflow-y:auto!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.will-change-transform{will-change:transform!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}@media (min-width:80rem){.layout-1280\\:relative{position:relative!important}.layout-1280\\:z-0{z-index:0!important}.layout-1280\\:flex{display:flex!important}.layout-1280\\:hidden{display:none!important}.layout-1280\\:h-full{height:100%!important}.layout-1280\\:w-60{width:15rem!important}.layout-1280\\:max-w-none{max-width:none!important}.layout-1280\\:translate-x-0{--tw-translate-x:0px!important;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}}@media (min-width:105rem){.layout-1680\\:w-72{width:18rem!important}}";const n=r(["bg-off-white-300","border-0 border-solid border-off-white-700","p-4"]);const i=r(["flex flex-col","fixed left-0 top-0 z-navbar h-screen w-60","w-full max-w-[16.5rem]","layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full","gap-6","transition-all","will-change-transform","-translate-x-full transform-gpu layout-1280:translate-x-0","border-r","safe-sidebar"],{variants:{show:{false:null,true:"show"}}});const s=r(["flex w-full justify-between items-center","relative z-navbar-topbar","border-b","layout-1280:hidden","safe-topbar"]);const l=r(["z-navbar-backdrop layout-1280:hidden transition-opacity"],{variants:{show:{false:"opacity-0 pointer-events-none",true:"opacity-100"}}});const c=class{constructor(a){t(this,a)}_show=false;render(){return a(e,{key:"2910a3ec8868edb10e364744e30aecb9881ff9d0",class:"p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72"},a("p-backdrop",{key:"f825ee90f654b0d1dda02063a6fe1a764a1b662b",class:l({show:this._show}),scrollLock:this._show,onClicked:()=>this._show=false}),a("div",{key:"7f1c86453fdec1f2441a79dada42569d38b049c8",class:i({class:n(),show:this._show})},a("div",{key:"bc9f134b86ac3a3f89e4cc2a2a948d3e654be1fe",class:"flex w-full items-center justify-between layout-1280:hidden"},a("p-button",{key:"dfe2490452cd449c1c71dc45755cda92176ecdf4",variant:"secondary",icon:"menu-arrow",iconFlip:"horizontal",iconOnly:true,size:"sm",onClick:()=>this._show=false})),a("div",{key:"1ae51dd37f79c7e5650ebe8c1f3a1d21ce0ea4cb",class:"flex w-full flex-col items-stretch"},a("slot",{key:"54806a7bd9e99fc5f060cbc2c4ab67214cebc6ab",name:"company"})),a("div",{key:"5fe0d7347204285130557796f27f88f208ed3172",class:"flex w-full flex-col gap-6 overflow-y-auto"},a("slot",{key:"56438f1c5e79dbeefed5bf76490b074dbb1ba5cb",name:"content"})),a("div",{key:"dd65589a1bc11c891d1b2d6fbbc11bfa6763872c",class:"mt-auto hidden w-full flex-col layout-1280:flex"},a("slot",{key:"f4c5a2e0db4bd5f68808f7e23997da536d437c58",name:"user"}))),a("div",{key:"0bbc41dd12023b7b5c66e9090cb9edabd0a310b2",class:s({class:n()})},a("p-button",{key:"0b0c9ab263eb4af99781a82cd52b18cb1f6e3018",variant:"secondary",iconOnly:true,icon:"menu-arrow",size:"sm",onClick:()=>this._show=true}),a("slot",{key:"b45fa8c82f59e82ed1ca99692ae2523681defdef",name:"topbar"})))}handleCloseNavbar(){this._show=false}handleOpenNavbar(){this._show=true}};c.style=o;export{c as p_navbar};
+//# sourceMappingURL=p-300a71f2.entry.js.map

package/dist/build/{p-0d877ea2.entry.js → p-3299ff05.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r}from"./p-I9JY9uxk.js";import{c as o}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const a='.flex{display:flex!important}.h-10{height:2.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-content:" "}.static{position:static!important}.h-8{height:2rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-dark-teal-600{--tw-text-opacity:1!important;color:rgb(0 72 64/var(--tw-text-opacity,1))!important}.after\\:h-\\[2px\\]:after{content:var(--tw-content)!important;height:2px!important}.after\\:bg-dark-teal-600:after{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\\:bg-transparent:after{background-color:transparent!important;content:var(--tw-content)!important}.hover\\:after\\:bg-dark-teal-100:hover:after{--tw-bg-opacity:1!important;background-color:rgb(204 220 218/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}';const e=o(["text-base h-8 flex flex-col justify-between","cursor-pointer","after:h-[2px] after:content-[' ']"],{variants:{active:{true:"after:bg-dark-teal-600 text-dark-teal-600",false:"text-dark-teal-400 after:bg-transparent hover:after:bg-dark-teal-100"}}});const n=class{constructor(r){t(this,r)}active=false;render(){return r("div",{key:"1ec28d8e3fa3d13224247d561f10460c6ead3298",class:e({active:this.active})},r("slot",{key:"8fb91e0c4f822895709d2856115f8fc570048b21"}))}};n.style=a;export{n as p_tab_item};
-//# sourceMappingURL=p-0d877ea2.entry.js.map
+import{r as t,h as r}from"./p-I9JY9uxk.js";import{c as o}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const a='.flex{display:flex!important}.h-10{height:2.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-content:" "}.static{position:static!important}.h-8{height:2rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-dark-teal-600{--tw-text-opacity:1!important;color:rgb(0 72 64/var(--tw-text-opacity,1))!important}.after\\:h-\\[2px\\]:after{content:var(--tw-content)!important;height:2px!important}.after\\:bg-dark-teal-600:after{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\\:bg-transparent:after{background-color:transparent!important;content:var(--tw-content)!important}.hover\\:after\\:bg-dark-teal-100:hover:after{--tw-bg-opacity:1!important;background-color:rgb(204 220 218/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}';const e=o(["text-base h-8 flex flex-col justify-between","cursor-pointer","after:h-[2px] after:content-[' ']"],{variants:{active:{true:"after:bg-dark-teal-600 text-dark-teal-600",false:"text-dark-teal-400 after:bg-transparent hover:after:bg-dark-teal-100"}}});const n=class{constructor(r){t(this,r)}active=false;render(){return r("div",{key:"b2e6fc3db6dbf6475ffe66d9fc9fc71909b975ab",class:e({active:this.active})},r("slot",{key:"94658deb7f166ea52f389078c15eb4511a17ac31"}))}};n.style=a;export{n as p_tab_item};
+//# sourceMappingURL=p-3299ff05.entry.js.map

package/dist/build/p-363b6f28.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,g as r,h as i,H as a,F as o}from"./p-I9JY9uxk.js";import{c as s}from"./p-CBWjHURv.js";import{c as n}from"./p-CT54OXR2.js";import{a as l}from"./p-C5CTp9IA.js";import{f as c,g as d}from"./p-DiJj8rmO.js";import"./p-ChV9xqsO.js";const h="*{box-sizing:border-box}.mt-\\[0\\.125rem\\]{margin-top:.125rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!important}.min-h-4{min-height:1rem!important}.min-h-5{min-height:1.25rem!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac ::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.placeholder\\:text-sm::placeholder{font-size:.875rem!important;line-height:1.25rem!important}.placeholder\\:text-black-teal-200::placeholder{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.focus\\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}";const p=s(["flex gap-2","w-inherit","border-solid rounded-lg"],{variants:{variant:{read:"border-0 items-start",write:"border px-2"},size:{sm:null,base:null},disabled:{false:"bg-white",true:"bg-white-600 cursor-not-allowed"},focused:{false:null,true:null},error:{false:null,true:null},isTextarea:{false:null,true:null}},compoundVariants:[{size:"sm",variant:"write",isTextarea:false,class:"h-6"},{size:"base",variant:"write",isTextarea:false,class:"h-8"},{size:"sm",variant:"read",class:"min-h-4 text-xs"},{size:"base",variant:"read",class:"min-h-5 text-sm"},{variant:"write",focused:false,error:false,class:"border-black-teal-100"},{variant:"write",disabled:false,focused:true,error:false,class:"border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac"},{disabled:false,error:true,class:"border-negative-red"},{disabled:false,focused:true,error:true,class:"ring ring-negative-red-50 selection:bg-negative-red-50"}]});const m=s("text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal border-none outline-none focus:outline-none bg-transparent flex-1 min-w-0",{variants:{isTextarea:{false:"h-full",true:null},disabled:{false:null,true:"cursor-not-allowed"}}});const f=s(["flex flex-shrink-0 justify-center items-center text-center"],{variants:{disabled:{false:null,true:"text-black-teal-100"},focused:{false:null,true:null},error:{false:null,true:null},isText:{false:null,true:"text-sm"}},compoundVariants:[{disabled:false,focused:false,error:false,class:"text-black-teal-300"},{disabled:false,focused:true,error:false,class:"text-black-teal-500"},{disabled:false,focused:false,error:true,class:"text-negative-red"},{disabled:false,focused:true,error:true,class:"text-negative-red-800"}]});const b=class{constructor(r){t(this,r);this.valueChange=e(this,"valueChange",3);this.inputRefChange=e(this,"inputRefChange",7)}variant="write";size="base";type="text";properties={};prefix;suffix;icon;iconFlip;iconRotate;iconPosition="start";value;label;loading=false;placeholder;helper;required=true;autofocus=false;error;errorPlacement;disabled=false;focused=false;forceShowTooltip=false;selectAllOnFocus=true;focusMethod="focus";optionalTemplate;valueChange;inputRefChange;get _el(){return r(this)}_focused=false;_inputRef;componentDidLoad(){this._checkAutoFocus()}render(){const{prefix:t,suffix:e,hasHeaderSlot:r,hasLabelSlot:o,hasHelperSlot:s,hasErrorSlot:c,hasValueSlot:d}=this._getSlotInfo();return i(a,{key:"72dfca8f412d6c4efad0ebb122ed1e79f4d3582b",class:"p-field"},i("p-field-container",{key:"9b461a2629c5bd59925619dadfeb716e1fc5e2dc",forceShowTooltip:this.forceShowTooltip||this._focused,label:this.label,loading:this.loading,loadingSize:this.size,helper:this.helper,error:this.error,required:this.required,variant:this.variant},o&&i("slot",{key:"8b862d788f9d3b313b1422dfa58e43d5c72451a9",name:"label",slot:"label"}),r&&i("slot",{key:"7e0c0b333e6c6b653693a1440ea8783f5f7569de",name:"header",slot:"header"}),s&&i("slot",{key:"780cacfd5eea8bc8954427b9734a5100833de166",name:"helper",slot:"helper"}),c&&i("slot",{key:"152e2cd88004ee00115e51c9195765b062e001f5",name:"error",slot:"error"}),i("div",{key:"452fce9332e2ac6cdf042268a3bd782f9a5fcc2d",class:p({error:!!this.error?.length,disabled:l(this.disabled),focused:l(this.focused)||this._focused,size:this.size,variant:this.variant,isTextarea:this.type==="textarea"}),title:this.variant==="read"&&!d?this.value:undefined,slot:"content"},(t||this.icon&&this.iconPosition==="start")&&i("div",{key:"a910ac1adaa8268e3b3900ad427bc71c0bad7cb1",class:f({error:!!this.error?.length,disabled:l(this.disabled),focused:l(this.focused)||this._focused,isText:typeof e==="string"}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="start"?i("p-icon",{class:n("flex",{"mt-[0.125rem]":this.variant==="read"&&this.size==="base"}),variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):t),this._getContent(d),(e||this.icon&&this.iconPosition==="end")&&i("div",{key:"4c6fc4c52ad234888028ba4b458e6ce6a0de8aa0",class:f({error:!!this.error?.length,disabled:l(this.disabled),focused:l(this.focused)||this._focused,isText:typeof e==="string"}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="end"?i("p-icon",{class:"flex",variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):e))))}handleFocusIn(){if(this.disabled){return}this._focused=true;this._selectAll()}handleFocusOut(){if(this.disabled){return}this._focused=false}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const r=!!this._el.querySelector(':scope > [slot="prefix"]');const a=!!this._el.querySelector(':scope > [slot="suffix"]');const o=!!this._el.querySelector(':scope > [slot="header"]');const s=!!this._el.querySelector(':scope > [slot="error"]');const n=!!this._el.querySelector(':scope > [slot="value"]');const l=r?i("slot",{name:"prefix"}):this.prefix;const c=a?i("slot",{name:"suffix"}):this.suffix;const d=this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:r,hasSuffixSlot:a,hasHeaderSlot:o,hasErrorSlot:s,hasValueSlot:n,prefix:l,suffix:c,errorAndErrorIsNotBoolean:d}}_getContent(t=false){if(this.variant==="read"){return t?i("slot",{name:"value"}):!!this.value&&this.value.length>0?this.value:"—"}if(this.type==="slot"){return i("slot",{name:"input"})}const e={class:m({disabled:l(this.disabled),isTextarea:this.type==="textarea"}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let r=this.properties??{};if(typeof r==="string"){r=JSON.parse(this.properties)}if(this.type==="textarea"){return i("textarea",{ref:t=>this._setInputRef(t),...e,...r})}return i("input",{type:this.type,ref:t=>this._setInputRef(t),...e,...r})}_setInputRef(t){this._inputRef=t;this.inputRefChange.emit(t)}_focusInput(){if(this._inputRef){this._inputRef.focus();return}const t=this._el.querySelector(':scope > [slot="input"]');t[this.focusMethod]()}_selectAll(){if(!this._inputRef||!this.selectAllOnFocus){return}this._inputRef.select()}_valueChange(t){const e=t.target.value;this.value=e;this.valueChange.emit(e)}_checkAutoFocus(){if(!this.autofocus){return}if(!this._inputRef){setTimeout((()=>this._checkAutoFocus()),100);return}this._focusInput()}};b.style=h;const u="*{box-sizing:border-box}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.rounded-lg{border-radius:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none!important}";const g=s(["rounded-lg w-full"],{variants:{variant:{read:null,write:null},size:{base:null,sm:null}},compoundVariants:[{variant:"read",size:"base",class:"h-5"},{variant:"read",size:"sm",class:"h-4"},{variant:"write",size:"base",class:"h-8"},{variant:"write",size:"sm",class:"h-6"}]});const x=class{constructor(r){t(this,r);this.focus=e(this,"focus",7)}_defaultOptionalTemplate=()=>c(this._locales.optional);label;loading=false;loadingSize="base";variant;helper;required;error;errorPlacement;forceShowTooltip=false;optionalTemplate=this._defaultOptionalTemplate;get _el(){return r(this)}focus;_locales={};componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:t,hasErrorSlot:e,helper:r,label:s,errorAndErrorIsNotBoolean:n}=this._getSlotInfo();let c=i("slot",{key:"7933bda4268fa8e6d31e41e52ed3a2e6dd5807d0",name:"content",slot:"trigger"});if(this.loading){c=i("p-loader",{key:"e4b0af11f5b33973a9171912ace0c60ebb49b682",variant:"ghost",class:g({variant:this.variant,size:this.loadingSize}),slot:"trigger"})}return i(a,{key:"0011fc0b05e401da5b27896206f3fdded96dc102",class:"p-field-container"},i("div",{key:"354d65c9f107f5ba555e10137fc98fbda648c8ee",class:"flex w-inherit flex-col gap-1"},i("div",{key:"e6370f8190f09080d87e80d030cccf0b41c729e3",class:"flex items-end justify-between gap-1 empty:hidden"},!!s?.length&&i("div",{key:"c62402a95033e8f8f5337eafbcfc8b31649c8948",class:"text-xs font-medium text-black-teal-300",onClick:()=>this.focus.emit()},s),(!l(this.required)||r||t)&&i("div",{key:"1d15b7f1240e445d769a91ad116caf4c9f9da7e6",class:"flex items-center gap-1"},!l(this.required)&&this.variant==="write"&&i("span",{key:"3194e10b9b171be76f03c7b19b1bd0bc07c78f6a",class:"text-xs font-medium text-black-teal-200"},this.optionalTemplate()),(r||t)&&i(o,{key:"d6757b07e2c6bfe60956cd12c201675aa802eeec"},t&&i("slot",{key:"9a4449dc7daa92e4f7c5fa83f07cddf948a8bf91",name:"header"}),r&&i("p-helper",{key:"51212157e8fede4731a3ddfb6d1ea5f316c75fb9",class:`flex ${t?"ml-2":""}`,placement:"top-end"},r)))),i("p-tooltip",{key:"151fbce9396bfbca865f8367829da4626147585e",class:this.variant==="write"||this.loading?"w-full":"",variant:"error",content:this.error,show:n&&l(this.forceShowTooltip),enableUserInput:false,placement:this.errorPlacement},e&&i("slot",{key:"a59fffc7b3a7e1b6dbc03d6521b7333bdecb913d",name:"error",slot:"content"}),c)))}async _setLocales(){this._locales=await d(this._el)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const r=!!this._el.querySelector(':scope > [slot="header"]');const a=!!this._el.querySelector(':scope > [slot="error"]');const o=t?i("slot",{name:"helper"}):this.helper;const s=e?i("slot",{name:"label"}):this.label;const n=a||this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasHeaderSlot:r,hasErrorSlot:a,helper:o,label:s,errorAndErrorIsNotBoolean:n}}};x.style=u;export{b as p_field,x as p_field_container};
+//# sourceMappingURL=p-363b6f28.entry.js.map

package/dist/build/p-363b6f28.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fieldComponentCss","field","cva","variants","variant","read","write","size","sm","base","disabled","false","true","focused","error","isTextarea","compoundVariants","class","input","prefixAndSuffix","isText","Field","type","properties","prefix","suffix","icon","iconFlip","iconRotate","iconPosition","value","label","loading","placeholder","helper","required","autofocus","errorPlacement","forceShowTooltip","selectAllOnFocus","focusMethod","optionalTemplate","valueChange","inputRefChange","_focused","_inputRef","componentDidLoad","this","_checkAutoFocus","render","hasHeaderSlot","hasLabelSlot","hasHelperSlot","hasErrorSlot","hasValueSlot","_getSlotInfo","h","Host","key","loadingSize","name","slot","length","asBoolean","title","undefined","onClick","_focusInput","cn","rotate","flip","_getContent","handleFocusIn","_selectAll","handleFocusOut","_el","querySelector","hasPrefixSlot","hasSuffixSlot","errorAndErrorIsNotBoolean","props","onInput","ev","_valueChange","JSON","parse","ref","_setInputRef","emit","focus","select","target","setTimeout","fieldContainerComponentCss","loader","FieldContainer","_defaultOptionalTemplate","formatTranslation","_locales","optional","componentWillLoad","_setLocales","contentSlot","Fragment","placement","content","show","enableUserInput","getLocaleComponentStrings"],"sources":["src/components/molecules/field/field/field.component.css?tag=p-field&encapsulation=shadow","src/components/molecules/field/field/field.component.tsx","src/components/molecules/field/container/field-container.component.css?tag=p-field-container&encapsulation=shadow","src/components/molecules/field/container/field-container.component.tsx"],"sourcesContent":[null,"import { Placement } from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { HTMLInputTypeAttribute } from 'react';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { templateFunc } from '../container/field-container.component';\nimport { cn } from '../../../../utils/cn';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: 'border-0 items-start',\n\t\t\twrite: 'border px-2',\n\t\t},\n\t\tsize: {\n\t\t\tsm: null,\n\t\t\tbase: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: 'bg-white',\n\t\t\ttrue: 'bg-white-600 cursor-not-allowed',\n\t\t},\n\t\tfocused: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\terror: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tisTextarea: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-6',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-8',\n\t\t},\n\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-4 text-xs',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-5 text-sm',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tfocused: false,\n\t\t\terror: false,\n\t\t\tclass: 'border-black-teal-100',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: false,\n\t\t\tclass:\n\t\t\t\t'border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac',\n\t\t},\n\n\t\t{\n\t\t\tdisabled: false,\n\t\t\terror: true,\n\t\t\tclass: 'border-negative-red',\n\t\t},\n\t\t{\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: true,\n\t\t\tclass: 'ring ring-negative-red-50 selection:bg-negative-red-50',\n\t\t},\n\t],\n});\n\nconst input = cva(\n\t'text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal border-none outline-none focus:outline-none bg-transparent flex-1 min-w-0',\n\t{\n\t\tvariants: {\n\t\t\tisTextarea: {\n\t\t\t\tfalse: 'h-full',\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst prefixAndSuffix = cva(\n\t['flex flex-shrink-0 justify-center items-center text-center'],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-black-teal-100',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tisText: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-sm',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-300',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-800',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-field',\n\tstyleUrl: './field.component.css',\n\tshadow: true,\n})\nexport class Field {\n\t/**\n\t * The variant of the field\n\t */\n\t@Prop() variant: 'read' | 'write' = 'write';\n\n\t/**\n\t * The size of the field\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The type of the field\n\t */\n\t@Prop() type: HTMLInputTypeAttribute | 'textarea' | 'slot' = 'text';\n\n\t/**\n\t * The size of the field\n\t */\n\t@Prop() properties: any | string = {};\n\n\t/**\n\t * The prefix of the field\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the field\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the field\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The value of the input\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * The label of the field\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * Wether the field is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The helper of the field\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * Wether to autofocus the field\n\t */\n\t@Prop({ reflect: true }) autofocus: boolean = false;\n\n\t/**\n\t * The error to display\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Wether the field is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the field is focused\n\t */\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * Wether to select all text on focus\n\t */\n\t@Prop({ reflect: true }) selectAllOnFocus: boolean = true;\n\n\t/**\n\t * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string>;\n\n\t/**\n\t * Event whenever the input ref changes\n\t */\n\t@Event() inputRefChange: EventEmitter<HTMLInputElement | HTMLTextAreaElement>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _focused = false;\n\n\tprivate _inputRef: HTMLInputElement | HTMLTextAreaElement;\n\n\tcomponentDidLoad() {\n\t\tthis._checkAutoFocus();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\thasHeaderSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHelperSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<Host class='p-field'>\n\t\t\t\t<p-field-container\n\t\t\t\t\tforceShowTooltip={this.forceShowTooltip || this._focused}\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\tloading={this.loading}\n\t\t\t\t\tloadingSize={this.size}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tvariant={this.variant}\n\t\t\t\t>\n\t\t\t\t\t{hasLabelSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='label'\n\t\t\t\t\t\t\tslot='label'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHeaderSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='header'\n\t\t\t\t\t\t\tslot='header'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHelperSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='helper'\n\t\t\t\t\t\t\tslot='helper'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\tslot='error'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={field({\n\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\tthis.variant === 'read' && !hasValueSlot ? this.value : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t>\n\t\t\t\t\t\t{(prefix || (this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'start' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t\t'mt-[0.125rem]':\n\t\t\t\t\t\t\t\t\t\t\t\tthis.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tprefix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this._getContent(hasValueSlot)}\n\n\t\t\t\t\t\t{(suffix || (this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tsuffix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</p-field-container>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = true;\n\t\tthis._selectAll();\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = false;\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasPrefixSlot = !!this._el.querySelector(':scope > [slot=\"prefix\"]');\n\t\tconst hasSuffixSlot = !!this._el.querySelector(':scope > [slot=\"suffix\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\t\tconst hasValueSlot = !!this._el.querySelector(':scope > [slot=\"value\"]');\n\n\t\tconst prefix = hasPrefixSlot ? <slot name='prefix' /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name='suffix' /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error && typeof this.error === 'string' && this.error !== 'true';\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n\n\tprivate _getContent(hasValueSlot = false) {\n\t\tif (this.variant === 'read') {\n\t\t\treturn hasValueSlot ? (\n\t\t\t\t<slot name='value' />\n\t\t\t) : !!this.value && this.value.length > 0 ? (\n\t\t\t\tthis.value\n\t\t\t) : (\n\t\t\t\t'—'\n\t\t\t);\n\t\t}\n\n\t\tif (this.type === 'slot') {\n\t\t\treturn <slot name='input' />;\n\t\t}\n\n\t\tconst props = {\n\t\t\tclass: input({\n\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t}),\n\t\t\tvalue: this.value,\n\t\t\tplaceholder: this.placeholder,\n\t\t\tdisabled: this.disabled,\n\t\t\tonInput: (ev: Event) => this._valueChange(ev),\n\t\t};\n\n\t\tlet properties = this.properties ?? {};\n\t\tif (typeof properties === 'string') {\n\t\t\tproperties = JSON.parse(this.properties);\n\t\t}\n\n\t\tif (this.type === 'textarea') {\n\t\t\treturn (\n\t\t\t\t<textarea\n\t\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t\t{...props}\n\t\t\t\t\t{...properties}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype={this.type}\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _setInputRef(ref: HTMLInputElement | HTMLTextAreaElement) {\n\t\tthis._inputRef = ref;\n\t\tthis.inputRefChange.emit(ref);\n\t}\n\n\tprivate _focusInput() {\n\t\tif (this._inputRef) {\n\t\t\tthis._inputRef.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n\n\tprivate _selectAll() {\n\t\tif (!this._inputRef || !this.selectAllOnFocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._inputRef.select();\n\t}\n\n\tprivate _valueChange(ev) {\n\t\tconst value = (ev.target as HTMLTextAreaElement | HTMLInputElement).value;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\t}\n\n\tprivate _checkAutoFocus() {\n\t\tif (!this.autofocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._inputRef) {\n\t\t\tsetTimeout(() => this._checkAutoFocus(), 100);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusInput();\n\t}\n}\n",null,"import {\n\tComponent,\n\tElement,\n\tEventEmitter,\n\th,\n\tHost,\n\tEvent,\n\tProp,\n\tFragment,\n\tState,\n\tListen,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils';\nimport { Placement } from '@floating-ui/dom';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cva } from 'class-variance-authority';\n\nconst loader = cva(['rounded-lg w-full'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: null,\n\t\t\twrite: null,\n\t\t},\n\t\tsize: {\n\t\t\tbase: null,\n\t\t\tsm: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-5',\n\t\t},\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-4',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-8',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-6',\n\t\t},\n\t],\n});\n\nexport type templateFunc = () => string;\n\n@Component({\n\ttag: 'p-field-container',\n\tstyleUrl: 'field-container.component.css',\n\tshadow: true,\n})\nexport class FieldContainer {\n\tprivate _defaultOptionalTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.optional);\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field container is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The size of the loader\n\t */\n\t@Prop() loadingSize: 'base' | 'sm' = 'base';\n\n\t/**\n\t * The variant of the field container\n\t */\n\t@Prop() variant: 'read' | 'write';\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string | HTMLSlotElement;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc = this._defaultOptionalTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@Event() focus: EventEmitter<void>;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t} = this._getSlotInfo();\n\n\t\tlet contentSlot = (\n\t\t\t<slot\n\t\t\t\tname='content'\n\t\t\t\tslot='trigger'\n\t\t\t/>\n\t\t);\n\n\t\tif (this.loading) {\n\t\t\tcontentSlot = (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass={loader({ variant: this.variant, size: this.loadingSize })}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-field-container'>\n\t\t\t\t<div class='flex w-inherit flex-col gap-1'>\n\t\t\t\t\t<div class='flex items-end justify-between gap-1 empty:hidden'>\n\t\t\t\t\t\t{!!label?.length && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass='text-xs font-medium text-black-teal-300'\n\t\t\t\t\t\t\t\tonClick={() => this.focus.emit()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{(!asBoolean(this.required) || helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t<div class='flex items-center gap-1'>\n\t\t\t\t\t\t\t\t{!asBoolean(this.required) && this.variant === 'write' && (\n\t\t\t\t\t\t\t\t\t<span class='text-xs font-medium text-black-teal-200'>\n\t\t\t\t\t\t\t\t\t\t{this.optionalTemplate()}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\t\t\t\tclass={`flex ${hasHeaderSlot ? 'ml-2' : ''}`}\n\t\t\t\t\t\t\t\t\t\t\t\tplacement='top-end'\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\tclass={this.variant === 'write' || this.loading ? 'w-full' : ''}\n\t\t\t\t\t\tvariant='error'\n\t\t\t\t\t\tcontent={this.error}\n\t\t\t\t\t\tshow={errorAndErrorIsNotBoolean && asBoolean(this.forceShowTooltip)}\n\t\t\t\t\t\tenableUserInput={false}\n\t\t\t\t\t\tplacement={this.errorPlacement}\n\t\t\t\t\t>\n\t\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{contentSlot}\n\t\t\t\t\t</p-tooltip>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\thasErrorSlot ||\n\t\t\t(this.error && typeof this.error === 'string' && this.error !== 'true');\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/build/p-3c299655.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as n}from"./p-I9JY9uxk.js";const r='.relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:"sidebar" "topbar" "content";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:"topbar topbar" "sidebar content";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}@media (min-width:105rem){:host .sidebar{width:18rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:"topbar topbar" "content content"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:"topbar topbar" "content sidebar"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\\:flex{display:flex!important}.layout-1280\\:w-60{width:15rem!important}.layout-1280\\:w-\\[19rem\\]{width:19rem!important}.layout-1280\\:w-\\[58rem\\]{width:58rem!important}.layout-1280\\:p-6{padding:1.5rem!important}.layout-1280\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\\:w-\\[67rem\\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\\:w-\\[73rem\\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\\:w-\\[22rem\\]{width:22rem!important}.layout-1680\\:w-\\[79rem\\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\\:w-\\[82rem\\]{width:82rem!important}.layout-1920\\:pl-20{padding-left:5rem!important}.layout-1920\\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\\:w-\\[84\\.5rem\\]{width:84.5rem!important}.layout-2560\\:pb-\\[7\\.5rem\\]{padding-bottom:7.5rem!important}.layout-2560\\:pl-\\[7\\.5rem\\]{padding-left:7.5rem!important}.layout-2560\\:pt-16{padding-top:4rem!important}}.static{position:static!important}';const a=class{constructor(i){t(this,i);this.scroll=e(this,"scroll",7)}variant="default";scroll;render(){return i(n,{key:"abb4b9dee622a98ce445bb7d616723ff05cdd4e6",class:`p-layout variant-${this.variant}`},i("div",{key:"3d56e125dc255ef84cd44373f55f6b19c6d1e3c4",class:"content",onScroll:t=>this.scroll.emit(t)},i("div",{key:"c813fc7a527b1f1eb5529a2c5a7b1fae1eafa48a",class:"inner-content"},i("slot",{key:"c06a94e256eb4e685888fec7c8a2b415fce3169a",name:"content"}))),i("div",{key:"e7d29ed239bd8a0fcb0e52821b8e4019364e11dd",class:"sidebar"},i("slot",{key:"3d239712ec6357624866af12307be33e1bdb094b",name:"sidebar"})),i("div",{key:"55c075f918cbce1ea612c5fe4cf2530e994258c5",class:"topbar"},i("slot",{key:"afae0fcdec8240e06d8bcfe8e430dfd1bc4cbf98",name:"topbar"})))}};a.style=r;export{a as p_layout};
+//# sourceMappingURL=p-3c299655.entry.js.map

package/dist/build/p-3c299655.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["layoutComponentCss","Layout","variant","scroll","render","h","Host","key","class","this","onScroll","ev","emit","name"],"sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\n\t\t\t\t\t<slot name='topbar' />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAqB,2kJ,MCOdC,EAAM,M,wDAIVC,QAA0C,UAKzCC,OAET,MAAAC,GACC,OACCC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAO,oBAAoBC,KAAKP,WACrCG,EAAA,OAAAE,IAAA,2CACCC,MAAM,UACNE,SAAUC,GAAMF,KAAKN,OAAOS,KAAKD,IAEjCN,EAAK,OAAAE,IAAA,2CAAAC,MAAM,iBACVH,EAAA,QAAAE,IAAA,2CAAMM,KAAK,cAGbR,EAAK,OAAAE,IAAA,2CAAAC,MAAM,WACVH,EAAA,QAAAE,IAAA,2CAAMM,KAAK,aAEZR,EAAK,OAAAE,IAAA,2CAAAC,MAAM,UACVH,EAAA,QAAAE,IAAA,2CAAMM,KAAK,Y","ignoreList":[]}

package/dist/{paperless/p-2c0d62fb.entry.js → build/p-3efee0f8.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,g as i,h as s,H as e}from"./p-I9JY9uxk.js";const r=".absolute{position:absolute!important}.relative{position:relative!important}.mt-3{margin-top:.75rem!important}.flex{display:flex!important}.w-0{width:0!important}.w-full{width:100%!important}.flex-shrink-0{flex-shrink:0!important}.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))!important}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.overflow-visible{overflow:visible!important}.p-16{padding:4rem!important}.pt-1{padding-top:.25rem!important}.will-change-transform{will-change:transform!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;margin:-4rem;overflow:hidden;padding: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!important}.desktop-xs\\:gap-4{gap:1rem!important}}.visible{visibility:visible!important}.static{position:static!important}.hidden{display:none!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}";const a=class{constructor(i){t(this,i)}hideMobileIndicator=false;disableDrag=false;disableAutoCenter=false;disableIndicatorClick=false;get _el(){return i(this)}_visibleIndex;_outerHeight=0;_totalWidth=0;_sliderRef;_innerSliderRef;_items=[];_innerSliderResizeObserver;_startX;_startMouseX;_lastMouseX;_lastIndex;_shouldCheckLocation=false;_dragging=false;componentWillRender(){const t=this._el.querySelectorAll(":scope > *");this._items=Array.from(t)}componentDidLoad(){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`);this._calculateWidth();this._calculateIndicator()}disconnectedCallback(){if(this._innerSliderResizeObserver){this._innerSliderResizeObserver.disconnect()}}render(){return s(e,{key:"e783ded65669f94fb8f4890624b967de22aaa356",class:"p-content-slider"},s("div",{key:"596098993bda1ca9ae97a625986885c48eb6849b",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)},s("div",{key:"40b9daccd158e980521b92d1e8bdfa85336c527f",class:"inner-slider",ref:t=>this._setInnerSliderReft(t),onTransitionEnd:()=>this._transitionEndHandler()},s("slot",{key:"5ed5d24d35a24f2b69345d40aea7c488bc381ba3"}))),s("div",{key:"9eed8a08f02b7aba97e04ff55e72c651347a7ac6",class:`indicator ${this.hideMobileIndicator&&"hidden"}`},this._items.map(((t,i)=>s("div",{onClick:()=>this._scrollTo(i,true),class:`item ${!this.disableIndicatorClick&&"cursor-pointer"}`},s("p-slider-indicator",{active:i===this._visibleIndex}))))))}_mouseDownHandler(t){if(this.disableDrag||this._dragging){return}const i=getComputedStyle(this._innerSliderRef);if(i.flexWrap==="wrap"){return}this._startMouseX=t.x;const s=this._sliderRef.getBoundingClientRect();if(t.type==="touchstart"){this._startMouseX=t.touches?.[0].clientX}const e=this._innerSliderRef.getBoundingClientRect();const r=e.x-s.x;this._startX=this._startMouseX-s.x-r;this._lastIndex=this._visibleIndex;this._dragging=true}_mouseMoveHandler(t){if(!t||!this._dragging||this.disableDrag){return}t.preventDefault();this._shouldCheckLocation=true;if(this._innerSliderRef.style.getPropertyValue("pointer-events")===""){this._innerSliderRef.style.pointerEvents="none"}const i=this._sliderRef.getBoundingClientRect();let s=t.clientX-i.left;this._lastMouseX=t.x;if(t.type==="touchmove"){s=t.touches?.[0].clientX-i.left;this._lastMouseX=t.touches?.[0].clientX}this._innerSliderRef.style.setProperty("--tw-translate-x",`${s-this._startX}px`);this._checkBoundary();this._calculateIndicator()}_transitionEndHandler(){this._calculateIndicator()}mouseUpHandler(){this._dragging=false;this._innerSliderRef.style.removeProperty("pointer-events");this._checkLocation()}resizeHandler(){if(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,i=false){if(this.disableIndicatorClick&&i){return}const s=this._items[t];if(t===0){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`);return}const e=this._sliderRef.getBoundingClientRect();const r=this._innerSliderRef.getBoundingClientRect();const a=s.getBoundingClientRect();const n=a.x-r.x;const o=n+a.width/2-e.width/2;this._innerSliderRef.style.setProperty("--tw-translate-x",`-${o}px`);this._checkBoundary();this._calculateIndicator()}_checkBoundary(){let t=this._sliderRef.getBoundingClientRect();const i=parseInt(this._innerSliderRef.style.getPropertyValue("--tw-translate-x"));if(i>0){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`)}const s=(this._totalWidth-t.width)*-1;if(i<s){this._innerSliderRef.style.setProperty("--tw-translate-x",`${s}px`)}}_calculateIndicator(){for(let t=0;t<this._items.length;t++){const i=this._items[t];const s=this._isVisible(i);if(s){this._visibleIndex=t}if(t===0&&s){break}}}_checkLocation(){if(!this._shouldCheckLocation){return}let t=null;if(this._lastIndex!==this._visibleIndex){t=this._visibleIndex}if(this._lastIndex===this._visibleIndex){if(this._lastMouseX>this._startMouseX&&this._lastIndex!==0){t=this._lastIndex-1}if(this._lastMouseX<this._startMouseX&&this._lastIndex!==this._items?.length-1){t=this._lastIndex+1}}if(t!==null){this._shouldCheckLocation=false;setTimeout((()=>this._scrollTo(t)),100)}}_isVisible(t){if(!this._el||!t){return false}const i=t.getBoundingClientRect();const s=this._sliderRef.getBoundingClientRect();return i.left>=s.left&&i.right<=s.right||this._isMobile(t)&&i.left+i.width/2>=s.left&&i.left+i.width/2<=s.right}_calculateWidth(){let t=0;for(let i of this._items){const s=i.getBoundingClientRect();t+=s.width}const i=getComputedStyle(this._sliderRef);const s=parseInt(i.padding)*2;const e=getComputedStyle(this._innerSliderRef);const r=parseInt(e.gap)*(this._items.length-1);t+=s+r;this._totalWidth=t}_calculateHeight(){const t=this._items.at(0).getBoundingClientRect().height;if(t!=this._outerHeight){this._outerHeight=t}}_isMobile(t){if(!t){t=this._items.at(0)}const i=t.getBoundingClientRect();const s=this._sliderRef.getBoundingClientRect();return s.width-i.width<10}};a.style=r;export{a as p_content_slider};
-//# sourceMappingURL=p-2c0d62fb.entry.js.map
+import{r as t,g as i,h as e,H as s}from"./p-I9JY9uxk.js";const r=".absolute{position:absolute!important}.relative{position:relative!important}.mt-3{margin-top:.75rem!important}.flex{display:flex!important}.w-0{width:0!important}.w-full{width:100%!important}.flex-shrink-0{flex-shrink:0!important}.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))!important}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.overflow-visible{overflow:visible!important}.p-16{padding:4rem!important}.pt-1{padding-top:.25rem!important}.will-change-transform{will-change:transform!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;margin:-4rem;overflow:hidden;padding: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!important}.desktop-xs\\:gap-4{gap:1rem!important}}.visible{visibility:visible!important}.static{position:static!important}.hidden{display:none!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}";const a=class{constructor(i){t(this,i)}hideMobileIndicator=false;disableDrag=false;disableAutoCenter=false;disableIndicatorClick=false;get _el(){return i(this)}_visibleIndex;_outerHeight=0;_totalWidth=0;_sliderRef;_innerSliderRef;_items=[];_innerSliderResizeObserver;_startX;_startMouseX;_lastMouseX;_lastIndex;_shouldCheckLocation=false;_dragging=false;componentWillRender(){const t=this._el.querySelectorAll(":scope > *");this._items=Array.from(t)}componentDidLoad(){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`);this._calculateWidth();this._calculateIndicator()}disconnectedCallback(){if(this._innerSliderResizeObserver){this._innerSliderResizeObserver.disconnect()}}render(){return e(s,{key:"955a37eb2c0409c6ab7329e12ce7d62e20851f82",class:"p-content-slider"},e("div",{key:"d9f60aa8c530dae7d70e29dbba6000848920e13d",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)},e("div",{key:"78cfd1ecdece726ee7f3f559a4be1a5d4ea0517d",class:"inner-slider",ref:t=>this._setInnerSliderReft(t),onTransitionEnd:()=>this._transitionEndHandler()},e("slot",{key:"add6e8e6408ce3edf0662ddf6e43a844f2a3d9eb"}))),e("div",{key:"11dfe819fd6520675e99e7d41b15cb770f86fcec",class:`indicator ${this.hideMobileIndicator&&"hidden"}`},this._items.map(((t,i)=>e("div",{onClick:()=>this._scrollTo(i,true),class:`item ${!this.disableIndicatorClick&&"cursor-pointer"}`},e("p-slider-indicator",{active:i===this._visibleIndex}))))))}_mouseDownHandler(t){if(this.disableDrag||this._dragging){return}const i=getComputedStyle(this._innerSliderRef);if(i.flexWrap==="wrap"){return}this._startMouseX=t.x;const e=this._sliderRef.getBoundingClientRect();if(t.type==="touchstart"){this._startMouseX=t.touches?.[0].clientX}const s=this._innerSliderRef.getBoundingClientRect();const r=s.x-e.x;this._startX=this._startMouseX-e.x-r;this._lastIndex=this._visibleIndex;this._dragging=true}_mouseMoveHandler(t){if(!t||!this._dragging||this.disableDrag){return}t.preventDefault();this._shouldCheckLocation=true;if(this._innerSliderRef.style.getPropertyValue("pointer-events")===""){this._innerSliderRef.style.pointerEvents="none"}const i=this._sliderRef.getBoundingClientRect();let e=t.clientX-i.left;this._lastMouseX=t.x;if(t.type==="touchmove"){e=t.touches?.[0].clientX-i.left;this._lastMouseX=t.touches?.[0].clientX}this._innerSliderRef.style.setProperty("--tw-translate-x",`${e-this._startX}px`);this._checkBoundary();this._calculateIndicator()}_transitionEndHandler(){this._calculateIndicator()}mouseUpHandler(){this._dragging=false;this._innerSliderRef.style.removeProperty("pointer-events");this._checkLocation()}resizeHandler(){if(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,i=false){if(this.disableIndicatorClick&&i){return}const e=this._items[t];if(t===0){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`);return}const s=this._sliderRef.getBoundingClientRect();const r=this._innerSliderRef.getBoundingClientRect();const a=e.getBoundingClientRect();const n=a.x-r.x;const o=n+a.width/2-s.width/2;this._innerSliderRef.style.setProperty("--tw-translate-x",`-${o}px`);this._checkBoundary();this._calculateIndicator()}_checkBoundary(){let t=this._sliderRef.getBoundingClientRect();const i=parseInt(this._innerSliderRef.style.getPropertyValue("--tw-translate-x"));if(i>0){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`)}const e=(this._totalWidth-t.width)*-1;if(i<e){this._innerSliderRef.style.setProperty("--tw-translate-x",`${e}px`)}}_calculateIndicator(){for(let t=0;t<this._items.length;t++){const i=this._items[t];const e=this._isVisible(i);if(e){this._visibleIndex=t}if(t===0&&e){break}}}_checkLocation(){if(!this._shouldCheckLocation){return}let t=null;if(this._lastIndex!==this._visibleIndex){t=this._visibleIndex}if(this._lastIndex===this._visibleIndex){if(this._lastMouseX>this._startMouseX&&this._lastIndex!==0){t=this._lastIndex-1}if(this._lastMouseX<this._startMouseX&&this._lastIndex!==this._items?.length-1){t=this._lastIndex+1}}if(t!==null){this._shouldCheckLocation=false;setTimeout((()=>this._scrollTo(t)),100)}}_isVisible(t){if(!this._el||!t){return false}const i=t.getBoundingClientRect();const e=this._sliderRef.getBoundingClientRect();return i.left>=e.left&&i.right<=e.right||this._isMobile(t)&&i.left+i.width/2>=e.left&&i.left+i.width/2<=e.right}_calculateWidth(){let t=0;for(let i of this._items){const e=i.getBoundingClientRect();t+=e.width}const i=getComputedStyle(this._sliderRef);const e=parseInt(i.padding)*2;const s=getComputedStyle(this._innerSliderRef);const r=parseInt(s.gap)*(this._items.length-1);t+=e+r;this._totalWidth=t}_calculateHeight(){const t=this._items.at(0).getBoundingClientRect().height;if(t!=this._outerHeight){this._outerHeight=t}}_isMobile(t){if(!t){t=this._items.at(0)}const i=t.getBoundingClientRect();const e=this._sliderRef.getBoundingClientRect();return e.width-i.width<10}};a.style=r;export{a as p_content_slider};
+//# sourceMappingURL=p-3efee0f8.entry.js.map

package/dist/build/{p-0a249d42.entry.js → p-4202a4c0.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as e,c as a,g as o}from"./p-I9JY9uxk.js";import{a as r,c as s,o as n,f as p,s as c}from"./p-DGLCmOXW.js";import{c as l}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const h="*{box-sizing:border-box}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\\:text-black-teal:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";const d=class{constructor(i){t(this,i)}strategy="absolute";placement="top";render(){return i(e,{key:"70a6dc59dc7c4367c091fa1cb69a6f9ab7936108",class:"p-helper"},i("p-tooltip",{key:"58bf78f9c19fa5724e8488dbcc40e84be724649a",placement:this.placement,strategy:this.strategy},i("div",{key:"75fe3d4c3571b4034e8561510b44cb4335a03869",slot:"content"},i("slot",{key:"2b28897ed7b15eabfd7f74905e75a08be446bded"})),i("p-icon",{key:"c70b4daa963262ccc596a252ae100c6d0eb5f57d",size:"sm",class:"cursor-pointer text-black-teal-300 hover:text-black-teal",variant:"question-circle",slot:"trigger"})))}};d.style=h;const m="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-\\[2px\\]{width:2px!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.w-max{width:max-content!important}.max-w-\\[14\\.5rem\\]{max-width:14.5rem!important}.max-w-full{max-width:100%!important}.cursor-pointer{cursor:pointer!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.bg-black-teal{--tw-bg-opacity:1!important;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))!important}.bg-negative-red{background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{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)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";const b=l(["inline-block px-2","text-xs","opacity-0 drop-shadow-3 transition-opacity","rounded-lg","z-tooltip","pointer-events-none"],{variants:{variant:{hover:"bg-black-teal text-white py-1",click:null,error:"max-w-full w-full"},strategy:{none:null,fixed:"fixed",absolute:"absolute"}},compoundVariants:[{variant:["hover","click"],class:"max-w-[14.5rem] w-max"},{variant:["click","error"],class:"bg-white text-black-teal-300 py-2"}]});const u=l("",{variants:{strategy:{fixed:"fixed",absolute:"absolute"}}});const f=class{constructor(i){t(this,i);this.isOpen=a(this,"isOpen",3)}variant="hover";content=null;placement;offset=8;strategy="absolute";enableUserInput=true;show=false;usePortal=false;canManuallyClose=true;isOpen;get _el(){return o(this)}_hasContentSlot=false;_loaded=false;_popover;_cleanup;componentWillLoad(){this._hasContentSlot=!!this._el.querySelector(':scope > [slot="content"]')}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){const t={role:"popover","data-placement":this.placement,ref:t=>this._load(t)};let a;const o=i("div",{key:"964d08f12cd4b08114dc3873e17cca96ce4fb3c0",class:b({variant:this.variant,strategy:this.usePortal?"none":this.strategy}),...this.usePortal?{}:t},i("div",{key:"684fbb0cb4ba63decb6064edb973660a0fd66be8",class:"flex gap-2"},this.variant==="error"&&i("div",{key:"fb0dcc801a5dd16e7aa314463a682e1dfcf87654",class:"w-[2px] bg-negative-red"}),this.content?this.content:i("slot",{name:"content"})));if(this.usePortal){a=i("p-portal",{key:"cc04657d297ff62df0bd0ffe649299d1904ad0c5",class:u({strategy:this.strategy}),...t},o)}else{a=o}return i(e,{key:"087eb065cece95a021feefa03f3382c78e7d420e",class:"p-popover flex cursor-pointer"},i("div",{key:"0ed8dd7933c461a4767669e3007ebcadfe67e530",class:"relative h-inherit w-inherit max-w-full"},i("slot",{key:"fbdb4661aac46d4535899fc8cff83f3c22773ef8",name:"trigger"}),a))}clickHandler(){if(this.variant==="hover"||!this.enableUserInput){return}if(this._popover.hasAttribute("data-show")){return}this._show()}documentClickHandler(){if(this.variant==="hover"||!this.canManuallyClose||this.show){return}if(!this._popover.hasAttribute("data-show")){return}this._hide()}mouseEnterHandler(){if(this.variant!=="hover"||!this.enableUserInput){return}this._show()}mouseLeaveHandler(){if(this.show||this.variant!=="hover"||!this.enableUserInput){return}this._hide()}onShowChange(t){if(t&&!this._popover.hasAttribute("data-show")){return this._show()}return this._hide()}_show(){if(!this._loaded){return}if(!this.content?.length&&!this._hasContentSlot){if(this._popover.hasAttribute("data-show")){this._hide()}return}this._cleanup=r(this._el,this._popover,(()=>this._update()));this._popover.setAttribute("data-show","");this._popover.classList.remove("opacity-0","pointer-events-none");this._popover.classList.add("opacity-100","pointer-events-auto");this.isOpen.emit(true)}_hide(){if(!this._loaded){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._popover.removeAttribute("data-show");this._popover.classList.remove("opacity-100","pointer-events-auto");this._popover.classList.add("opacity-0","pointer-events-none");this.isOpen.emit(false)}_load(t){this._popover=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_update(){if(!this._popover){return}s(this._el,this._popover,{placement:this.variant==="error"&&!this.placement?"bottom-start":this.placement??"top",strategy:this.strategy,middleware:[n(this.offset),p(),c()]}).then((({x:t,y:i,placement:e})=>{this._popover.dataset.placement=e;Object.assign(this._popover.style,{top:`${i}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"]}}};f.style=m;export{d as p_helper,f as p_tooltip};
-//# sourceMappingURL=p-0a249d42.entry.js.map
+import{r as t,h as i,H as e,c as a,g as o}from"./p-I9JY9uxk.js";import{a as r,c as s,o as n,f as p,s as c}from"./p-DGLCmOXW.js";import{c as l}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const h="*{box-sizing:border-box}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\\:text-black-teal:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";const d=class{constructor(i){t(this,i)}strategy="absolute";placement="top";render(){return i(e,{key:"b01ecfa1f3ad5066a2509a203a6b0412c980d56e",class:"p-helper"},i("p-tooltip",{key:"6807aa67e6fd1d38dab4343db9d7903c240482e5",placement:this.placement,strategy:this.strategy},i("div",{key:"a975111cdfa2095954275efe44af3913e60b808c",slot:"content"},i("slot",{key:"a2c69274cc77b54d0d59b17727c255bbede56433"})),i("p-icon",{key:"a4c8c4d70f8164b25404adbfeb60be9faa8b3393",size:"sm",class:"cursor-pointer text-black-teal-300 hover:text-black-teal",variant:"question-circle",slot:"trigger"})))}};d.style=h;const m="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-\\[2px\\]{width:2px!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.w-max{width:max-content!important}.max-w-\\[14\\.5rem\\]{max-width:14.5rem!important}.max-w-full{max-width:100%!important}.cursor-pointer{cursor:pointer!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.bg-black-teal{--tw-bg-opacity:1!important;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))!important}.bg-negative-red{background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{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)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";const b=l(["inline-block px-2","text-xs","opacity-0 drop-shadow-3 transition-opacity","rounded-lg","z-tooltip","pointer-events-none"],{variants:{variant:{hover:"bg-black-teal text-white py-1",click:null,error:"max-w-full w-full"},strategy:{none:null,fixed:"fixed",absolute:"absolute"}},compoundVariants:[{variant:["hover","click"],class:"max-w-[14.5rem] w-max"},{variant:["click","error"],class:"bg-white text-black-teal-300 py-2"}]});const u=l("",{variants:{strategy:{fixed:"fixed",absolute:"absolute"}}});const f=class{constructor(i){t(this,i);this.isOpen=a(this,"isOpen",3)}variant="hover";content=null;placement;offset=8;strategy="absolute";enableUserInput=true;show=false;usePortal=false;canManuallyClose=true;isOpen;get _el(){return o(this)}_hasContentSlot=false;_loaded=false;_popover;_cleanup;componentWillLoad(){this._hasContentSlot=!!this._el.querySelector(':scope > [slot="content"]')}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){const t={role:"popover","data-placement":this.placement,ref:t=>this._load(t)};let a;const o=i("div",{key:"803226345584c36cca2872d45f2450b6bd347167",class:b({variant:this.variant,strategy:this.usePortal?"none":this.strategy}),...this.usePortal?{}:t},i("div",{key:"b1ae9a268b8ce945ff1b65b57de45482d371dc8e",class:"flex gap-2"},this.variant==="error"&&i("div",{key:"9c03bf24d6706323a8a2038bb46ad81f361b3ae3",class:"w-[2px] bg-negative-red"}),this.content?this.content:i("slot",{name:"content"})));if(this.usePortal){a=i("p-portal",{key:"49d63db60a0a0e3e1c3f79dce2551c24c811a721",class:u({strategy:this.strategy}),...t},o)}else{a=o}return i(e,{key:"42a7f229b08118ac92fa55740e4525e72b041c6e",class:"p-popover flex cursor-pointer"},i("div",{key:"aa478772ef9e80fae7e286f29a5c20c56958f0f3",class:"relative h-inherit w-inherit max-w-full"},i("slot",{key:"bcd3c99910a340763fa2df3b0a4c79bc27904e39",name:"trigger"}),a))}clickHandler(){if(this.variant==="hover"||!this.enableUserInput){return}if(this._popover.hasAttribute("data-show")){return}this._show()}documentClickHandler(){if(this.variant==="hover"||!this.canManuallyClose||this.show){return}if(!this._popover.hasAttribute("data-show")){return}this._hide()}mouseEnterHandler(){if(this.variant!=="hover"||!this.enableUserInput){return}this._show()}mouseLeaveHandler(){if(this.show||this.variant!=="hover"||!this.enableUserInput){return}this._hide()}onShowChange(t){if(t&&!this._popover.hasAttribute("data-show")){return this._show()}return this._hide()}_show(){if(!this._loaded){return}if(!this.content?.length&&!this._hasContentSlot){if(this._popover.hasAttribute("data-show")){this._hide()}return}this._cleanup=r(this._el,this._popover,(()=>this._update()));this._popover.setAttribute("data-show","");this._popover.classList.remove("opacity-0","pointer-events-none");this._popover.classList.add("opacity-100","pointer-events-auto");this.isOpen.emit(true)}_hide(){if(!this._loaded){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._popover.removeAttribute("data-show");this._popover.classList.remove("opacity-100","pointer-events-auto");this._popover.classList.add("opacity-0","pointer-events-none");this.isOpen.emit(false)}_load(t){this._popover=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_update(){if(!this._popover){return}s(this._el,this._popover,{placement:this.variant==="error"&&!this.placement?"bottom-start":this.placement??"top",strategy:this.strategy,middleware:[n(this.offset),p(),c()]}).then((({x:t,y:i,placement:e})=>{this._popover.dataset.placement=e;Object.assign(this._popover.style,{top:`${i}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"]}}};f.style=m;export{d as p_helper,f as p_tooltip};
+//# sourceMappingURL=p-4202a4c0.entry.js.map

package/dist/build/{p-0a249d42.entry.js.map → p-4202a4c0.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["helperComponentCss","Helper","strategy","placement","render","h","Host","key","class","this","slot","size","variant","tooltipComponentCss","popover","cva","variants","hover","click","error","none","fixed","absolute","compoundVariants","portal","Tooltip","content","offset","enableUserInput","show","usePortal","canManuallyClose","isOpen","_hasContentSlot","_loaded","_popover","_cleanup","componentWillLoad","_el","querySelector","componentShouldUpdate","_update","disconnectedCallback","tooltipProps","role","ref","el","_load","tooltip","tooltipElement","name","clickHandler","hasAttribute","_show","documentClickHandler","_hide","mouseEnterHandler","mouseLeaveHandler","onShowChange","length","autoUpdate","setAttribute","classList","remove","add","emit","removeAttribute","setTimeout","computePosition","middleware","flip","shift","then","x","y","dataset","Object","assign","style","top","left"],"sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[null,"import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",null,"import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1',\n\t\t\t\tclick: null,\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tnone: null,\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'max-w-[14.5rem] w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst portal = cva('', {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tfixed: 'fixed',\n\t\t\tabsolute: 'absolute',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to use a portal for the tooltip\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst tooltipProps = {\n\t\t\trole: 'popover',\n\t\t\t'data-placement': this.placement,\n\t\t\tref: el => this._load(el),\n\t\t};\n\n\t\tlet tooltip: HTMLElement;\n\n\t\tconst tooltipElement = (\n\t\t\t<div\n\t\t\t\tclass={popover({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tstrategy: this.usePortal ? 'none' : this.strategy,\n\t\t\t\t})}\n\t\t\t\t{...(this.usePortal ? {} : tooltipProps)}\n\t\t\t>\n\t\t\t\t<div class='flex gap-2'>\n\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.usePortal) {\n\t\t\ttooltip = (\n\t\t\t\t<p-portal\n\t\t\t\t\tclass={portal({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\t{...tooltipProps}\n\t\t\t\t>\n\t\t\t\t\t{tooltipElement}\n\t\t\t\t</p-portal>\n\t\t\t);\n\t\t} else {\n\t\t\ttooltip = tooltipElement;\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-popover flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit max-w-full'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t{tooltip}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["helperComponentCss","Helper","strategy","placement","render","h","Host","key","class","this","slot","size","variant","tooltipComponentCss","popover","cva","variants","hover","click","error","none","fixed","absolute","compoundVariants","portal","Tooltip","content","offset","enableUserInput","show","usePortal","canManuallyClose","isOpen","_hasContentSlot","_loaded","_popover","_cleanup","componentWillLoad","_el","querySelector","componentShouldUpdate","_update","disconnectedCallback","tooltipProps","role","ref","el","_load","tooltip","tooltipElement","name","clickHandler","hasAttribute","_show","documentClickHandler","_hide","mouseEnterHandler","mouseLeaveHandler","onShowChange","length","autoUpdate","setAttribute","classList","remove","add","emit","removeAttribute","setTimeout","computePosition","middleware","flip","shift","then","x","y","dataset","Object","assign","style","top","left"],"sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[null,"import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",null,"import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1',\n\t\t\t\tclick: null,\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tnone: null,\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'max-w-[14.5rem] w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst portal = cva('', {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tfixed: 'fixed',\n\t\t\tabsolute: 'absolute',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to use a portal for the tooltip\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst tooltipProps = {\n\t\t\trole: 'popover',\n\t\t\t'data-placement': this.placement,\n\t\t\tref: el => this._load(el),\n\t\t};\n\n\t\tlet tooltip: HTMLElement;\n\n\t\tconst tooltipElement = (\n\t\t\t<div\n\t\t\t\tclass={popover({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tstrategy: this.usePortal ? 'none' : this.strategy,\n\t\t\t\t})}\n\t\t\t\t{...(this.usePortal ? {} : tooltipProps)}\n\t\t\t>\n\t\t\t\t<div class='flex gap-2'>\n\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.usePortal) {\n\t\t\ttooltip = (\n\t\t\t\t<p-portal\n\t\t\t\t\tclass={portal({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\t{...tooltipProps}\n\t\t\t\t>\n\t\t\t\t\t{tooltipElement}\n\t\t\t\t</p-portal>\n\t\t\t);\n\t\t} else {\n\t\t\ttooltip = tooltipElement;\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-popover flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit max-w-full'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t{tooltip}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/build/{p-74338d94.entry.js → p-4944d81e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,g as e,h as i,H as s}from"./p-I9JY9uxk.js";const n=".flex{display:flex!important}.h-auto{height:auto!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";const r=class{constructor(e){t(this,e)}activeStep=1;enableAutoStatus=true;direction="horizontal";contentPosition="end";get _el(){return e(this)}_generateTimeout;_resizeObserver;_generateStepsOnce=()=>{if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>this._generateSteps()),50)};_generateSteps=async()=>{if(!this._el){return}let t=this.activeStep-1||0;const e=this._el.querySelectorAll("p-stepper-item");let i=false;for(let s=0;s<e?.length;s++){const n=e.item(s);if(this.enableAutoStatus){n.active=s===t;n.finished=s<t}if(!this.activeStep||t<0){if(n.active){t=s}if(t<0&&n.finished){t=s+1}}if(n.direction!==this.direction&&!i){i=true}n.direction=this.direction;n.align=this.direction==="vertical"?"start":s===0?"start":s===e?.length-1?"end":"center";n.contentPosition=this.contentPosition}if(i){await new Promise((t=>setTimeout(t,200)))}for(let i=0;i<e?.length;i++){const s=e.item(i);if(i<e.length-1){let e=s.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){const n=document.createElement("p-stepper-line");this._el.insertBefore(n,e);this._setStepperLineData(n,s,e,i,t);const r=n.previousElementSibling;if(r&&r.tagName.toLowerCase()==="p-stepper-line"){r.remove()}continue}if(e&&e.tagName.toLowerCase()==="p-stepper-line"){const n=e;e=e.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){this._setStepperLineData(n,s,e,i,t)}}}if(i>0){const t=s.previousElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=s.active||s.finished}}}const s=this._el.querySelectorAll("p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child");for(let t=s.length-1;t>=0;t--){const e=s.item(t);e.remove()}};_setStepperLineData=(t,e,i,s,n)=>{const r=e.clientHeight/2;const o=i.clientHeight/2;t.direction=this.direction;t.active=s<n;if(r>0&&this.direction==="vertical"){t.style.marginTop=`-${r/16}rem`;t.style.marginBottom=`-${o/16}rem`;t.style.minHeight=`calc(1rem + ${(r+o)/16}rem)`}};componentDidLoad(){this._resizeObserver=new ResizeObserver((()=>this._generateStepsOnce()));this._resizeObserver.observe(this._el)}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){return i(s,{key:"f80dff601db0c373f46a4eeb258b8a5e584807c1",class:"p-stepper"},i("slot",{key:"bcdbd79194ba1742fc80b0076bcec37f8c778b4f",onSlotchange:()=>this._generateStepsOnce()}))}_onActiveStepChange(){this._generateStepsOnce()}static get watchers(){return{activeStep:["_onActiveStepChange"]}}};r.style=n;export{r as p_stepper};
-//# sourceMappingURL=p-74338d94.entry.js.map
+import{r as t,g as e,h as i,H as s}from"./p-I9JY9uxk.js";const n=".flex{display:flex!important}.h-auto{height:auto!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";const r=class{constructor(e){t(this,e)}activeStep=1;enableAutoStatus=true;direction="horizontal";contentPosition="end";get _el(){return e(this)}_generateTimeout;_resizeObserver;_generateStepsOnce=()=>{if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>this._generateSteps()),50)};_generateSteps=async()=>{if(!this._el){return}let t=this.activeStep-1||0;const e=this._el.querySelectorAll("p-stepper-item");let i=false;for(let s=0;s<e?.length;s++){const n=e.item(s);if(this.enableAutoStatus){n.active=s===t;n.finished=s<t}if(!this.activeStep||t<0){if(n.active){t=s}if(t<0&&n.finished){t=s+1}}if(n.direction!==this.direction&&!i){i=true}n.direction=this.direction;n.align=this.direction==="vertical"?"start":s===0?"start":s===e?.length-1?"end":"center";n.contentPosition=this.contentPosition}if(i){await new Promise((t=>setTimeout(t,200)))}for(let i=0;i<e?.length;i++){const s=e.item(i);if(i<e.length-1){let e=s.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){const n=document.createElement("p-stepper-line");this._el.insertBefore(n,e);this._setStepperLineData(n,s,e,i,t);const r=n.previousElementSibling;if(r&&r.tagName.toLowerCase()==="p-stepper-line"){r.remove()}continue}if(e&&e.tagName.toLowerCase()==="p-stepper-line"){const n=e;e=e.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){this._setStepperLineData(n,s,e,i,t)}}}if(i>0){const t=s.previousElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=s.active||s.finished}}}const s=this._el.querySelectorAll("p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child");for(let t=s.length-1;t>=0;t--){const e=s.item(t);e.remove()}};_setStepperLineData=(t,e,i,s,n)=>{const r=e.clientHeight/2;const o=i.clientHeight/2;t.direction=this.direction;t.active=s<n;if(r>0&&this.direction==="vertical"){t.style.marginTop=`-${r/16}rem`;t.style.marginBottom=`-${o/16}rem`;t.style.minHeight=`calc(1rem + ${(r+o)/16}rem)`}};componentDidLoad(){this._resizeObserver=new ResizeObserver((()=>this._generateStepsOnce()));this._resizeObserver.observe(this._el)}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){return i(s,{key:"b28e2468eadad29e85e2201f95c83a57e545821f",class:"p-stepper"},i("slot",{key:"c6b310552a73de9351ea74ac406f876a91f3cf46",onSlotchange:()=>this._generateStepsOnce()}))}_onActiveStepChange(){this._generateStepsOnce()}static get watchers(){return{activeStep:["_onActiveStepChange"]}}};r.style=n;export{r as p_stepper};
+//# sourceMappingURL=p-4944d81e.entry.js.map

package/dist/build/p-4e74384b.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as t,H as e}from"./p-I9JY9uxk.js";const r="*{box-sizing:border-box}p-avatar-group{p-avatar:first-child{z-index:3}p-avatar:nth-child(2){z-index:2}p-avatar:nth-child(3){z-index:1}";const s=class{constructor(t){a(this,t)}extra;render(){return t(e,{key:"22fe8d0cfc962a1363f05a827f79edcb3ee97df2",class:"p-avatar-group flex items-center -space-x-1 overflow-hidden"},t("slot",{key:"53f679933c35a0cfa7b67995df1b204504900606"}),this.extra&&t("span",{key:"8689bb9db13c81ff52af329127743ec6d9c6198b",class:"pl-3 text-sm text-black-teal-300"},"+",this.extra))}};s.style=r;export{s as p_avatar_group};
+//# sourceMappingURL=p-4e74384b.entry.js.map