@paperless/core 2.0.1-beta.24 → 2.0.1-beta.26

package/dist/build/p-52ff5017.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["avatarComponentCss","PAvatarStyle0","avatar","cva","variants","size","xs","sm","base","lg","xl","Avatar","onSrchChange","src","this","_failed","_src","componentWillLoad","_setFailed","render","h","Host","key","class","letters","onError","undefined"],"sources":["src/components/atoms/avatar/avatar.component.css?tag=p-avatar","src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":[null,"import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold text-black-teal-300',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.css',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\t<span>{this.letters?.[0] ?? ' '}</span>\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAqB,m6DAC3B,MAAAC,EAAeD,ECEf,MAAME,EAASC,EACd,CACC,0LAED,CACCC,SAAU,CACTC,KAAM,CACLC,GAAI,eACJC,GAAI,cACJC,KAAM,gBACNC,GAAI,eACJC,GAAI,eACJ,MAAO,gBACP,MAAO,0CACP,MAAO,8C,MAWEC,EAAM,M,mCAYP,O,uGAkByB,K,CAGpC,YAAAC,CAAaC,GACZC,KAAKC,QAAU,MACfD,KAAKE,KAAOH,C,CAGb,iBAAAI,GACCH,KAAKF,aAAaE,KAAKD,KACvB,IAAKC,KAAKE,KAAM,CACfF,KAAKI,Y,EAIP,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAOrB,EAAO,CACbG,KAAMS,KAAKT,QAGXS,KAAKC,QACLK,EAAA,YAAON,KAAKU,UAAU,IAAM,KAE5BJ,EAAA,OACCP,IAAKC,KAAKE,KACVO,MAAM,uDACNE,QAAS,IAAMX,KAAKI,e,CAOjB,UAAAA,GACPJ,KAAKC,QAAU,KACfD,KAAKE,KAAOU,S","ignoreList":[]}

package/dist/{paperless/p-dbbf732c.entry.js → build/p-54f7740e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,g as r,h as i,H as a,F as o}from"./p-45ded510.js";import{c as s}from"./p-8a5b8196.js";import{f as n,g as l}from"./p-f26a3049.js";import"./p-8a1a6e56.js";const c="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!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-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-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-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 d=c;const p=s(["flex gap-2","w-inherit px-2","border border-solid rounded-lg"],{variants:{size:{sm:"h-6",base:"h-8"},disabled:{false:"bg-white",true:"bg-white-600 cursor-not-allowed"},focused:{false:null,true:null},error:{false:null,true:null}},compoundVariants:[{focused:false,error:false,class:"border-black-teal-100"},{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 h=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 h-full",{variants:{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}},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",7);this.inputRefChange=e(this,"inputRefChange",7);this.size="base";this.type="text";this.properties={};this.prefix=undefined;this.suffix=undefined;this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined;this.iconPosition="start";this.value=undefined;this.label=undefined;this.placeholder=undefined;this.helper=undefined;this.required=true;this.autofocus=false;this.error=undefined;this.errorPlacement=undefined;this.disabled=false;this.focused=false;this.forceShowTooltip=false;this.selectAllOnFocus=true;this.focusMethod="focus";this.optionalTemplate=undefined;this._focused=false}valueChange;inputRefChange;get _el(){return r(this)}_inputRef;componentDidLoad(){this._checkAutoFocus()}render(){const{prefix:t,suffix:e,hasHeaderSlot:r,hasLabelSlot:o,hasHelperSlot:s,hasErrorSlot:n}=this._getSlotInfo();return i(a,{key:"cf990118b7fb2b397a4ed1d00026893fb5d65651",class:"p-field"},i("p-field-container",{key:"8957ddbafafbe9be741359ae9c4265bb5c2ab08d",forceShowTooltip:this.forceShowTooltip||this._focused,label:this.label,helper:this.helper,error:this.error,required:this.required},o&&i("slot",{key:"f60081c6a1485f8066715a2e422ea5903f0963a8",name:"label",slot:"label"}),r&&i("slot",{key:"e4b78626d1a79acb5b95692158b5809a4b24dd63",name:"header",slot:"header"}),s&&i("slot",{key:"4346e4bc124d1de2ceb4ee4005eb9b661bf677dd",name:"helper",slot:"helper"}),n&&i("slot",{key:"6d0408efce0e27da7d14dfb4aa9fffb38d3b927a",name:"error",slot:"error"}),i("div",{key:"cf6aed5c63d0652a7fa0ca66c562a7c79d57dafa",class:p({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused,size:this.size}),slot:"content"},(t||this.icon&&this.iconPosition==="start")&&i("div",{key:"fb6c0aa6cebc783dc15a44462bc04e89fcd13f13",class:f({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="start"?i("p-icon",{class:"flex",variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):t),this._getInput(),(e||this.icon&&this.iconPosition==="end")&&i("div",{key:"2822280cb543d2315d062b00b52729f1603b8c6f",class:f({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused}),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=r?i("slot",{name:"prefix"}):this.prefix;const l=a?i("slot",{name:"suffix"}):this.suffix;const c=this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:r,hasSuffixSlot:a,hasHeaderSlot:o,hasErrorSlot:s,prefix:n,suffix:l,errorAndErrorIsNotBoolean:c}}_getInput(){if(this.type==="custom"){return i("slot",{name:"input"})}const t={class:h({disabled:this.disabled}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let e=this.properties??{};if(typeof e==="string"){e=JSON.parse(this.properties)}if(this.type==="textarea"){i("textarea",{ref:t=>this._setInputRef(t),...t,...e})}return i("input",{type:this.type,ref:t=>this._setInputRef(t),...t,...e})}_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=d;const u="*{box-sizing:border-box}.static{position:static!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!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}.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}";const m=u;const g=class{constructor(r){t(this,r);this.focus=e(this,"focus",7);this.label=undefined;this.helper=undefined;this.required=undefined;this.error=undefined;this.errorPlacement=undefined;this.forceShowTooltip=false;this.optionalTemplate=this._defaultOptionalTemplate;this._locales={}}_defaultOptionalTemplate=()=>n(this._locales.optional);get _el(){return r(this)}focus;componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:t,hasErrorSlot:e,helper:r,label:s,errorAndErrorIsNotBoolean:n}=this._getSlotInfo();return i(a,{key:"5a9f6522df4ed827c3e66dec4fb0f4632f7b227a",class:"p-field-container"},i("div",{key:"7aca74e4bc43e883cc97f1c053117735af73fed4",class:"flex w-inherit flex-col gap-1"},i("div",{key:"426757bcec0af2c2835b95946e802aa52d19e603",class:"flex items-end justify-between gap-1"},s&&i("div",{key:"b5f54de0e3643da28e390776339fd629cc784731",class:"text-xs font-medium text-black-teal-300",onClick:()=>this.focus.emit()},s),(!this.required||r||t)&&i("div",{key:"e3bad54b3ea5b73652cc50a08390adcf51563572",class:"flex items-center gap-1"},!this.required&&i("span",{key:"e175174c57d7d7aa3c36789a51b3ea19f3f82e93",class:"text-xs font-medium text-black-teal-200"},this.optionalTemplate()),(r||t)&&i(o,{key:"b6a58573f43e5dcb18aaee9ae6317c9a8ae18461"},t&&i("slot",{key:"5708bac40fa9ac3c35aaa103a9314182dc22ceeb",name:"header"}),r&&i("p-helper",{key:"4b40eaeb300d824d6af645f77b4f646f9fa49688",class:`flex ${t?"ml-2":""}`,placement:"top-end"},r)))),i("p-tooltip",{key:"2548c71b57fb4380ed7199763d92e0bfec97672b",class:"w-full",variant:"error",content:this.error,show:n&&this.forceShowTooltip,enableUserInput:false,placement:this.errorPlacement},e&&i("slot",{key:"5e28992d5467ae8fc554aaa4b11833a9ef696918",name:"error",slot:"content"}),i("slot",{key:"f08fdbf1124fe2d4f9d8b9ca9d057d00254d8046",name:"content",slot:"trigger"}))))}async _setLocales(){this._locales=await l(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}}};g.style=m;export{b as p_field,g as p_field_container};
-//# sourceMappingURL=p-dbbf732c.entry.js.map
+import{r as t,c as e,g as r,h as i,H as a,F as o}from"./p-45ded510.js";import{c as s}from"./p-8a5b8196.js";import{f as n,g as l}from"./p-f26a3049.js";import"./p-8a1a6e56.js";const c="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!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-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-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-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 d=c;const p=s(["flex gap-2","w-inherit px-2","border border-solid rounded-lg"],{variants:{size:{sm:"h-6",base:"h-8"},disabled:{false:"bg-white",true:"bg-white-600 cursor-not-allowed"},focused:{false:null,true:null},error:{false:null,true:null}},compoundVariants:[{focused:false,error:false,class:"border-black-teal-100"},{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 h=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 h-full",{variants:{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}},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",7);this.inputRefChange=e(this,"inputRefChange",7);this.size="base";this.type="text";this.properties={};this.prefix=undefined;this.suffix=undefined;this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined;this.iconPosition="start";this.value=undefined;this.label=undefined;this.placeholder=undefined;this.helper=undefined;this.required=true;this.autofocus=false;this.error=undefined;this.errorPlacement=undefined;this.disabled=false;this.focused=false;this.forceShowTooltip=false;this.selectAllOnFocus=true;this.focusMethod="focus";this.optionalTemplate=undefined;this._focused=false}valueChange;inputRefChange;get _el(){return r(this)}_inputRef;componentDidLoad(){this._checkAutoFocus()}render(){const{prefix:t,suffix:e,hasHeaderSlot:r,hasLabelSlot:o,hasHelperSlot:s,hasErrorSlot:n}=this._getSlotInfo();return i(a,{key:"cf990118b7fb2b397a4ed1d00026893fb5d65651",class:"p-field"},i("p-field-container",{key:"8957ddbafafbe9be741359ae9c4265bb5c2ab08d",forceShowTooltip:this.forceShowTooltip||this._focused,label:this.label,helper:this.helper,error:this.error,required:this.required},o&&i("slot",{key:"f60081c6a1485f8066715a2e422ea5903f0963a8",name:"label",slot:"label"}),r&&i("slot",{key:"e4b78626d1a79acb5b95692158b5809a4b24dd63",name:"header",slot:"header"}),s&&i("slot",{key:"4346e4bc124d1de2ceb4ee4005eb9b661bf677dd",name:"helper",slot:"helper"}),n&&i("slot",{key:"6d0408efce0e27da7d14dfb4aa9fffb38d3b927a",name:"error",slot:"error"}),i("div",{key:"cf6aed5c63d0652a7fa0ca66c562a7c79d57dafa",class:p({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused,size:this.size}),slot:"content"},(t||this.icon&&this.iconPosition==="start")&&i("div",{key:"fb6c0aa6cebc783dc15a44462bc04e89fcd13f13",class:f({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="start"?i("p-icon",{class:"flex",variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):t),this._getInput(),(e||this.icon&&this.iconPosition==="end")&&i("div",{key:"2822280cb543d2315d062b00b52729f1603b8c6f",class:f({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused}),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=r?i("slot",{name:"prefix"}):this.prefix;const l=a?i("slot",{name:"suffix"}):this.suffix;const c=this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:r,hasSuffixSlot:a,hasHeaderSlot:o,hasErrorSlot:s,prefix:n,suffix:l,errorAndErrorIsNotBoolean:c}}_getInput(){if(this.type==="custom"){return i("slot",{name:"input"})}const t={class:h({disabled:this.disabled}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let e=this.properties??{};if(typeof e==="string"){e=JSON.parse(this.properties)}if(this.type==="textarea"){i("textarea",{ref:t=>this._setInputRef(t),...t,...e})}return i("input",{type:this.type,ref:t=>this._setInputRef(t),...t,...e})}_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=d;const u="*{box-sizing:border-box}.static{position:static!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!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}.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}";const m=u;const g=class{constructor(r){t(this,r);this.focus=e(this,"focus",7);this.label=undefined;this.helper=undefined;this.required=undefined;this.error=undefined;this.errorPlacement=undefined;this.forceShowTooltip=false;this.optionalTemplate=this._defaultOptionalTemplate;this._locales={}}_defaultOptionalTemplate=()=>n(this._locales.optional);get _el(){return r(this)}focus;componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:t,hasErrorSlot:e,helper:r,label:s,errorAndErrorIsNotBoolean:n}=this._getSlotInfo();return i(a,{key:"d281d2a9ff20d8ade9f76ad4eb86085e9924130f",class:"p-field-container"},i("div",{key:"bd089038396275d6055446fdc3c8df5565905633",class:"flex w-inherit flex-col gap-1"},i("div",{key:"dabb2165c9791a856aac3ba207cdc8633174c322",class:"flex items-end justify-between gap-1"},s&&i("div",{key:"955a3a463212f5eebb50c84156b4245cec176e05",class:"text-xs font-medium text-black-teal-300",onClick:()=>this.focus.emit()},s),(!this.required||r||t)&&i("div",{key:"eeb7241af592900b4d7703af00d5ba5083d23836",class:"flex items-center gap-1"},!this.required&&i("span",{key:"e59dca6b1ee35d7a69489c0a38d5fb7b25a9da9d",class:"text-xs font-medium text-black-teal-200"},this.optionalTemplate()),(r||t)&&i(o,{key:"c8b6efc1f2acaff910265a8db68c50626c6c9d37"},t&&i("slot",{key:"511747f7a8fe7cfc33e8e88d6fc156cb0f86ac14",name:"header"}),r&&i("p-helper",{key:"08c8ba308601ba7247cfe6f4272c4b5f3b2d1f32",class:`flex ${t?"ml-2":""}`,placement:"top-end"},r)))),i("p-tooltip",{key:"9b0ddbeae82d7cdaa7db4eb0ca7a3312166983dc",class:"w-full",variant:"error",content:this.error,show:n&&this.forceShowTooltip,enableUserInput:false,placement:this.errorPlacement},e&&i("slot",{key:"653ddb7c4ab6b8d1c14f581a72e663c96cd7c494",name:"error",slot:"content"}),i("slot",{key:"66e58f122515c6e68ca669b6d00d2a23feee31c9",name:"content",slot:"trigger"}))))}async _setLocales(){this._locales=await l(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}}};g.style=m;export{b as p_field,g as p_field_container};
+//# sourceMappingURL=p-54f7740e.entry.js.map

