@paperless/core 2.0.1-beta.44 → 2.0.1-beta.45

package/dist/build/p-05a76cb5.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as a,c as i,g as r}from"./p-45ded510.js";import{c as o}from"./p-8a5b8196.js";import{f as n,g as s}from"./p-f26a3049.js";import{d as l,a as p}from"./p-83946184.js";import"./p-8a1a6e56.js";const c="*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-8{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-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/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-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.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-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/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-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-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!important}.hover\\:bg-dark-teal-400:hover{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/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-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/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 d=c;const g=o(["p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center h-8 max-w-full"],{variants:{variant:{default:null,"dark-teal":null,negative:null},active:{false:null,true:null},disabled:{false:"cursor-pointer",true:"cursor-not-allowed"},enableHover:{false:null,true:null}},compoundVariants:[{variant:"default",active:false,enableHover:true,disabled:false,class:"text-black-teal hover:bg-supportive-lilac-50"},{variant:"default",active:true,disabled:false,class:"bg-supportive-lilac-100"},{variant:"default",disabled:true,class:"text-black-teal-200"},{variant:"default",disabled:true,active:true,class:"bg-supportive-lilac-100"},{variant:"dark-teal",active:false,enableHover:true,class:"text-white"},{variant:"dark-teal",active:false,enableHover:true,disabled:false,class:"hover:bg-dark-teal-400"},{variant:"dark-teal",active:true,class:"text-white bg-dark-teal-400"},{variant:"dark-teal",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 h=o(["text-base"],{variants:{variant:{default:null,"dark-teal":null,negative:null},active:{false:null,true:null},disabled:{false:null,true:"text-black-teal-100"}},compoundVariants:[{variant:"default",active:false,disabled:false,class:"text-black-teal-300 group-hover:text-black-teal"},{variant:"dark-teal",active:false,disabled:false,class:"text-dark-teal-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 b=class{constructor(e){t(this,e);this.active=false;this.checkbox=false;this.variant="default";this.enableHover=true;this.disabled=false;this.icon=undefined;this.useContainer=true}render(){return e(a,{key:"32964bd59857a3a902c7e27641dfe04040e71cf8",class:g({variant:this.variant,active:this.active,enableHover:this.enableHover,disabled:this.disabled})},this.icon&&e("p-icon",{key:"2dcd2db6b8bced38d21fe16cecc8d76b9298dec0",class:h({variant:this.variant,active:this.active,disabled:this.disabled}),variant:this.icon}),this.checkbox&&e("p-checkbox",{key:"83b9eb1dedd3f7bcaf9e064167832b1b9ec7dbd3",checked:this.active,disabled:this.disabled}),this.useContainer?e("div",{class:"block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start"},e("slot",null)):e("slot",null))}};b.style=d;const m="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";const u=m;const f=o(["p-pagination","flex gap-2 items-center"],{variants:{hidden:{false:"flex",true:"hidden"}}});const v=class{constructor(e){t(this,e);this.pageChange=i(this,"pageChange",3);this.pagesChange=i(this,"pagesChange",7);this.page=1;this.pageSize=12;this.hideOnSinglePage=false;this.total=undefined}pageChange;pagesChange;_pages=[];_set=[];componentWillRender(){this._generate()}render(){return e(a,{key:"3c36b80fbd5f20ca793773747b3797af2158af3f",class:f({hidden:this.hideOnSinglePage&&this._set?.length===3})},this._set?.map((t=>{if(t.type==="previous"||t.type==="next"){return e("p-pagination-pages-item",{variant:"carousel",disabled:this._carouselDisabled(t.type),onClick:()=>t.type==="previous"?this._previousClick():this._nextClick()},t.value)}if(t.type==="ellipsis"){return e("p-pagination-pages-item",{hover:false},"...")}return e("p-pagination-pages-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)})))}pageChangeHandler(){this._generate()}_generate(){this._pages=this._generatePages();this._set=this._generateSet();if(this.page>this._pages?.length){this._changePage(this._pages.length)}}_changePage(t){if(!t){return}this.page=t;this.pageChange.emit(this.page)}_previousClick(){if(this._carouselDisabled("previous")){return}this._changePage(this.page-1)}_nextClick=()=>{if(this._carouselDisabled("next")){return}this._changePage(this.page+1)};_carouselDisabled=t=>{if(t==="next"){const t=this.page+1;if(t>this._pages[this._pages.length-1]){return true}}if(t==="previous"){const t=this.page-1;if(t<this._pages[0]){return true}}return false};_pageClick=t=>this._changePage(t);_generatePages(){if(!this.total||!this.pageSize){return[]}const t=Math.ceil(this.total/this.pageSize);this.pagesChange.emit(t);return new Array(t).fill(undefined).map(((t,e)=>e+1))}_generateSet=(t=1,a=true)=>{const i=this._pages.length;if(!i){return[]}let r=this.page-t;let o=this.page+t;if(o>i){o=i;r=i-t*2;r=r<1?1:r}if(r<=1){r=1;o=Math.min(t*2+1,i)}const n=[];const s={type:"previous",value:e("p-icon",{variant:"caret",size:"sm",rotate:90})};const l={type:"next",value:e("p-icon",{variant:"caret",size:"sm",rotate:-90})};if(t===null){const t=this._pages.map((t=>({type:"page",value:t})));return a?[s,...t,l]:t}if(a){n.push(s)}if(r<=3){for(let t=1;t<r;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"page",value:1});n.push({type:"ellipsis",value:"ellipsis"})}for(let t=r;t<=o;t++){n.push({type:"page",value:this._pages[t-1]})}if(o>=i-2){for(let t=o+1;t<=i;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"ellipsis"});n.push({type:"page",value:this._pages[this._pages.length-1]})}if(a){n.push(l)}return n};static get watchers(){return{page:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};v.style=u;const x="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-20{opacity:.2!important}.hover\\:bg-dark-teal-700:hover{--tw-bg-opacity:1!important;background-color:rgb(0 56 50/var(--tw-bg-opacity,1))!important}.hover\\:bg-off-white-500:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.focus\\:bg-dark-teal-800:focus{--tw-bg-opacity:1!important;background-color:rgb(1 37 33/var(--tw-bg-opacity,1))!important}";const w=x;const y=o(["p-pagination-item","text-sm ","h-6 w-6","flex items-center justify-center text-center"],{variants:{variant:{default:"rounded text-black-teal-500",carousel:"rounded-full text-white"},active:{false:null,true:null},hover:{false:null,true:null},disabled:{false:null,true:"cursor-not-allowed"}},compoundVariants:[{variant:"default",active:false,class:"bg-off-white-300"},{variant:"default",active:false,hover:true,class:"hover:bg-off-white-500 cursor-pointer"},{variant:"default",active:true,class:"bg-off-white-700 font-semibold"},{variant:"carousel",disabled:false,class:"bg-dark-teal-600"},{variant:"carousel",disabled:false,hover:true,class:"hover:bg-dark-teal-700 focus:bg-dark-teal-800 cursor-pointer"},{variant:"carousel",disabled:true,class:"bg-dark-teal-600 opacity-20"}]});const k=class{constructor(e){t(this,e);this.variant="default";this.active=false;this.hover=true;this.disabled=false}render(){return e(a,{key:"f3420e85e92135dff1fc18e3cdf3b394de06bcf4",class:y({variant:this.variant,active:this.active,hover:this.hover,disabled:this.disabled})},e("slot",{key:"154f74a83839bd6ffadd22e8df43a635bffe1f14"}))}};k.style=w;const _="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!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}.text-nowrap{text-wrap:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-dark-teal-800{--tw-bg-opacity:1!important;background-color:rgb(1 37 33/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\\:bg-dark-teal-700:hover{--tw-bg-opacity:1!important;background-color:rgb(0 56 50/var(--tw-bg-opacity,1))!important}";const z=_;const C=o("p-pagination-size",{variants:{hidden:{false:null,true:"hidden"}}});const H=o(["flex items-center gap-2","px-2 h-6","text-sm text-white font-medium ","cursor-pointer rounded-full"],{variants:{active:{false:"bg-dark-teal-600 hover:bg-dark-teal-700",true:"bg-dark-teal-800"}}});const j=class{constructor(e){t(this,e);this.sizeChange=i(this,"sizeChange",3);this.size=l;this.sizeOptions=p;this.itemTemplate=this._defaultItemTemplate;this.hidden=false;this.dropdownIsOpen=false;this._locales={}}_defaultItemTemplate=t=>n(this._locales.item,{size:t});sizeChange;get _el(){return r(this)}componentWillLoad(){this._setLocales()}render(){return e(a,{key:"c6a8bdc78842d4eea1a88621dfea502146de809e",class:C({hidden:this.hidden})},e("p-dropdown",{key:"426f6a7215cf96574d6b541582730f486d99f603",variant:"dark-teal",placement:"top-start",chevronDirection:"down",calculateWidth:true,onIsOpen:({detail:t})=>this.dropdownIsOpen=t},e("div",{key:"1d0e91bbda0055e463d5240b58ddb5a1fa4f4ff5",class:H({active:this.dropdownIsOpen}),slot:"trigger"},e("p",{key:"22fd50f9438b897fd2e44ae1c7b36f2964c6b415",class:"min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap"},this.itemTemplate?this.itemTemplate(this.size):this._defaultItemTemplate(this.size)),e("p-icon",{key:"0d1b2ef85f9a19593e454923adc3c969c8c4351d",class:"flex-shrink-0",variant:"double-caret",size:"sm"})),e("slot",{key:"95bb00e64170b9df61ba489343e58fdf647051b3",slot:"items"},this.sizeOptions.map((t=>e("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(t):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await s(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}};j.style=z;export{b as p_dropdown_menu_item,v as p_pagination_pages,k as p_pagination_pages_item,j as p_pagination_size};
-//# sourceMappingURL=p-05a76cb5.entry.js.map

package/dist/build/p-05a76cb5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownMenuItemComponentCss","PDropdownMenuItemStyle0","dropdownMenuItem","cva","variants","variant","default","negative","active","false","true","disabled","enableHover","compoundVariants","class","dropdownMenuItemIcon","DropdownMenuItem","render","h","Host","key","this","icon","checkbox","checked","useContainer","paginationPagesComponentCss","PPaginationPagesStyle0","pagination","hidden","PaginationPages","pageChange","pagesChange","_pages","_set","componentWillRender","_generate","hideOnSinglePage","length","map","p","type","_carouselDisabled","onClick","_previousClick","_nextClick","value","hover","page","_pageClick","pageChangeHandler","_generatePages","_generateSet","_changePage","emit","nextPage","previousPage","total","pageSize","pages","Math","ceil","Array","fill","undefined","_","i","range","enableBoundaries","totalPages","start","end","min","set","previous","size","rotate","next","push","paginationPagesItemComponentCss","PPaginationPagesItemStyle0","item","carousel","PaginationPagesItem","paginationSizeComponentCss","PPaginationSizeStyle0","paginationSize","trigger","PaginationSize","defaultSize","defaultSizeOptions","_defaultItemTemplate","formatTranslation","_locales","sizeChange","componentWillLoad","_setLocales","placement","chevronDirection","calculateWidth","onIsOpen","detail","dropdownIsOpen","slot","itemTemplate","sizeOptions","option","_changeSize","getLocaleComponentStrings","_el","s"],"sources":["src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css?tag=p-dropdown-menu-item","src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.tsx","src/components/molecules/pagination-pages/pagination-pages.component.css?tag=p-pagination-pages","src/components/molecules/pagination-pages/pagination-pages.component.tsx","src/components/atoms/pagination-pages-item/pagination-pages-item.component.css?tag=p-pagination-pages-item","src/components/atoms/pagination-pages-item/pagination-pages-item.component.tsx","src/components/molecules/pagination-size/pagination-size.component.css?tag=p-pagination-size&encapsulation=shadow","src/components/molecules/pagination-size/pagination-size.component.tsx"],"sourcesContent":[null,"import { Component, Host, Prop, h } from '@stencil/core';\nimport { IconVariant } from '../icon/icon.component';\nimport { cva } from 'class-variance-authority';\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 h-8 max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\t'dark-teal': 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},\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: 'text-black-teal hover:bg-supportive-lilac-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-supportive-lilac-100',\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-black-teal-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-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\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: 'dark-teal',\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-dark-teal-400',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'text-white bg-dark-teal-400',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\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\t'dark-teal': 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-black-teal-100',\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-black-teal-300 group-hover:text-black-teal',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'dark-teal',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-dark-teal-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})\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' | 'dark-teal' | '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 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 use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\tenableHover: this.enableHover,\n\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{/* class={`p-dropdown-menu-item ${this.active && 'active'} ${ */}\n\t\t\t\t{/* \tthis.enableHover && 'hover' */}\n\t\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: this.active,\n\t\t\t\t\t\t\tdisabled: this.disabled,\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 class='block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start'>\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</Host>\n\t\t);\n\t}\n}\n",null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n};\n\nconst pagination = cva(['p-pagination', 'flex gap-2 items-center'], {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: 'flex',\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-pagination-pages',\n\tstyleUrl: 'pagination-pages.component.css',\n})\nexport class PaginationPages {\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = 12;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = false;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event() pagesChange: EventEmitter<number>;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\tif (p.type === 'previous' || p.type === 'next') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t: this._nextClick()\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\t{p.value}\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item hover={false}>\n\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\tactive={p.value === this.page}\n\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('page')\n\t@Watch('pageSize')\n\t@Watch('total')\n\tprotected pageChangeHandler() {\n\t\tthis._generate();\n\t}\n\n\tprivate _generate() {\n\t\tthis._pages = this._generatePages();\n\t\tthis._set = this._generateSet();\n\n\t\tif (this.page > this._pages?.length) {\n\t\t\tthis._changePage(this._pages.length);\n\t\t}\n\t}\n\n\tprivate _changePage(p?: number) {\n\t\tif (!p) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.page = p;\n\t\tthis.pageChange.emit(this.page);\n\t}\n\n\tprivate _previousClick() {\n\t\tif (this._carouselDisabled('previous')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page - 1);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tif (this._carouselDisabled('next')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page + 1);\n\t};\n\n\tprivate _carouselDisabled = (type: 'previous' | 'next') => {\n\t\tif (type === 'next') {\n\t\t\tconst nextPage = this.page + 1;\n\t\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tif (type === 'previous') {\n\t\t\tconst previousPage = this.page - 1;\n\t\t\tif (previousPage < this._pages[0]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tprivate _pageClick = (p?: number) => this._changePage(p);\n\n\tprivate _generatePages() {\n\t\tif (!this.total || !this.pageSize) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst pages = Math.ceil(this.total / this.pageSize);\n\t\tthis.pagesChange.emit(pages);\n\t\treturn new Array(pages).fill(undefined).map((_, i) => i + 1);\n\t}\n\n\tprivate _generateSet = (\n\t\trange: number = 1,\n\t\tenableBoundaries: boolean = true\n\t): PaginationSetItem[] => {\n\t\tconst totalPages = this._pages.length;\n\n\t\tif (!totalPages) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet start = this.page - range;\n\t\tlet end = this.page + range;\n\n\t\tif (end > totalPages) {\n\t\t\tend = totalPages;\n\t\t\tstart = totalPages - range * 2;\n\t\t\tstart = start < 1 ? 1 : start;\n\t\t}\n\n\t\tif (start <= 1) {\n\t\t\tstart = 1;\n\t\t\tend = Math.min(range * 2 + 1, totalPages);\n\t\t}\n\n\t\tconst set = [];\n\n\t\tconst previous = {\n\t\t\ttype: 'previous',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\tconst next = {\n\t\t\ttype: 'next',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={-90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\t// Disable page range, display all the pages\n\t\tif (range === null) {\n\t\t\tconst p = this._pages.map(p => ({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: p,\n\t\t\t}));\n\n\t\t\treturn enableBoundaries ? [previous, ...p, next] : p;\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(previous);\n\t\t}\n\n\t\tif (start <= 3) {\n\t\t\tfor (let i = 1; i < start; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: 1,\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t\tvalue: 'ellipsis',\n\t\t\t});\n\t\t}\n\n\t\tfor (let i = start; i <= end; i++) {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (end >= totalPages - 2) {\n\t\t\tfor (let i = end + 1; i <= totalPages; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[this._pages.length - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(next);\n\t\t}\n\n\t\treturn set;\n\t};\n}\n",null,"import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst item = cva(\n\t[\n\t\t'p-pagination-item',\n\t\t'text-sm ',\n\t\t'h-6 w-6',\n\t\t'flex items-center justify-center text-center',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'rounded text-black-teal-500',\n\t\t\t\tcarousel: 'rounded-full text-white',\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\thover: {\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: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\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\tclass: 'bg-off-white-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-off-white-500 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-off-white-700 font-semibold',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-dark-teal-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-dark-teal-700 focus:bg-dark-teal-800 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-dark-teal-600 opacity-20',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-pages-item',\n\tstyleUrl: 'pagination-pages-item.component.css',\n})\nexport class PaginationPagesItem {\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'carousel' = 'default';\n\n\t/**\n\t * Wether the pagination item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the pagination item has hover\n\t */\n\t@Prop() hover: boolean = true;\n\n\t/**\n\t * Wether the pagination item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={item({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\thover: this.hover,\n\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",null,"import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\nimport { cva } from 'class-variance-authority';\n\nexport type templateFunc = (value: number) => string;\n\nconst paginationSize = cva('p-pagination-size', {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\nconst trigger = cva(\n\t[\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-white font-medium ',\n\t\t'cursor-pointer rounded-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: 'bg-dark-teal-600 hover:bg-dark-teal-700',\n\t\t\t\ttrue: 'bg-dark-teal-800',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-size',\n\tstyleUrl: 'pagination-size.component.css',\n\tshadow: true,\n})\nexport class PaginationSize {\n\tprivate _defaultItemTemplate: templateFunc = size =>\n\t\tformatTranslation(this._locales.item, { size });\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the size changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tsizeChange: EventEmitter<number>;\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hidden: boolean = false;\n\n\t/**\n\t * Wether the dropdown is open\n\t */\n\t@State() dropdownIsOpen = false;\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\treturn (\n\t\t\t<Host class={paginationSize({ hidden: this.hidden })}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tvariant='dark-teal'\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t\tcalculateWidth={true}\n\t\t\t\t\tonIsOpen={({ detail }) => (this.dropdownIsOpen = detail)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={trigger({\n\t\t\t\t\t\t\tactive: this.dropdownIsOpen,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t>\n\t\t\t\t\t\t<p class='min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap'>\n\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t? this.itemTemplate(this.size)\n\t\t\t\t\t\t\t\t: this._defaultItemTemplate(this.size)}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\t\tvariant='double-caret'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot slot='items'>\n\t\t\t\t\t\t{this.sizeOptions.map(option => (\n\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\tactive={option === this.size}\n\t\t\t\t\t\t\t\tonClick={() => this._changeSize(option)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t\t? this.itemTemplate(option)\n\t\t\t\t\t\t\t\t\t: this._defaultItemTemplate(option)}\n\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</slot>\n\t\t\t\t</p-dropdown>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _changeSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.size = s;\n\t\tthis.sizeChange.emit(this.size);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/build/p-1c725862.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as r,h as a,H as e}from"./p-45ded510.js";import{c as i}from"./p-8a5b8196.js";import{i as o}from"./p-7ce3ed33.js";import"./p-8a1a6e56.js";const n="*{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-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-black-teal\\/10{border-color:rgba(3,42,36,.1)!important}.border-black-teal\\/20{border-color:rgba(3,42,36,.2)!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.border-teal{border-color:rgb(8 136 121/var(--tw-border-opacity,1))!important}.border-teal,.border-teal-100{--tw-border-opacity:1!important}.border-teal-100{border-color:rgb(206 231 228/var(--tw-border-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\\/60{color:rgba(204,220,218,.6)!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-teal{color:rgb(8 136 121/var(--tw-text-opacity,1))!important}.text-teal,.text-teal-100{--tw-text-opacity:1!important}.text-teal-100{color:rgb(206 231 228/var(--tw-text-opacity,1))!important}.text-teal-300{--tw-text-opacity:1!important;color:rgb(107 184 175/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px rgba(189,140,255,.2))!important}.hover\\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\\:drop-shadow-1:hover,.hover\\:drop-shadow-2:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\\:text-black-teal\\/60:active{color:rgba(3,42,36,.6)!important}.active\\:text-dark-teal-100\\/60:active{color:rgba(204,220,218,.6)!important}.active\\:text-teal-800:active{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.active\\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-2:active,.active\\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-black-teal\\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-teal{--tw-text-opacity:1!important;color:rgb(8 136 121/var(--tw-text-opacity,1))!important}";const s=n;const l=i(["group","font-semibold leading-4","flex items-center justify-center gap-2","cursor-pointer"],{variants:{variant:{primary:["bg-supportive-lilac border-black-teal/20"],secondary:null,text:["text-teal"],transparent:["bg-transparent"],dropdown:null},active:{true:null,false:null},loading:{true:"cursor-wait",false:null},size:{sm:["text-xs h-6"],base:["text-sm h-8"],lg:["text-base h-10"]},disabled:{true:"cursor-not-allowed",false:null},underline:{true:null,false:null},buttonGroupPosition:{none:null,start:null,center:null,end:null},iconOnly:{true:"justify-center",false:"w-inherit py-1"}},compoundVariants:[{variant:["secondary","dropdown"],class:["bg-white border-black-teal/10"]},{variant:["primary","secondary","dropdown"],disabled:false,class:"border"},{variant:["primary","secondary","dropdown"],disabled:false,loading:false,class:"active:border-supportive-lilac-800 active:ring active:ring-2"},{variant:["primary","secondary","dropdown"],disabled:false,loading:false,active:true,class:"border-supportive-lilac-800 ring ring-2"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"none",class:"rounded-lg"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"start",class:"rounded-s-lg"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"end",class:"rounded-e-lg"},{variant:["primary","secondary","dropdown"],disabled:false,class:"text-black-teal"},{variant:"primary",disabled:true,class:"bg-supportive-lilac-100 text-black-teal-100"},{variant:"primary",disabled:false,loading:false,class:"drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10"},{variant:"primary",disabled:false,loading:false,active:true,class:"ring-black-teal/10"},{variant:["secondary","dropdown"],disabled:true,class:"border bg-white-600 text-black-teal-100"},{variant:["secondary","dropdown"],disabled:false,loading:false,class:"drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100"},{variant:["secondary","dropdown"],disabled:false,loading:false,active:true,class:"ring-supportive-lilac-100"},{variant:"text",underline:true,disabled:false,class:"border-b border-teal"},{variant:"text",underline:true,disabled:true,class:"border-b border-teal-100"},{variant:"text",disabled:true,class:"text-teal-100"},{variant:"text",disabled:false,loading:false,class:"active:text-teal-800"},{variant:"transparent",disabled:false,class:"text-dark-teal-100"},{variant:"transparent",disabled:false,loading:false,class:"hover:bg-dark-teal active:text-dark-teal-100/60"},{variant:"transparent",disabled:true,class:"text-dark-teal-100/60"},{variant:["primary","secondary","transparent"],size:["base","sm"],iconOnly:false,class:"px-2"},{variant:["primary","secondary","transparent"],size:"lg",iconOnly:false,class:"px-3"},{variant:"dropdown",iconOnly:false,class:"p-2"},{variant:["primary","secondary","transparent","text"],iconOnly:false,class:"py-1"},{size:"sm",iconOnly:true,class:"w-6"},{size:"base",iconOnly:true,class:"w-8"},{size:"lg",iconOnly:true,class:"w-10"}]});const p=i([],{variants:{size:{sm:"text-sm",base:"text-base",lg:"text-base"},variant:{primary:null,secondary:null,text:null,transparent:null,dropdown:null},disabled:{true:null,false:null},active:{true:null,false:null}},compoundVariants:[{variant:["secondary","dropdown"],disabled:false,active:false,class:"text-black-teal-300 group-hover:text-black-teal"},{variant:"text",disabled:false,active:false,class:"text-teal-300 group-hover:text-teal"},{variant:"transparent",disabled:false,active:false,class:"text-dark-teal-200 group-hover:text-dark-teal-100"}]});const d=class{constructor(a){t(this,a);this.onClick=r(this,"onClick",3);this.as="button";this.variant="primary";this.active=false;this.underline=true;this.href=undefined;this.target=undefined;this.size="base";this.type="button";this.loading=false;this.chevron=false;this.chevronPosition="end";this.disabled=false;this.icon=undefined;this.iconOnly=false;this.iconPosition="end";this.iconFlip=undefined;this.iconRotate=undefined;this.inheritText=false;this.buttonGroupPosition="none";this.class=undefined}onClick;render(){let t="white";switch(this.variant){case"secondary":t="storm";break;case"text":t="indigo";break}const r=this.variant==="text"||this.href?.length||this.as==="a"?"a":"button";const i=this.active||this.class?.includes("active");return a(e,{key:"953bc72ccbf5cbaf885fdfedcba5b93d5e75331e",class:"p-button inline-block"},a(r,{key:"6e32032b8f01ca2e1183fdada3233b0f8038a88c",disabled:this.disabled,href:this.href,type:this.variant!=="text"?this.type:undefined,target:this.target,class:l({variant:this.variant,size:this.size,underline:this.underline,loading:this.loading,disabled:this.disabled,buttonGroupPosition:this.buttonGroupPosition,iconOnly:this.iconOnly,active:i})},this.chevron&&this.chevronPosition==="start"&&a("p-icon",{key:"1e147d6354410e5eb10dea1762a07a3e07482dd5",variant:"caret",rotate:this.chevron==="up"?180:0}),this.icon&&this.iconPosition==="start"&&!(this.iconOnly&&this.loading)&&this._getIcon(),a("slot",{key:"145ebb2b41c0e1bc120512d17f240e6378416e7f"}),this.icon&&this.iconPosition==="end"&&!this.loading&&!this.chevron&&this._getIcon(),this.chevron&&!this.loading&&this.chevronPosition==="end"&&a("p-icon",{key:"41da9a08e588012f5e92368061280d4f77dac48e",variant:"caret",rotate:this.chevron==="up"?180:0}),this.loading&&a("p-loader",{key:"88edf474096e64d4c04f019f6fcd59645594388b",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:p({size:this.size,variant:this.variant,disabled:this.disabled,active:this.active}),variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}};d.style=s;const c="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.scale-\\[0\\.99\\]{--tw-scale-x:0.99!important;--tw-scale-y:0.99!important}.scale-\\[0\\.99\\],.scale-x-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-y-flip{--tw-scale-y:-1!important}.scale-y-flip,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:2rem!important;line-height:2.5rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}";const b=c;const m=i(["p-icon flex"],{variants:{flip:{none:null,horizontal:"scale-x-flip",vertical:"scale-y-flip"},size:{auto:"text-auto",xxs:"text-xxs",xs:"text-xs",sm:"text-sm",base:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl"},transform:{true:"transform-gpu scale-[0.99]",false:null}}});const h=class{constructor(r){t(this,r);this.variant=undefined;this.size="base";this.rotate=0;this.flip="none"}render(){const t=o[this.variant];return a(e,{key:"3ae4a0d1866dab77bb43b9b9411475148a71559f",class:m({flip:this.flip,size:this.size,transform:this.flip!=="none"||this.rotate>0||this.rotate<0}),style:{"--tw-rotate":`${this.rotate}deg`},innerHTML:t})}};h.style=b;const w=".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\\[1em\\]{height:1em!important}.w-\\[1em\\]{width:1em!important}.w-full{width:100%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.border-2{border-width:2px!important}.border-solid{border-style:solid!important}.border-indigo-light{--tw-border-opacity:1!important;border-color:rgb(241 246 255/var(--tw-border-opacity,1))!important}.border-indigo-light\\/40{border-color:rgba(241,246,255,.4)!important}.border-storm-light\\/40{border-color:rgba(176,178,203,.4)!important}.border-t-storm{--tw-border-opacity:1!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host .loader{--tw-border-opacity:1;animation:spin .5s linear infinite;border-color:rgb(241 246 255/var(--tw-border-opacity,1));border-radius:9999px;border-style:solid;border-top:solid rgb(82 138 250/var(--tw-border-opacity,1));border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-storm{--tw-border-opacity:1!important;border-color:rgba(176,178,203,.4)!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:rgba(241,246,255,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host .loading-screen .content .loader-wrapper{display:flex;justify-content:center;width:100%}:host .loading-screen .content .loader-wrapper .loader{font-size:2.5rem;line-height:3rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}";const g=w;const v=class{constructor(r){t(this,r);this.show=true;this.variant="inline";this.color="indigo";this.modalTitle=undefined;this.modalDescription=undefined}_show=false;_showSubscriber;componendDidLoad(){this._show=this.show}componentWillRender(){this._checkShow()}componentShouldUpdate(){this._checkShow()}render(){if(!this._show){return}if(this.variant==="ghost"){return a(e,{class:"p-loader variant-ghost"})}const t=a("div",{class:`loader color-${this.color}`});if(this.variant==="full-screen"){return a(e,{class:"p-loader variant-full-screen"},a("div",{class:"loading-screen"},a("div",{class:"content"},a("slot",null),a("div",{class:"loader-wrapper"},t))))}return a(e,{class:`p-loader variant-default flex ${this.variant==="full-width"&&"flex w-full justify-center text-4xl"}`},t)}_checkShow(){if(this._showSubscriber){this._showSubscriber.unsubscribe();this._showSubscriber=null}if(typeof this.show!=="boolean"){this._showSubscriber=this.show?.subscribe((t=>this._show=t));return}this._show=this.show}};v.style=g;export{d as p_button,h as p_icon,v as p_loader};
-//# sourceMappingURL=p-1c725862.entry.js.map

package/dist/build/p-1c725862.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["buttonComponentCss","PButtonStyle0","button","cva","variants","variant","primary","secondary","text","transparent","dropdown","active","true","false","loading","size","sm","base","lg","disabled","underline","buttonGroupPosition","none","start","center","end","iconOnly","compoundVariants","class","icon","Button","onClick","render","loaderColor","this","VariableTag","href","length","as","includes","h","Host","key","type","undefined","target","chevron","chevronPosition","rotate","iconPosition","_getIcon","color","handleClick","ev","preventDefault","emit","flip","iconFlip","iconRotate","iconComponentCss","PIconStyle0","horizontal","vertical","auto","xxs","xs","xl","transform","Icon","svg","icons","style","innerHTML","loaderComponentCss","PLoaderStyle0","Loader","_show","_showSubscriber","componendDidLoad","show","componentWillRender","_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","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';\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 gap-2',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary: ['bg-supportive-lilac border-black-teal/20'],\n\t\t\t\tsecondary: null,\n\t\t\t\ttext: ['text-teal'],\n\t\t\t\ttransparent: ['bg-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\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'],\n\t\t\t\tbase: ['text-sm h-8'],\n\t\t\t\tlg: ['text-base h-10'],\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\tunderline: {\n\t\t\t\ttrue: null,\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 border-black-teal/10'],\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', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:border-supportive-lilac-800 active:ring active:ring-2',\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\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'border-supportive-lilac-800 ring ring-2',\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: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-black-teal',\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-supportive-lilac-100 text-black-teal-100',\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'drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10',\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-black-teal/10',\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-black-teal-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\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:text-black-teal/60 active:ring-supportive-lilac-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\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tunderline: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border-b border-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tunderline: true,\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border-b border-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:text-teal-800',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-dark-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'hover:bg-dark-teal active:text-dark-teal-100/60',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-dark-teal-100/60',\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-sm',\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},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-black-teal-300 group-hover:text-black-teal',\n\t\t},\n\t\t{\n\t\t\tvariant: 'text',\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-teal-300 group-hover:text-teal',\n\t\t},\n\t\t{\n\t\t\tvariant: 'transparent',\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-dark-teal-200 group-hover:text-dark-teal-100',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.css',\n})\nexport class Button {\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:\n\t\t| 'primary'\n\t\t| 'secondary'\n\t\t| 'transparent'\n\t\t| 'text'\n\t\t| 'dropdown' = '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 the text variant has underline\n\t */\n\t@Prop() underline: boolean = true;\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' = 'end';\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' | 'storm' | 'indigo' = 'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\t\tloaderColor = 'storm';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'indigo';\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 active = this.active || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class='p-button inline-block'>\n\t\t\t\t<VariableTag\n\t\t\t\t\tdisabled={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\tunderline: this.underline,\n\t\t\t\t\t\tloading: this.loading,\n\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\tbuttonGroupPosition: this.buttonGroupPosition,\n\t\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t\t\tactive,\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<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: this.disabled,\n\t\t\t\t\tactive: this.active,\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",null,"import { Component, h, Host, Prop } 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 flex'], {\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: 'text-auto',\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: 'transform-gpu scale-[0.99]',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-icon',\n\tstyleUrl: 'icon.component.css',\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\trender() {\n\t\tconst svg = icons[this.variant];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={icon({\n\t\t\t\t\tflip: this.flip,\n\t\t\t\t\tsize: 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\tinnerHTML={svg}\n\t\t\t></Host>\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 border-indigo-light border-t-indigo;\n\t\tanimation: 500ms spin linear infinite;\n\n\t\twill-change: transform;\n\n\t\t&.color-storm {\n\t\t\t@apply border-storm-light/40 border-t-storm #{!important};\n\t\t}\n\n\t\t&.color-white {\n\t\t\t@apply border-indigo-light/40 border-t-white #{!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-mystic;\n\n\t\tz-index: 1001;\n\n\t\t.content {\n\t\t\t@apply max-w-xs;\n\n\t\t\t.loader-wrapper {\n\t\t\t\t@apply flex w-full justify-center;\n\n\t\t\t\t.loader {\n\t\t\t\t\t@apply text-4xl;\n\t\t\t\t}\n\t\t\t}\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' | '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='p-loader variant-ghost'></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='p-loader 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\n\t\t\t\t\t\t\t<div class='loader-wrapper'>{loader}</div>\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={`p-loader 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-2841c42f.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as r,h as e,H as a}from"./p-45ded510.js";import{c as o}from"./p-8a5b8196.js";import{n as i}from"./p-c605a1c1.js";import"./p-8a1a6e56.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-\\[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-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-black-teal-100{--tw-bg-opacity:1!important;background-color:rgb(205 212 211/var(--tw-bg-opacity,1))!important}.bg-black-teal-50{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/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}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/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}.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-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!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-supportive-lilac-800:after{--tw-bg-opacity:1!important;background-color:rgb(189 140 255/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\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/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-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\\:w-\\[18px\\]{width:18px!important}.group:hover .group-hover\\:after\\:w-2:after{content:var(--tw-content)!important;width:.5rem!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-black-teal-200{--tw-bg-opacity:1!important;background-color:rgb(154 170 167/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:after\\:content-\\[\\'\\'\\]:after{--tw-content:\"\"!important;content:var(--tw-content)!important}";const c=n;const p=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-black-teal-50 border-black-teal-100","hover:bg-supportive-lilac-100 hover:border-black-teal-100","checked:bg-supportive-lilac checked:border-black-teal/20","checked:ring-2 checked:ring-supportive-lilac-100","checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20"],true:"bg-white-600 border-black-teal-50 cursor-not-allowed "}}});const s=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-black-teal/10","left-[1px] peer-checked:-translate-x-[calc(100%+1px)]","after:content-[] peer-checked:after:content-['']  after:bg-supportive-lilac-800 after:rounded-full after:transition-all","w-[14px] h-[14px] group-hover:w-[18px]","after:w-1 after:h-1 group-hover:after:w-2"],true:["bg-black-teal-100 peer-checked:bg-black-teal-200","left-[2px] peer-checked:-translate-x-[calc(100%+2px)]","w-3 h-3"]}}});const l=class{constructor(e){t(this,e);this.checkedChange=r(this,"checkedChange",7);this.indeterminateChange=r(this,"indeterminateChange",7);this.checked=undefined;this.indeterminate=undefined;this.disabled=false;this.required=true;this.id=undefined;this.name=undefined;this._nonce=i(5)}checkedChange;indeterminateChange;render(){return e(a,{key:"2eb5fbb512368179d3c5241a894e8e26846f61f5",class:"p-checkbox"},e("label",{key:"f058bbab3426392b0cae97759c913f39934a0b3a",htmlFor:this.id??this._nonce,class:"flex items-center justify-start gap-2 text-black-teal"},e("div",{key:"c07339b5e6ac8f42eff1fcfd4159a695577be3a5",class:"group relative flex flex-shrink-0 items-center"},e("input",{key:"f7b3debaf7a516cbacd5e8a1c33e24765052c595",class:p({disabled:this.disabled}),type:"checkbox",id:this.id??this._nonce,name:this.name,required:this.required,checked:!!this.checked,indeterminate:this.indeterminate,disabled:this.disabled,onChange:t=>this._onChange(t)}),e("div",{key:"0fb49b68ca77711a496bba9d67bb3389e384ced5",class:s({disabled:this.disabled})})),e("slot",{key:"271b918b319a8ae027ed106f3ba32d833e2215df"})))}_onChange(t){if(this.disabled){t.preventDefault();return}const r=t.target.checked;const e=t.target.indeterminate;if(r!=this.checked){this.checked=r;this.checkedChange.emit(r)}if(e!=this.indeterminate){this.indeterminate=e;this.indeterminateChange.emit(e)}}};l.style=c;export{l as p_toggle};
-//# sourceMappingURL=p-2841c42f.entry.js.map

package/dist/build/p-2841c42f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["toggleComponentCss","PToggleStyle0","checkbox","cva","variants","disabled","false","true","circle","Toggle","nonce","checkedChange","indeterminateChange","render","h","Host","key","class","htmlFor","this","id","_nonce","type","name","required","checked","indeterminate","onChange","ev","_onChange","preventDefault","target","emit"],"sources":["src/components/atoms/toggle/toggle.component.css?tag=p-toggle","src/components/atoms/toggle/toggle.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\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-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-black-teal-50 border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-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-black-teal/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-supportive-lilac-800 after:rounded-full after:transition-all\",\n\t\t\t\t\t'w-[14px] h-[14px] group-hover:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover:after:w-2',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-black-teal-100 peer-checked:bg-black-teal-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})\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 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\trender() {\n\t\treturn (\n\t\t\t<Host class='p-checkbox'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={this.id ?? this._nonce}\n\t\t\t\t\tclass='flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='group relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={this.id ?? this._nonce}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</label>\n\t\t\t</Host>\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 = (ev.target as HTMLInputElement).checked;\n\t\tconst indeterminate = (ev.target as HTMLInputElement).indeterminate;\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\t}\n}\n"],"mappings":"yJAAA,MAAMA,EAAqB,4yLAC3B,MAAAC,EAAeD,ECWf,MAAME,EAAWC,EAChB,CACC,sDACA,oCACA,wBAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,0BACA,yCACA,4DACA,2DACA,mDACA,4EAEDC,KAAM,4DAMV,MAAMC,EAASL,EACd,CACC,mCACA,+BACA,4FAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,qCACA,wDACA,0HACA,yCACA,6CAEDC,KAAM,CACL,mDACA,wDACA,e,MAWQE,EAAM,M,iMAc2B,M,cAKA,K,kDAqBnBC,EAAM,E,CANvBC,cAIAC,oBAIT,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,cACXH,EAAA,SAAAE,IAAA,2CACCE,QAASC,KAAKC,IAAMD,KAAKE,OACzBJ,MAAM,yDAENH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kDACVH,EAAA,SAAAE,IAAA,2CACCC,MAAOf,EAAS,CACfG,SAAUc,KAAKd,WAEhBiB,KAAK,WACLF,GAAID,KAAKC,IAAMD,KAAKE,OACpBE,KAAMJ,KAAKI,KACXC,SAAUL,KAAKK,SACfC,UAAWN,KAAKM,QAChBC,cAAeP,KAAKO,cACpBrB,SAAUc,KAAKd,SACfsB,SAAUC,GAAMT,KAAKU,UAAUD,KAEhCd,EAAA,OAAAE,IAAA,2CACCC,MAAOT,EAAO,CACbH,SAAUc,KAAKd,cAIlBS,EAAA,QAAAE,IAAA,8C,CAMI,SAAAa,CAAUD,GACjB,GAAIT,KAAKd,SAAU,CAClBuB,EAAGE,iBACH,M,CAGD,MAAML,EAAWG,EAAGG,OAA4BN,QAChD,MAAMC,EAAiBE,EAAGG,OAA4BL,cAEtD,GAAID,GAAWN,KAAKM,QAAS,CAC5BN,KAAKM,QAAUA,EACfN,KAAKR,cAAcqB,KAAKP,E,CAGzB,GAAIC,GAAiBP,KAAKO,cAAe,CACxCP,KAAKO,cAAgBA,EACrBP,KAAKP,oBAAoBoB,KAAKN,E","ignoreList":[]}

package/dist/build/p-590a1b81.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as r,H as a,g as i}from"./p-45ded510.js";import{c as o}from"./p-8a5b8196.js";import{n as s}from"./p-c605a1c1.js";import{a as n,c,o as d,f as h,s as l}from"./p-170077a4.js";import{c as p}from"./p-3b8209bc.js";import"./p-8a1a6e56.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-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/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-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;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-black-teal-10\\%{--tw-drop-shadow:drop-shadow(0px 1px 0px rgba(3,42,36,.1))!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\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/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-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.indeterminate\\:border-black-teal\\/20:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:bg-supportive-lilac-700:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/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-supportive-lilac-100:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:border-black-teal\\/20:hover:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:hover\\:bg-supportive-lilac:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.group\\/p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.peer:checked~.peer-checked\\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex!important}";const m=b;const w=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-black-teal-100","hover:bg-supportive-lilac-100 hover:border-black-teal-100","checked:bg-supportive-lilac checked:border-black-teal/20","checked:ring-2 checked:ring-supportive-lilac-100","checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20","indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20","indeterminate:ring-2 indeterminate:ring-supportive-lilac-100","indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20"],true:"bg-white-600 border-black-teal-50 cursor-not-allowed "}}});const f=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-black-teal-200"}}});const g=o(["drop-shadow-black-teal-10% text-xs"],{variants:{disabled:{false:"group-hover/p-checkbox:text-sm",true:null}}});const v=class{constructor(r){t(this,r);this.checkedChange=e(this,"checkedChange",7);this.indeterminateChange=e(this,"indeterminateChange",7);this.checked=undefined;this.indeterminate=undefined;this.disabled=false;this.required=true;this.id=undefined;this.name=undefined;this._nonce=s(5)}checkedChange;indeterminateChange;render(){return r(a,{key:"3fc7254132b37579295b56aa49cd9d5313ca1b17",class:"p-checkbox"},r("label",{key:"bcb109993fb2219ed2575773976f5c312dd70999",htmlFor:this.id??this._nonce,class:"group/p-checkbox flex items-center justify-start gap-2 text-black-teal"},r("div",{key:"8a248d351a959bcc8095024d739c20243a69e797",class:"relative flex flex-shrink-0 items-center"},r("input",{key:"a297cea3c229c9d5241884732f6281cc4ae471a2",class:w({disabled:this.disabled}),type:"checkbox",id:this.id??this._nonce,name:this.name,required:this.required,checked:!!this.checked,indeterminate:this.indeterminate,disabled:this.disabled,onChange:t=>this._onChange(t)}),r("div",{key:"59733c1ee445272627bb3f11bf8f9a59798755fa",class:f({disabled:this.disabled})},r("p-icon",{key:"d31d40111ef2073daca07fdc4ec994a31350cc40",class:g({disabled:this.disabled}),size:"auto",variant:!!this.indeterminate?"minus":"checkmarkThick"}))),r("slot",{key:"d5bc07c185226d73f5823afdd437b4b1f208240d"})))}_onChange(t){if(this.disabled){t.preventDefault();return}const e=t.target.checked;const r=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)}}};v.style=m;const u="*{box-sizing:border-box}.visible{visibility:visible!important}.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}";const k=u;const x=o(["z-dropdown hidden"],{variants:{strategy:{absolute:"absolute",fixed:"fixed"}}});const y=class{constructor(r){t(this,r);this.isOpen=e(this,"isOpen",3);this.variant="default";this.placement="bottom-start";this.offset=8;this.strategy="absolute";this.show=false;this.usePortal=false;this.calculateWidth=false;this.applyMaxWidth=true;this.applyFullWidth=true;this.allowOverflow=false;this.scrollable=false;this.insideClick=false;this.disableTriggerClick=false;this.applyChevron=true;this.chevronPosition="end";this.chevronDirection=undefined}get _el(){return i(this)}isOpen;_loaded=false;_trigger;_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(){const t={class:x({strategy:this.strategy}),ref:t=>this._load(t),onClick:()=>this._containerClickHandler(),role:"popover","data-placement":this.placement,"data-strategy":this.strategy};let e;if(this.usePortal){e=r("p-portal",{key:"935807ad31dfa041a8b9bfbbf9ea8167c97edd28",...t},r("p-dropdown-menu-container",{key:"64f108172d4ab77c179c7e74085c14828bc72daf",variant:this.variant,maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable},r("slot",{key:"92a9011b96df6168cd2800aa5e682133a9b71624",name:"items"})))}else{e=r("p-dropdown-menu-container",{key:"653ca26a3360e09396b8d03d936848cf156316a4",variant:this.variant,maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable,...t},r("slot",{key:"4ad64aaa104e21c0e17b695e1e0b81406ccbdd0b",name:"items"}))}return r(a,{key:"1314337c4ed060ec1e1fc0194cd3a0eaf21fa31d",class:"p-dropdown relative"},r("div",{key:"5ca13d9b0e6a1aa6f78acd8e877828a98d465b1f",class:"trigger",ref:t=>this._trigger=t,onClick:()=>this._triggerClickHandler()},r("slot",{key:"4034d754a6a2971d3491dcaface58fb66162894d",name:"trigger"})),e)}_checkButtons(t=false){if(!this.applyChevron){return}const e=this._el.querySelectorAll('p-button[slot="trigger"]');for(let r of[...e]){r.chevronPosition=this.chevronPosition;r.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?"up":"down";r.disabled=this.disableTriggerClick;r.active=t}}_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({target: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._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}if(this.calculateWidth){this._menu.style.width=`${this._trigger.clientWidth}px`}this._cleanup=n(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}c(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[d(this.offset),h(),l()]}).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"]}}};y.style=k;export{v as p_checkbox,y as p_dropdown};
-//# sourceMappingURL=p-590a1b81.entry.js.map

package/dist/build/p-590a1b81.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["checkboxComponentCss","PCheckboxStyle0","checkbox","cva","variants","disabled","false","true","iconContainer","icon","Checkbox","nonce","checkedChange","indeterminateChange","render","h","Host","key","class","htmlFor","this","id","_nonce","type","name","required","checked","indeterminate","onChange","ev","_onChange","size","variant","preventDefault","target","emit","dropdownComponentCss","PDropdownStyle0","dropdownContainerClass","strategy","absolute","fixed","Dropdown","isOpen","_loaded","_trigger","_menu","_cleanup","componentShouldUpdate","_update","componentDidLoad","_checkButtons","disconnectedCallback","remove","componentDidRender","_checkItems","dropdownContainerProps","ref","el","_load","onClick","_containerClickHandler","role","placement","dropdownContainer","usePortal","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","allowOverflow","scrollable","_triggerClickHandler","active","applyChevron","buttons","_el","querySelectorAll","button","chevronPosition","chevron","chevronDirection","indexOf","disableTriggerClick","items","item","onShowChange","show","_hide","_show","documentClickHandler","hasAttribute","childOf","insideClick","popover","setTimeout","style","width","clientWidth","autoUpdate","setAttribute","classList","add","removeAttribute","computePosition","middleware","offset","flip","shift","then","x","y","dataset","Object","assign","top","left"],"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","src/components/molecules/dropdown/dropdown.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\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-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t\t'indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-supportive-lilac-100',\n\t\t\t\t\t'indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 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-black-teal-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-black-teal-10% text-xs'], {\n\tvariants: {\n\t\tdisabled: {\n\t\t\tfalse: 'group-hover/p-checkbox: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})\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\trender() {\n\t\treturn (\n\t\t\t<Host class='p-checkbox'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={this.id ?? this._nonce}\n\t\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={this.id ?? this._nonce}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\t\tvariant={!!this.indeterminate ? 'minus' : 'checkmarkThick'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</label>\n\t\t\t</Host>\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 = (ev.target as HTMLInputElement).checked;\n\t\tconst indeterminate = (ev.target as HTMLInputElement).indeterminate;\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\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 { childOf } 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},\n});\n\n@Component({\n\ttag: 'p-dropdown',\n\tstyleUrl: 'dropdown.component.css',\n})\nexport class Dropdown {\n\t/**\n\t * The variant of the dropdown\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' = '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 use a portal for the dropdown container\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * Wether to automatically calculate the width of the menu based on the trigger\n\t */\n\t@Prop() calculateWidth: 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 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 _trigger: HTMLElement;\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\tconst dropdownContainerProps = {\n\t\t\tclass: dropdownContainerClass({\n\t\t\t\tstrategy: this.strategy,\n\t\t\t}),\n\t\t\tref: el => this._load(el),\n\t\t\tonClick: () => this._containerClickHandler(),\n\t\t\trole: 'popover',\n\t\t\t'data-placement': this.placement,\n\t\t\t'data-strategy': this.strategy,\n\t\t};\n\n\t\tlet dropdownContainer: HTMLElement;\n\n\t\tif (this.usePortal) {\n\t\t\tdropdownContainer = (\n\t\t\t\t<p-portal {...dropdownContainerProps}>\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.calculateWidth && 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>\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</p-portal>\n\t\t\t);\n\t\t} else {\n\t\t\tdropdownContainer = (\n\t\t\t\t<p-dropdown-menu-container\n\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\tmaxWidth={!this.calculateWidth && this.applyMaxWidth}\n\t\t\t\t\tfullWidth={this.applyFullWidth && !this.applyMaxWidth}\n\t\t\t\t\tallowOverflow={this.allowOverflow}\n\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t\t{...dropdownContainerProps}\n\t\t\t\t>\n\t\t\t\t\t<slot name='items' />\n\t\t\t\t</p-dropdown-menu-container>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-dropdown relative'>\n\t\t\t\t<div\n\t\t\t\t\tclass='trigger'\n\t\t\t\t\tref={ref => (this._trigger = ref)}\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{dropdownContainer}\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\tfor (let button of [...buttons]) {\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? 'up'\n\t\t\t\t: 'down';\n\t\t\tbutton.disabled = this.disableTriggerClick;\n\t\t\tbutton.active = active;\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({ target }) {\n\t\tif (!this._menu.hasAttribute('data-show') || childOf(target, this._menu)) {\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._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\t// Make the popover visible\n\t\tif (this.calculateWidth) {\n\t\t\tthis._menu.style.width = `${this._trigger.clientWidth}px`;\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"],"mappings":"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","ignoreList":[]}

package/dist/build/p-711bb72e.entry.js

@@ -1,2 +0,0 @@
-import{r,h as t,H as a}from"./p-45ded510.js";import{c as o}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const e="*{box-sizing:border-box}.static{position:static!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}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.flex-col{flex-direction:column!important}.gap-\\[1px\\]{gap:1px!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-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-dark-teal-600{--tw-border-opacity:1!important;border-color:rgb(0 72 64/var(--tw-border-opacity,1))!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;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}";const d=e;const i=o(["p-dropdown-menu-container","p-1","rounded-lg z-10","border"],{variants:{variant:{default:"bg-white border-black-teal-100 drop-shadow-2","dark-teal":"bg-dark-teal-600 drop-shadow-3 border-dark-teal-600"},fullWidth:{false:null,true:"w-full"},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]"},maxWidth:{false:null,true:"w-auto max-w-[13.875rem]"}}});const p=class{constructor(t){r(this,t);this.variant="default";this.maxWidth=true;this.class=undefined;this.fullWidth=true;this.allowOverflow=false;this.scrollable=false}render(){const r=this.scrollable===false?"none":this.scrollable===true?"default":this.scrollable;return t(a,{key:"04e1181dd9274ed1668002ddf4f63e4739cf5282",class:i({class:this.class,variant:this.variant,fullWidth:this.fullWidth,allowOverflow:this.allowOverflow,scrollable:r,maxWidth:this.maxWidth})},t("div",{key:"a8c270e32fd7b89953e923e99574d561e3bfdb21",class:"flex w-full flex-col gap-[1px]"},t("slot",{key:"520a112ce75a4dad3fafbbe233db1b87344bf480"})))}};p.style=d;export{p as p_dropdown_menu_container};
-//# sourceMappingURL=p-711bb72e.entry.js.map

package/dist/build/p-711bb72e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownMenuContainerComponentCss","PDropdownMenuContainerStyle0","dropdownMenuContainer","cva","variants","variant","default","fullWidth","false","true","allowOverflow","scrollable","none","large","xlarge","maxWidth","DropdownMenuContainer","render","this","h","Host","key","class"],"sources":["src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css?tag=p-dropdown-menu-container","src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.tsx"],"sourcesContent":[null,"import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst dropdownMenuContainer = cva(\n\t['p-dropdown-menu-container', 'p-1', 'rounded-lg z-10', 'border'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-white border-black-teal-100 drop-shadow-2',\n\t\t\t\t'dark-teal': 'bg-dark-teal-600 drop-shadow-3 border-dark-teal-600',\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\tallowOverflow: {\n\t\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tscrollable: {\n\t\t\t\tnone: null,\n\t\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\t\txlarge: 'max-h-[20rem]',\n\t\t\t},\n\t\t\tmaxWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-auto max-w-[13.875rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-dropdown-menu-container',\n\tstyleUrl: 'dropdown-menu-container.component.css',\n})\nexport class DropdownMenuContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' = '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<Host\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: this.fullWidth,\n\t\t\t\t\tallowOverflow: this.allowOverflow,\n\t\t\t\t\tscrollable,\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div class='flex w-full flex-col gap-[1px]'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"yGAAA,MAAMA,EAAoC,4mDAC1C,MAAAC,EAAeD,ECEf,MAAME,EAAwBC,EAC7B,CAAC,4BAA6B,MAAO,kBAAmB,UACxD,CACCC,SAAU,CACTC,QAAS,CACRC,QAAS,+CACT,YAAa,uDAEdC,UAAW,CACVC,MAAO,KACPC,KAAM,UAEPC,cAAe,CACdF,MAAO,oCACPC,KAAM,MAEPE,WAAY,CACXC,KAAM,KACNN,QAAS,kBACTO,MAAO,oBACPC,OAAQ,iBAETC,SAAU,CACTP,MAAO,KACPC,KAAM,+B,MAUGO,EAAqB,M,sCAIU,U,cAKf,K,oCAUC,K,mBAKI,M,gBAK8B,K,CAE/D,MAAAC,GACC,MAAMN,EACLO,KAAKP,aAAe,MACjB,OACAO,KAAKP,aAAe,KACpB,UACAO,KAAKP,WAET,OACCQ,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAOpB,EAAsB,CAC5BoB,MAAOJ,KAAKI,MACZjB,QAASa,KAAKb,QACdE,UAAWW,KAAKX,UAChBG,cAAeQ,KAAKR,cACpBC,aACAI,SAAUG,KAAKH,YAGhBI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kCACVH,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as r}from"./p-45ded510.js";import{c as i}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const o="*{box-sizing:border-box}.static{position:static!important}.inline-flex{display:inline-flex!important}.h-4{height:1rem!important}.min-w-\\[1\\.5rem\\]{min-width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-teal{--tw-bg-opacity:1!important;background-color:rgb(8 136 121/var(--tw-bg-opacity,1))!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-center{text-align:center!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const n=o;const a=class{constructor(e){t(this,e)}render(){return e(r,{key:"d1e8ed0e2a651a9938a259306da58f39e492ddb6",class:"p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white"},e("slot",{key:"275516cdf7287dee03946abaea0d66320add895f"}))}};a.style=n;const p="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.rounded-2xl{border-radius:1rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}";const s=p;const c=class{constructor(e){t(this,e)}render(){return e(r,{key:"bda5e2d5e7f7c9f0509d94cf39ff1eb215e6fd14",class:"p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1"},e("slot",{key:"30330b65c7294c799737b218c0ba7b33c0030396"}))}};c.style=s;const m="*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.rounded-2xl{border-radius:1rem!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-black-teal-50:hover{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/var(--tw-bg-opacity,1))!important}";const d=m;const l=i(["p-segment-item","flex items-center justify-center","rounded-2xl","cursor-pointer text-sm"],{variants:{variant:{default:"h-6 gap-2",block:"flex-col p-4 text-center"},active:{false:"cursor-pointer text-black-teal-400 hover:bg-black-teal-50",true:"bg-dark-teal-600 text-white"},iconOnly:{false:"px-2",true:"w-6"}}});const b=class{constructor(e){t(this,e);this.variant="default";this.active=false;this.iconOnly=false;this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}render(){const t=this.variant==="block"?e("slot",{name:"description"}):null;return e(r,{key:"c1593f415fee9946b8c5e294dfea65c6c1713260",class:l({variant:this.variant,active:this.active,iconOnly:this.iconOnly})},this.icon&&e("p-icon",{key:"95f240924717fc1d68e8e5c29bd89079a114a0e3",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),this.variant==="default"?e("slot",null):e("div",{class:"flex flex-col items-center gap-1"},e("p",{class:"font-semibold empty:hidden"},e("slot",{name:"title"})),t&&e("p",{class:"text-xs"},t)))}};b.style=d;export{a as p_badge,c as p_segment_container,b as p_segment_item};
-//# sourceMappingURL=p-a64d7a8d.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["badgeComponentCss","PBadgeStyle0","Badge","render","h","Host","key","class","segmentContainerComponentCss","PSegmentContainerStyle0","SegmentContainer","segmentItemComponentCss","PSegmentItemStyle0","segmentItem","cva","variants","variant","default","block","active","false","true","iconOnly","SegmentItem","descriptionSlot","this","name","icon","flip","iconFlip","rotate","iconRotate"],"sources":["src/components/atoms/badge/badge.component.css?tag=p-badge","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment-container/segment-container.component.css?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx","src/components/atoms/segment-item/segment-item.component.css?tag=p-segment-item","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[null,"import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: false,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",null,"import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",null,"import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\nconst segmentItem = cva(\n\t[\n\t\t'p-segment-item',\n\t\t'flex items-center justify-center',\n\t\t'rounded-2xl',\n\t\t'cursor-pointer text-sm',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-4 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: 'cursor-pointer text-black-teal-400 hover:bg-black-teal-50',\n\t\t\t\ttrue: 'bg-dark-teal-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n})\nexport class SegmentItem {\n\t/**\n\t * The size of the\n\t */\n\t@Prop() variant: 'default' | 'block' = 'default';\n\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={segmentItem({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t<slot />\n\t\t\t\t) : (\n\t\t\t\t\t<div class='flex flex-col items-center gap-1'>\n\t\t\t\t\t\t<p class='font-semibold empty:hidden'>\n\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t{descriptionSlot && <p class='text-xs'>{descriptionSlot}</p>}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAoB,2tBAC1B,MAAAC,EAAeD,E,MCMFE,EAAK,M,yBACjB,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,6IACXH,EAAA,QAAAE,IAAA,6C,aCXJ,MAAME,EAA+B,0dACrC,MAAAC,EAAeD,E,MCKFE,EAAgB,M,yBAC5B,MAAAP,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,sGACXH,EAAA,QAAAE,IAAA,6C,aCVJ,MAAMK,EAA0B,0tCAChC,MAAAC,EAAeD,ECIf,MAAME,EAAcC,EACnB,CACC,iBACA,mCACA,cACA,0BAED,CACCC,SAAU,CACTC,QAAS,CACRC,QAAS,YACTC,MAAO,4BAERC,OAAQ,CACPC,MAAO,4DACPC,KAAM,+BAEPC,SAAU,CACTF,MAAO,OACPC,KAAM,U,MAUGE,EAAW,M,sCAIgB,U,YAKb,M,cAKE,M,sEAiB5B,MAAApB,GACC,MAAMqB,EACLC,KAAKT,UAAY,QAAUZ,EAAA,QAAMsB,KAAK,gBAAmB,KAE1D,OACCtB,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAOM,EAAY,CAClBG,QAASS,KAAKT,QACdG,OAAQM,KAAKN,OACbG,SAAUG,KAAKH,YAGfG,KAAKE,MACLvB,EAAA,UAAAE,IAAA,2CACCU,QAASS,KAAKE,KACdC,KAAMH,KAAKI,SACXC,OAAQL,KAAKM,aAIdN,KAAKT,UAAY,UACjBZ,EAAA,aAEAA,EAAA,OAAKG,MAAM,oCACVH,EAAA,KAAGG,MAAM,8BACRH,EAAA,QAAMsB,KAAK,WAEXF,GAAmBpB,EAAA,KAAGG,MAAM,WAAWiB,I","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i}from"./p-45ded510.js";import{c as a}from"./p-8a5b8196.js";import{c as o}from"./p-9ab34fee.js";import"./p-8a1a6e56.js";const r="*{box-sizing:border-box}.static{position:static!important}.ml-auto{margin-left:auto!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\\[inherit\\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.hover\\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-black-teal-500:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";const n=r;const c=a(["h-8 w-[inherit]","flex items-center gap-2","text-black-teal-400 hover:text-black-teal-500","rounded-lg","py-1 px-2","text-sm font-medium","cursor-pointer"],{variants:{active:{false:["hover:bg-off-white"],true:["bg-off-white-600 text-black-teal-500 font-semibold"]},icon:{false:false,true:["pl-1"]}}});const p=a(["flex h-6 aspect-branding items-center justify-center rounded-full"],{variants:{active:{false:false,true:["bg-supportive-lilac"]}}});const s=class{constructor(e){t(this,e);this.icon=undefined;this.active=false;this.loading=false;this.as="a";this.counter=undefined;this.href=undefined;this.target=undefined;this.class=undefined}render(){const t=this.as;const a=this.active||this.class?.includes("active");return e(i,{key:"fcfd018e4ee9cec5d1269c48ac211e4a8bbe7e27",class:o("p-navigation-item inline-block",this.class)},e(t,{key:"4f95da3f82fe9434981deb52a27905152b9cdce0",class:c({icon:!!this.icon,active:a}),href:this.href,target:this.target},e("div",{key:"1d29d71e5c36b93461940f8a139d468f850d6c21",class:p({active:a})},e("p-icon",{key:"0173a50767eb4a8bbe07d04a7ee8e6dcd43e1a2b",variant:this.icon})),e("span",{key:"8672ed05d64bc2dc615ea6b0957f34c0b7be9dd0",class:this.counter&&"has-counter"},e("slot",{key:"cacf7fe34a79bfef107583d1d774234aabf01b6c"})),!!this.counter&&this.counter!=="0"&&e("p-badge",{key:"a77ee462895d467c612c0722329f33a7ca32214b"},this.counter),!!this.loading&&e("p-loader",{key:"54724cf73b51566d0ff76c01d79ad704e05a13ef",class:"ml-auto"})))}};s.style=n;export{s as p_navigation_item};
-//# sourceMappingURL=p-ba0e7853.entry.js.map

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

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

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

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

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

@@ -1,2 +0,0 @@
-import{r as t,c as e,g as i,h as r,H as a,F as s}from"./p-45ded510.js";import{c as o}from"./p-8a5b8196.js";import{c as n}from"./p-9ab34fee.js";import{f as l,g as c}from"./p-f26a3049.js";import"./p-8a1a6e56.js";const d="*{box-sizing:border-box}.static{position:static!important}.mt-1{margin-top:.25rem!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-6{min-height:1.5rem!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac ::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.placeholder\\:text-sm::placeholder{font-size:.875rem!important;line-height:1.25rem!important}.placeholder\\:text-black-teal-200::placeholder{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.focus\\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}";const h=d;const p=o(["flex gap-2","w-inherit","border-solid rounded-lg"],{variants:{variant:{read:"border-0 items-start",write:"border px-2"},size:{sm:null,base:null},disabled:{false:"bg-white",true:"bg-white-600 cursor-not-allowed"},focused:{false:null,true:null},error:{false:null,true:null},isTextarea:{false:null,true:null}},compoundVariants:[{size:"sm",variant:"write",isTextarea:false,class:"h-6"},{size:"base",variant:"write",isTextarea:false,class:"h-8"},{size:"sm",variant:"read",class:"min-h-4"},{size:"base",variant:"read",class:"min-h-6"},{focused:false,error:false,class:"border-black-teal-100"},{disabled:false,focused:true,error:false,class:"border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac"},{disabled:false,error:true,class:"border-negative-red"},{disabled:false,focused:true,error:true,class:"ring ring-negative-red-50 selection:bg-negative-red-50"}]});const f=o("text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal border-none outline-none focus:outline-none bg-transparent flex-1 min-w-0",{variants:{isTextarea:{false:"h-full",true:null},disabled:{false:null,true:"cursor-not-allowed"}}});const b=o(["flex flex-shrink-0 justify-center items-center text-center"],{variants:{disabled:{false:null,true:"text-black-teal-100"},focused:{false:null,true:null},error:{false:null,true:null},isText:{false:null,true:"text-sm"}},compoundVariants:[{disabled:false,focused:false,error:false,class:"text-black-teal-300"},{disabled:false,focused:true,error:false,class:"text-black-teal-500"},{disabled:false,focused:false,error:true,class:"text-negative-red"},{disabled:false,focused:true,error:true,class:"text-negative-red-800"}]});const m=class{constructor(i){t(this,i);this.valueChange=e(this,"valueChange",7);this.inputRefChange=e(this,"inputRefChange",7);this.variant="write";this.size="base";this.type="text";this.properties={};this.prefix=undefined;this.suffix=undefined;this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined;this.iconPosition="start";this.value=undefined;this.label=undefined;this.placeholder=undefined;this.helper=undefined;this.required=true;this.autofocus=false;this.error=undefined;this.errorPlacement=undefined;this.disabled=false;this.focused=false;this.forceShowTooltip=false;this.selectAllOnFocus=true;this.focusMethod="focus";this.optionalTemplate=undefined;this._focused=false}valueChange;inputRefChange;get _el(){return i(this)}_inputRef;componentDidLoad(){this._checkAutoFocus()}render(){const{prefix:t,suffix:e,hasHeaderSlot:i,hasLabelSlot:s,hasHelperSlot:o,hasErrorSlot:l,hasValueSlot:c}=this._getSlotInfo();return r(a,{key:"1b8b2dc1097acc0e526ee2c968b5756d5cd3d2ba",class:"p-field"},r("p-field-container",{key:"3ef9f6354992d470676935728bf12d92710b4fe0",forceShowTooltip:this.forceShowTooltip||this._focused,label:this.label,helper:this.helper,error:this.error,required:this.required,variant:this.variant},s&&r("slot",{key:"4489a94949ab662ec88f35b699a362f6c54748c1",name:"label",slot:"label"}),i&&r("slot",{key:"6d1a46d462c5388c19513831344072267ef8a404",name:"header",slot:"header"}),o&&r("slot",{key:"5cee513bbcfa0eeb02482b04869087d9b600f3b8",name:"helper",slot:"helper"}),l&&r("slot",{key:"b9564cb87621082013c6efc3b0f9e816ce48c745",name:"error",slot:"error"}),r("div",{key:"aded5884f1b8f92d96de9ea82da6c4d26e9fcb2c",class:p({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused,size:this.size,variant:this.variant,isTextarea:this.type==="textarea"}),slot:"content"},(t||this.icon&&this.iconPosition==="start")&&r("div",{key:"871a874efbe824fda3649baf84d6bfb2df825cdf",class:b({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused,isText:typeof e==="string"}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="start"?r("p-icon",{class:n("flex",{"mt-1":this.variant==="read"&&this.size==="base"}),variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):t),this._getContent(c),(e||this.icon&&this.iconPosition==="end")&&r("div",{key:"9aff1cd76d5581d5ef7a842f91e9d5f88fa479a7",class:b({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused,isText:typeof e==="string"}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="end"?r("p-icon",{class:"flex",variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):e))))}handleFocusIn(){if(this.disabled){return}this._focused=true;this._selectAll()}handleFocusOut(){if(this.disabled){return}this._focused=false}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const 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 c=a?r("slot",{name:"suffix"}):this.suffix;const d=this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:i,hasSuffixSlot:a,hasHeaderSlot:s,hasErrorSlot:o,hasValueSlot:n,prefix:l,suffix:c,errorAndErrorIsNotBoolean:d}}_getContent(t=false){if(this.variant==="read"){return r("div",{class:"text-sm"},t?r("slot",{name:"value"}):!!this.value&&this.value.length>0?this.value:"—")}if(this.type==="slot"){return r("slot",{name:"input"})}const e={class:f({disabled:this.disabled,isTextarea:this.type==="textarea"}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let i=this.properties??{};if(typeof i==="string"){i=JSON.parse(this.properties)}if(this.type==="textarea"){return r("textarea",{ref:t=>this._setInputRef(t),...e,...i})}return r("input",{type:this.type,ref:t=>this._setInputRef(t),...e,...i})}_setInputRef(t){this._inputRef=t;this.inputRefChange.emit(t)}_focusInput(){if(this._inputRef){this._inputRef.focus();return}const t=this._el.querySelector(':scope > [slot="input"]');t[this.focusMethod]()}_selectAll(){if(!this._inputRef||!this.selectAllOnFocus){return}this._inputRef.select()}_valueChange(t){const e=t.target.value;this.value=e;this.valueChange.emit(e)}_checkAutoFocus(){if(!this.autofocus){return}if(!this._inputRef){setTimeout((()=>this._checkAutoFocus()),100);return}this._focusInput()}};m.style=h;const u="*{box-sizing:border-box}.static{position:static!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";const g=u;const x=class{constructor(i){t(this,i);this.focus=e(this,"focus",7);this.label=undefined;this.variant=undefined;this.helper=undefined;this.required=undefined;this.error=undefined;this.errorPlacement=undefined;this.forceShowTooltip=false;this.optionalTemplate=this._defaultOptionalTemplate;this._locales={}}_defaultOptionalTemplate=()=>l(this._locales.optional);get _el(){return i(this)}focus;componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:t,hasErrorSlot:e,helper:i,label:o,errorAndErrorIsNotBoolean:n}=this._getSlotInfo();const l=r("slot",{key:"a7e3919d645cc21fa538340b0c9ea7a98e66ca90",name:"content",slot:"trigger"});return r(a,{key:"44a79d2058aafb4d9bf89f09cb3e7a1a708d99f9",class:"p-field-container"},r("div",{key:"47af2893a5f27a1a905c846a016c183756d026f8",class:"flex w-inherit flex-col gap-1"},r("div",{key:"cd64bc812c19e11d35ea4eb1756f9885a1f2a148",class:"flex items-end justify-between gap-1"},o&&r("div",{key:"962aecba76c4ba9326ed992d6ad39c1efbdab8ab",class:"text-xs font-medium text-black-teal-300",onClick:()=>this.focus.emit()},o),(!this.required||i||t)&&r("div",{key:"d0cdd8810de8098eaca90d2aeddd1f01fbcd0faf",class:"flex items-center gap-1"},!this.required&&this.variant==="write"&&r("span",{key:"e83d37fcb0050bad328d0aa2d6890c1226fe17fb",class:"text-xs font-medium text-black-teal-200"},this.optionalTemplate()),(i||t)&&r(s,{key:"c156ee1c951fec9dbe602cf317ff7591a6bce9bf"},t&&r("slot",{key:"e568644b05673354c9059042b0ba40f137d1709c",name:"header"}),i&&r("p-helper",{key:"7dcbdd61deb2eba74abf8f57b245b011fbf9066b",class:`flex ${t?"ml-2":""}`,placement:"top-end"},i)))),r("p-tooltip",{key:"08fa8890dc2c859d8e99ae26775cb3c5695cd037",class:this.variant==="write"?"w-full":"",variant:"error",content:this.error,show:n&&this.forceShowTooltip,enableUserInput:false,placement:this.errorPlacement},e&&r("slot",{key:"d81dd610ce5957a0f15e8afd02dca9c270a6f63b",name:"error",slot:"content"}),l)))}async _setLocales(){this._locales=await c(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=g;export{m as p_field,x as p_field_container};
-//# sourceMappingURL=p-eb654d58.entry.js.map