@paperless/core 2.2.4 → 2.2.6

package/dist/build/p-2615d3de.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as r,h as a,H as i,g as e}from"./p-DhGo7hbh.js";import{c as o}from"./p-CBWjHURv.js";import{a as n}from"./p-C5CTp9IA.js";import{c as s}from"./p-CT54OXR2.js";import{i as l}from"./p-BmA7NKgh.js";import"./p-ChV9xqsO.js";const d="*{box-sizing:border-box}.static{position:static!important}.inline-block{display:inline-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-1{gap:.25rem!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-indigo-600{--tw-border-opacity:1!important;border-color:rgb(82 138 250/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-transparent{border-color:transparent!important}.bg-indigo-200{--tw-bg-opacity:1!important;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/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-indigo-300{--tw-text-opacity:1!important;color:rgb(187 209 253/var(--tw-text-opacity,1))!important}.text-indigo-700{--tw-text-opacity:1!important;color:rgb(47 111 240/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}.text-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-white\\/60{color:hsla(0,0%,100%,.6)!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-indigo-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/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-primary-button{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-primary-button{--tw-drop-shadow:drop-shadow(0px 1px 1px 0px rgba(24,30 41,0.08))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-indigo-700:hover{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/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\\:text-indigo-800:hover{--tw-text-opacity:1!important;color:rgb(27 88 210/var(--tw-text-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-indigo-600:active{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.active\\:text-indigo-800:active{--tw-text-opacity:1!important;color:rgb(27 88 210/var(--tw-text-opacity,1))!important}.active\\:text-negative-red-800:active{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.active\\:text-storm-500\\/60:active{color:rgba(24,30,41,.6)!important}.active\\:text-white\\/60:active{color:hsla(0,0%,100%,.6)!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-indigo-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.group:active .group-active\\:text-indigo-800{--tw-text-opacity:1!important;color:rgb(27 88 210/var(--tw-text-opacity,1))!important}.group:active .group-active\\:text-white\\/60{color:hsla(0,0%,100%,.6)!important}";const p=o(["group","font-semibold leading-4","flex items-center justify-center","cursor-pointer"],{variants:{variant:{primary:["border-storm/20","text-white"],secondary:null,text:null,transparent:"bg-transparent border-transparent",dropdown:null},active:{true:null,false:null},error:{true:null,false:null},loading:{true:"cursor-wait",false:null},size:{sm:["text-xs h-6 gap-1"],base:["text-sm h-8 gap-2"],lg:["text-base h-10 gap-2"]},disabled:{true:"cursor-not-allowed",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"},{variant:["primary","secondary","dropdown"],disabled:false,class:"border"},{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:["secondary","dropdown"],disabled:false,error:false,class:"text-storm-500"},{variant:"primary",disabled:true,class:"bg-indigo-200"},{variant:"primary",disabled:false,class:"bg-indigo-600"},{variant:"primary",disabled:false,loading:false,class:["active:border-storm/10 active:ring active:ring-2 active:text-white/60","drop-shadow-primary-button hover:drop-shadow-2 hover:bg-indigo-700 active:ring-indigo-100"]},{variant:"primary",disabled:false,loading:false,active:true,class:"ring ring-2"},{variant:"primary",disabled:false,loading:false,active:true,class:"ring-indigo-100"},{variant:["secondary","dropdown"],disabled:true,class:"border bg-white-600 text-storm-100"},{variant:["secondary","dropdown"],disabled:false,class:"text-storm-500"},{variant:["secondary","dropdown"],disabled:false,loading:false,class:"drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:ring-indigo-100 active:text-storm-500/60"},{variant:["secondary","dropdown"],disabled:false,loading:false,error:false,class:"active:border-indigo-600 active:ring active:ring-2"},{variant:["secondary","dropdown"],disabled:false,loading:false,active:true,error:false,class:"border-indigo-600 ring ring-2 ring-indigo-100"},{variant:["secondary","dropdown"],error:false,active:false,class:["border-storm/20"]},{variant:["secondary","dropdown"],error:true,class:"border border-negative-red text-negative-red-800 ring ring-2 ring-negative-red-50  active:text-negative-red-800"},{variant:["text","transparent"],disabled:false,class:"text-indigo-700 hover:text-indigo-800"},{variant:["text","transparent"],disabled:true,class:"text-indigo-300"},{variant:["text","transparent"],disabled:false,loading:false,class:"active:text-indigo-800"},{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 c=o([],{variants:{size:{sm:"text-xs",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},error:{true:null,false:null}},compoundVariants:[{variant:"primary",disabled:false,active:false,error:false,class:"text-indigo-300 group-hover:text-white group-active:text-white/60"},{variant:"primary",disabled:false,active:true,class:"text-white/60"},{variant:["secondary","dropdown"],disabled:false,active:false,error:false,class:"text-storm-300 group-hover:text-storm-500 group-active:text-storm/60"},{variant:["secondary","dropdown"],disabled:false,active:true,error:false,class:"text-storm/60"},{variant:["transparent","text"],disabled:false,active:false,class:"text-indigo-500group-hover:text-indigo-700 group-active:text-indigo-800"},{variant:["secondary","dropdown"],active:false,error:true,class:"text-negative-red group-hover:text-negative-red-800"},{variant:["secondary","dropdown"],active:true,error:true,class:"text-negative-red-800"}]});const m=class{constructor(a){t(this,a);this.onClick=r(this,"onClick",3)}label;as="button";variant="primary";active=false;error=false;href;target;size="base";type="button";loading=false;chevron=false;chevronPosition="end";disabled=false;icon;iconOnly=false;iconPosition="start";iconFlip;iconRotate;inheritText=false;buttonGroupPosition="none";class;onClick;render(){let t="white";switch(this.variant){case"secondary":case"dropdown":case"transparent":t="off-white";break;case"text":t="storm";break}const r=this.variant==="text"||this.href?.length||this.as==="a"?"a":"button";const e=s("p-button inline-block",this.class);const o=n(this.active)||e?.includes("active");return a(i,{key:"653d4f0bf16d36b5d8df91d504ff898201d36ba3",class:e},a(r,{key:"bdbde9c7365906bbcb5385d545c7a7a9d098767f",disabled:n(this.disabled),href:this.href,type:this.variant!=="text"?this.type:undefined,target:this.target,class:p({variant:this.variant,size:this.size,loading:n(this.loading),disabled:n(this.disabled),buttonGroupPosition:this.buttonGroupPosition,iconOnly:n(this.iconOnly),active:o,error:n(this.error)})},this.chevron&&this.chevronPosition==="start"&&a("p-icon",{key:"919dc300f39e50dc477f515e78e97b6f278b85d1",variant:"caret",rotate:this.chevron==="up"?180:0}),this.icon&&this.iconPosition==="start"&&!(this.iconOnly&&this.loading)&&this._getIcon(),this.label?this.label:a("slot",null),this.icon&&this.iconPosition==="end"&&!this.loading&&!this.chevron&&this._getIcon(),this.chevron&&!this.loading&&this.chevronPosition==="end"&&a("p-icon",{key:"fbdbc8db71b89966ea106aa261a22b2b581708b5",variant:"caret",rotate:this.chevron==="up"?180:0}),this.loading&&a("p-loader",{key:"6b7313eea64e538cf55c7128915611fb1507c4bf",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:c({size:this.size,variant:this.variant,disabled:n(this.disabled),active:n(this.active),error:n(this.error)}),variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}};m.style=d;const w="*{box-sizing:border-box}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important;display:inline-flex}.static{position:static!important}.inline-flex{display:inline-flex!important}.scale-\\[0\\.9999\\]{--tw-scale-x:0.9999!important;--tw-scale-y:0.9999!important}.scale-\\[0\\.9999\\],.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}.transition-transform{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";const h=o(["p-icon inline-flex","transform-gpu transition-transform"],{variants:{flip:{none:null,horizontal:"scale-x-flip",vertical:"scale-y-flip"},size:{auto:null,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:"scale-[0.9999]",false:null}}});const g=class{constructor(r){t(this,r)}variant;size="base";rotate=0;flip="none";get _el(){return e(this)}componentWillRender(){const t=l[this.variant];if(!t){console.warn(`[p-icon] Variant "${this.variant}" does not exist `)}}render(){const t=/text-(xs|sm|base|lg|xl)/.test(this._el.className);const r=l[this.variant];return a("div",{key:"9fa36c66c17eb7a6d3cf30b0ac6d47a42b30e642",class:h({flip:this.flip,size:t?"auto":this.size,transform:this.flip!=="none"||this.rotate>0||this.rotate<0}),style:{"--tw-rotate":`${this.rotate}deg`},title:this.variant,innerHTML:r})}};g.style=w;const b=".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}.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-off-white-600\\/40{border-color:hsla(43,16%,91%,.4)!important}.border-white\\/40{border-color:hsla(0,0%,100%,.4)!important}.border-r-storm-400{--tw-border-opacity:1!important;border-right-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.border-t-off-white-800{--tw-border-opacity:1!important;border-top-color:rgb(213 208 195/var(--tw-border-opacity,1))!important}.border-t-storm-700{--tw-border-opacity:1!important;border-top-color:rgb(8 15 28/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{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}*{@apply box-border;box-sizing:border-box}:host .loader{@apply inline-block h-[1em] w-[1em] rounded-full;@apply border-2 border-solid;animation:spin .5s linear infinite;will-change:transform}:host .loader.color-indigo{@apply border-r-indigo/40 border-t-indigo !important}:host .loader.color-off-white{@apply border-off-white-600/40 border-t-off-white-800 !important}:host .loader.color-white{@apply border-white/40 border-t-white !important}:host .loader.color-storm{@apply border-r-storm-400 border-t-storm-700 !important}:host .loading-screen{@apply fixed left-0 top-0 h-screen-safe w-screen-safe;@apply flex items-center justify-center;@apply bg-off-white-200;z-index:1001}:host .loading-screen .content{@apply max-w-xs}:host(.variant-ghost){@apply box-border block;--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%;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}.min-h-4{min-height:1rem!important}.w-full{width:100%!important}.min-w-4{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded-2xl{border-radius:1rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}";const v=class{constructor(r){t(this,r)}show=true;variant="inline";color="indigo";modalTitle;modalDescription;_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(i,{class:"variant-ghost min-h-4 min-w-4 rounded-2xl"})}const t=a("div",{class:`loader color-${this.color}`});if(this.variant==="full-screen"){return a(i,{class:"variant-full-screen"},a("div",{class:"loading-screen"},a("div",{class:"content"},a("slot",null))))}return a(i,{class:`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}};v.style=b;export{m as p_button,g as p_icon,v as p_loader};
-//# sourceMappingURL=p-2615d3de.entry.js.map

package/dist/build/p-2615d3de.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["buttonComponentCss","button","cva","variants","variant","primary","secondary","text","transparent","dropdown","active","true","false","error","loading","size","sm","base","lg","disabled","buttonGroupPosition","none","start","center","end","iconOnly","compoundVariants","class","icon","Button","label","as","href","target","type","chevron","chevronPosition","iconPosition","iconFlip","iconRotate","inheritText","onClick","render","loaderColor","this","VariableTag","length","hostClass","cn","asBoolean","includes","h","Host","key","undefined","rotate","_getIcon","color","handleClick","ev","preventDefault","emit","flip","iconComponentCss","horizontal","vertical","auto","xxs","xs","xl","transform","Icon","componentWillRender","icons","console","warn","hasTextSizeClass","test","_el","className","svg","style","title","innerHTML","loaderComponentCss","Loader","show","modalTitle","modalDescription","_show","_showSubscriber","componendDidLoad","_checkShow","componentShouldUpdate","loader","unsubscribe","subscribe"],"sources":["src/components/molecules/button/button.component.css?tag=p-button","src/components/molecules/button/button.component.tsx","src/components/atoms/icon/icon.component.css?tag=p-icon&encapsulation=shadow","src/components/atoms/icon/icon.component.tsx","src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { cn } from '../../../utils/cn';\n\nconst button = cva(\n\t[\n\t\t'group',\n\t\t'font-semibold leading-4',\n\t\t'flex items-center justify-center',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary: ['border-storm/20', 'text-white'],\n\t\t\t\tsecondary: null,\n\t\t\t\ttext: null,\n\t\t\t\ttransparent: 'bg-transparent border-transparent',\n\t\t\t\tdropdown: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tloading: {\n\t\t\t\ttrue: 'cursor-wait',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: ['text-xs h-6 gap-1'],\n\t\t\t\tbase: ['text-sm h-8 gap-2'],\n\t\t\t\tlg: ['text-base h-10 gap-2'],\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tbuttonGroupPosition: {\n\t\t\t\tnone: null,\n\t\t\t\tstart: null,\n\t\t\t\tcenter: null,\n\t\t\t\tend: null,\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\ttrue: 'justify-center',\n\t\t\t\tfalse: 'w-inherit py-1',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t// variants\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tclass: 'bg-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'none',\n\t\t\t\tclass: 'rounded-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'start',\n\t\t\t\tclass: 'rounded-s-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'end',\n\t\t\t\tclass: 'rounded-e-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-storm-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-indigo-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-indigo-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'active:border-storm/10 active:ring active:ring-2 active:text-white/60',\n\t\t\t\t\t'drop-shadow-primary-button hover:drop-shadow-2 hover:bg-indigo-700 active:ring-indigo-100',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring-indigo-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border bg-white-600 text-storm-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-storm-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:ring-indigo-100 active:text-storm-500/60',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'active:border-indigo-600 active:ring active:ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'border-indigo-600 ring ring-2 ring-indigo-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\terror: false,\n\t\t\t\tactive: false,\n\t\t\t\tclass: ['border-storm/20'],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\terror: true,\n\t\t\t\tclass:\n\t\t\t\t\t'border border-negative-red text-negative-red-800 ring ring-2 ring-negative-red-50  active:text-negative-red-800',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['text', 'transparent'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-indigo-700 hover:text-indigo-800',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['text', 'transparent'],\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-indigo-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['text', 'transparent'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:text-indigo-800',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: ['base', 'sm'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-3',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dropdown',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'text'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'py-1',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-6',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-10',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva([], {\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: 'text-xs',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-base',\n\t\t},\n\t\tvariant: {\n\t\t\tprimary: null,\n\t\t\tsecondary: null,\n\t\t\ttext: null,\n\t\t\ttransparent: null,\n\t\t\tdropdown: null,\n\t\t},\n\t\tdisabled: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\terror: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'primary',\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\terror: false,\n\t\t\tclass:\n\t\t\t\t'text-indigo-300 group-hover:text-white group-active:text-white/60',\n\t\t},\n\t\t{\n\t\t\tvariant: 'primary',\n\t\t\tdisabled: false,\n\t\t\tactive: true,\n\t\t\tclass: 'text-white/60',\n\t\t},\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\terror: false,\n\t\t\tclass: 'text-storm-300 group-hover:text-storm-500 group-active:text-storm/60',\n\t\t},\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tdisabled: false,\n\t\t\tactive: true,\n\t\t\terror: false,\n\t\t\tclass: 'text-storm/60',\n\t\t},\n\t\t{\n\t\t\tvariant: ['transparent', 'text'],\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\tclass:\n\t\t\t\t'text-indigo-500group-hover:text-indigo-700 group-active:text-indigo-800',\n\t\t},\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tactive: false,\n\t\t\terror: true,\n\t\t\tclass: 'text-negative-red group-hover:text-negative-red-800',\n\t\t},\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tactive: true,\n\t\t\terror: true,\n\t\t\tclass: 'text-negative-red-800',\n\t\t},\n\t],\n});\n\nexport type ButtonVariant =\n\t| 'primary'\n\t| 'secondary'\n\t| 'transparent'\n\t| 'text'\n\t| 'dropdown';\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.css',\n})\nexport class Button {\n\t/**\n\t * The label of the button (Can use slot)\n\t */\n\t@Prop() label?: string;\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() as?: 'a' | 'button' = 'button';\n\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant?: ButtonVariant = 'primary';\n\n\t/**\n\t * Wether to force an active state\n\t */\n\t@Prop() active?: boolean = false;\n\n\t/**\n\t * Wether to show a error state\n\t */\n\t@Prop() error?: boolean = false;\n\n\t/**\n\t * Href in case of \"text\" version\n\t */\n\t@Prop() href?: string;\n\n\t/**\n\t * Target in case of \"text\" version\n\t */\n\t@Prop() target?: string;\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() size?: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() type?: 'button' | 'submit' = 'button';\n\n\t/**\n\t * Wether to show a loader or not\n\t */\n\t@Prop() loading?: boolean = false;\n\n\t/**\n\t * Wether to show a chevron or not\n\t */\n\t@Prop() chevron?: boolean | 'up' | 'down' = false;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition?: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the button is disabled\n\t */\n\t@Prop() disabled?: boolean = false;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly?: boolean = false;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition?: 'start' | 'end' = 'start';\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\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop() inheritText?: boolean = false;\n\n\t/**\n\t * Position of the button in the button group, mostly un-used if not in a group\n\t */\n\t@Prop() buttonGroupPosition?: 'start' | 'center' | 'end' | 'none' = 'none';\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class?: string;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tonClick: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\tlet loaderColor: 'white' | 'off-white' | 'indigo' | 'storm' = 'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\tcase 'dropdown':\n\t\t\tcase 'transparent':\n\t\t\t\tloaderColor = 'off-white';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'storm';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst VariableTag =\n\t\t\tthis.variant === 'text' || this.href?.length || this.as === 'a'\n\t\t\t\t? 'a'\n\t\t\t\t: 'button';\n\n\t\tconst hostClass = cn('p-button inline-block', this.class);\n\t\tconst active = asBoolean(this.active) || hostClass?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class={hostClass}>\n\t\t\t\t<VariableTag\n\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttype={this.variant !== 'text' ? this.type : undefined}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tclass={button({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tloading: asBoolean(this.loading),\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\tbuttonGroupPosition: this.buttonGroupPosition,\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t\tactive,\n\t\t\t\t\t\terror: asBoolean(this.error),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'start' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'start' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.label ? this.label : <slot />}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'end' &&\n\t\t\t\t\t\t!this.loading &&\n\t\t\t\t\t\t!this.chevron &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.chevron && !this.loading && this.chevronPosition === 'end' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.loading && <p-loader color={loaderColor} />}\n\t\t\t\t</VariableTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (this.loading || this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.onClick.emit(ev);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={icon({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\terror: asBoolean(this.error),\n\t\t\t\t})}\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n",":host {\n\t--tw-translate-y: 0px !important;\n\t--tw-translate-x: 0px !important;\n\n\t@apply inline-flex;\n}\n","import { Component, h, Prop, Element } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { TextSizeOptions } from '../../../types/tailwind';\nimport { icons } from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'none' | 'horizontal' | 'vertical';\n\nconst icon = cva(['p-icon inline-flex', 'transform-gpu transition-transform'], {\n\tvariants: {\n\t\tflip: {\n\t\t\tnone: null,\n\t\t\thorizontal: 'scale-x-flip',\n\t\t\tvertical: 'scale-y-flip',\n\t\t},\n\t\tsize: {\n\t\t\tauto: null,\n\t\t\txxs: 'text-xxs',\n\t\t\txs: 'text-xs',\n\t\t\tsm: 'text-sm',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-lg',\n\t\t\txl: 'text-xl',\n\t\t\t'2xl': 'text-2xl',\n\t\t\t'3xl': 'text-3xl',\n\t\t\t'4xl': 'text-4xl',\n\t\t},\n\t\ttransform: {\n\t\t\ttrue: 'scale-[0.9999]',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-icon',\n\tstyleUrl: 'icon.component.css',\n\tshadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'base';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: number = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = 'none';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() _el: HTMLElement;\n\n\tcomponentWillRender() {\n\t\tconst icon = icons[this.variant];\n\t\tif (!icon) {\n\t\t\tconsole.warn(`[p-icon] Variant \"${this.variant}\" does not exist `);\n\t\t}\n\t}\n\n\trender() {\n\t\tconst hasTextSizeClass = /text-(xs|sm|base|lg|xl)/.test(this._el.className);\n\t\tconst svg = icons[this.variant];\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={icon({\n\t\t\t\t\tflip: this.flip,\n\t\t\t\t\tsize: hasTextSizeClass ? 'auto' : this.size,\n\t\t\t\t\ttransform: this.flip !== 'none' || this.rotate > 0 || this.rotate < 0,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\t'--tw-rotate': `${this.rotate}deg`,\n\t\t\t\t}}\n\t\t\t\ttitle={this.variant}\n\t\t\t\tinnerHTML={svg}\n\t\t\t></div>\n\t\t);\n\t}\n}\n",":host {\n\t.loader {\n\t\t@apply inline-block h-[1em] w-[1em] rounded-full;\n\t\t@apply border-2 border-solid;\n\t\tanimation: 500ms spin linear infinite;\n\n\t\twill-change: transform;\n\n\t\t&.color-indigo {\n\t\t\t@apply border-r-indigo/40 border-t-indigo #{!important};\n\t\t}\n\n\t\t&.color-off-white {\n\t\t\t@apply border-off-white-600/40 border-t-off-white-800 #{!important};\n\t\t}\n\n\t\t&.color-white {\n\t\t\t@apply border-white/40 border-t-white #{!important};\n\t\t}\n\n\t\t&.color-storm {\n\t\t\t@apply border-r-storm-400 border-t-storm-700 #{!important};\n\t\t}\n\t}\n\n\t.loading-screen {\n\t\t@apply fixed left-0 top-0 h-screen-safe w-screen-safe;\n\t\t@apply flex items-center justify-center;\n\t\t@apply bg-off-white-200;\n\n\t\tz-index: 1001;\n\n\t\t.content {\n\t\t\t@apply max-w-xs;\n\t\t}\n\t}\n}\n\n:host(.variant-ghost) {\n\t@apply box-border block;\n\n\twill-change: background, background-position-x, background-color;\n\n\tmin-height: 1em;\n\tmin-width: 1em;\n\n\t--loading-bg: #f7fafc;\n\t--loading-stripe: rgba(252, 253, 254, 1);\n\n\tbackground-color: var(--loading-bg);\n\tbackground: linear-gradient(\n\t\t\t100deg,\n\t\t\trgba(255, 255, 255, 0) 40%,\n\t\t\tvar(--loading-stripe) 50%,\n\t\t\trgba(255, 255, 255, 0) 60%\n\t\t)\n\t\tvar(--loading-bg);\n\tbackground-size: 200% 100%;\n\tbackground-position-x: 180%;\n\tanimation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n\tto {\n\t\tbackground-position-x: -20%;\n\t}\n}\n\n@keyframes spin {\n\t100% {\n\t\ttransform: rotate(1turn);\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/**\n\t * Wether to show or hide the loader\n\t */\n\t@Prop() show: boolean | Observable<boolean> = true;\n\n\t/**\n\t * Variant of loader\n\t */\n\t@Prop() variant: 'inline' | 'full-width' | 'full-screen' | 'modal' | 'ghost' =\n\t\t'inline';\n\n\t/**\n\t * Color of the loader\n\t */\n\t@Prop() color: 'indigo' | 'white' | 'off-white' | 'storm' = 'indigo';\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal title for modal variant\n\t */\n\t@Prop() modalTitle: string;\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show: boolean | Observable<boolean> = false;\n\tprivate _showSubscriber: Subscription;\n\n\tcomponendDidLoad() {\n\t\tthis._show = this.show;\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class='variant-ghost min-h-4 min-w-4 rounded-2xl'></Host>;\n\t\t}\n\n\t\tconst loader = <div class={`loader color-${this.color}`}></div>;\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class='variant-full-screen'>\n\t\t\t\t\t<div class='loading-screen'>\n\t\t\t\t\t\t<div class='content'>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' && 'flex w-full justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(show => (this._show = show));\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/build/p-30ac06d0.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as r,h as e}from"./p-DhGo7hbh.js";import{c as o}from"./p-CBWjHURv.js";import{a}from"./p-C5CTp9IA.js";import{n}from"./p-D9kEjsvZ.js";import"./p-ChV9xqsO.js";const i="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-\\[1px\\]{left:1px!important}.left-\\[2px\\]{left:2px!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.h-3{height:.75rem!important}.h-4{height:1rem!important}.h-\\[14px\\]{height:14px!important}.w-3{width:.75rem!important}.w-8{width:2rem!important}.w-\\[14px\\]{width:14px!important}.flex-shrink-0{flex-shrink:0!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-y-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-storm-100{background-color:rgb(209 210 212/var(--tw-bg-opacity,1))!important}.bg-storm-100,.bg-storm-50{--tw-bg-opacity:1!important}.bg-storm-50{background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!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}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring-1{--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(1px + 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}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\\:h-1:after{content:var(--tw-content)!important;height:.25rem!important}.after\\:w-1:after{content:var(--tw-content)!important;width:.25rem!important}.after\\:rounded-full:after{border-radius:9999px!important;content:var(--tw-content)!important}.after\\:bg-indigo-800:after{--tw-bg-opacity:1!important;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\\:transition-all:after{content:var(--tw-content)!important;transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\\:content-\\[\\]:after{--tw-content:!important;content:var(--tw-content)!important}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--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;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:w-\\[18px\\],.group\\/toggle-label:hover .group-hover\\/toggle-label\\:w-\\[18px\\]{width:18px!important}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:after\\:w-2:after,.group\\/toggle-label:hover .group-hover\\/toggle-label\\:after\\:w-2:after{content:var(--tw-content)!important;width:.5rem!important}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:bg-indigo-700:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:left-full{left:100%!important}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\]{--tw-translate-x:calc(-100% - 1px)!important}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\],.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{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}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{--tw-translate-x:calc(-100% - 2px)!important}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:after\\:content-\\[\\'\\'\\]:after{--tw-content:\"\"!important;content:var(--tw-content)!important}";const c=o(["peer appearance-none m-0 outline-none flex-shrink-0","border border-inset border-solid ","rounded-full w-8 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-storm-50 border-storm-100","hover:bg-indigo-100 hover:border-storm/20","group-hover/toggle-label:bg-indigo-100 group-hover/toggle-label:border-storm/20","checked:bg-indigo-600 checked:border-storm/20","checked:ring-2 checked:ring-indigo-100","checked:hover:bg-indigo-700 checked:hover:border-storm/20","checked:group-hover/toggle-label:bg-indigo-700 checked:group-hover/toggle-label:border-storm/20"],true:["bg-white-600 border-storm-50 cursor-not-allowed"]}}});const p=o(["flex items-center justify-center","rounded-full transition-all ","absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none"],{variants:{disabled:{false:["bg-white ring-1 ring-storm/10","left-[1px] peer-checked:-translate-x-[calc(100%+1px)]","after:content-[] peer-checked:after:content-['']  after:bg-indigo-800 after:rounded-full after:transition-all","w-[14px] h-[14px] group-hover/p-toggle:w-[18px] group-hover/toggle-label:w-[18px]","after:w-1 after:h-1 group-hover/p-toggle:after:w-2 group-hover/toggle-label:after:w-2"],true:["bg-storm-100 peer-checked:bg-storm-200","left-[2px] peer-checked:-translate-x-[calc(100%+2px)]","w-3 h-3"]}}});const s=class{constructor(e){t(this,e);this.checkedChange=r(this,"checkedChange",7);this.indeterminateChange=r(this,"indeterminateChange",7);if(e.$hostElement$["s-ei"]){this._internals=e.$hostElement$["s-ei"]}else{this._internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this._internals}}checked;disabled=false;required=true;id;name;checkedChange;indeterminateChange;_nonce=n(5);_internals;formResetCallback(){this.checked=false}formDisabledCallback(t){if(!this._internals.form){return}this.disabled=t}render(){const t=this.id?.length?this.id:this._nonce;return e("label",{key:"067ad1c32be2276e21f15f1841c570d8fee2fca0",htmlFor:t,class:"flex items-center justify-start gap-2"},e("div",{key:"534be684cd3e9eb9346df981f01f58f231d1fbed",class:"group/p-toggle relative flex flex-shrink-0 items-center"},e("input",{key:"b952d3eab36e3c6d8c248cf41ac8b272f20cac3d",class:c({disabled:a(this.disabled)}),type:"checkbox",id:t,name:this.name,required:this.required,checked:!!this.checked,disabled:a(this.disabled),onChange:t=>this._onChange(t)}),e("div",{key:"31640e415d9ddf13982ac1c5c0b4e64575d40b40",class:p({disabled:a(this.disabled)})})),e("slot",{key:"b4a7c3308fd433096904bc1142a67b5a57a31f18"}))}_onChange(t){if(a(this.disabled)){t.preventDefault();return}const r=t.target.checked;if(r!=this.checked){this.checked=r;this.checkedChange.emit(r);this._internals.setFormValue(this.checked?"on":"off")}}static get formAssociated(){return true}};s.style=i;export{s as p_toggle};
-//# sourceMappingURL=p-30ac06d0.entry.js.map

package/dist/build/p-30ac06d0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["toggleComponentCss","toggle","cva","variants","disabled","false","true","circle","Toggle","checked","required","id","name","checkedChange","indeterminateChange","_nonce","nonce","_internals","formResetCallback","this","formDisabledCallback","form","render","length","h","key","htmlFor","class","asBoolean","type","onChange","ev","_onChange","preventDefault","target","emit","setFormValue"],"sources":["src/components/atoms/toggle/toggle.component.css?tag=p-toggle","src/components/atoms/toggle/toggle.component.tsx"],"sourcesContent":[null,"import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst toggle = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded-full w-8 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-storm-50 border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm/20',\n\t\t\t\t\t'group-hover/toggle-label:bg-indigo-100 group-hover/toggle-label:border-storm/20',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm/20',\n\t\t\t\t\t'checked:group-hover/toggle-label:bg-indigo-700 checked:group-hover/toggle-label:border-storm/20',\n\t\t\t\t],\n\t\t\t\ttrue: ['bg-white-600 border-storm-50 cursor-not-allowed'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'flex items-center justify-center',\n\t\t'rounded-full transition-all ',\n\t\t'absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white ring-1 ring-storm/10',\n\t\t\t\t\t'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',\n\t\t\t\t\t\"after:content-[] peer-checked:after:content-['']  after:bg-indigo-800 after:rounded-full after:transition-all\",\n\t\t\t\t\t'w-[14px] h-[14px] group-hover/p-toggle:w-[18px] group-hover/toggle-label:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover/p-toggle:after:w-2 group-hover/toggle-label:after:w-2',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-storm-100 peer-checked:bg-storm-200',\n\t\t\t\t\t'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',\n\t\t\t\t\t'w-3 h-3',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-toggle',\n\tstyleUrl: 'toggle.component.css',\n\tformAssociated: true,\n})\nexport class Toggle {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='group/p-toggle relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={toggle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t\tthis._internals.setFormValue(this.checked ? 'on' : 'off');\n\t\t}\n\t}\n}\n"],"mappings":"4KAAA,MAAMA,EAAqB,8xLCa3B,MAAMC,EAASC,EACd,CACC,sDACA,oCACA,wBAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,0BACA,+BACA,4CACA,kFACA,gDACA,yCACA,4DACA,mGAEDC,KAAM,CAAC,uDAMX,MAAMC,EAASL,EACd,CACC,mCACA,+BACA,0FAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,gCACA,wDACA,gHACA,oFACA,yFAEDC,KAAM,CACL,yCACA,wDACA,e,MAYQE,EAAM,M,mSAIVC,QAKiBL,SAAoB,MAKpBM,SAAoB,KAKpBC,GAKAC,KAKhBC,cAIAC,oBAEQC,OAASC,EAAM,GAEbC,WAEnB,iBAAAC,GACCC,KAAKV,QAAU,K,CAGhB,oBAAAW,CAAqBhB,GACpB,IAAKe,KAAKF,WAAWI,KAAM,CAC1B,M,CAGDF,KAAKf,SAAWA,C,CAGjB,MAAAkB,GACC,MAAMX,EAAKQ,KAAKR,IAAIY,OAASJ,KAAKR,GAAKQ,KAAKJ,OAE5C,OACCS,EAAA,SAAAC,IAAA,2CACCC,QAASf,EACTgB,MAAM,yCAENH,EAAK,OAAAC,IAAA,2CAAAE,MAAM,2DACVH,EACC,SAAAC,IAAA,2CAAAE,MAAO1B,EAAO,CACbG,SAAUwB,EAAUT,KAAKf,YAE1ByB,KAAK,WACLlB,GAAIA,EACJC,KAAMO,KAAKP,KACXF,SAAUS,KAAKT,SACfD,UAAWU,KAAKV,QAChBL,SAAUwB,EAAUT,KAAKf,UACzB0B,SAAUC,GAAMZ,KAAKa,UAAUD,KAGhCP,EACC,OAAAC,IAAA,2CAAAE,MAAOpB,EAAO,CACbH,SAAUwB,EAAUT,KAAKf,eAI5BoB,EAAQ,QAAAC,IAAA,6C,CAKH,SAAAO,CAAUD,GACjB,GAAIH,EAAUT,KAAKf,UAAW,CAC7B2B,EAAGE,iBACH,M,CAGD,MAAMxB,EAAWsB,EAAGG,OAA4BzB,QAChD,GAAIA,GAAWU,KAAKV,QAAS,CAC5BU,KAAKV,QAAUA,EACfU,KAAKN,cAAcsB,KAAK1B,GACxBU,KAAKF,WAAWmB,aAAajB,KAAKV,QAAU,KAAO,M","ignoreList":[]}

package/dist/build/p-82a5a5c3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as r}from"./p-DhGo7hbh.js";import{c as i}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const n="*{box-sizing:border-box}.static{position:static!important}.z-0{z-index:0!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-10{height:2.5rem!important}.h-14{height:3.5rem!important}.h-20{height:5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.h-\\[8\\.5rem\\]{height:8.5rem!important}.h-full{height:100%!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-off-white{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.object-cover{object-fit:cover!important}.p-\\[1px\\]{padding:1px!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-\\[3\\.5rem\\]{font-size:3.5rem!important}.text-\\[4\\.5rem\\]{font-size:4.5rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!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}.font-bold{font-weight:700!important}.leading-\\[4rem\\]{line-height:4rem!important}.leading-\\[5rem\\]{line-height:5rem!important}.leading-none{line-height:1!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.ring-1{--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(1px + 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-inset{--tw-ring-inset:inset!important}";const a=i(["p-avatar rounded-full aspect-branding ring-inset ring-1 ring-storm/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold"],{variants:{variant:{secondary:"bg-off-white text-storm-300",primary:"bg-indigo-500text-storm-500"},size:{xs:"h-4 text-xxs",sm:"h-6 text-xs",base:"h-8 text-base",lg:"h-10 text-xl",xl:"h-14 text-xl","2xl":"h-20 text-4xl","3xl":"h-[6.5rem] text-[3.5rem] leading-[4rem]","4xl":"h-[8.5rem] text-[4.5rem] leading-[5rem]"}}});const o=class{constructor(e){t(this,e)}variant="secondary";size="base";defaultImage;src;letters;_src;_failed=false;onSrchChange(t){this._failed=false;this._src=t}componentWillLoad(){this.onSrchChange(this.src);if(!this._src){this._setFailed()}}render(){return e(r,{key:"cfb2a413bc6fe9490c60cfe2ba6da01eac33187e",class:a({size:this.size,variant:this.variant})},this._failed?e("span",null,this.letters?.[0]??" "):e("img",{src:this._src,class:"z-0 aspect-branding h-full rounded-full object-cover",onError:()=>this._setFailed()}))}_setFailed(){this._failed=true;this._src=undefined}static get watchers(){return{src:["onSrchChange"]}}};o.style=n;export{o as p_avatar};
-//# sourceMappingURL=p-82a5a5c3.entry.js.map

package/dist/build/p-82a5a5c3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["avatarComponentCss","avatar","cva","variants","variant","secondary","primary","size","xs","sm","base","lg","xl","Avatar","defaultImage","src","letters","_src","_failed","onSrchChange","this","componentWillLoad","_setFailed","render","h","Host","key","class","onError","undefined"],"sources":["src/components/atoms/avatar/avatar/avatar.component.css?tag=p-avatar","src/components/atoms/avatar/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 rounded-full aspect-branding ring-inset ring-1 ring-storm/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tsecondary: 'bg-off-white text-storm-300',\n\t\t\t\tprimary: 'bg-indigo-500text-storm-500',\n\t\t\t},\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 variant of the avatar in case of \"letters\"\n\t */\n\t@Prop() variant: 'secondary' | 'primary' = 'secondary';\n\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\tvariant: this.variant,\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,61DCG3B,MAAMC,EAASC,EACd,CACC,oJAED,CACCC,SAAU,CACTC,QAAS,CACRC,UAAW,8BACXC,QAAS,+BAEVC,KAAM,CACLC,GAAI,eACJC,GAAI,cACJC,KAAM,gBACNC,GAAI,eACJC,GAAI,eACJ,MAAO,gBACP,MAAO,0CACP,MAAO,8C,MAWEC,EAAM,M,yBAIVT,QAAmC,YAKlBG,KAQd,OAKHO,aAKAC,IAKAC,QAESC,KACAC,QAAmB,MAGpC,YAAAC,CAAaJ,GACZK,KAAKF,QAAU,MACfE,KAAKH,KAAOF,C,CAGb,iBAAAM,GACCD,KAAKD,aAAaC,KAAKL,KACvB,IAAKK,KAAKH,KAAM,CACfG,KAAKE,Y,EAIP,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAO1B,EAAO,CACbM,KAAMa,KAAKb,KACXH,QAASgB,KAAKhB,WAGdgB,KAAKF,QACLM,EAAA,YAAOJ,KAAKJ,UAAU,IAAM,KAE5BQ,EAAA,OACCT,IAAKK,KAAKH,KACVU,MAAM,uDACNC,QAAS,IAAMR,KAAKE,e,CAOjB,UAAAA,GACPF,KAAKF,QAAU,KACfE,KAAKH,KAAOY,S","ignoreList":[]}

package/dist/build/p-98bcb79a.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,g as i,h as r,F as a}from"./p-DhGo7hbh.js";import{c as s}from"./p-CBWjHURv.js";import{a as o}from"./p-C5CTp9IA.js";import{c as n}from"./p-CT54OXR2.js";import{n as l}from"./p-D9kEjsvZ.js";import{f as d,g as h}from"./p-DiJj8rmO.js";import"./p-ChV9xqsO.js";const m="*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!important}.min-h-4{min-height:1rem!important}.min-h-5{min-height:1.25rem!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.break-all{word-break:break-all!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-indigo-600{--tw-border-opacity:1!important;border-color:rgb(82 138 250/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-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/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}.p-0{padding:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.font-geist{font-family:Geist,serif!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.leading-6{line-height:1.5rem!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}.text-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/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-indigo-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/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-indigo-500::selection{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/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}.placeholder\\:text-sm::placeholder{font-size:.875rem!important;line-height:1.25rem!important}.focus\\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}";const c=s(["flex gap-2","w-inherit","border-solid rounded-lg"],{variants:{variant:{read:"border-0 items-start flex-wrap break-all leading-6",write:"border px-2"},size:{sm:null,base:null},disabled:{false:null,true:null},focused:{false:null,true:null},error:{false:null,true:null},isTextarea:{false:null,true:"items-start"}},compoundVariants:[{size:"sm",variant:"write",isTextarea:false,class:"h-6"},{size:"base",variant:"write",isTextarea:false,class:"h-8"},{size:"sm",variant:"read",class:"min-h-4 text-xs"},{size:"base",variant:"read",class:"min-h-5 text-sm"},{variant:"write",focused:false,error:false,class:"border-storm-100"},{variant:"write",disabled:false,focused:true,error:false,class:"border-indigo-600 ring ring-indigo-100 selection:bg-indigo-500"},{variant:"write",disabled:false,class:"bg-white"},{variant:"write",disabled:true,class:"bg-white-600  cursor-not-allowed"},{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 p=s(["text-sm placeholder:text-sm placeholder:text-storm/40 text-storm-500","border-none  bg-transparent flex-1 min-w-0 p-0","outline-none focus:outline-none","font-geist"],{variants:{isTextarea:{false:"h-full",true:"mt-1"},disabled:{false:null,true:"cursor-not-allowed"}}});const f=s(["flex flex-shrink-0 justify-center items-center text-center"],{variants:{variant:{read:"leading-6",write:null},disabled:{false:null,true:"text-storm-100"},focused:{false:null,true:null},error:{false:null,true:null},isText:{false:null,true:"text-sm"},isTextarea:{false:null,true:"mt-2"}},compoundVariants:[{disabled:false,focused:false,error:false,class:"text-storm-300"},{disabled:false,focused:true,error:false,class:"text-storm-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(i){t(this,i);this.valueChange=e(this,"valueChange",3);this.inputRefChange=e(this,"inputRefChange",7);this.add=e(this,"add",3);if(i.$hostElement$["s-ei"]){this._internals=i.$hostElement$["s-ei"]}else{this._internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this._internals}}align="start";variant="write";id;size="base";type="text";properties={};prefix;suffix;icon;iconFlip;iconRotate;iconPosition="start";value;label;loading=false;placeholder;helper;required=true;showOptional=true;showAddOnEmpty=false;addText="Add";autofocus=false;error;errorPlacement;disabled=false;focused=false;forceShowTooltip=false;selectAllOnFocus=true;focusMethod="focus";optionalTemplate;valueChange;inputRefChange;add;get _el(){return i(this)}_focused=false;_nonce=l(5);_internals;_inputRef;_lastValue;componentDidLoad(){this._checkAutoFocus()}formResetCallback(){this.value=null;this.valueChange.emit(null)}formDisabledCallback(t){if(!this._internals.form){return}this.disabled=t}render(){const{id:t,prefix:e,suffix:i,hasHeaderSlot:a,hasLabelSlot:s,hasHelperSlot:l,hasErrorSlot:d,hasValueSlot:h}=this._getSlotInfo();return r("p-field-container",{key:"eae528d50c5b9b5b68dd964a3833523dcbab4be6",forceShowTooltip:this.forceShowTooltip||this._focused||!!this.error?.length,id:t,label:this.label,align:this.align,loading:this.loading,loadingSize:this.size,helper:this.helper,error:this.error,required:this.required,showOptional:this.showOptional,variant:this.variant},s&&r("slot",{key:"7c12d2d9b10af00276b5be97f549d53b0359ba00",name:"label",slot:"label"}),a&&r("slot",{key:"e5b3ce18b2c8f1ff49a907606ec258fc1acc375f",name:"header",slot:"header"}),l&&r("slot",{key:"15100440beffdf6324d2ad3fde45e649f7980594",name:"helper",slot:"helper"}),d&&r("slot",{key:"8d0eb856e843e4985428687cb636aeaabfa0f8bd",name:"error",slot:"error"}),r("div",{key:"190232ccf521b0cfda4a953b626c15f354f7f0d5",class:c({error:!!this.error?.length,disabled:o(this.disabled),focused:o(this.focused)||this._focused,size:this.size,variant:this.variant,isTextarea:this.type==="textarea"}),title:this.variant==="read"&&!h?`${this.value}`:undefined,slot:"content"},(this.error?.length||e||this.icon&&this.iconPosition==="start")&&r("div",{key:"d7a8d33eeb4befd22f9422f53d7127f7707b9166",class:f({variant:this.variant,error:!!this.error?.length,disabled:o(this.disabled),focused:o(this.focused)||this._focused,isText:typeof i==="string",isTextarea:this.type==="textarea"}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="start"||this.error?.length?r("p-icon",{class:n("flex",{"mt-1":this.variant==="read"&&this.size==="base"}),variant:this.error?.length?"warning":this.icon,rotate:this.iconRotate,flip:this.iconFlip}):e),this._getContent(h,t),(i||this.icon&&this.iconPosition==="end")&&r("div",{key:"49844516f1a7cd0a1030e596a6cbb6099ea9dce6",class:f({variant:this.variant,error:!!this.error?.length,disabled:o(this.disabled),focused:o(this.focused)||this._focused,isText:typeof i==="string",isTextarea:this.type==="textarea"}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="end"?r("p-icon",{class:n("flex",{"mt-1":this.variant==="read"&&this.size==="base"}),variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):i)))}watchvalue(t){if(!this._inputRef){return}if(t===this._lastValue){return}this._lastValue=t;this._inputRef.value=t}handleFocusIn(){if(this.disabled){return}this._focused=true;this._selectAll()}handleFocusOut(){if(this.disabled){return}this._focused=false}handleKeyup(t){if(this.disabled){t.preventDefault();return}if(!this._internals?.form){return}if(this.type==="textarea"||t.key!=="Enter"){return}this._internals.form.requestSubmit()}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const i=!!this._el.querySelector(':scope > [slot="prefix"]');const a=!!this._el.querySelector(':scope > [slot="suffix"]');const s=!!this._el.querySelector(':scope > [slot="header"]');const o=!!this._el.querySelector(':scope > [slot="error"]');const n=!!this._el.querySelector(':scope > [slot="value"]');const l=i?r("slot",{name:"prefix"}):this.prefix;const d=a?r("slot",{name:"suffix"}):this.suffix;const h=this.error&&typeof this.error==="string"&&this.error!=="true";const m=this.id?.length?this.id:this._nonce;return{id:m,hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:i,hasSuffixSlot:a,hasHeaderSlot:s,hasErrorSlot:o,hasValueSlot:n,prefix:l,suffix:d,errorAndErrorIsNotBoolean:h}}_getContent(t=false,e){if(this.variant==="read"){return t?r("slot",{name:"value"}):!!this.value&&`${this.value}`.length>0?this.value:this.showAddOnEmpty?r("p-button",{variant:"text",icon:"plus",size:"sm",onClick:()=>this.add.emit()},this.addText):"—"}if(this.type==="slot"){return r("slot",{name:"input"})}const i={id:e,class:p({disabled:o(this.disabled),isTextarea:this.type==="textarea"}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let a=this.properties??{};if(typeof a==="string"){a=JSON.parse(this.properties)}if(this.type==="textarea"){return r("textarea",{ref:t=>this._setInputRef(t),...i,...a})}return r("input",{type:this.type,ref:t=>this._setInputRef(t),...i,...a})}_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){t.stopPropagation();const e=t.originalTarget??t.target;const i=this.type==="number"?parseFloat(e.value):e.value;this._lastValue=i;this.value=i;this.valueChange.emit(i);this._internals.setFormValue(e.value)}_checkAutoFocus(){if(!this.autofocus){return}if(!this._inputRef){setTimeout((()=>this._checkAutoFocus()),100);return}this._focusInput()}static get formAssociated(){return true}static get watchers(){return{value:["watchvalue"]}}};b.style=m;const u="*{box-sizing:border-box}.ml-2{margin-left:.5rem!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.rounded-lg{border-radius:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none!important}";const w=s(["rounded-lg w-full"],{variants:{variant:{read:null,write:null},size:{base:null,sm:null}},compoundVariants:[{variant:"read",size:"base",class:"h-5"},{variant:"read",size:"sm",class:"h-4"},{variant:"write",size:"base",class:"h-8"},{variant:"write",size:"sm",class:"h-6"}]});const x=class{constructor(i){t(this,i);this.focus=e(this,"focus",7)}_defaultOptionalTemplate=()=>d(this._locales.optional);id;align="start";label;loading=false;loadingSize="base";variant;helper;required;showOptional=true;error;errorPlacement;forceShowTooltip=false;optionalTemplate=this._defaultOptionalTemplate;get _el(){return i(this)}focus;_locales={};componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:t,hasErrorSlot:e,helper:i,label:s,errorAndErrorIsNotBoolean:l}=this._getSlotInfo();let d=r("slot",{key:"0139fdafb33d03ae570ac7ac07988fdbd3badb39",slot:"trigger",name:"content"});if(this.loading){d=r("p-loader",{key:"df218e639ecd01be2a87ff3465760a1bcfbb11c9",variant:"ghost",class:w({variant:this.variant,size:this.loadingSize}),slot:"trigger"})}return r("label",{key:"717b00a39577417f8a6404dabe9eed49822a04ae",htmlFor:this.id,class:"flex w-inherit flex-col gap-1"},r("div",{key:"6872ba4743e64b27633fe61521f0410e6f38375d",class:n("flex items-end justify-between gap-1 empty:hidden",{"flex-row-reverse":this.align==="end"})},!!s?.length&&r("div",{key:"3beec6fa0accd9ee7009cb7b73424fb337f05d80",class:"text-xs font-medium text-storm-300",onClick:()=>this.focus.emit()},s),(!o(this.required)&&o(this.showOptional)||i||t)&&r("div",{key:"4984899018fc50a1f5269020a8ce07d105ad1c36",class:"flex items-center gap-1"},!o(this.required)&&o(this.showOptional)&&this.variant==="write"&&r("span",{key:"807acddda0fa0b0e8cd5052877b986e6efbd7377",class:"text-xs font-medium text-storm-200"},this.optionalTemplate()),(i||t)&&r(a,{key:"52d9011a86330a2ee7ecfcc8cf5b1c9c90797dce"},t&&r("slot",{key:"4a98ae2a5c8bd4bd488f2b42370b65bbb573950a",name:"header"}),i&&r("p-helper",{key:"4b51360054d7dc2173ffdf669cf657a237d99580",class:`flex ${t?"ml-2":""}`,placement:"top-end"},i)))),r("p-tooltip",{key:"3db574ea5b32a34887803e5547f64b727b9bcaf6",class:n({"w-full":this.variant==="write"||this.loading,"ml-auto":this.align==="end","font-normal":this.variant==="read"}),variant:"error",content:this.error,show:l&&o(this.forceShowTooltip),enableUserInput:false,placement:this.errorPlacement},e&&r("slot",{key:"770fbeffd9f7d929c4ad6ecad8b096d595160f65",name:"error",slot:"content"}),d))}async _setLocales(){this._locales=await h(this._el)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const i=!!this._el.querySelector(':scope > [slot="header"]');const a=!!this._el.querySelector(':scope > [slot="error"]');const s=t?r("slot",{name:"helper"}):this.helper;const o=e?r("slot",{name:"label"}):this.label;const n=a||this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasHeaderSlot:i,hasErrorSlot:a,helper:s,label:o,errorAndErrorIsNotBoolean:n}}};x.style=u;export{b as p_field,x as p_field_container};
-//# sourceMappingURL=p-98bcb79a.entry.js.map

package/dist/build/p-98bcb79a.entry.js.map

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

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

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as r,g as a,H as i}from"./p-DhGo7hbh.js";import{c as o}from"./p-CBWjHURv.js";import{a as n}from"./p-C5CTp9IA.js";import{n as s}from"./p-D9kEjsvZ.js";import{a as d,c as m,o as l,f as c,s as h}from"./p-DGLCmOXW.js";import{a as p}from"./p-BFSNj6hu.js";import{c as w}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const b="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-y-1\\/2{--tw-translate-y:-50%!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}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-500{--tw-border-opacity:1!important;border-color:rgb(24 30 41/var(--tw-border-opacity,1))!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}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-storm-200{color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-200,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-2{--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;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}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--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;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.indeterminate\\:bg-indigo-600:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.indeterminate\\:ring-2:indeterminate{--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;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.indeterminate\\:ring-indigo-100:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:bg-indigo-700:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:text-sm,.group\\/p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:bg-indigo-700:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:bg-indigo-700:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex!important}";const g=o(["peer appearance-none m-0 outline-none flex-shrink-0","border border-inset border-solid ","rounded w-4 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-white border-storm-100","hover:bg-indigo-100 hover:border-storm/20","group-hover/checkbox-label:bg-indigo-100 group-hover/checkbox-label:border-storm-100","checked:bg-indigo-600 checked:border-storm/20","checked:ring-2 checked:ring-indigo-100","checked:hover:bg-indigo-700 checked:hover:border-storm/20","checked:group-hover/checkbox-label:bg-indigo-700 checked:group-hover/checkbox-label:border-storm/20","indeterminate:bg-indigo-600 indeterminate:border-storm/20","indeterminate:ring-2 indeterminate:ring-indigo-100","indeterminate:hover:bg-indigo-700 indeterminate:hover:border-storm/20","indeterminate:group-hover/checkbox-label:bg-indigo-700 indeterminate:group-hover/checkbox-label:border-storm/20"],true:"bg-white-600 border-storm-500 cursor-not-allowed"}}});const x=o(["hidden peer-indeterminate:flex peer-checked:flex","absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none"],{variants:{disabled:{false:"text-white",true:"text-storm-200"}}});const v=o(["drop-shadow-2 text-xs"],{variants:{disabled:{false:"group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm",true:null}}});const u=class{constructor(r){t(this,r);this.checkedChange=e(this,"checkedChange",7);this.indeterminateChange=e(this,"indeterminateChange",7);if(r.$hostElement$["s-ei"]){this._internals=r.$hostElement$["s-ei"]}else{this._internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this._internals}}checked;indeterminate;disabled=false;required=true;id;name;checkedChange;indeterminateChange;_nonce=s(5);_internals;formResetCallback(){this.checked=false;this.indeterminate=false}formDisabledCallback(t){if(!this._internals.form){return}this.disabled=t}render(){const t=this.id?.length?this.id:this._nonce;return r("label",{key:"2d26adc5f453a72f26557ed8e9c059e987693cf7",htmlFor:t,class:"group/p-checkbox flex items-center justify-start gap-2"},r("div",{key:"f8c470b29fd8cdc53bde2a167a574b83fa2c3cda",class:"relative flex flex-shrink-0 items-center"},r("input",{key:"706cb4131f25bbbcb0ad50316e8a546a6ca2bd6f",class:g({disabled:n(this.disabled)}),type:"checkbox",id:t,name:this.name,required:n(this.required),checked:n(this.checked),indeterminate:n(this.indeterminate),disabled:n(this.disabled),onChange:t=>this._onChange(t)}),r("div",{key:"8df174500ea5c0c755b5ddc2beeb3b516216a196",class:x({disabled:n(this.disabled)})},r("p-icon",{key:"2a5be5ed4518df7afb06ca9984a20733f2f28143",class:v({disabled:n(this.disabled)}),size:"auto",variant:n(this.indeterminate)?"minus":"checkmarkThick"}))),r("slot",{key:"7fb936f8aea379526a0ccd56528324e0460530ac"}))}_onChange(t){if(this.disabled){t.preventDefault();return}const e=n(t.target.checked);const r=n(t.target.indeterminate);if(e!=this.checked){this.checked=e;this.checkedChange.emit(e)}if(r!=this.indeterminate){this.indeterminate=r;this.indeterminateChange.emit(r)}this._internals.setFormValue(this.indeterminate?"indeterminate":this.checked?"on":"off")}static get formAssociated(){return true}};u.style=b;const f="*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.block{display:block!important}.hidden{display:none!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";const y=o(["z-dropdown hidden"],{variants:{strategy:{absolute:"absolute",fixed:"fixed"},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"}},compoundVariants:[{fullWidth:false,maxWidth:true,class:"w-auto"}]});const k=class{constructor(r){t(this,r);this.isOpen=e(this,"isOpen",3)}variant="default";placement="bottom-start";offset=8;strategy="absolute";show=false;applyMaxWidth=true;applyFullWidth=true;allowOverflow=false;scrollable=false;insideClick=false;disableTriggerClick=false;manual=false;applyChevron=true;chevronPosition="end";chevronDirection;get _el(){return a(this)}isOpen;_loaded=false;_menu;_cleanup;componentShouldUpdate(){this._update()}componentDidLoad(){this._checkButtons()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.remove()}componentDidRender(){this._checkButtons();this._checkItems()}render(){return r(i,{key:"98d082fa223cf93a5d3bcadc5bd8e05f7d7399a4",class:"relative"},r("div",{key:"125242a760a6683510da0098a3e72d11b532389e",class:"trigger",onClick:()=>this._triggerClickHandler()},r("slot",{key:"2c4a0b3d17e1a5ff8bb5e0c4618356d2860d2bfa",name:"trigger"})),r("div",{key:"7270676908ed4048abb16a13b6e92e5b1977e78e",class:"relative w-full"},r("p-dropdown-menu-container",{key:"d0854198cbbcc1dc4e0ed24573a289a01e3d3bcf",variant:this.variant,maxWidth:this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable,class:y({strategy:this.strategy,maxWidth:this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth}),ref:t=>this._load(t),onClick:()=>this._containerClickHandler(),role:"popover","data-placement":this.placement,"data-strategy":this.strategy},r("slot",{key:"54cb702a309d6e18b640244295a7257bdd00f105",name:"items"}))))}_checkButtons(t=false){if(!this.applyChevron){return}const e=this._el.querySelectorAll('p-button[slot="trigger"]');const r=this._menu.getAttribute("data-show")!==null;for(let a of[...e]){a.disabled=this.disableTriggerClick;a.active=t;if(a.iconOnly){continue}a.chevronPosition=this.chevronPosition;a.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?r?"down":"up":r?"up":"down"}}_checkItems(){const t=this._el.querySelectorAll("p-dropdown-menu-item");for(let e of[...t]){e.variant=this.variant}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler(t){if(!this._menu.hasAttribute("data-show")||p(t,this._menu)){return}this._hide()}_containerClickHandler(){if(this.insideClick){return}if(this._menu.hasAttribute("data-show")){this._hide()}}_triggerClickHandler(){if(this.disableTriggerClick){return}if(this.manual){return}if(this._menu.hasAttribute("data-show")){this._hide();return}this._show()}_load(t){this._menu=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_show(){if(!this._loaded){return}this._cleanup=d(this._el,this._menu,(()=>this._update()));this._menu.setAttribute("data-show","");this._menu.classList.remove("hidden");this._menu.classList.add("block");this.isOpen.emit(true);this._checkButtons(true)}_hide(){if(!this._loaded||this.show){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.removeAttribute("data-show");this._menu.classList.remove("block");this._menu.classList.add("hidden");this.isOpen.emit(false);this._checkButtons(false)}_update(){if(!this._menu){return}m(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[l(this.offset),c(),h()]}).then((({x:t,y:e,placement:r})=>{this._menu.dataset.placement=r;Object.assign(this._menu.style,{top:`${e}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"]}}};k.style=f;const C="*{box-sizing:border-box}.relative{position:relative!important}.z-10{z-index:10!important}.flex{display:flex!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.max-h-\\[13\\.875rem\\]{max-height:13.875rem!important}.max-h-\\[20rem\\]{max-height:20rem!important}.min-h-full{min-height:100%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!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}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-400{--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.bg-storm-400{background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.bg-storm-400,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.drop-shadow-2{--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}.drop-shadow-2,.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}.will-change-transform{will-change:transform!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";const W=o(["p-dropdown-menu-container","p-1","rounded-lg z-10","border","transform-gpu will-change-transform"],{variants:{variant:{default:"bg-white border-storm-100 drop-shadow-2 ",storm:"bg-storm-400 drop-shadow-3 border-storm-400"},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"}},compoundVariants:[{fullWidth:false,maxWidth:true,class:"w-auto"}]});const _=o("w-full min-h-full relative",{variants:{allowOverflow:{false:"overflow-y-auto overflow-x-hidden",true:null},scrollable:{none:null,default:"max-h-[11.5rem]",large:"max-h-[13.875rem]",xlarge:"max-h-[20rem]"}}});const j=class{constructor(e){t(this,e)}variant="default";maxWidth=true;class;fullWidth=true;allowOverflow=false;scrollable=false;render(){const t=this.scrollable===false?"none":this.scrollable===true?"default":this.scrollable;return r("div",{key:"a730d8d0fbcb45733909c30bd217e77e68047a06",class:W({class:this.class,variant:this.variant,fullWidth:n(this.fullWidth,true),maxWidth:this.maxWidth})},r("div",{key:"521d8a1f69e7d70d356edf3085715644c3799016",class:_({allowOverflow:n(this.allowOverflow),scrollable:t})},r("div",{key:"4526d24f33b8695e9a9861e604834ea629ab6a46",class:"flex w-full flex-col"},r("slot",{key:"1aaca49e10995bdc3e402b362962b1b52e22d869"}))))}};j.style=C;const z="*{box-sizing:border-box}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-h-8{min-height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-indigo-50{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-storm-600{--tw-bg-opacity:1!important;background-color:rgb(15 22 34/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}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/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}.text-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-indigo-50:hover{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-storm-500:hover{--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(-15deg)}}.group:hover .group-hover\\:animate-wave{animation:wave .5s ease-in-out -.5s infinite alternate forwards!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const H=o(["p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center max-w-full"],{variants:{variant:{default:null,storm:null,negative:null},active:{false:null,true:null},disabled:{false:"cursor-pointer",true:"cursor-not-allowed"},enableHover:{false:null,true:null},enableTextWrap:{true:"min-h-8",false:"h-8"}},compoundVariants:[{variant:"default",active:false,enableHover:true,disabled:false,class:"hover:bg-indigo-50"},{variant:"default",active:true,disabled:false,class:"bg-indigo-100"},{variant:"default",disabled:false,class:"text-storm-500"},{variant:"default",disabled:true,class:"text-storm-200"},{variant:"default",disabled:true,active:true,class:"bg-indigo-50"},{variant:"storm",active:false,enableHover:true,class:"text-white"},{variant:"storm",active:false,enableHover:true,disabled:false,class:"hover:bg-storm-500"},{variant:"storm",active:true,class:"text-white bg-storm-600"},{variant:"storm",disabled:true,class:"opacity-40"},{variant:"negative",active:false,enableHover:true,disabled:false,class:"text-negative-red hover:bg-negative-red-50"},{variant:"negative",active:true,disabled:false,class:"bg-negative-red-100 text-negative-red"},{variant:"negative",disabled:true,class:"text-negative-red-100"},{variant:"negative",disabled:true,active:true,class:"bg-negative-red-50"},{enableHover:true,disabled:false,class:"cursor-pointer"}]});const O=o(["text-base"],{variants:{variant:{default:null,storm:null,negative:null},active:{false:null,true:null},disabled:{false:null,true:"text-storm-100"},wave:{true:"group-hover:animate-wave",false:null}},compoundVariants:[{variant:"default",active:false,disabled:false,class:"text-storm-300 group-hover:text-storm-500"},{variant:"storm",active:false,disabled:false,class:"text-storm-100 group-hover:text-white"},{variant:"negative",active:false,disabled:false,class:"text-negative-red group-hover:text-negative-red-800"},{variant:"negative",active:true,disabled:false,class:"text-negative-red-800"}]});const T=class{constructor(e){t(this,e)}active=false;checkbox=false;variant="default";enableHover=true;enableTextWrap=false;disabled=false;icon;iconWave=false;useContainer=true;render(){return r("div",{key:"7330586833245211f591c678004c4f3cb3716281",class:H({variant:this.variant,active:n(this.active),enableHover:n(this.enableHover??true,true),enableTextWrap:this.enableTextWrap,disabled:n(this.disabled)})},this.icon&&r("p-icon",{key:"51d3c8a4c842091d5d9265e8290dac86aede0d52",class:O({variant:this.variant,active:n(this.active),disabled:n(this.disabled),wave:n(this.iconWave)}),variant:this.icon}),this.checkbox&&r("p-checkbox",{key:"8510ba4f3d724c6a579f83b7ce46bc59e0380bfb",checked:this.active,disabled:this.disabled}),this.useContainer?r("div",{class:w("block w-full overflow-hidden text-start",{"text-ellipsis whitespace-nowrap":!this.enableTextWrap})},r("slot",null)):r("slot",null))}};T.style=z;export{u as p_checkbox,k as p_dropdown,j as p_dropdown_menu_container,T as p_dropdown_menu_item};
-//# sourceMappingURL=p-c5cdddf3.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["checkboxComponentCss","checkbox","cva","variants","disabled","false","true","iconContainer","icon","Checkbox","checked","indeterminate","required","id","name","checkedChange","indeterminateChange","_nonce","nonce","_internals","formResetCallback","this","formDisabledCallback","form","render","length","h","key","htmlFor","class","asBoolean","type","onChange","ev","_onChange","size","variant","preventDefault","target","emit","setFormValue","dropdownComponentCss","dropdownContainerClass","strategy","absolute","fixed","fullWidth","maxWidth","compoundVariants","Dropdown","placement","offset","show","applyMaxWidth","applyFullWidth","allowOverflow","scrollable","insideClick","disableTriggerClick","manual","applyChevron","chevronPosition","chevronDirection","isOpen","_loaded","_menu","_cleanup","componentShouldUpdate","_update","componentDidLoad","_checkButtons","disconnectedCallback","remove","componentDidRender","_checkItems","Host","onClick","_triggerClickHandler","ref","el","_load","_containerClickHandler","role","active","buttons","_el","querySelectorAll","getAttribute","button","iconOnly","chevron","indexOf","items","item","onShowChange","_hide","_show","documentClickHandler","event","hasAttribute","childOfComposed","popover","setTimeout","autoUpdate","setAttribute","classList","add","removeAttribute","computePosition","middleware","flip","shift","then","x","y","dataset","Object","assign","style","top","left","dropdownMenuContainerComponentCss","dropdownMenuContainer","default","storm","innerContainer","none","large","xlarge","DropdownMenuContainer","dropdownMenuItemComponentCss","dropdownMenuItem","negative","enableHover","enableTextWrap","dropdownMenuItemIcon","wave","DropdownMenuItem","iconWave","useContainer","cn"],"sources":["src/components/atoms/checkbox/checkbox.component.css?tag=p-checkbox","src/components/atoms/checkbox/checkbox.component.tsx","src/components/molecules/dropdown/dropdown.component.css?tag=p-dropdown&encapsulation=shadow","src/components/molecules/dropdown/dropdown.component.tsx","src/components/atoms/dropdown-menu/container/dropdown-menu-container.component.css?tag=p-dropdown-menu-container&encapsulation=shadow","src/components/atoms/dropdown-menu/container/dropdown-menu-container.component.tsx","src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.css?tag=p-dropdown-menu-item&encapsulation=shadow","src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.tsx"],"sourcesContent":[null,"import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm/20',\n\t\t\t\t\t'group-hover/checkbox-label:bg-indigo-100 group-hover/checkbox-label:border-storm-100',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm/20',\n\t\t\t\t\t'checked:group-hover/checkbox-label:bg-indigo-700 checked:group-hover/checkbox-label:border-storm/20',\n\t\t\t\t\t'indeterminate:bg-indigo-600 indeterminate:border-storm/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-indigo-100',\n\t\t\t\t\t'indeterminate:hover:bg-indigo-700 indeterminate:hover:border-storm/20',\n\t\t\t\t\t'indeterminate:group-hover/checkbox-label:bg-indigo-700 indeterminate:group-hover/checkbox-label:border-storm/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-500 cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst iconContainer = cva(\n\t[\n\t\t'hidden peer-indeterminate:flex peer-checked:flex',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'text-white',\n\t\t\t\ttrue: 'text-storm-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-2 text-xs'], {\n\tvariants: {\n\t\tdisabled: {\n\t\t\tfalse:\n\t\t\t\t'group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-checkbox',\n\tstyleUrl: 'checkbox.component.css',\n\tformAssociated: true,\n})\nexport class Checkbox {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t\tthis.indeterminate = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = asBoolean((ev.target as HTMLInputElement).checked);\n\t\tconst indeterminate = asBoolean(\n\t\t\t(ev.target as HTMLInputElement).indeterminate\n\t\t);\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\n\t\tthis._internals.setFormValue(\n\t\t\tthis.indeterminate ? 'indeterminate' : this.checked ? 'on' : 'off'\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';\nimport { childOfComposed } from '../../../utils/child-of';\n\nconst dropdownContainerClass = cva(['z-dropdown hidden'], {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tabsolute: 'absolute',\n\t\t\tfixed: 'fixed',\n\t\t},\n\t\tfullWidth: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'w-full',\n\t\t},\n\t\tmaxWidth: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'max-w-[13.875rem]',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfullWidth: false,\n\t\t\tmaxWidth: true,\n\t\t\tclass: 'w-auto',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown',\n\tstyleUrl: 'dropdown.component.css',\n\tshadow: true,\n})\nexport class Dropdown {\n\t/**\n\t * The variant of the dropdown\n\t */\n\t@Prop() variant: 'default' | 'storm' = 'default';\n\n\t/**\n\t * The content of the dropdown menu\n\t */\n\t@Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n\t/**\n\t * The offset of the dropdown menu\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the dropdown placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether to show the dropdown menu\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply the max width\n\t */\n\t@Prop() applyMaxWidth: boolean = true;\n\n\t/**\n\t * Wether to apply the full width\n\t */\n\t@Prop() applyFullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow in the container\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the dropdown container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() insideClick: boolean = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() disableTriggerClick: boolean = false;\n\n\t/**\n\t * Wether to open the dropdown manually\n\t */\n\t@Prop() manual: boolean = false;\n\n\t/**\n\t * Wether to apply chevron automatically\n\t */\n\t@Prop() applyChevron: boolean = true;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Chevron direction\n\t */\n\t@Prop() chevronDirection: 'up' | 'down';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\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\tprivate _loaded = false;\n\tprivate _menu: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._checkButtons();\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\n\t\tthis._menu.remove();\n\t}\n\n\tcomponentDidRender() {\n\t\tthis._checkButtons();\n\t\tthis._checkItems();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='relative'>\n\t\t\t\t<div\n\t\t\t\t\tclass='trigger'\n\t\t\t\t\tonClick={() => this._triggerClickHandler()}\n\t\t\t\t>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t</div>\n\t\t\t\t<div class='relative w-full'>\n\t\t\t\t\t<p-dropdown-menu-container\n\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\tmaxWidth={this.applyMaxWidth}\n\t\t\t\t\t\tfullWidth={this.applyFullWidth && !this.applyMaxWidth}\n\t\t\t\t\t\tallowOverflow={this.allowOverflow}\n\t\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t\t\tclass={dropdownContainerClass({\n\t\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t\t\tmaxWidth: this.applyMaxWidth,\n\t\t\t\t\t\t\tfullWidth: this.applyFullWidth && !this.applyMaxWidth,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t\t\tonClick={() => this._containerClickHandler()}\n\t\t\t\t\t\trole='popover'\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name='items' />\n\t\t\t\t\t</p-dropdown-menu-container>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkButtons(active: boolean = false) {\n\t\tif (!this.applyChevron) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst buttons = this._el.querySelectorAll<HTMLPButtonElement>(\n\t\t\t'p-button[slot=\"trigger\"]'\n\t\t);\n\n\t\tconst isOpen = this._menu.getAttribute('data-show') !== null;\n\n\t\tfor (let button of [...buttons]) {\n\t\t\tbutton.disabled = this.disableTriggerClick;\n\t\t\tbutton.active = active;\n\n\t\t\tif (button.iconOnly) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tbutton.chevronPosition = this.chevronPosition;\n\t\t\tbutton.chevron = this.chevronDirection\n\t\t\t\t? this.chevronDirection\n\t\t\t\t: this.placement.indexOf('top') >= 0\n\t\t\t\t? isOpen\n\t\t\t\t\t? 'down'\n\t\t\t\t\t: 'up'\n\t\t\t\t: isOpen\n\t\t\t\t? 'up'\n\t\t\t\t: 'down';\n\t\t}\n\t}\n\n\tprivate _checkItems() {\n\t\tconst items = this._el.querySelectorAll<HTMLPDropdownMenuItemElement>(\n\t\t\t'p-dropdown-menu-item'\n\t\t);\n\n\t\tfor (let item of [...items]) {\n\t\t\titem.variant = this.variant;\n\t\t}\n\t}\n\n\t@Watch('show')\n\tprotected onShowChange(show) {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!show) {\n\t\t\tthis._hide();\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(event) {\n\t\tif (\n\t\t\t!this._menu.hasAttribute('data-show') ||\n\t\t\tchildOfComposed(event, this._menu)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _containerClickHandler() {\n\t\tif (this.insideClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t}\n\t}\n\n\tprivate _triggerClickHandler() {\n\t\tif (this.disableTriggerClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.manual) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._menu = popover;\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 _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n\t\tthis._menu.setAttribute('data-show', '');\n\t\tthis._menu.classList.remove('hidden');\n\t\tthis._menu.classList.add('block');\n\n\t\tthis.isOpen.emit(true);\n\t\tthis._checkButtons(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded || this.show) {\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._menu.removeAttribute('data-show');\n\t\tthis._menu.classList.remove('block');\n\t\tthis._menu.classList.add('hidden');\n\n\t\tthis.isOpen.emit(false);\n\t\tthis._checkButtons(false);\n\t}\n\n\tprivate _update() {\n\t\tif (!this._menu) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._menu, {\n\t\t\tplacement: this.placement,\n\t\t\tstrategy: this.strategy,\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._menu.dataset.placement = placement;\n\t\t\tObject.assign(this._menu.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",null,"import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst dropdownMenuContainer = cva(\n\t[\n\t\t'p-dropdown-menu-container',\n\t\t'p-1',\n\t\t'rounded-lg z-10',\n\t\t'border',\n\t\t'transform-gpu will-change-transform',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-white border-storm-100 drop-shadow-2 ',\n\t\t\t\tstorm: 'bg-storm-400 drop-shadow-3 border-storm-400',\n\t\t\t},\n\t\t\tfullWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-full',\n\t\t\t},\n\t\t\tmaxWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'max-w-[13.875rem]',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfullWidth: false,\n\t\t\t\tmaxWidth: true,\n\t\t\t\tclass: 'w-auto',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst innerContainer = cva('w-full min-h-full relative', {\n\tvariants: {\n\t\tallowOverflow: {\n\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\ttrue: null,\n\t\t},\n\t\tscrollable: {\n\t\t\tnone: null,\n\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\txlarge: 'max-h-[20rem]',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-container',\n\tstyleUrl: 'dropdown-menu-container.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'storm' = 'default';\n\n\t/**\n\t * Wether the container applies it's max width\n\t */\n\t@Prop() maxWidth: boolean = true;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the container should all available space\n\t */\n\t@Prop() fullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' | 'xlarge' = false;\n\n\trender() {\n\t\tconst scrollable =\n\t\t\tthis.scrollable === false\n\t\t\t\t? 'none'\n\t\t\t\t: this.scrollable === true\n\t\t\t\t? 'default'\n\t\t\t\t: this.scrollable;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={dropdownMenuContainer({\n\t\t\t\t\tclass: this.class,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tfullWidth: asBoolean(this.fullWidth, true),\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={innerContainer({\n\t\t\t\t\t\tallowOverflow: asBoolean(this.allowOverflow),\n\t\t\t\t\t\tscrollable,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div class='flex w-full flex-col'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n",null,"import { Component, Prop, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\n\nconst dropdownMenuItem = cva(\n\t[\n\t\t'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\tstorm: null,\n\t\t\t\tnegative: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'cursor-pointer',\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tenableTextWrap: {\n\t\t\t\ttrue: 'min-h-8',\n\t\t\t\tfalse: 'h-8',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-indigo-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-indigo-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-storm-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-storm-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-indigo-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-storm-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'text-white bg-storm-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'opacity-40',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-negative-red hover:bg-negative-red-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-negative-red-100 text-negative-red',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-negative-red-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-negative-red-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'cursor-pointer',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst dropdownMenuItemIcon = cva(['text-base'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: null,\n\t\t\tstorm: null,\n\t\t\tnegative: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'text-storm-100',\n\t\t},\n\t\twave: {\n\t\t\ttrue: 'group-hover:animate-wave',\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-storm-300 group-hover:text-storm-500',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'storm',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-storm-100 group-hover:text-white',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red group-hover:text-negative-red-800',\n\t\t},\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: true,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red-800',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuItem {\n\t/**\n\t * Wether the dropdown menu item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the dropdown menu item has a checkbox\n\t */\n\t@Prop() checkbox: boolean = false;\n\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'storm' | 'negative' = 'default';\n\n\t/**\n\t * Wether to enable the hover state\n\t */\n\t@Prop() enableHover?: boolean = true;\n\n\t/**\n\t * Wether to enable wrapping the text to a new line\n\t */\n\t@Prop() enableTextWrap?: boolean = false;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether to apply wave animation to icon\n\t */\n\t@Prop() iconWave: boolean = false;\n\n\t/**\n\t *  wether to use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true, true),\n\t\t\t\t\tenableTextWrap: this.enableTextWrap,\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\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\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\twave: asBoolean(this.iconWave),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.checkbox && (\n\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={cn('block w-full overflow-hidden text-start', {\n\t\t\t\t\t\t\t'text-ellipsis whitespace-nowrap': !this.enableTextWrap,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<slot />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as r,h as o}from"./p-DhGo7hbh.js";import{c as e}from"./p-CBWjHURv.js";import{a}from"./p-C5CTp9IA.js";import{n as i}from"./p-D9kEjsvZ.js";import"./p-ChV9xqsO.js";const n="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.block{display:block!important}.flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-y-1\\/2{--tw-translate-y:-50%!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}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-500{--tw-border-opacity:1!important;border-color:rgb(24 30 41/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}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.checked\\:cursor-auto:checked{cursor:auto!important}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--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;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:bg-indigo-700:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:ring-1{--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(1px + 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}";const s=e(["peer appearance-none m-0 outline-none flex-shrink-0","rounded-full border border-inset border-solid ","w-4 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-white border-storm-100","hover:bg-indigo-100 hover:border-storm/20","group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm/20","checked:cursor-auto","checked:bg-indigo-600 checked:border-storm/20","checked:ring-2 checked:ring-indigo-100","checked:hover:bg-indigo-700 checked:hover:border-storm/20","checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm/20"],true:"bg-white-600 border-storm-500 cursor-not-allowed "}},compoundVariants:[{disabled:false,class:["cursor-pointer shadow-1","bg-white border-storm-100","hover:bg-indigo-100 hover:border-storm/20","group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm/20"]}]});const c=e(["block","rounded-full bg-transparent","absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none","w-2 h-2"],{variants:{disabled:{false:"peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm/10",true:"peer-checked:bg-storm-200"}}});const d=class{constructor(o){t(this,o);this.checkedChange=r(this,"checkedChange",7);if(o.$hostElement$["s-ei"]){this._internals=o.$hostElement$["s-ei"]}else{this._internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this._internals}}value;disabled=false;required=true;id;name;checked=false;checkedChange;_nonce=i(5);_internals;formResetCallback(){this._setValue(false)}formDisabledCallback(t){if(!this._internals.form){return}this.disabled=t}render(){const t=this.id?.length?this.id:this._nonce;return o("label",{key:"b1c1e5e0de2728ef5ee854a62bfc1e01a442a827",htmlFor:t,class:"flex items-center justify-start gap-2"},o("div",{key:"e4636091fbb7535b710438d495c05ad551fafde0",class:"relative flex flex-shrink-0 items-center"},o("input",{key:"79c442e624e4bbb33ec7a76ba25a4584510b7a44",class:s({disabled:a(this.disabled)}),type:"radio",id:t,name:this.name,required:this.required,value:this.value,checked:this.checked,disabled:a(this.disabled),onChange:t=>this._onChange(t)}),o("div",{key:"eb01f323ddfac685a39911abb202b4b769e5bdb3",class:c({disabled:a(this.disabled)})})),o("slot",{key:"1ecd471b1392720f74516533cf90ed4b61a9ef9d"}))}_onChange(t){if(a(this.disabled)){t.preventDefault();return}const r=t.target.checked;this._setValue(r)}_setValue(t){this.checked=t;this.checkedChange.emit(t);this._internals.setFormValue(t?"on":"off")}static get formAssociated(){return true}};d.style=n;export{d as p_radio};
-//# sourceMappingURL=p-fcb0ae83.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["radioComponentCss","radio","cva","variants","disabled","false","true","compoundVariants","class","circle","Radio","value","required","id","name","checked","checkedChange","_nonce","nonce","_internals","formResetCallback","this","_setValue","formDisabledCallback","form","render","length","h","key","htmlFor","asBoolean","type","onChange","ev","_onChange","preventDefault","target","emit","setFormValue"],"sources":["src/components/atoms/radio/radio.component.css?tag=p-radio","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":[null,"import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm/20',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm/20',\n\t\t\t\t\t'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-500 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm/20',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm/10',\n\t\t\t\ttrue: 'peer-checked:bg-storm-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? 'on' : 'off');\n\t}\n}\n"],"mappings":"iLAAA,MAAMA,EAAoB,+iICa1B,MAAMC,EAAQC,EACb,CACC,sDACA,iDACA,WAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,0BACA,4BACA,4CACA,gFACA,sBACA,gDACA,yCACA,4DACA,iGAEDC,KAAM,sDAGRC,iBAAkB,CACjB,CACCH,SAAU,MACVI,MAAO,CACN,0BACA,4BACA,4CACA,qFAOL,MAAMC,EAASP,EACd,CACC,QACA,8BACA,4FACA,WAED,CACCC,SAAU,CACTC,SAAU,CACTC,MACC,uEACDC,KAAM,gC,MAWGI,EAAK,M,0OAITC,MAKiBP,SAAoB,MAKpBQ,SAAoB,KAKpBC,GAKAC,KAKAC,QAAmB,MAKnCC,cAEQC,OAASC,EAAM,GAEbC,WAEnB,iBAAAC,GACCC,KAAKC,UAAU,M,CAGhB,oBAAAC,CAAqBnB,GACpB,IAAKiB,KAAKF,WAAWK,KAAM,CAC1B,M,CAGDH,KAAKjB,SAAWA,C,CAGjB,MAAAqB,GACC,MAAMZ,EAAKQ,KAAKR,IAAIa,OAASL,KAAKR,GAAKQ,KAAKJ,OAE5C,OACCU,EAAA,SAAAC,IAAA,2CACCC,QAAShB,EACTL,MAAM,yCAENmB,EAAK,OAAAC,IAAA,2CAAApB,MAAM,4CACVmB,EACC,SAAAC,IAAA,2CAAApB,MAAOP,EAAM,CACZG,SAAU0B,EAAUT,KAAKjB,YAE1B2B,KAAK,QACLlB,GAAIA,EACJC,KAAMO,KAAKP,KACXF,SAAUS,KAAKT,SACfD,MAAOU,KAAKV,MACZI,QAASM,KAAKN,QACdX,SAAU0B,EAAUT,KAAKjB,UACzB4B,SAAUC,GAAMZ,KAAKa,UAAUD,KAEhCN,EACC,OAAAC,IAAA,2CAAApB,MAAOC,EAAO,CACbL,SAAU0B,EAAUT,KAAKjB,eAI5BuB,EAAQ,QAAAC,IAAA,6C,CAKH,SAAAM,CAAUD,GACjB,GAAIH,EAAUT,KAAKjB,UAAW,CAC7B6B,EAAGE,iBACH,M,CAGD,MAAMpB,EAAWkB,EAAGG,OAA4BrB,QAChDM,KAAKC,UAAUP,E,CAGR,SAAAO,CAAUP,GACjBM,KAAKN,QAAUA,EACfM,KAAKL,cAAcqB,KAAKtB,GACxBM,KAAKF,WAAWmB,aAAavB,EAAU,KAAO,M","ignoreList":[]}

package/dist/components/p-BQ7bKDg0.js.map

@@ -1 +0,0 @@
-{"file":"p-BQ7bKDg0.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,24FAA24F;;MCQz5F,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;AAClB;;AAEG;IACK,IAAI,GAAkC,IAAI;AAElD;;AAEG;IACK,OAAO,GACd,QAAQ;AAET;;AAEG;IACK,KAAK,GAA+C,QAAQ;AAEpE;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;AACK,IAAA,gBAAgB;IAEhB,KAAK,GAAkC,KAAK;AAC5C,IAAA,eAAe;IAEvB,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI;;IAGvB,mBAAmB,GAAA;QAClB,IAAI,CAAC,UAAU,EAAE;;IAGlB,qBAAqB,GAAA;QACpB,IAAI,CAAC,UAAU,EAAE;;IAGlB,MAAM,GAAA;AACL,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YAChB;;AAGD,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;YAC7B,OAAO,EAAC,IAAI,EAAA,EAAC,KAAK,EAAC,2CAA2C,GAAQ;;AAGvE,QAAA,MAAM,MAAM,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAA,aAAA,EAAgB,IAAI,CAAC,KAAK,CAAE,CAAA,EAAA,CAAQ;AAE/D,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;AACnC,YAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACH,CACD,CACA;;QAIT,QACC,CAAC,CAAA,IAAI,IACJ,KAAK,EAAE,CAAA,qBAAA,EACN,IAAI,CAAC,OAAO,KAAK,YAAY,IAAI,qCAClC,CAAA,CAAE,IAED,MAAM,CACD;;IAID,UAAU,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACzB,YAAA,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;AAClC,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI;;AAG5B,QAAA,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;YACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;YACxE;;AAGD,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":[":host {\n\t.loader {\n\t\t@apply inline-block h-[1em] w-[1em] rounded-full;\n\t\t@apply border-2 border-solid;\n\t\tanimation: 500ms spin linear infinite;\n\n\t\twill-change: transform;\n\n\t\t&.color-indigo {\n\t\t\t@apply border-r-indigo/40 border-t-indigo #{!important};\n\t\t}\n\n\t\t&.color-off-white {\n\t\t\t@apply border-off-white-600/40 border-t-off-white-800 #{!important};\n\t\t}\n\n\t\t&.color-white {\n\t\t\t@apply border-white/40 border-t-white #{!important};\n\t\t}\n\n\t\t&.color-storm {\n\t\t\t@apply border-r-storm-400 border-t-storm-700 #{!important};\n\t\t}\n\t}\n\n\t.loading-screen {\n\t\t@apply fixed left-0 top-0 h-screen-safe w-screen-safe;\n\t\t@apply flex items-center justify-center;\n\t\t@apply bg-off-white-200;\n\n\t\tz-index: 1001;\n\n\t\t.content {\n\t\t\t@apply max-w-xs;\n\t\t}\n\t}\n}\n\n:host(.variant-ghost) {\n\t@apply box-border block;\n\n\twill-change: background, background-position-x, background-color;\n\n\tmin-height: 1em;\n\tmin-width: 1em;\n\n\t--loading-bg: #f7fafc;\n\t--loading-stripe: rgba(252, 253, 254, 1);\n\n\tbackground-color: var(--loading-bg);\n\tbackground: linear-gradient(\n\t\t\t100deg,\n\t\t\trgba(255, 255, 255, 0) 40%,\n\t\t\tvar(--loading-stripe) 50%,\n\t\t\trgba(255, 255, 255, 0) 60%\n\t\t)\n\t\tvar(--loading-bg);\n\tbackground-size: 200% 100%;\n\tbackground-position-x: 180%;\n\tanimation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n\tto {\n\t\tbackground-position-x: -20%;\n\t}\n}\n\n@keyframes spin {\n\t100% {\n\t\ttransform: rotate(1turn);\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/**\n\t * Wether to show or hide the loader\n\t */\n\t@Prop() show: boolean | Observable<boolean> = true;\n\n\t/**\n\t * Variant of loader\n\t */\n\t@Prop() variant: 'inline' | 'full-width' | 'full-screen' | 'modal' | 'ghost' =\n\t\t'inline';\n\n\t/**\n\t * Color of the loader\n\t */\n\t@Prop() color: 'indigo' | 'white' | 'off-white' | 'storm' = 'indigo';\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal title for modal variant\n\t */\n\t@Prop() modalTitle: string;\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show: boolean | Observable<boolean> = false;\n\tprivate _showSubscriber: Subscription;\n\n\tcomponendDidLoad() {\n\t\tthis._show = this.show;\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class='variant-ghost min-h-4 min-w-4 rounded-2xl'></Host>;\n\t\t}\n\n\t\tconst loader = <div class={`loader color-${this.color}`}></div>;\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class='variant-full-screen'>\n\t\t\t\t\t<div class='loading-screen'>\n\t\t\t\t\t\t<div class='content'>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' && 'flex w-full justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(show => (this._show = show));\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"],"version":3}

package/dist/components/p-CyFK7e0I.js.map

@@ -1 +0,0 @@
-{"file":"p-CyFK7e0I.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/checkbox/checkbox.component.css?tag=p-checkbox","src/components/atoms/checkbox/checkbox.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm/20',\n\t\t\t\t\t'group-hover/checkbox-label:bg-indigo-100 group-hover/checkbox-label:border-storm-100',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm/20',\n\t\t\t\t\t'checked:group-hover/checkbox-label:bg-indigo-700 checked:group-hover/checkbox-label:border-storm/20',\n\t\t\t\t\t'indeterminate:bg-indigo-600 indeterminate:border-storm/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-indigo-100',\n\t\t\t\t\t'indeterminate:hover:bg-indigo-700 indeterminate:hover:border-storm/20',\n\t\t\t\t\t'indeterminate:group-hover/checkbox-label:bg-indigo-700 indeterminate:group-hover/checkbox-label:border-storm/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-500 cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst iconContainer = cva(\n\t[\n\t\t'hidden peer-indeterminate:flex peer-checked:flex',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'text-white',\n\t\t\t\ttrue: 'text-storm-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-2 text-xs'], {\n\tvariants: {\n\t\tdisabled: {\n\t\t\tfalse:\n\t\t\t\t'group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-checkbox',\n\tstyleUrl: 'checkbox.component.css',\n\tformAssociated: true,\n})\nexport class Checkbox {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t\tthis.indeterminate = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = asBoolean((ev.target as HTMLInputElement).checked);\n\t\tconst indeterminate = asBoolean(\n\t\t\t(ev.target as HTMLInputElement).indeterminate\n\t\t);\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\n\t\tthis._internals.setFormValue(\n\t\t\tthis.indeterminate ? 'indeterminate' : this.checked ? 'on' : 'off'\n\t\t);\n\t}\n}\n"],"version":3}