package/dist/build/p-54f7740e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fieldComponentCss","PFieldStyle0","field","cva","variants","size","sm","base","disabled","false","true","focused","error","compoundVariants","class","input","prefixAndSuffic","Field","valueChange","inputRefChange","_inputRef","componentDidLoad","this","_checkAutoFocus","render","prefix","suffix","hasHeaderSlot","hasLabelSlot","hasHelperSlot","hasErrorSlot","_getSlotInfo","h","Host","key","forceShowTooltip","_focused","label","helper","required","name","slot","length","icon","iconPosition","onClick","_focusInput","variant","rotate","iconRotate","flip","iconFlip","_getInput","handleFocusIn","_selectAll","handleFocusOut","_el","querySelector","hasPrefixSlot","hasSuffixSlot","errorAndErrorIsNotBoolean","type","props","value","placeholder","onInput","ev","_valueChange","properties","JSON","parse","ref","_setInputRef","emit","focus","focusMethod","selectAllOnFocus","select","target","autofocus","setTimeout","fieldContainerComponentCss","PFieldContainerStyle0","FieldContainer","_defaultOptionalTemplate","formatTranslation","_locales","optional","componentWillLoad","_setLocales","optionalTemplate","Fragment","placement","content","show","enableUserInput","errorPlacement","getLocaleComponentStrings"],"sources":["src/components/molecules/field/field.component.css?tag=p-field&encapsulation=shadow","src/components/molecules/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 { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { templateFunc } from '../field-container/field-container.component';\n\nconst field = cva(\n\t['flex gap-2', 'w-inherit px-2', 'border border-solid rounded-lg'],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: 'h-6',\n\t\t\t\tbase: 'h-8',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'bg-white',\n\t\t\t\ttrue: 'bg-white-600 cursor-not-allowed',\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},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'border-black-teal-100',\n\t\t\t},\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:\n\t\t\t\t\t'border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'border-negative-red',\n\t\t\t},\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: 'ring ring-negative-red-50 selection:bg-negative-red-50',\n\t\t\t},\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 h-full',\n\t{\n\t\tvariants: {\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 prefixAndSuffic = 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},\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 size of the input group\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The type of the input group\n\t */\n\t@Prop() type: HTMLInputTypeAttribute | 'textarea' | 'slot' = 'text';\n\n\t/**\n\t * The size of the input group\n\t */\n\t@Prop() properties: any | string = {};\n\n\t/**\n\t * The prefix of the input group\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the input group\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the input group\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 input group\n\t */\n\t@Prop() label: string;\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 input group\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 input group is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the input group 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() 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} = 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\thelper={this.helper}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\trequired={this.required}\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: this.disabled,\n\t\t\t\t\t\t\tfocused: this.focused || this._focused,\n\t\t\t\t\t\t\tsize: this.size,\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={prefixAndSuffic({\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t\t\tfocused: this.focused || this._focused,\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='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\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._getInput()}\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={prefixAndSuffic({\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t\t\tfocused: this.focused || this._focused,\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\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\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n\n\tprivate _getInput() {\n\t\tif (this.type === 'custom') {\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: this.disabled,\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\t<textarea\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\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 { formatTranslation, getLocaleComponentStrings } from '../../../utils';\nimport { Placement } from '@floating-ui/dom';\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 * 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\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'>\n\t\t\t\t\t\t{label && (\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{(!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{!this.required && (\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\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\tclass='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 && 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<slot\n\t\t\t\t\t\t\tname='content'\n\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t/>\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/{paperless/p-479bdcc8.entry.js → build/p-7929ec90.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,g as e,h as s,H as r}from"./p-45ded510.js";import{c as n}from"./p-3b8209bc.js";import{c as h}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const a="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-supportive-lilac{--tw-text-opacity:1!important;color:rgb(209 174 255/var(--tw-text-opacity,1))!important}.text-teal-800{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.group\\/item:hover .group-hover\\/item\\:text-supportive-lilac-800{--tw-text-opacity:1!important;color:rgb(189 140 255/var(--tw-text-opacity,1))!important}";const o=a;const l=h(["flex items-center gap-2","flex-1 min-w-0 h-full","pointer-events-none overflow-hidden"]);const p=h(["item group/item","pointer-events-auto cursor-pointer","flex h-[1.625rem] items-center gap-2","h-[1.625rem] px-2","text-sm font-semibold whitespace-nowrap","rounded-lg","bg-supportive-lilac-100"]);const c=h("block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start",{variants:{variant:{placeholder:"text-black-teal-400",default:null}}});const d=class{constructor(e){t(this,e);this.queryChange=i(this,"queryChange",3);this.valueChange=i(this,"valueChange",3);this.selectAllChange=i(this,"selectAllChange",3);this.dropdownShown=i(this,"dropdownShown",3);this.add=i(this,"add",3);this.items=undefined;this.multi=undefined;this.icon=undefined;this.query=undefined;this.placeholder=undefined;this.autocompletePlaceholder="Search...";this.value=undefined;this.displayKey="text";this.dropdownDisplayKey=undefined;this.selectionDisplayKey=undefined;this.valueKey=undefined;this.avatarKey=undefined;this.iconKey=undefined;this.showIconInSelectedItem=undefined;this.classKey="class";this.applyClassOnSelectedItem=undefined;this.avatarLettersKey=undefined;this.identifierKey=undefined;this.queryKey=undefined;this.autoSelectFirst=true;this.showChevron=true;this.maxDisplayedItems=10;this.enableAutocomplete=true;this.asyncFilter=false;this.loading=false;this.enableSelectAll=false;this.selectAllText="Select all";this.selectAllIcon=undefined;this.size="base";this.prefix=undefined;this.label=undefined;this.helper=undefined;this.required=true;this.error=undefined;this.disabled=false;this.showAddItem=false;this.addItemText="Add item";this.emptyStateText="No items available";this._showDropdown=false;this._selectedItem=null;this._allSelected=false;this._amountHidden=0}queryChange;valueChange;selectAllChange;dropdownShown;add;get _el(){return e(this)}_inputRef;autocompleteInputRef;_multiContainerRef;_resizeObserver;_resizeDebounceTimer;_checkSelectedItemsTimeout;get _items(){if(!this.items||this.loading){return[]}let t=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof t?.[0]==="string"){this.displayKey="text";this.valueKey="value";t=t.map((t=>({value:t,text:t})))}if(this.query?.length&&!this.asyncFilter){t=t.filter((t=>{if(this.queryKey){return this._checkvalue(this.queryKey,t)}return this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)}))}return t?.slice(0,this.maxDisplayedItems)}get _displayValue(){const t=s("div",{class:c({variant:"placeholder"})},this.placeholder);console.log(this._selectedItem);if(!this._selectedItem){return t}if(this.multi){if(this._selectedItem?.length===0){return t}return s("div",{class:l(),ref:t=>this._multiContainerRef=t},this._selectedItem.map((t=>s("div",{class:p(),onClick:()=>this._selectValue(t)},t[this.selectionDisplayKey??this.displayKey],s("p-icon",{class:"text-xs text-supportive-lilac group-hover/item:text-supportive-lilac-800",variant:"negative"})))),s("div",{class:"extra pointer-events-none hidden text-sm text-black-teal-100"},"+",this._amountHidden))}return this._getDisplay(this._selectedItem,true)}get _identifierKey(){return this.identifierKey??this.valueKey??"value"}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.multi){this._setMultiContainerMaxWidth();this._resizeObserver=new ResizeObserver((()=>{if(this._resizeDebounceTimer){clearTimeout(this._resizeDebounceTimer);this._resizeDebounceTimer=null}this._resizeDebounceTimer=setTimeout((()=>{this._setMultiContainerMaxWidth();this._setCheckSelectedItemsTimeout()}),200)}));this._resizeObserver.observe(this._el)}if(this.value){this._valueChange();return}this.itemChanges()}componentDidRender(){if(this.multi){this._setMultiContainerMaxWidth()}}disconnectedCallback(){if(this.multi){this._resizeObserver.disconnect()}}render(){return s(r,{key:"f62a834435e5a23ac883458bbbc6584fc475585a",class:"p-select"},s("p-dropdown",{key:"f052fca097cd93660e1319d9e697cddfa849adbb",disableTriggerClick:true,calculateWidth:true,insideClick:true,scrollable:this.enableAutocomplete?"large":true,show:this._showDropdown,onIsOpen:t=>this._onDropdownOpen(t)},s("p-field-container",{key:"abeced0d91a257f87f02cd6c22ee150ed66b3c4f",slot:"trigger",prefix:this.prefix,label:this.label,helper:this.helper,required:this.required,error:this.error,errorPlacement:"top-start",forceShowTooltip:this.error?.length&&this._showDropdown},s("p-button",{key:"ac9f12fbab1e18cb05c406b90d9d615220626ed3",class:"w-full",slot:"content",variant:"secondary",size:this.size,chevron:this.showChevron,disabled:this.disabled,active:this._showDropdown,icon:this.icon,onClick:t=>this._onClick(t)},s("div",{key:"00962c1d7e8cc69860a071cf4f4ff48ae096c43d",class:"relative flex-1",ref:t=>this._inputRef=t},this._displayValue))),this.loading?this._getLoadingItems():this._getItems(),this.showAddItem&&this._getAddItem()))}documentClickHandler({target:t}){if(!this._showDropdown||n(t,this._el)){return}this._showDropdown=false}_valueChange(){setTimeout((()=>{this._preselectItem();this._setCheckSelectedItemsTimeout()}))}itemChanges(){setTimeout((()=>this._preselectItem()))}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}multiChanges(){if(this._selectedItem&&!Array.isArray(this._selectedItem)){this._selectedItem=[]}}_preselectItem(){let t=typeof this.value==="string"&&this.multi?JSON.parse(this.value):this.value;if(this.multi){if(!Array.isArray(t)){this.value=[];this.valueChange.emit(this.value);return}this.value=t;if(!t.length){this._selectedItem=[];return}this._selectedItem=!!this.valueKey&&this.valueKey!=="false"?this._items.filter((i=>t.includes(i?.[this.valueKey]))):[...t];return}if(!this._selectedItem&&!t&&this.autoSelectFirst){t=this._items[0]}const i=typeof t==="object"&&t!==null?t[this._identifierKey]:t;const e=typeof i==="string"||typeof i==="number"?i:JSON.stringify(i);const s=this._selectedItem?this._selectedItem?.[this._identifierKey]:null;const r=typeof s==="string"||typeof s==="number"?s:JSON.stringify(s);if(this._selectedItem&&r===e){return}if(!this._items?.length&&t){this._selectValue(t,false);return}const n=this._items.find((t=>{const i=t?.[this._identifierKey];const s=typeof i==="string"||typeof i==="number"?i:JSON.stringify(i);return s===e}));this._selectValue(!!n?n:t,false)}_selectValue(t,i=true){let e=!!this.valueKey&&this.valueKey!=="false"&&t!==null?t?.[this.valueKey]:t;if(this.multi){if(!this._selectedItem||!Array.isArray(this._selectedItem)){this._selectedItem=[]}if(!this.value||!Array.isArray(this.value)){this.value=[]}const i=[...this._selectedItem];const s=[...this.value];const r=i.findIndex((i=>i[this._identifierKey]===t[this._identifierKey]));if(r===-1){i.push(t);s.push(e)}else{i.splice(r,1);s.splice(r,1)}this._selectedItem=i;this.value=s;this.valueChange.emit(s);return}this._selectedItem=t;this.value=e;this.valueChange.emit(e);this._onBlur(i)}_findOnClickTarget(t){if(t.nodeName.toLowerCase()==="p-button"){return true}if(t.classList.contains("item")){return false}return this._findOnClickTarget(t.parentElement)}_onClick(t){if(!this._findOnClickTarget(t.target)){return}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(this.enableAutocomplete&&!t){return}this._showDropdown=false}_onAutoComplete(t){if(!this.enableAutocomplete){return}this._showDropdown=true;this.query=t.detail;this.queryChange.emit(t.detail)}_checkvalue(t,i){return i?.[t]?.toString()?.toLowerCase().indexOf(this.query?.toLowerCase())>=0}_getItems(){let t=this._items.map((t=>s("p-dropdown-menu-item",{useContainer:false,onClick:()=>this._selectValue(t),active:this.multi&&!!this._selectedItem&&Array.isArray(this._selectedItem)?this._selectedItem.findIndex((i=>i[this._identifierKey]===t[this._identifierKey]))>=0:t[this._identifierKey]===this._selectedItem?.[this._identifierKey],checkbox:this.multi?true:false,slot:"items"},this._getDisplay(t))));if(!this._items.length){t=[s("p",{class:"w-full p-2 text-center text-sm text-black-teal-400",slot:"items"},this.emptyStateText)]}if(this.enableSelectAll&&this._items.length){t.unshift(s("p-dropdown-menu-item",{slot:"items",useContainer:false,checkbox:true,onClick:()=>this._selectAllChange(),active:this._allSelected},this.selectAllIcon?.length?s("span",{class:"flex items-center gap-2"},s("div",{class:"flex w-6 justify-center text-lg"},s("p-icon",{variant:this.selectAllIcon}))," ",this.selectAllText):this.selectAllText))}if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAddItem(){return s("p-dropdown-menu-item",{onClick:()=>this.add.emit(),useContainer:false,slot:"items"},s("span",{class:"flex items-center gap-1 font-semibold text-teal-800"},this.addItemText,s("p-icon",{variant:"plus"})))}_getLoadingItems(){const t=[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:false,slot:"items"},s("p-loader",{variant:"ghost",class:"h-6 w-full rounded"}))));if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAutoCompleteItem(){return s("div",{class:"sticky top-0 mb-3 h-8",slot:"items"},s("p-field",{class:"block",placeholder:this.autocompletePlaceholder,onValueChange:t=>this._onAutoComplete(t),onInputRefChange:t=>this.autocompleteInputRef=t.detail,value:this.query}))}_setMultiContainerMaxWidth(){if(!this._inputRef||!this._multiContainerRef){return}this._multiContainerRef.style.maxWidth=`${this._inputRef.clientWidth-16}px`}_setCheckSelectedItemsTimeout(){if(this._checkSelectedItemsTimeout){clearTimeout(this._checkSelectedItemsTimeout)}this._checkSelectedItemsTimeout=setTimeout((()=>this._checkSelectedItems()),50)}_checkSelectedItems(){if(!this._multiContainerRef){return}const t=this._multiContainerRef.getBoundingClientRect();const i=this._multiContainerRef.querySelectorAll(".item");let e=0;for(const s of i){s.classList.remove("hidden");s.classList.add("flex");const i=s.getBoundingClientRect();if(i.right>t.right){s.classList.remove("flex");s.classList.add("hidden");e++;continue}}this._amountHidden=e;const s=this._multiContainerRef.querySelector(".extra");if(!s){return}if(!s.classList.contains("hidden")){s.classList.add("hidden")}if(e>0){s.classList.remove("hidden")}}_onDropdownOpen(t){if(!t.detail||!this.autocompleteInputRef){return}this.autocompleteInputRef.focus()}_selectAllChange(){this._allSelected=!this._allSelected;this.selectAllChange.emit(this._allSelected)}_getDisplay(t,i=false){let e=s("div",{class:c({variant:"default"})},t[i?this.selectionDisplayKey??this.displayKey:this.displayKey]);if(this.avatarKey){e=s("span",{class:"flex items-center gap-2"},s("p-avatar",{size:"sm",src:t[this.avatarKey],letters:t[this.avatarLettersKey]}),s("div",{class:c({variant:"default"})},t[this.dropdownDisplayKey??this.displayKey]))}if(this.iconKey&&(!i||this.showIconInSelectedItem)){e=s("span",{class:"flex items-center gap-2"},s("p-icon",{variant:t[this.iconKey]}),s("div",{class:c({variant:"default"})},t[this.dropdownDisplayKey??this.displayKey]))}if((!i||this.applyClassOnSelectedItem)&&!!t?.class?.length){return s("div",{class:t.class},e)}return e}static get watchers(){return{value:["_valueChange"],items:["itemChanges"],_showDropdown:["_showDropdownChanges"],multi:["multiChanges"]}}};d.style=o;export{d as p_select};
-//# sourceMappingURL=p-479bdcc8.entry.js.map
+import{r as t,c as i,g as e,h as s,H as r}from"./p-45ded510.js";import{c as n}from"./p-3b8209bc.js";import{c as h}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const a="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-supportive-lilac{--tw-text-opacity:1!important;color:rgb(209 174 255/var(--tw-text-opacity,1))!important}.text-teal-800{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.group\\/item:hover .group-hover\\/item\\:text-supportive-lilac-800{--tw-text-opacity:1!important;color:rgb(189 140 255/var(--tw-text-opacity,1))!important}";const o=a;const l=h(["flex items-center gap-2","flex-1 min-w-0 h-full","pointer-events-none overflow-hidden"]);const p=h(["item group/item","pointer-events-auto cursor-pointer","flex h-[1.625rem] items-center gap-2","h-[1.625rem] px-2","text-sm font-semibold whitespace-nowrap","rounded-lg","bg-supportive-lilac-100"]);const c=h("block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start",{variants:{variant:{placeholder:"text-black-teal-400",default:null}}});const d=class{constructor(e){t(this,e);this.queryChange=i(this,"queryChange",3);this.valueChange=i(this,"valueChange",3);this.selectAllChange=i(this,"selectAllChange",3);this.dropdownShown=i(this,"dropdownShown",3);this.add=i(this,"add",3);this.items=undefined;this.multi=undefined;this.icon=undefined;this.query=undefined;this.placeholder=undefined;this.autocompletePlaceholder="Search...";this.value=undefined;this.displayKey="text";this.dropdownDisplayKey=undefined;this.selectionDisplayKey=undefined;this.valueKey=undefined;this.avatarKey=undefined;this.iconKey=undefined;this.showIconInSelectedItem=undefined;this.classKey="class";this.applyClassOnSelectedItem=undefined;this.avatarLettersKey=undefined;this.identifierKey=undefined;this.queryKey=undefined;this.autoSelectFirst=true;this.showChevron=true;this.maxDisplayedItems=10;this.enableAutocomplete=true;this.asyncFilter=false;this.loading=false;this.enableSelectAll=false;this.selectAllText="Select all";this.selectAllIcon=undefined;this.size="base";this.prefix=undefined;this.label=undefined;this.helper=undefined;this.required=true;this.error=undefined;this.disabled=false;this.showAddItem=false;this.addItemText="Add item";this.emptyStateText="No items available";this._showDropdown=false;this._selectedItem=null;this._allSelected=false;this._amountHidden=0}queryChange;valueChange;selectAllChange;dropdownShown;add;get _el(){return e(this)}_inputRef;autocompleteInputRef;_multiContainerRef;_resizeObserver;_resizeDebounceTimer;_checkSelectedItemsTimeout;get _items(){if(!this.items||this.loading){return[]}let t=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof t?.[0]==="string"){this.displayKey="text";this.valueKey="value";t=t.map((t=>({value:t,text:t})))}if(this.query?.length&&!this.asyncFilter){t=t.filter((t=>{if(this.queryKey){return this._checkvalue(this.queryKey,t)}return this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)}))}return t?.slice(0,this.maxDisplayedItems)}get _displayValue(){const t=s("div",{class:c({variant:"placeholder"})},this.placeholder);console.log(this._selectedItem);if(!this._selectedItem){return t}if(this.multi){if(this._selectedItem?.length===0){return t}return s("div",{class:l(),ref:t=>this._multiContainerRef=t},this._selectedItem.map((t=>s("div",{class:p(),onClick:()=>this._selectValue(t)},t[this.selectionDisplayKey??this.displayKey],s("p-icon",{class:"text-xs text-supportive-lilac group-hover/item:text-supportive-lilac-800",variant:"negative"})))),s("div",{class:"extra pointer-events-none hidden text-sm text-black-teal-100"},"+",this._amountHidden))}return this._getDisplay(this._selectedItem,true)}get _identifierKey(){return this.identifierKey??this.valueKey??"value"}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.multi){this._setMultiContainerMaxWidth();this._resizeObserver=new ResizeObserver((()=>{if(this._resizeDebounceTimer){clearTimeout(this._resizeDebounceTimer);this._resizeDebounceTimer=null}this._resizeDebounceTimer=setTimeout((()=>{this._setMultiContainerMaxWidth();this._setCheckSelectedItemsTimeout()}),200)}));this._resizeObserver.observe(this._el)}if(this.value){this._valueChange();return}this.itemChanges()}componentDidRender(){if(this.multi){this._setMultiContainerMaxWidth()}}disconnectedCallback(){if(this.multi){this._resizeObserver.disconnect()}}render(){return s(r,{key:"3ad24d7aa400eb387face3025fdc42b99e1b3fc6",class:"p-select"},s("p-dropdown",{key:"d42e8c1b722a0b69d82e4042bca65fa15f20a20f",disableTriggerClick:true,calculateWidth:true,insideClick:true,scrollable:this.enableAutocomplete?"large":true,show:this._showDropdown,onIsOpen:t=>this._onDropdownOpen(t)},s("p-field-container",{key:"9dd68063eb7762d1fefb7865cee1d4ed96ecab8a",slot:"trigger",prefix:this.prefix,label:this.label,helper:this.helper,required:this.required,error:this.error,errorPlacement:"top-start",forceShowTooltip:this.error?.length&&this._showDropdown},s("p-button",{key:"c71ce74fdfb994d3843a522ac974210c2df5167b",class:"w-full",slot:"content",variant:"secondary",size:this.size,chevron:this.showChevron,disabled:this.disabled,active:this._showDropdown,icon:this.icon,onClick:t=>this._onClick(t)},s("div",{key:"0c25c23e2234f064972edbe678a022e5a4a3f4b8",class:"relative flex-1",ref:t=>this._inputRef=t},this._displayValue))),this.loading?this._getLoadingItems():this._getItems(),this.showAddItem&&this._getAddItem()))}documentClickHandler({target:t}){if(!this._showDropdown||n(t,this._el)){return}this._showDropdown=false}_valueChange(){setTimeout((()=>{this._preselectItem();this._setCheckSelectedItemsTimeout()}))}itemChanges(){setTimeout((()=>this._preselectItem()))}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}multiChanges(){if(this._selectedItem&&!Array.isArray(this._selectedItem)){this._selectedItem=[]}}_preselectItem(){let t=typeof this.value==="string"&&this.multi?JSON.parse(this.value):this.value;if(this.multi){if(!Array.isArray(t)){this.value=[];this.valueChange.emit(this.value);return}this.value=t;if(!t.length){this._selectedItem=[];return}this._selectedItem=!!this.valueKey&&this.valueKey!=="false"?this._items.filter((i=>t.includes(i?.[this.valueKey]))):[...t];return}if(!this._selectedItem&&!t&&this.autoSelectFirst){t=this._items[0]}const i=typeof t==="object"&&t!==null?t[this._identifierKey]:t;const e=typeof i==="string"||typeof i==="number"?i:JSON.stringify(i);const s=this._selectedItem?this._selectedItem?.[this._identifierKey]:null;const r=typeof s==="string"||typeof s==="number"?s:JSON.stringify(s);if(this._selectedItem&&r===e){return}if(!this._items?.length&&t){this._selectValue(t,false);return}const n=this._items.find((t=>{const i=t?.[this._identifierKey];const s=typeof i==="string"||typeof i==="number"?i:JSON.stringify(i);return s===e}));this._selectValue(!!n?n:t,false)}_selectValue(t,i=true){let e=!!this.valueKey&&this.valueKey!=="false"&&t!==null?t?.[this.valueKey]:t;if(this.multi){if(!this._selectedItem||!Array.isArray(this._selectedItem)){this._selectedItem=[]}if(!this.value||!Array.isArray(this.value)){this.value=[]}const i=[...this._selectedItem];const s=[...this.value];const r=i.findIndex((i=>i[this._identifierKey]===t[this._identifierKey]));if(r===-1){i.push(t);s.push(e)}else{i.splice(r,1);s.splice(r,1)}this._selectedItem=i;this.value=s;this.valueChange.emit(s);return}this._selectedItem=t;this.value=e;this.valueChange.emit(e);this._onBlur(i)}_findOnClickTarget(t){if(t.nodeName.toLowerCase()==="p-button"){return true}if(t.classList.contains("item")){return false}return this._findOnClickTarget(t.parentElement)}_onClick(t){if(!this._findOnClickTarget(t.target)){return}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(this.enableAutocomplete&&!t){return}this._showDropdown=false}_onAutoComplete(t){if(!this.enableAutocomplete){return}this._showDropdown=true;this.query=t.detail;this.queryChange.emit(t.detail)}_checkvalue(t,i){return i?.[t]?.toString()?.toLowerCase().indexOf(this.query?.toLowerCase())>=0}_getItems(){let t=this._items.map((t=>s("p-dropdown-menu-item",{useContainer:false,onClick:()=>this._selectValue(t),active:this.multi&&!!this._selectedItem&&Array.isArray(this._selectedItem)?this._selectedItem.findIndex((i=>i[this._identifierKey]===t[this._identifierKey]))>=0:t[this._identifierKey]===this._selectedItem?.[this._identifierKey],checkbox:this.multi?true:false,slot:"items"},this._getDisplay(t))));if(!this._items.length){t=[s("p",{class:"w-full p-2 text-center text-sm text-black-teal-400",slot:"items"},this.emptyStateText)]}if(this.enableSelectAll&&this._items.length){t.unshift(s("p-dropdown-menu-item",{slot:"items",useContainer:false,checkbox:true,onClick:()=>this._selectAllChange(),active:this._allSelected},this.selectAllIcon?.length?s("span",{class:"flex items-center gap-2"},s("div",{class:"flex w-6 justify-center text-lg"},s("p-icon",{variant:this.selectAllIcon}))," ",this.selectAllText):this.selectAllText))}if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAddItem(){return s("p-dropdown-menu-item",{onClick:()=>this.add.emit(),useContainer:false,slot:"items"},s("span",{class:"flex items-center gap-1 font-semibold text-teal-800"},this.addItemText,s("p-icon",{variant:"plus"})))}_getLoadingItems(){const t=[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:false,slot:"items"},s("p-loader",{variant:"ghost",class:"h-6 w-full rounded"}))));if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAutoCompleteItem(){return s("div",{class:"sticky top-0 mb-3 h-8",slot:"items"},s("p-field",{class:"block",placeholder:this.autocompletePlaceholder,onValueChange:t=>this._onAutoComplete(t),onInputRefChange:t=>this.autocompleteInputRef=t.detail,value:this.query}))}_setMultiContainerMaxWidth(){if(!this._inputRef||!this._multiContainerRef){return}this._multiContainerRef.style.maxWidth=`${this._inputRef.clientWidth-16}px`}_setCheckSelectedItemsTimeout(){if(this._checkSelectedItemsTimeout){clearTimeout(this._checkSelectedItemsTimeout)}this._checkSelectedItemsTimeout=setTimeout((()=>this._checkSelectedItems()),50)}_checkSelectedItems(){if(!this._multiContainerRef){return}const t=this._multiContainerRef.getBoundingClientRect();const i=this._multiContainerRef.querySelectorAll(".item");let e=0;for(const s of i){s.classList.remove("hidden");s.classList.add("flex");const i=s.getBoundingClientRect();if(i.right>t.right){s.classList.remove("flex");s.classList.add("hidden");e++;continue}}this._amountHidden=e;const s=this._multiContainerRef.querySelector(".extra");if(!s){return}if(!s.classList.contains("hidden")){s.classList.add("hidden")}if(e>0){s.classList.remove("hidden")}}_onDropdownOpen(t){if(!t.detail||!this.autocompleteInputRef){return}this.autocompleteInputRef.focus()}_selectAllChange(){this._allSelected=!this._allSelected;this.selectAllChange.emit(this._allSelected)}_getDisplay(t,i=false){let e=s("div",{class:c({variant:"default"})},t[i?this.selectionDisplayKey??this.displayKey:this.displayKey]);if(this.avatarKey){e=s("span",{class:"flex items-center gap-2"},s("p-avatar",{size:"sm",src:t[this.avatarKey],letters:t[this.avatarLettersKey]}),s("div",{class:c({variant:"default"})},t[this.dropdownDisplayKey??this.displayKey]))}if(this.iconKey&&(!i||this.showIconInSelectedItem)){e=s("span",{class:"flex items-center gap-2"},s("p-icon",{variant:t[this.iconKey]}),s("div",{class:c({variant:"default"})},t[this.dropdownDisplayKey??this.displayKey]))}if((!i||this.applyClassOnSelectedItem)&&!!t?.class?.length){return s("div",{class:t.class},e)}return e}static get watchers(){return{value:["_valueChange"],items:["itemChanges"],_showDropdown:["_showDropdownChanges"],multi:["multiChanges"]}}};d.style=o;export{d as p_select};
+//# sourceMappingURL=p-7929ec90.entry.js.map

package/dist/build/p-7929ec90.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["selectComponentCss","PSelectStyle0","multiContainer","cva","multiItem","textContainer","variants","variant","placeholder","default","Select","queryChange","valueChange","selectAllChange","dropdownShown","add","_inputRef","autocompleteInputRef","_multiContainerRef","_resizeObserver","_resizeDebounceTimer","_checkSelectedItemsTimeout","_items","this","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","query","length","asyncFilter","filter","item","queryKey","_checkvalue","_identifierKey","slice","maxDisplayedItems","_displayValue","h","class","console","log","_selectedItem","multi","ref","onClick","_selectValue","selectionDisplayKey","_amountHidden","_getDisplay","identifierKey","componentDidLoad","Error","_setMultiContainerMaxWidth","ResizeObserver","clearTimeout","setTimeout","_setCheckSelectedItemsTimeout","observe","_el","_valueChange","itemChanges","componentDidRender","disconnectedCallback","disconnect","render","Host","key","disableTriggerClick","calculateWidth","insideClick","scrollable","enableAutocomplete","show","_showDropdown","onIsOpen","ev","_onDropdownOpen","slot","prefix","label","helper","required","error","errorPlacement","forceShowTooltip","size","chevron","showChevron","disabled","active","icon","_onClick","_getLoadingItems","_getItems","showAddItem","_getAddItem","documentClickHandler","target","childOf","_preselectItem","_showDropdownChanges","emit","multiChanges","Array","isArray","i","includes","autoSelectFirst","identifier","parsedValue","stringify","currentValue","currentParsedValue","find","itemIdentifier","parsedItemIdentifier","forceBlur","selectedItem","valueArray","includesIndex","findIndex","push","splice","_onBlur","_findOnClickTarget","nodeName","toLowerCase","classList","contains","parentElement","force","_onAutoComplete","detail","toString","indexOf","useContainer","checkbox","emptyStateText","enableSelectAll","unshift","_selectAllChange","_allSelected","selectAllIcon","selectAllText","_getAutoCompleteItem","addItemText","enableHover","autocompletePlaceholder","onValueChange","onInputRefChange","style","maxWidth","clientWidth","_checkSelectedItems","containerRect","getBoundingClientRect","querySelectorAll","amountHidden","child","remove","childRect","right","extra","querySelector","focus","isSelection","content","avatarKey","src","letters","avatarLettersKey","dropdownDisplayKey","iconKey","showIconInSelectedItem","applyClassOnSelectedItem"],"sources":["src/components/molecules/select/select.component.css?tag=p-select","src/components/molecules/select/select.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\nimport { cva } from 'class-variance-authority';\n\nconst multiContainer = cva([\n\t'flex items-center gap-2',\n\t'flex-1 min-w-0 h-full',\n\t'pointer-events-none overflow-hidden',\n]);\n\nconst multiItem = cva([\n\t'item group/item',\n\t'pointer-events-auto cursor-pointer',\n\t'flex h-[1.625rem] items-center gap-2',\n\t'h-[1.625rem] px-2',\n\t'text-sm font-semibold whitespace-nowrap',\n\t'rounded-lg',\n\t'bg-supportive-lilac-100',\n]);\n\nconst textContainer = cva(\n\t'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tplaceholder: 'text-black-teal-400',\n\t\t\t\tdefault: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-select',\n\tstyleUrl: 'select.component.css',\n})\nexport class Select {\n\t/**\n\t * The items to show in the dropdown\n\t */\n\t@Prop() items: string | any[];\n\n\t/**\n\t * Wether to enable multi select\n\t */\n\t@Prop({ reflect: true }) multi: boolean;\n\n\t/**\n\t * Icon of the select box\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * The current query\n\t */\n\t@Prop() query: string;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The placeholder of the input used for auto complete\n\t */\n\t@Prop() autocompletePlaceholder: string = 'Search...';\n\n\t/**\n\t * The current value\n\t */\n\t@Prop() value: any;\n\n\t/**\n\t * The key of the object to display\n\t */\n\t@Prop() displayKey: string = 'text';\n\n\t/**\n\t * The key of the object to display in the dropdown (overwrites displayKey)\n\t */\n\t@Prop() dropdownDisplayKey: string | undefined;\n\n\t/**\n\t * The key of the object to display in the input (overwrites displayKey)\n\t */\n\t@Prop() selectionDisplayKey: string | undefined;\n\n\t/**\n\t * The key of the object to return\n\t */\n\t@Prop() valueKey: string;\n\n\t/**\n\t * The key of avatar within an item to show\n\t */\n\t@Prop() avatarKey: string;\n\n\t/**\n\t * The key of icon variant within an item to show\n\t */\n\t@Prop() iconKey: string;\n\n\t/**\n\t * Wether to show the icon also on the selected Item\n\t */\n\t@Prop() showIconInSelectedItem: string;\n\n\t/**\n\t * The key of a class in an item to apply\n\t */\n\t@Prop() classKey: string = 'class';\n\n\t/**\n\t * Wether to apply the item's class also on the selected item\n\t */\n\t@Prop() applyClassOnSelectedItem: string;\n\n\t/**\n\t * The key of avatar letters within an item to show when the avatar url doesn't work\n\t */\n\t@Prop() avatarLettersKey: string;\n\n\t/**\n\t * The key to identify an object\n\t */\n\t@Prop() identifierKey: string;\n\n\t/**\n\t * The key of the object to display\n\t */\n\t@Prop() queryKey?: string;\n\n\t/**\n\t * Wether to automatically select the first item\n\t */\n\t@Prop() autoSelectFirst: boolean = true;\n\n\t/**\n\t * Wether to show the chevron or not\n\t */\n\t@Prop() showChevron: boolean = true;\n\n\t/**\n\t * The maximum amount of items to display\n\t */\n\t@Prop() maxDisplayedItems: number = 10;\n\n\t/**\n\t * Wether to enable autocomplete\n\t */\n\t@Prop() enableAutocomplete: boolean = true;\n\n\t/**\n\t * Wether the input uses async filtering\n\t */\n\t@Prop() asyncFilter: boolean = false;\n\n\t/**\n\t * Wether to show loading items\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show the select all item with multi select\n\t */\n\t@Prop() enableSelectAll: boolean = false;\n\n\t/**\n\t * The text of the select all item\n\t */\n\t@Prop() selectAllText: string = 'Select all';\n\n\t/**\n\t * The icon to prefix for select all\n\t */\n\t@Prop() selectAllIcon: IconVariant | undefined;\n\n\t/**\n\t * Event when the query of the autocomplete changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tqueryChange: EventEmitter<string>;\n\n\t/**\n\t * Event when the value changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tvalueChange: EventEmitter<any>;\n\n\t/**\n\t * Event when the select all item has been selected or not\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tselectAllChange: EventEmitter<any>;\n\n\t/**\n\t * Event when the dropdown shows\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdropdownShown: EventEmitter<any>;\n\n\t/**\n\t * The size of the input group used by the select\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The prefix of the input group used by the select\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The label of the input group used by the select\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The helper of the input group used by the select\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 * The helper of the input group used by the select\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether the input group is disabled used by the select\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether to show a \"add\" item\n\t */\n\t@Prop() showAddItem: boolean = false;\n\n\t/**\n\t * The text to show when add item is being shown\n\t */\n\t@Prop() addItemText: string = 'Add item';\n\n\t/**\n\t * Event when the add item is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tadd: EventEmitter;\n\n\t/**\n\t * The text to show when items is empty\n\t */\n\t@Prop() emptyStateText: string = 'No items available';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _showDropdown: any = false;\n\t@State() private _selectedItem: any = null;\n\n\t@State() private _allSelected: boolean = false;\n\n\t@State() private _amountHidden = 0;\n\n\tprivate _inputRef: HTMLDivElement;\n\tprivate autocompleteInputRef: HTMLInputElement | HTMLTextAreaElement;\n\tprivate _multiContainerRef: HTMLElement;\n\n\tprivate _resizeObserver: ResizeObserver;\n\tprivate _resizeDebounceTimer: NodeJS.Timeout | undefined;\n\tprivate _checkSelectedItemsTimeout: NodeJS.Timeout | undefined;\n\n\tget _items() {\n\t\tif (!this.items || this.loading) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet items =\n\t\t\ttypeof this.items === 'string' ? JSON.parse(this.items) : this.items;\n\n\t\tif (typeof items?.[0] === 'string') {\n\t\t\tthis.displayKey = 'text';\n\t\t\tthis.valueKey = 'value';\n\n\t\t\titems = items.map(str => ({\n\t\t\t\tvalue: str,\n\t\t\t\ttext: str,\n\t\t\t}));\n\t\t}\n\n\t\tif (this.query?.length && !this.asyncFilter) {\n\t\t\titems = items.filter(item => {\n\t\t\t\tif (this.queryKey) {\n\t\t\t\t\treturn this._checkvalue(this.queryKey, item);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\tthis._checkvalue(this._identifierKey, item) ||\n\t\t\t\t\tthis._checkvalue(this.displayKey, item)\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\n\t\treturn items?.slice(0, this.maxDisplayedItems);\n\t}\n\n\tget _displayValue() {\n\t\tconst placeholder = (\n\t\t\t<div class={textContainer({ variant: 'placeholder' })}>\n\t\t\t\t{this.placeholder}\n\t\t\t</div>\n\t\t);\n\n\t\tconsole.log(this._selectedItem);\n\t\tif (!this._selectedItem) {\n\t\t\treturn placeholder;\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tif (this._selectedItem?.length === 0) {\n\t\t\t\treturn placeholder;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tclass={multiContainer()}\n\t\t\t\t\tref={ref => (this._multiContainerRef = ref)}\n\t\t\t\t>\n\t\t\t\t\t{this._selectedItem.map(item => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={multiItem()}\n\t\t\t\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item[this.selectionDisplayKey ?? this.displayKey]}\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass='text-xs text-supportive-lilac group-hover/item:text-supportive-lilac-800'\n\t\t\t\t\t\t\t\tvariant='negative'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\n\t\t\t\t\t<div class='extra pointer-events-none hidden text-sm text-black-teal-100'>\n\t\t\t\t\t\t+{this._amountHidden}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn this._getDisplay(this._selectedItem, true);\n\t}\n\n\tget _identifierKey() {\n\t\treturn this.identifierKey ?? this.valueKey ?? 'value';\n\t}\n\n\tcomponentDidLoad() {\n\t\tif (!this.valueKey && !this.identifierKey) {\n\t\t\tthrow new Error('You must provide a valueKey or identifierKey');\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tthis._setMultiContainerMaxWidth();\n\n\t\t\tthis._resizeObserver = new ResizeObserver(() => {\n\t\t\t\tif (this._resizeDebounceTimer) {\n\t\t\t\t\tclearTimeout(this._resizeDebounceTimer);\n\t\t\t\t\tthis._resizeDebounceTimer = null;\n\t\t\t\t}\n\n\t\t\t\tthis._resizeDebounceTimer = setTimeout(() => {\n\t\t\t\t\tthis._setMultiContainerMaxWidth();\n\t\t\t\t\tthis._setCheckSelectedItemsTimeout();\n\t\t\t\t}, 200);\n\t\t\t});\n\t\t\tthis._resizeObserver.observe(this._el);\n\t\t}\n\n\t\tif (this.value) {\n\t\t\tthis._valueChange();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.itemChanges();\n\t}\n\n\tcomponentDidRender() {\n\t\tif (this.multi) {\n\t\t\tthis._setMultiContainerMaxWidth();\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.multi) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-select'>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tdisableTriggerClick={true}\n\t\t\t\t\tcalculateWidth={true}\n\t\t\t\t\tinsideClick={true}\n\t\t\t\t\tscrollable={this.enableAutocomplete ? 'large' : true}\n\t\t\t\t\tshow={this._showDropdown}\n\t\t\t\t\tonIsOpen={ev => this._onDropdownOpen(ev)}\n\t\t\t\t>\n\t\t\t\t\t<p-field-container\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tprefix={this.prefix}\n\t\t\t\t\t\tlabel={this.label}\n\t\t\t\t\t\thelper={this.helper}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\terror={this.error}\n\t\t\t\t\t\terrorPlacement='top-start'\n\t\t\t\t\t\tforceShowTooltip={this.error?.length && this._showDropdown}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\tchevron={this.showChevron}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tactive={this._showDropdown}\n\t\t\t\t\t\t\ticon={this.icon}\n\t\t\t\t\t\t\tonClick={ev => this._onClick(ev)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass='relative flex-1'\n\t\t\t\t\t\t\t\tref={ref => (this._inputRef = ref)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._displayValue}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t</p-field-container>\n\t\t\t\t\t{this.loading ? this._getLoadingItems() : this._getItems()}\n\t\t\t\t\t{this.showAddItem && this._getAddItem()}\n\t\t\t\t</p-dropdown>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler({ target }) {\n\t\tif (!this._showDropdown || childOf(target, this._el)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\t@Watch('value')\n\tprivate _valueChange() {\n\t\tsetTimeout(() => {\n\t\t\tthis._preselectItem();\n\t\t\tthis._setCheckSelectedItemsTimeout();\n\t\t});\n\t}\n\n\t@Watch('items')\n\tpublic itemChanges() {\n\t\tsetTimeout(() => this._preselectItem());\n\t}\n\n\t@Watch('_showDropdown')\n\tpublic _showDropdownChanges() {\n\t\tthis.dropdownShown.emit({\n\t\t\tvalue: this._showDropdown,\n\t\t\tquery: this.query,\n\t\t});\n\t}\n\n\t@Watch('multi')\n\tpublic multiChanges() {\n\t\tif (this._selectedItem && !Array.isArray(this._selectedItem)) {\n\t\t\tthis._selectedItem = [];\n\t\t}\n\t}\n\n\tprivate _preselectItem() {\n\t\tlet value =\n\t\t\ttypeof this.value === 'string' && this.multi\n\t\t\t\t? JSON.parse(this.value)\n\t\t\t\t: this.value;\n\n\t\tif (this.multi) {\n\t\t\tif (!Array.isArray(value)) {\n\t\t\t\tthis.value = [];\n\t\t\t\tthis.valueChange.emit(this.value);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.value = value;\n\t\t\tif (!value.length) {\n\t\t\t\tthis._selectedItem = [];\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._selectedItem =\n\t\t\t\t!!this.valueKey && this.valueKey !== 'false'\n\t\t\t\t\t? this._items.filter(i => value.includes(i?.[this.valueKey]))\n\t\t\t\t\t: [...value];\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._selectedItem && !value && this.autoSelectFirst) {\n\t\t\tvalue = this._items[0];\n\t\t}\n\n\t\tconst identifier =\n\t\t\ttypeof value === 'object' && value !== null\n\t\t\t\t? value[this._identifierKey]\n\t\t\t\t: value;\n\t\tconst parsedValue =\n\t\t\ttypeof identifier === 'string' || typeof identifier === 'number'\n\t\t\t\t? identifier\n\t\t\t\t: JSON.stringify(identifier);\n\n\t\tconst currentValue = this._selectedItem\n\t\t\t? this._selectedItem?.[this._identifierKey]\n\t\t\t: null;\n\t\tconst currentParsedValue =\n\t\t\ttypeof currentValue === 'string' || typeof currentValue === 'number'\n\t\t\t\t? currentValue\n\t\t\t\t: JSON.stringify(currentValue);\n\n\t\tif (this._selectedItem && currentParsedValue === parsedValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._items?.length && value) {\n\t\t\tthis._selectValue(value, false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst item = this._items.find(i => {\n\t\t\tconst itemIdentifier = i?.[this._identifierKey];\n\t\t\tconst parsedItemIdentifier =\n\t\t\t\ttypeof itemIdentifier === 'string' || typeof itemIdentifier === 'number'\n\t\t\t\t\t? itemIdentifier\n\t\t\t\t\t: JSON.stringify(itemIdentifier);\n\n\t\t\treturn parsedItemIdentifier === parsedValue;\n\t\t});\n\n\t\tthis._selectValue(!!item ? item : value, false);\n\t}\n\n\tprivate _selectValue(item, forceBlur = true) {\n\t\tlet value =\n\t\t\t!!this.valueKey && this.valueKey !== 'false' && item !== null\n\t\t\t\t? item?.[this.valueKey]\n\t\t\t\t: item;\n\n\t\tif (this.multi) {\n\t\t\tif (!this._selectedItem || !Array.isArray(this._selectedItem)) {\n\t\t\t\tthis._selectedItem = [];\n\t\t\t}\n\n\t\t\tif (!this.value || !Array.isArray(this.value)) {\n\t\t\t\tthis.value = [];\n\t\t\t}\n\n\t\t\tconst selectedItem = [...this._selectedItem];\n\t\t\tconst valueArray = [...this.value];\n\n\t\t\tconst includesIndex = selectedItem.findIndex(\n\t\t\t\ti => i[this._identifierKey] === item[this._identifierKey]\n\t\t\t);\n\t\t\tif (includesIndex === -1) {\n\t\t\t\tselectedItem.push(item);\n\t\t\t\tvalueArray.push(value);\n\t\t\t} else {\n\t\t\t\tselectedItem.splice(includesIndex, 1);\n\t\t\t\tvalueArray.splice(includesIndex, 1);\n\t\t\t}\n\n\t\t\tthis._selectedItem = selectedItem;\n\t\t\tthis.value = valueArray;\n\t\t\tthis.valueChange.emit(valueArray);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._selectedItem = item;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\n\t\tthis._onBlur(forceBlur);\n\t}\n\n\tprivate _findOnClickTarget(target: HTMLElement) {\n\t\tif (target.nodeName.toLowerCase() === 'p-button') {\n\t\t\treturn true;\n\t\t}\n\n\t\tif (target.classList.contains('item')) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn this._findOnClickTarget(target.parentElement);\n\t}\n\n\tprivate _onClick(ev) {\n\t\tif (!this._findOnClickTarget(ev.target as HTMLElement)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = !this._showDropdown;\n\t}\n\n\tprivate _onBlur(force = false) {\n\t\tif (this.enableAutocomplete && !force) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\tprivate _onAutoComplete(ev) {\n\t\tif (!this.enableAutocomplete) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = true;\n\n\t\tthis.query = ev.detail;\n\t\tthis.queryChange.emit(ev.detail);\n\t}\n\n\tprivate _checkvalue(key, item) {\n\t\treturn (\n\t\t\titem?.[key]\n\t\t\t\t?.toString()\n\t\t\t\t?.toLowerCase()\n\t\t\t\t.indexOf(this.query?.toLowerCase()) >= 0\n\t\t);\n\t}\n\n\tprivate _getItems() {\n\t\tlet items = this._items.map(item => (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tuseContainer={false}\n\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\tactive={\n\t\t\t\t\tthis.multi &&\n\t\t\t\t\t!!this._selectedItem &&\n\t\t\t\t\tArray.isArray(this._selectedItem)\n\t\t\t\t\t\t? this._selectedItem.findIndex(\n\t\t\t\t\t\t\t\ti => i[this._identifierKey] === item[this._identifierKey]\n\t\t\t\t\t\t  ) >= 0\n\t\t\t\t\t\t: item[this._identifierKey] ===\n\t\t\t\t\t\t  this._selectedItem?.[this._identifierKey]\n\t\t\t\t}\n\t\t\t\tcheckbox={this.multi ? true : false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t{this._getDisplay(item)}\n\t\t\t</p-dropdown-menu-item>\n\t\t));\n\n\t\tif (!this._items.length) {\n\t\t\titems = [\n\t\t\t\t<p\n\t\t\t\t\tclass='w-full p-2 text-center text-sm text-black-teal-400'\n\t\t\t\t\tslot='items'\n\t\t\t\t>\n\t\t\t\t\t{this.emptyStateText}\n\t\t\t\t</p>,\n\t\t\t];\n\t\t}\n\n\t\tif (this.enableSelectAll && this._items.length) {\n\t\t\titems.unshift(\n\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\tslot='items'\n\t\t\t\t\tuseContainer={false}\n\t\t\t\t\tcheckbox\n\t\t\t\t\tonClick={() => this._selectAllChange()}\n\t\t\t\t\tactive={this._allSelected}\n\t\t\t\t>\n\t\t\t\t\t{this.selectAllIcon?.length ? (\n\t\t\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t\t\t<div class='flex w-6 justify-center text-lg'>\n\t\t\t\t\t\t\t\t<p-icon variant={this.selectAllIcon} />\n\t\t\t\t\t\t\t</div>{' '}\n\t\t\t\t\t\t\t{this.selectAllText}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tthis.selectAllText\n\t\t\t\t\t)}\n\t\t\t\t</p-dropdown-menu-item>\n\t\t\t);\n\t\t}\n\n\t\tif (this.enableAutocomplete) {\n\t\t\titems.unshift(this._getAutoCompleteItem());\n\t\t}\n\n\t\treturn items;\n\t}\n\n\tprivate _getAddItem() {\n\t\treturn (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tonClick={() => this.add.emit()}\n\t\t\t\tuseContainer={false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<span class='flex items-center gap-1 font-semibold text-teal-800'>\n\t\t\t\t\t{this.addItemText}\n\t\t\t\t\t<p-icon variant='plus' />\n\t\t\t\t</span>\n\t\t\t</p-dropdown-menu-item>\n\t\t);\n\t}\n\n\tprivate _getLoadingItems() {\n\t\tconst items = [0, 0, 0].map(() => (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tenableHover={false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-full rounded'\n\t\t\t\t/>\n\t\t\t</p-dropdown-menu-item>\n\t\t));\n\n\t\tif (this.enableAutocomplete) {\n\t\t\titems.unshift(this._getAutoCompleteItem());\n\t\t}\n\n\t\treturn items;\n\t}\n\n\tprivate _getAutoCompleteItem() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass='sticky top-0 mb-3 h-8'\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<p-field\n\t\t\t\t\tclass='block'\n\t\t\t\t\tplaceholder={this.autocompletePlaceholder}\n\t\t\t\t\tonValueChange={ev => this._onAutoComplete(ev)}\n\t\t\t\t\tonInputRefChange={ev => (this.autocompleteInputRef = ev.detail)}\n\t\t\t\t\tvalue={this.query}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _setMultiContainerMaxWidth() {\n\t\tif (!this._inputRef || !this._multiContainerRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._multiContainerRef.style.maxWidth = `${\n\t\t\tthis._inputRef.clientWidth - 16\n\t\t}px`;\n\t}\n\n\tprivate _setCheckSelectedItemsTimeout() {\n\t\tif (this._checkSelectedItemsTimeout) {\n\t\t\tclearTimeout(this._checkSelectedItemsTimeout);\n\t\t}\n\n\t\tthis._checkSelectedItemsTimeout = setTimeout(\n\t\t\t() => this._checkSelectedItems(),\n\t\t\t50\n\t\t);\n\t}\n\n\tprivate _checkSelectedItems() {\n\t\tif (!this._multiContainerRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst containerRect = this._multiContainerRef.getBoundingClientRect();\n\t\tconst items = this._multiContainerRef.querySelectorAll('.item');\n\n\t\tlet amountHidden = 0;\n\n\t\tfor (const child of items) {\n\t\t\tchild.classList.remove('hidden');\n\t\t\tchild.classList.add('flex');\n\n\t\t\tconst childRect = child.getBoundingClientRect();\n\t\t\tif (childRect.right > containerRect.right) {\n\t\t\t\tchild.classList.remove('flex');\n\t\t\t\tchild.classList.add('hidden');\n\t\t\t\tamountHidden++;\n\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t}\n\n\t\tthis._amountHidden = amountHidden;\n\t\tconst extra = this._multiContainerRef.querySelector('.extra');\n\t\tif (!extra) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!extra.classList.contains('hidden')) {\n\t\t\textra.classList.add('hidden');\n\t\t}\n\n\t\tif (amountHidden > 0) {\n\t\t\textra.classList.remove('hidden');\n\t\t}\n\t}\n\n\tprivate _onDropdownOpen(ev) {\n\t\tif (!ev.detail || !this.autocompleteInputRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.autocompleteInputRef.focus();\n\t}\n\n\tprivate _selectAllChange() {\n\t\tthis._allSelected = !this._allSelected;\n\t\tthis.selectAllChange.emit(this._allSelected);\n\t}\n\n\tprivate _getDisplay(item, isSelection = false) {\n\t\tlet content = (\n\t\t\t<div class={textContainer({ variant: 'default' })}>\n\t\t\t\t{\n\t\t\t\t\titem[\n\t\t\t\t\t\tisSelection\n\t\t\t\t\t\t\t? this.selectionDisplayKey ?? this.displayKey\n\t\t\t\t\t\t\t: this.displayKey\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.avatarKey) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t<p-avatar\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tsrc={item[this.avatarKey]}\n\t\t\t\t\t\tletters={item[this.avatarLettersKey]}\n\t\t\t\t\t></p-avatar>\n\t\t\t\t\t<div class={textContainer({ variant: 'default' })}>\n\t\t\t\t\t\t{item[this.dropdownDisplayKey ?? this.displayKey]}\n\t\t\t\t\t</div>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (this.iconKey && (!isSelection || this.showIconInSelectedItem)) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t<p-icon variant={item[this.iconKey] as IconVariant} />\n\t\t\t\t\t<div class={textContainer({ variant: 'default' })}>\n\t\t\t\t\t\t{item[this.dropdownDisplayKey ?? this.displayKey]}\n\t\t\t\t\t</div>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (\n\t\t\t(!isSelection || this.applyClassOnSelectedItem) &&\n\t\t\t!!item?.class?.length\n\t\t) {\n\t\t\treturn <div class={item.class}>{content}</div>;\n\t\t}\n\n\t\treturn content;\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/build/p-92f5d9d5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,H as e,c as a,g as r}from"./p-45ded510.js";import{a as o,c as s,o as n,f as p,s as h}from"./p-170077a4.js";import{c as l}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const d=".inline-block{display:inline-block!important}.h-\\[0\\.75rem\\]{height:.75rem!important}.w-\\[0\\.75rem\\]{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.bg-center{background-position:50%!important}*{box-sizing:border-box}:host{line-height:.75rem}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.static{position:static!important}.absolute{position:absolute!important}";const c=d;const m=class{constructor(i){t(this,i);this.strategy="absolute";this.placement="top"}render(){return i(e,{key:"540f0bec4dd767c4be84ec5973d25bae8863f55e",class:"p-helper"},i("p-tooltip",{key:"f814314bc2a7f9751c57db8a1cda799a3b195fa1",placement:this.placement,strategy:this.strategy},i("div",{key:"999a01bc5b4cf7bc6ebc229b7279ca215a46ca6d",slot:"content"},i("slot",{key:"9fb3ed56f75111c8560a8b877dbfd58aedaa2530"})),i("div",{key:"b8b9b5ca2ce68040531c071e1d24d8dab049321d",slot:"trigger",class:"helper"})))}};m.style=c;const b="*{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 f=b;const u=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 g=l("",{variants:{strategy:{fixed:"fixed",absolute:"absolute"}}});const w=class{constructor(i){t(this,i);this.isOpen=a(this,"isOpen",3);this.variant="hover";this.content=null;this.placement=undefined;this.offset=8;this.strategy="absolute";this.enableUserInput=true;this.show=false;this.usePortal=false;this.canManuallyClose=true}isOpen;get _el(){return r(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 r=i("div",{key:"086fbd964ddc2914b0b633efadb5a62f8c7bce9d",class:u({variant:this.variant,strategy:this.usePortal?"none":this.strategy}),...this.usePortal?{}:t},i("div",{key:"735fda5ffdfd921a30aff040a5d375b3549c2bcf",class:"flex gap-2"},this.variant==="error"&&i("div",{key:"4b9d15edf55f573e186187e77153ebdf61238d3b",class:"w-[2px] bg-negative-red"}),this.content?this.content:i("slot",{name:"content"})));if(this.usePortal){a=i("p-portal",{key:"95165b3ba45d1239852ded68fdf2563dff28feaa",class:g({strategy:this.strategy}),...t},r)}else{a=r}return i(e,{key:"1546f57d5a8e1ca2b150bda7ea4301897adf3c2e",class:"p-popover flex cursor-pointer"},i("div",{key:"ae7486c76570e3a3e02d4d03d55395154193010d",class:"relative h-inherit w-inherit"},i("slot",{key:"96d8f0b32eff4ef163f5fa83fe623bf3e29c96a8",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=o(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(),h()]}).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"]}}};w.style=f;export{m as p_helper,w as p_tooltip};
+//# sourceMappingURL=p-92f5d9d5.entry.js.map

package/dist/build/p-92f5d9d5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["helperComponentCss","PHelperStyle0","Helper","render","h","Host","key","class","placement","this","strategy","slot","tooltipComponentCss","PTooltipStyle0","popover","cva","variants","variant","hover","click","error","none","fixed","absolute","compoundVariants","portal","Tooltip","isOpen","_hasContentSlot","_loaded","_popover","_cleanup","componentWillLoad","_el","querySelector","componentShouldUpdate","_update","disconnectedCallback","tooltipProps","role","ref","el","_load","tooltip","tooltipElement","usePortal","content","name","clickHandler","enableUserInput","hasAttribute","_show","documentClickHandler","canManuallyClose","show","_hide","mouseEnterHandler","mouseLeaveHandler","onShowChange","length","autoUpdate","setAttribute","classList","remove","add","emit","removeAttribute","setTimeout","computePosition","middleware","offset","flip","shift","then","x","y","dataset","Object","assign","style","top","left"],"sources":["src/components/atoms/helper/helper.component.scss?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":[":host {\n\t@apply leading-3;\n\n\t.helper {\n\t\t@apply inline-block h-[0.75rem] w-[0.75rem] cursor-pointer bg-center bg-no-repeat;\n\t\tbackground-image: url(/assets/images/helper/helper.svg);\n\n\t\t&:hover {\n\t\t\tbackground-image: url(/assets/images/helper/helper-hover.svg);\n\t\t}\n\t}\n}\n","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.scss',\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<div\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tclass='helper'\n\t\t\t\t\t></div>\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'>\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":[]}

package/dist/build/p-9406a32e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as e}from"./p-45ded510.js";import{c as r}from"./p-8a5b8196.js";import"./p-8a1a6e56.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=o;const i=r(["bg-off-white-300","border-0 border-solid border-off-white-700","p-4"]);const s=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 l=r(["flex w-full justify-between items-center","relative z-navbar-topbar","border-b","layout-1280:hidden","safe-topbar"]);const c=r(["z-navbar-backdrop layout-1280:hidden transition-opacity"],{variants:{show:{false:"opacity-0 pointer-events-none",true:"opacity-100"}}});const p=class{constructor(a){t(this,a);this._show=false}render(){return a(e,{key:"5a650991757775c859753a4cba897657673e2c16",class:"p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72"},a("p-backdrop",{key:"7b9941b9890fe9b6caeec31abae0a3bd760122ff",class:c({show:this._show}),scrollLock:this._show,onClicked:()=>this._show=false}),a("div",{key:"a5e159a45366eaec2c82ad05a8cf1beba3019a26",class:s({class:i(),show:this._show})},a("div",{key:"2c0ac1808679344a2e13bb6226753b6ab22a612b",class:"flex w-full items-center justify-between layout-1280:hidden"},a("p-button",{key:"3cb94341bf85ae8b06bae64cfb3ff23d1a2ba513",variant:"secondary",icon:"menu-arrow",iconFlip:"horizontal",iconOnly:true,size:"sm",onClick:()=>this._show=false})),a("div",{key:"b1a7c5563b6e952a0bc9642c1f7838e078bb393e",class:"flex w-full flex-col items-stretch"},a("slot",{key:"ae42cffb58b026119581692611f9daff81e047cd",name:"company"})),a("div",{key:"5b5907be291cdb13e508316c238e2258d8333cc8",class:"flex w-full flex-col gap-6 overflow-y-auto"},a("slot",{key:"e5ad788e78dc14a77b0a49cc372851a446c5f9a8",name:"content"})),a("div",{key:"638e5b77b2bc7f92113e38f8926dcefffb9cbaf3",class:"mt-auto hidden w-full flex-col layout-1280:flex"},a("slot",{key:"5a0b81c1d1901a7f59b612f2ef56893ace17f4ec",name:"user"}))),a("div",{key:"5cba6c913ed6c801c90096a8c7ec61850850982f",class:l({class:i()})},a("p-button",{key:"9588e62b42781a82c31ff815d49424c9750906bd",variant:"secondary",iconOnly:true,icon:"menu-arrow",size:"sm",onClick:()=>this._show=true}),a("slot",{key:"78d2d84e2fe4e99bd8f188d8231a5250271e92bd",name:"topbar"})))}handleCloseNavbar(){this._show=false}handleOpenNavbar(){this._show=true}};p.style=n;export{p as p_navbar};
+//# sourceMappingURL=p-9406a32e.entry.js.map

package/dist/build/p-9406a32e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["navbarComponentCss","PNavbarStyle0","sidebarAndTopbar","cva","sidebar","variants","show","false","true","topbar","backdrop","Navbar","render","h","Host","key","class","this","_show","scrollLock","onClicked","variant","icon","iconFlip","iconOnly","size","onClick","name","handleCloseNavbar","handleOpenNavbar"],"sources":["src/components/organisms/navbar/navbar.component.css?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":[":host {\n\t.safe-sidebar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\n\t\t&.show {\n\t\t\t--tw-translate-x: env(safe-area-inset-left, 0) !important;\n\t\t}\n\t}\n\n\t.safe-topbar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\t\theight: calc(env(safe-area-inset-top, 0) + 4rem);\n\t}\n}\n","import { Component, h, Host, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst sidebarAndTopbar = cva([\n\t'bg-off-white-300',\n\t'border-0 border-solid border-off-white-700',\n\t'p-4',\n]);\n\nconst sidebar = cva(\n\t[\n\t\t'flex flex-col',\n\n\t\t'fixed left-0 top-0 z-navbar h-screen w-60',\n\t\t'w-full max-w-[16.5rem]',\n\t\t'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',\n\t\t'gap-6',\n\n\t\t'transition-all',\n\t\t'will-change-transform',\n\t\t'-translate-x-full transform-gpu layout-1280:translate-x-0',\n\n\t\t'border-r',\n\n\t\t'safe-sidebar',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'show',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst topbar = cva([\n\t'flex w-full justify-between items-center',\n\t'relative z-navbar-topbar',\n\t'border-b',\n\t'layout-1280:hidden',\n\t'safe-topbar',\n]);\n\nconst backdrop = cva(\n\t['z-navbar-backdrop layout-1280:hidden transition-opacity'],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: 'opacity-0 pointer-events-none',\n\t\t\t\ttrue: 'opacity-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navbar',\n\tstyleUrl: 'navbar.component.css',\n\tshadow: true,\n})\nexport class Navbar {\n\t@State() private _show = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72'>\n\t\t\t\t<p-backdrop\n\t\t\t\t\tclass={backdrop({ show: this._show })}\n\t\t\t\t\tscrollLock={this._show}\n\t\t\t\t\tonClicked={() => (this._show = false)}\n\t\t\t\t></p-backdrop>\n\t\t\t\t<div class={sidebar({ class: sidebarAndTopbar(), show: this._show })}>\n\t\t\t\t\t<div class='flex w-full items-center justify-between layout-1280:hidden'>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\t\ticonFlip='horizontal'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\tonClick={() => (this._show = false)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col items-stretch'>\n\t\t\t\t\t\t<slot name='company' />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col gap-6 overflow-y-auto'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='mt-auto hidden w-full flex-col layout-1280:flex'>\n\t\t\t\t\t\t<slot name='user' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={topbar({ class: sidebarAndTopbar() })}>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tonClick={() => (this._show = true)}\n\t\t\t\t\t></p-button>\n\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\t@Listen('closeNavbar', { target: 'window' })\n\thandleCloseNavbar() {\n\t\tthis._show = false;\n\t}\n\n\t@Listen('openNavbar', { target: 'window' })\n\thandleOpenNavbar() {\n\t\tthis._show = true;\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAqB,ooGAC3B,MAAAC,EAAeD,ECEf,MAAME,EAAmBC,EAAI,CAC5B,mBACA,6CACA,QAGD,MAAMC,EAAUD,EACf,CACC,gBAEA,4CACA,yBACA,iFACA,QAEA,iBACA,wBACA,4DAEA,WAEA,gBAED,CACCE,SAAU,CACTC,KAAM,CACLC,MAAO,KACPC,KAAM,WAMV,MAAMC,EAASN,EAAI,CAClB,2CACA,2BACA,WACA,qBACA,gBAGD,MAAMO,EAAWP,EAChB,CAAC,2DACD,CACCE,SAAU,CACTC,KAAM,CACLC,MAAO,gCACPC,KAAM,kB,MAWGG,EAAM,M,oCACO,K,CAEzB,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,uEACXH,EAAA,cAAAE,IAAA,2CACCC,MAAON,EAAS,CAAEJ,KAAMW,KAAKC,QAC7BC,WAAYF,KAAKC,MACjBE,UAAW,IAAOH,KAAKC,MAAQ,QAEhCL,EAAA,OAAAE,IAAA,2CAAKC,MAAOZ,EAAQ,CAAEY,MAAOd,IAAoBI,KAAMW,KAAKC,SAC3DL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+DACVH,EAAA,YAAAE,IAAA,2CACCM,QAAQ,YACRC,KAAK,aACLC,SAAS,aACTC,SAAU,KACVC,KAAK,KACLC,QAAS,IAAOT,KAAKC,MAAQ,SAG/BL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sCACVH,EAAA,QAAAE,IAAA,2CAAMY,KAAK,aAEZd,EAAA,OAAAE,IAAA,2CAAKC,MAAM,8CACVH,EAAA,QAAAE,IAAA,2CAAMY,KAAK,aAGZd,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mDACVH,EAAA,QAAAE,IAAA,2CAAMY,KAAK,WAGbd,EAAA,OAAAE,IAAA,2CAAKC,MAAOP,EAAO,CAAEO,MAAOd,OAC3BW,EAAA,YAAAE,IAAA,2CACCM,QAAQ,YACRG,SAAU,KACVF,KAAK,aACLG,KAAK,KACLC,QAAS,IAAOT,KAAKC,MAAQ,OAG9BL,EAAA,QAAAE,IAAA,2CAAMY,KAAK,Y,CAOf,iBAAAC,GACCX,KAAKC,MAAQ,K,CAId,gBAAAW,GACCZ,KAAKC,MAAQ,I","ignoreList":[]}

package/dist/build/p-96ad9c58.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as e,h as s,H as o}from"./p-45ded510.js";const n="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.items-center{align-items:center!important}";const i=n;const r=class{constructor(e){t(this,e);this.size="base"}get _el(){return e(this)}componentWillLoad(){this._checkButtons()}render(){return s(o,{key:"a1c1dd1e920c892679145e3e03a1779a82e9ad3d",class:"p-button-group flex items-center"},s("slot",{key:"715f24ba0349e5fc8597a125d6ad5976f63fdc96"}))}slotchange(){this._checkButtons()}_checkButtons(){const t=Array.from(this._el.querySelectorAll(":scope > p-button"));for(let e=0;e<t.length;e++){const s=t[e];s.size=this.size;if(e===0){s.buttonGroupPosition="start";continue}if(e===t.length-1){s.buttonGroupPosition="end";continue}s.buttonGroupPosition="center"}}};r.style=i;export{r as p_button_group};
+//# sourceMappingURL=p-96ad9c58.entry.js.map

package/dist/build/p-96ad9c58.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonGroupComponentCss","PButtonGroupStyle0","ButtonGroup","componentWillLoad","this","_checkButtons","render","h","Host","key","class","slotchange","buttons","Array","from","_el","querySelectorAll","i","length","button","size","buttonGroupPosition"],"sources":["src/components/molecules/button-group/button-group.component.css?tag=p-button-group&encapsulation=shadow","src/components/molecules/button-group/button-group.component.tsx"],"sourcesContent":[null,"import { Component, Element, h, Host, Listen, Prop } from '@stencil/core';\nimport { Button } from '../button/button.component';\n\n@Component({\n\ttag: 'p-button-group',\n\tstyleUrl: 'button-group.component.css',\n\tshadow: true,\n})\nexport class ButtonGroup {\n\t/**\n\t * The size of the child buttons\n\t */\n\t@Prop() size: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tthis._checkButtons();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-button-group flex items-center'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkButtons();\n\t}\n\n\tprivate _checkButtons() {\n\t\tconst buttons = Array.from(\n\t\t\tthis._el.querySelectorAll(':scope > p-button')\n\t\t) as any as Button[];\n\n\t\tfor (let i = 0; i < buttons.length; i++) {\n\t\t\tconst button = buttons[i];\n\n\t\t\tbutton.size = this.size;\n\n\t\t\t// first\n\t\t\tif (i === 0) {\n\t\t\t\tbutton.buttonGroupPosition = 'start';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// last\n\t\t\tif (i === buttons.length - 1) {\n\t\t\t\tbutton.buttonGroupPosition = 'end';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// rest\n\t\t\tbutton.buttonGroupPosition = 'center';\n\t\t}\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAA0B,qIAChC,MAAAC,EAAeD,E,MCOFE,EAAW,M,mCAIc,M,0BAOrC,iBAAAC,GACCC,KAAKC,e,CAGN,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,oCACXH,EAAA,QAAAE,IAAA,6C,CAMH,UAAAE,GACCP,KAAKC,e,CAGE,aAAAA,GACP,MAAMO,EAAUC,MAAMC,KACrBV,KAAKW,IAAIC,iBAAiB,sBAG3B,IAAK,IAAIC,EAAI,EAAGA,EAAIL,EAAQM,OAAQD,IAAK,CACxC,MAAME,EAASP,EAAQK,GAEvBE,EAAOC,KAAOhB,KAAKgB,KAGnB,GAAIH,IAAM,EAAG,CACZE,EAAOE,oBAAsB,QAC7B,Q,CAID,GAAIJ,IAAML,EAAQM,OAAS,EAAG,CAC7BC,EAAOE,oBAAsB,MAC7B,Q,CAIDF,EAAOE,oBAAsB,Q","ignoreList":[]}

package/dist/build/{p-4e31af7e.entry.js → p-a38a330d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as a}from"./p-45ded510.js";import{c as i}from"./p-8a5b8196.js";import{c as o}from"./p-9ab34fee.js";import"./p-8a1a6e56.js";const r="*{box-sizing:border-box}.static{position:static!important}.ml-auto{margin-left:auto!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\\[inherit\\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 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}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/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}.hover\\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-black-teal-500:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";const n=r;const c=i(["h-8 w-[inherit]","flex items-center gap-2","text-black-teal-400 hover:text-black-teal-500","rounded-lg","py-1 px-2","text-sm font-medium","cursor-pointer"],{variants:{active:{false:["hover:bg-off-white"],true:["bg-off-white-600 text-black-teal-500 font-semibold"]},icon:{false:false,true:["pl-1"]}}});const p=i(["flex h-6 aspect-branding items-center justify-center rounded-full"],{variants:{active:{false:false,true:["bg-supportive-lilac"]}}});const s=class{constructor(e){t(this,e);this.icon=undefined;this.active=false;this.loading=false;this.as="a";this.counter=undefined;this.href=undefined;this.target=undefined;this.class=undefined}render(){const t=this.as;const i=this.active||this.class?.includes("active");return e(a,{key:"6b12fc10340027d176fc9fa9699ff62a9f200c06",class:o("p-navigation-item inline-block",this.class)},e(t,{key:"447c6dfb9e7cd9a426dfc83a786117ecd809ed23",class:c({icon:!!this.icon,active:i}),href:this.href,target:this.target},e("div",{key:"ee2fb03620b46d75f34887c1426abe3090dd50f8",class:p({active:i})},e("p-icon",{key:"92ae190b1b415939e23476403dfc7ea7065db3f6",variant:this.icon})),e("span",{key:"d56fbd8fdffc8a20b98d4d4a25dd68eb1e2548e0",class:this.counter&&"has-counter"},e("slot",{key:"d1baea6b23dab3cc3db75ab4c6c5b660977475c6"})),!!this.counter&&this.counter!=="0"&&e("p-badge",{key:"d50225f39e08b412b622055438584ad9aa02b4c1"},this.counter),!!this.loading&&e("p-loader",{key:"10ab89e057f00442ad0dab32c0342ad16daf667a",class:"ml-auto"})))}};s.style=n;export{s as p_navigation_item};
-//# sourceMappingURL=p-4e31af7e.entry.js.map
+import{r as t,h as e,H as i}from"./p-45ded510.js";import{c as a}from"./p-8a5b8196.js";import{c as o}from"./p-9ab34fee.js";import"./p-8a1a6e56.js";const r="*{box-sizing:border-box}.static{position:static!important}.ml-auto{margin-left:auto!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\\[inherit\\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 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}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/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}.hover\\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-black-teal-500:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";const n=r;const c=a(["h-8 w-[inherit]","flex items-center gap-2","text-black-teal-400 hover:text-black-teal-500","rounded-lg","py-1 px-2","text-sm font-medium","cursor-pointer"],{variants:{active:{false:["hover:bg-off-white"],true:["bg-off-white-600 text-black-teal-500 font-semibold"]},icon:{false:false,true:["pl-1"]}}});const p=a(["flex h-6 aspect-branding items-center justify-center rounded-full"],{variants:{active:{false:false,true:["bg-supportive-lilac"]}}});const s=class{constructor(e){t(this,e);this.icon=undefined;this.active=false;this.loading=false;this.as="a";this.counter=undefined;this.href=undefined;this.target=undefined;this.class=undefined}render(){const t=this.as;const a=this.active||this.class?.includes("active");return e(i,{key:"79388e74c4f842451ba5bfc706b69905cdbd23f3",class:o("p-navigation-item inline-block",this.class)},e(t,{key:"6f7f1bcabc8818c254af81a137c4f111e7405302",class:c({icon:!!this.icon,active:a}),href:this.href,target:this.target},e("div",{key:"37f9fea4dafa366137346990d27b1c4ed483f9f7",class:p({active:a})},e("p-icon",{key:"ac71d3273d79a30dfdf3383ad988fc57755676dd",variant:this.icon})),e("span",{key:"2125e1909ebdb212e6b873b73edcbaae7d936d50",class:this.counter&&"has-counter"},e("slot",{key:"dd26013244c8282e21de4c32c6a7a28a15e52433"})),!!this.counter&&this.counter!=="0"&&e("p-badge",{key:"c8a88ea5590e98e8d2e9fe3f381a334167ae7920"},this.counter),!!this.loading&&e("p-loader",{key:"ba965e9b68f55340f3c69fc4dd120b6ee7dcbb44",class:"ml-auto"})))}};s.style=n;export{s as p_navigation_item};
+//# sourceMappingURL=p-a38a330d.entry.js.map

package/dist/build/p-a38a330d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["navigationItemComponentCss","PNavigationItemStyle0","navigationItem","cva","variants","active","false","true","icon","navigationItemIconContainer","NavigationItem","render","TagType","this","as","class","includes","h","Host","key","cn","href","target","variant","counter","loading"],"sources":["src/components/molecules/navigation-item/navigation-item.component.css?tag=p-navigation-item","src/components/molecules/navigation-item/navigation-item.component.tsx"],"sourcesContent":[null,"import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { IconVariant } from '../../atoms/icon/icon.component';\nimport { cn } from '../../../utils/cn';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'text-black-teal-400 hover:text-black-teal-500',\n\t\t'rounded-lg',\n\t\t'py-1 px-2',\n\t\t'text-sm font-medium',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: ['hover:bg-off-white'],\n\t\t\t\ttrue: ['bg-off-white-600 text-black-teal-500 font-semibold'],\n\t\t\t},\n\t\t\ticon: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['pl-1'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst navigationItemIconContainer = cva(\n\t['flex h-6 aspect-branding items-center justify-center rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['bg-supportive-lilac'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.css',\n\tshadow: false,\n})\nexport class NavigationItem {\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon!: IconVariant;\n\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the navigation item is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The element to use for the navigation item\n\t */\n\t@Prop() as: string = 'a';\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\trender() {\n\t\tconst TagType = this.as;\n\n\t\tconst active = this.active || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class={cn('p-navigation-item inline-block', this.class)}>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\ticon: !!this.icon,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t<div class={navigationItemIconContainer({ active })}>\n\t\t\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-badge>{this.counter}</p-badge>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!this.loading && <p-loader class='ml-auto' />}\n\t\t\t\t</TagType>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kJAAA,MAAMA,EAA6B,shDACnC,MAAAC,EAAeD,ECIf,MAAME,EAAiBC,EACtB,CACC,kBACA,0BACA,gDACA,aACA,YACA,sBACA,kBAED,CACCC,SAAU,CACTC,OAAQ,CACPC,MAAO,CAAC,sBACRC,KAAM,CAAC,uDAERC,KAAM,CACLF,MAAO,MACPC,KAAM,CAAC,YAMX,MAAME,EAA8BN,EACnC,CAAC,qEACD,CACCC,SAAU,CACTC,OAAQ,CACPC,MAAO,MACPC,KAAM,CAAC,2B,MAWEG,EAAc,M,yDASA,M,aAKC,M,QAKN,I,sFAsBrB,MAAAC,GACC,MAAMC,EAAUC,KAAKC,GAErB,MAAMT,EAASQ,KAAKR,QAAUQ,KAAKE,OAAOC,SAAS,UAEnD,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACJ,MAAOK,EAAG,iCAAkCP,KAAKE,QACtDE,EAACL,EAAO,CAAAO,IAAA,2CACPJ,MAAOb,EAAe,CACrBM,OAAQK,KAAKL,KACbH,WAEDgB,KAAMR,KAAKQ,KACXC,OAAQT,KAAKS,QAEbL,EAAA,OAAAE,IAAA,2CAAKJ,MAAON,EAA4B,CAAEJ,YACzCY,EAAA,UAAAE,IAAA,2CAAQI,QAASV,KAAKL,QAGvBS,EAAA,QAAAE,IAAA,2CAAMJ,MAAOF,KAAKW,SAAW,eAC5BP,EAAA,QAAAE,IAAA,gDAGEN,KAAKW,SAAWX,KAAKW,UAAY,KACnCP,EAAA,WAAAE,IAAA,4CAAUN,KAAKW,WAGbX,KAAKY,SAAWR,EAAA,YAAAE,IAAA,2CAAUJ,MAAM,a","ignoreList":[]}

package/dist/{paperless/p-8a8663ae.entry.js → build/p-b59372b5.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as r}from"./p-45ded510.js";import{c as i}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const o="*{box-sizing:border-box}.static{position:static!important}.inline-flex{display:inline-flex!important}.h-4{height:1rem!important}.min-w-\\[1\\.5rem\\]{min-width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-teal{--tw-bg-opacity:1!important;background-color:rgb(8 136 121/var(--tw-bg-opacity,1))!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-center{text-align:center!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const a=o;const n=class{constructor(e){t(this,e)}render(){return e(r,{key:"71b0294058c45f39d75fa6fd9b713ba2594d5db3",class:"p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white"},e("slot",{key:"334d6e359ce4a57ab8ab7b7f292ffed659645d14"}))}};n.style=a;const p="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.rounded-full{border-radius:9999px!important}.border{border-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-1{padding:.25rem!important}";const s=p;const c=class{constructor(e){t(this,e)}render(){return e(r,{key:"13dd4ad8e37de0c55abcc3748746bccd628da688",class:"p-segment-container flex rounded-full border border-solid border-off-white-700 bg-off-white-300 p-1"},e("slot",{key:"c006b5f0ad06aa1f2d8a54faf2d1f6dcc97a7d83"}))}};c.style=s;const d="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\\:bg-black-teal-50:hover{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/var(--tw-bg-opacity,1))!important}";const m=d;const b=i(["p-segment-item","flex items-center justify-center","h-6 gap-2 rounded-full","cursor-pointer text-sm"],{variants:{active:{false:"cursor-pointer text-black-teal-400 hover:bg-black-teal-50",true:"bg-dark-teal-600 text-white"},iconOnly:{false:"px-2",true:"w-6"}}});const l=class{constructor(e){t(this,e);this.active=false;this.iconOnly=false;this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}render(){return e(r,{key:"af4c3783e2791d61632bdb598682ad2f4f95539a",class:b({active:this.active,iconOnly:this.iconOnly})},this.icon&&e("p-icon",{key:"a554a9b7a78e0b4dba9b967b97cb98b49e28c9cf",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),e("slot",{key:"17306fa82a398b6b7bc613f78197b425fd376af9"}))}};l.style=m;export{n as p_badge,c as p_segment_container,l as p_segment_item};
-//# sourceMappingURL=p-8a8663ae.entry.js.map
+import{r as t,h as e,H as r}from"./p-45ded510.js";import{c as i}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const o="*{box-sizing:border-box}.static{position:static!important}.inline-flex{display:inline-flex!important}.h-4{height:1rem!important}.min-w-\\[1\\.5rem\\]{min-width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-teal{--tw-bg-opacity:1!important;background-color:rgb(8 136 121/var(--tw-bg-opacity,1))!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-center{text-align:center!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const a=o;const n=class{constructor(e){t(this,e)}render(){return e(r,{key:"8ecff7fb9c51923486536d2ad0790141630aece5",class:"p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white"},e("slot",{key:"c0d7b0f1d41695186ae9bd937679d0d2adb5aca9"}))}};n.style=a;const c="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.rounded-full{border-radius:9999px!important}.border{border-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-1{padding:.25rem!important}";const p=c;const s=class{constructor(e){t(this,e)}render(){return e(r,{key:"13dd4ad8e37de0c55abcc3748746bccd628da688",class:"p-segment-container flex rounded-full border border-solid border-off-white-700 bg-off-white-300 p-1"},e("slot",{key:"c006b5f0ad06aa1f2d8a54faf2d1f6dcc97a7d83"}))}};s.style=p;const d="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\\:bg-black-teal-50:hover{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/var(--tw-bg-opacity,1))!important}";const m=d;const b=i(["p-segment-item","flex items-center justify-center","h-6 gap-2 rounded-full","cursor-pointer text-sm"],{variants:{active:{false:"cursor-pointer text-black-teal-400 hover:bg-black-teal-50",true:"bg-dark-teal-600 text-white"},iconOnly:{false:"px-2",true:"w-6"}}});const l=class{constructor(e){t(this,e);this.active=false;this.iconOnly=false;this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}render(){return e(r,{key:"af4c3783e2791d61632bdb598682ad2f4f95539a",class:b({active:this.active,iconOnly:this.iconOnly})},this.icon&&e("p-icon",{key:"a554a9b7a78e0b4dba9b967b97cb98b49e28c9cf",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),e("slot",{key:"17306fa82a398b6b7bc613f78197b425fd376af9"}))}};l.style=m;export{n as p_badge,s as p_segment_container,l as p_segment_item};
+//# sourceMappingURL=p-b59372b5.entry.js.map

package/dist/build/p-b59372b5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["badgeComponentCss","PBadgeStyle0","Badge","render","h","Host","key","class","segmentContainerComponentCss","PSegmentContainerStyle0","SegmentContainer","segmentItemComponentCss","PSegmentItemStyle0","segmentItem","cva","variants","active","false","true","iconOnly","SegmentItem","this","icon","variant","flip","iconFlip","rotate","iconRotate"],"sources":["src/components/atoms/badge/badge.component.css?tag=p-badge","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment-container/segment-container.component.css?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx","src/components/atoms/segment-item/segment-item.component.css?tag=p-segment-item","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[null,"import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: false,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",null,"import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-segment-container flex rounded-full border border-solid border-off-white-700 bg-off-white-300 p-1'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",null,"import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\nconst segmentItem = cva(\n\t[\n\t\t'p-segment-item',\n\t\t'flex items-center justify-center',\n\t\t'h-6 gap-2 rounded-full',\n\t\t'cursor-pointer text-sm',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: 'cursor-pointer text-black-teal-400 hover:bg-black-teal-50',\n\t\t\t\ttrue: 'bg-dark-teal-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n})\nexport class SegmentItem {\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={segmentItem({\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAoB,2tBAC1B,MAAAC,EAAeD,E,MCMFE,EAAK,M,yBACjB,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,6IACXH,EAAA,QAAAE,IAAA,6C,aCXJ,MAAME,EAA+B,6dACrC,MAAAC,EAAeD,E,MCKFE,EAAgB,M,yBAC5B,MAAAP,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,uGACXH,EAAA,QAAAE,IAAA,6C,aCVJ,MAAMK,EAA0B,85BAChC,MAAAC,EAAeD,ECIf,MAAME,EAAcC,EACnB,CACC,iBACA,mCACA,yBACA,0BAED,CACCC,SAAU,CACTC,OAAQ,CACPC,MAAO,4DACPC,KAAM,+BAEPC,SAAU,CACTF,MAAO,OACPC,KAAM,U,MAUGE,EAAW,M,qCAIG,M,cAKE,M,sEAiB5B,MAAAjB,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAOM,EAAY,CAClBG,OAAQK,KAAKL,OACbG,SAAUE,KAAKF,YAGfE,KAAKC,MACLlB,EAAA,UAAAE,IAAA,2CACCiB,QAASF,KAAKC,KACdE,KAAMH,KAAKI,SACXC,OAAQL,KAAKM,aAGfvB,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/build/p-ba01a4ff.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as a,H as e}from"./p-45ded510.js";import{c as i}from"./p-8a5b8196.js";import{i as o}from"./p-b082e123.js";import"./p-8a1a6e56.js";const n='*,:after,:before{box-sizing:border-box}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-inherit{width:inherit!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-black-teal\\/10{border-color:rgba(3,42,36,.1)!important}.border-black-teal\\/20{border-color:rgba(3,42,36,.2)!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.border-teal{border-color:rgb(8 136 121/var(--tw-border-opacity,1))!important}.border-teal,.border-teal-100{--tw-border-opacity:1!important}.border-teal-100{border-color:rgb(206 231 228/var(--tw-border-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-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}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{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-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\\/60{color:rgba(204,220,218,.6)!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-teal{color:rgb(8 136 121/var(--tw-text-opacity,1))!important}.text-teal,.text-teal-100{--tw-text-opacity:1!important}.text-teal-100{color:rgb(206 231 228/var(--tw-text-opacity,1))!important}.text-teal-300{--tw-text-opacity:1!important;color:rgb(107 184 175/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!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}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{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-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px rgba(189,140,255,.2))!important}.hover\\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\\:drop-shadow-1:hover,.hover\\:drop-shadow-2:hover{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}.hover\\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\\:text-black-teal\\/60:active{color:rgba(3,42,36,.6)!important}.active\\:text-dark-teal-100\\/60:active{color:rgba(204,220,218,.6)!important}.active\\:text-teal-800:active{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.active\\:ring:active{--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}.active\\:ring-2:active,.active\\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2:active{--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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-black-teal\\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-teal{--tw-text-opacity:1!important;color:rgb(8 136 121/var(--tw-text-opacity,1))!important}';const s=n;const l=i(["group","font-semibold leading-4","flex items-center justify-center gap-2","cursor-pointer"],{variants:{variant:{primary:["bg-supportive-lilac border-black-teal/20"],secondary:null,text:["text-teal"],transparent:["bg-transparent"],dropdown:null},active:{true:null,false:null},loading:{true:"cursor-wait",false:null},size:{sm:["text-xs h-6"],base:["text-sm h-8"],lg:["text-base h-10"]},disabled:{true:"cursor-not-allowed",false:null},underline:{true:null,false:null},buttonGroupPosition:{none:null,start:null,center:null,end:null},iconOnly:{true:"justify-center",false:"w-inherit py-1"}},compoundVariants:[{variant:["secondary","dropdown"],class:["bg-white border-black-teal/10"]},{variant:["primary","secondary","dropdown"],disabled:false,class:"border"},{variant:["primary","secondary","dropdown"],disabled:false,loading:false,class:"active:border-supportive-lilac-800 active:ring active:ring-2"},{variant:["primary","secondary","dropdown"],disabled:false,loading:false,active:true,class:"border-supportive-lilac-800 ring ring-2"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"none",class:"rounded-lg"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"start",class:"rounded-s-lg"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"end",class:"rounded-e-lg"},{variant:["primary","secondary","dropdown"],disabled:false,class:"text-black-teal"},{variant:"primary",disabled:true,class:"bg-supportive-lilac-100 text-black-teal-100"},{variant:"primary",disabled:false,loading:false,class:"drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10"},{variant:"primary",disabled:false,loading:false,active:true,class:"ring-black-teal/10"},{variant:["secondary","dropdown"],disabled:true,class:"border bg-white-600 text-black-teal-100"},{variant:["secondary","dropdown"],disabled:false,loading:false,class:"drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100"},{variant:["secondary","dropdown"],disabled:false,loading:false,active:true,class:"ring-supportive-lilac-100"},{variant:"text",underline:true,disabled:false,class:"border-b border-teal"},{variant:"text",underline:true,disabled:true,class:"border-b border-teal-100"},{variant:"text",disabled:true,class:"text-teal-100"},{variant:"text",disabled:false,loading:false,class:"active:text-teal-800"},{variant:"transparent",disabled:false,class:"text-dark-teal-100"},{variant:"transparent",disabled:false,loading:false,class:"hover:bg-dark-teal active:text-dark-teal-100/60"},{variant:"transparent",disabled:true,class:"text-dark-teal-100/60"},{variant:["primary","secondary","transparent"],size:["base","sm"],iconOnly:false,class:"px-2"},{variant:["primary","secondary","transparent"],size:"lg",iconOnly:false,class:"px-3"},{variant:"dropdown",iconOnly:false,class:"p-2"},{variant:["primary","secondary","transparent","text"],iconOnly:false,class:"py-1"},{size:"sm",iconOnly:true,class:"w-6"},{size:"base",iconOnly:true,class:"w-8"},{size:"lg",iconOnly:true,class:"w-10"}]});const d=i([],{variants:{size:{sm:"text-sm",base:"text-base",lg:"text-base"},variant:{primary:null,secondary:null,text:null,transparent:null,dropdown:null},disabled:{true:null,false:null},active:{true:null,false:null}},compoundVariants:[{variant:["secondary","dropdown"],disabled:false,active:false,class:"text-black-teal-300 group-hover:text-black-teal"},{variant:"text",disabled:false,active:false,class:"text-teal-300 group-hover:text-teal"},{variant:"transparent",disabled:false,active:false,class:"text-dark-teal-200 group-hover:text-dark-teal-100"}]});const p=class{constructor(a){t(this,a);this.onClick=r(this,"onClick",3);this.as="button";this.variant="primary";this.active=false;this.underline=true;this.href=undefined;this.target=undefined;this.size="base";this.type="button";this.loading=false;this.chevron=false;this.chevronPosition="end";this.disabled=false;this.icon=undefined;this.iconOnly=false;this.iconPosition="end";this.iconFlip=undefined;this.iconRotate=undefined;this.inheritText=false;this.buttonGroupPosition="none";this.class=undefined}onClick;render(){let t="white";switch(this.variant){case"secondary":t="storm";break;case"text":t="indigo";break}const r=this.variant==="text"||this.href?.length||this.as==="a"?"a":"button";const i=this.active||this.class?.includes("active");return a(e,{key:"b84947b43d87a9f415c1f65aa9fdb42762f4d4aa",class:"p-button block"},a(r,{key:"4944b08011a9d19db66b37dfb80b0e23d74a8682",disabled:this.disabled,href:this.href,type:this.variant!=="text"?this.type:undefined,target:this.target,class:l({variant:this.variant,size:this.size,underline:this.underline,loading:this.loading,disabled:this.disabled,buttonGroupPosition:this.buttonGroupPosition,iconOnly:this.iconOnly,active:i})},this.chevron&&this.chevronPosition==="start"&&a("p-icon",{key:"3743b779817530a420fbebfcbcbab2ebb394cbdf",variant:"caret",rotate:this.chevron==="up"?180:0}),this.icon&&this.iconPosition==="start"&&!(this.iconOnly&&this.loading)&&this._getIcon(),a("slot",{key:"861cbb766ef649cd04dae7320570e253c9788f99"}),this.icon&&this.iconPosition==="end"&&!this.loading&&!this.chevron&&this._getIcon(),this.chevron&&!this.loading&&this.chevronPosition==="end"&&a("p-icon",{key:"d010c3558e40adf6343647c9e279d35bb90ab1a2",variant:"caret",rotate:this.chevron==="up"?180:0}),this.loading&&a("p-loader",{key:"d594a147b3820c29f50a30a5f8a32dc0798d8236",color:t})))}handleClick(t){if(this.loading||this.disabled){t.preventDefault();return}this.onClick.emit(t)}_getIcon(){if(!this.icon){return}return a("p-icon",{class:d({size:this.size,variant:this.variant,disabled:this.disabled,active:this.active}),variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}};p.style=s;const c="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.scale-\\[0\\.99\\]{--tw-scale-x:0.99!important;--tw-scale-y:0.99!important}.scale-\\[0\\.99\\],.scale-x-flip{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}.scale-x-flip{--tw-scale-x:-1!important}.scale-y-flip{--tw-scale-y:-1!important}.scale-y-flip,.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}.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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:2rem!important;line-height:2.5rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}";const b=c;const h=i(["p-icon flex"],{variants:{flip:{none:null,horizontal:"scale-x-flip",vertical:"scale-y-flip"},size:{auto:"text-auto",xxs:"text-xxs",xs:"text-xs",sm:"text-sm",base:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl"},transform:{true:"transform-gpu scale-[0.99]",false:null}}});const w=class{constructor(r){t(this,r);this.variant=undefined;this.size="base";this.rotate=0;this.flip="none"}render(){const t=o[this.variant];return a(e,{key:"3ae4a0d1866dab77bb43b9b9411475148a71559f",class:h({flip:this.flip,size:this.size,transform:this.flip!=="none"||this.rotate>0||this.rotate<0}),style:{"--tw-rotate":`${this.rotate}deg`},innerHTML:t})}};w.style=b;const m=".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\\[1em\\]{height:1em!important}.w-\\[1em\\]{width:1em!important}.w-full{width:100%!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}.items-center{align-items:center!important}.border-2{border-width:2px!important}.border-solid{border-style:solid!important}.border-indigo-light{--tw-border-opacity:1!important;border-color:rgb(241 246 255/var(--tw-border-opacity,1))!important}.border-indigo-light\\/40{border-color:rgba(241,246,255,.4)!important}.border-storm-light\\/40{border-color:rgba(176,178,203,.4)!important}.border-t-storm{--tw-border-opacity:1!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host .loader{--tw-border-opacity:1;animation:spin .5s linear infinite;border-color:rgb(241 246 255/var(--tw-border-opacity,1));border-radius:9999px;border-style:solid;border-top:solid rgb(82 138 250/var(--tw-border-opacity,1));border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-storm{--tw-border-opacity:1!important;border-color:rgba(176,178,203,.4)!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:rgba(241,246,255,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host .loading-screen .content .loader-wrapper{display:flex;justify-content:center;width:100%}:host .loading-screen .content .loader-wrapper .loader{font-size:2.5rem;line-height:3rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}";const g=m;const f=class{constructor(r){t(this,r);this.show=true;this.variant="inline";this.color="indigo";this.modalTitle=undefined;this.modalDescription=undefined}_show=false;_showSubscriber;componendDidLoad(){this._show=this.show}componentWillRender(){this._checkShow()}componentShouldUpdate(){this._checkShow()}render(){if(!this._show){return}if(this.variant==="ghost"){return a(e,{class:"p-loader variant-ghost"})}const t=a("div",{class:`loader color-${this.color}`});if(this.variant==="full-screen"){return a(e,{class:"p-loader variant-full-screen"},a("div",{class:"loading-screen"},a("div",{class:"content"},a("slot",null),a("div",{class:"loader-wrapper"},t))))}return a(e,{class:`p-loader variant-default flex ${this.variant==="full-width"&&"flex w-full justify-center text-4xl"}`},t)}_checkShow(){if(this._showSubscriber){this._showSubscriber.unsubscribe();this._showSubscriber=null}if(typeof this.show!=="boolean"){this._showSubscriber=this.show?.subscribe((t=>this._show=t));return}this._show=this.show}};f.style=g;export{p as p_button,w as p_icon,f as p_loader};
+//# sourceMappingURL=p-ba01a4ff.entry.js.map