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

package/dist/build/p-0413fcd0.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as a,H as r,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 as l,o as c,f as d,s as p}from"./p-170077a4.js";import{c as h}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}.h-6{height:1.5rem!important}.w-4{width:1rem!important}.w-6{width:1.5rem!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}.rounded-lg{border-radius:.5rem!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-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:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 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:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 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}.peer:checked~.peer-checked\\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex!important}";const m=b;const g=o(["peer appearance-none m-0 outline-none flex-shrink-0","border border-inset border-solid "],{variants:{size:{sm:"rounded w-4 h-4",base:"rounded-lg w-6 h-6"},disabled:{false:["cursor-pointer shadow-1","bg-white border-black-teal-100","hover:bg-supportivce-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 checked:hover:border-black-teal/20","indeterminate:bg-supportive-lilac 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 "}},compoundVariants:[{disabled:false,class:["cursor-pointer shadow-1","bg-white border-black-teal-100","hover:bg-supportive-lilac-100 hover:border-black-teal-100"]}]});const w=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 v=class{constructor(a){t(this,a);this.checkedChange=e(this,"checkedChange",7);this.indeterminateChange=e(this,"indeterminateChange",7);this.checked=undefined;this.indeterminate=undefined;this.size="base";this.disabled=false;this.required=true;this.id=undefined;this.name=undefined;this._nonce=s(5)}checkedChange;indeterminateChange;render(){return a(r,{key:"29712b68566aa174a26cadca7f871c172b521097",class:"p-checkbox"},a("label",{key:"d36bd4cc81188b83d82bc1e851b91410efd67467",htmlFor:this.id??this._nonce,class:"flex items-center justify-start gap-2 text-black-teal"},a("div",{key:"afd3b940652f1c275e182617368f17986add44b0",class:"relative flex flex-shrink-0 items-center"},a("input",{key:"3bf25b405487ebf4a80228d729eb8c6e545802b5",class:g({size:this.size,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)}),a("div",{key:"940a02a1510e94a243c9e6241aa6a5b63d18d7ad",class:w({disabled:this.disabled})},a("p-icon",{key:"db72ee323d02ac27881c0ba89902784a22989cfc",size:this.size,class:"drop-shadow-black-teal-10%",variant:!!this.indeterminate?"minus":"checkmark"}))),a("slot",{key:"76e74f54004070d0cbc79d652f07853d638bb942"})))}_onChange(t){if(this.disabled){t.preventDefault();return}const e=t.target.checked;const a=t.target.indeterminate;if(e!=this.checked){this.checked=e;this.checkedChange.emit(e)}if(a!=this.indeterminate){this.indeterminate=a;this.indeterminateChange.emit(a)}}};v.style=m;const f=".flex{display:flex!important}.hidden{display:none!important}*{box-sizing:border-box}p-dropdown p-dropdown-menu-container{display:none}p-dropdown p-dropdown-menu-container[data-show]{display:flex}.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}";const u=f;const x=o(["z-dropdown hidden"],{variants:{strategy:{absolute:"absolute",fixed:"fixed"}}});const k=class{constructor(a){t(this,a);this.isOpen=e(this,"isOpen",3);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()}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=a("p-portal",{key:"5d9510a6759f791fb120fc06a31329a21f623f02",...t},a("p-dropdown-menu-container",{key:"ea8ef6c6bba695321c530e12051881613fb73fac",maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable},a("slot",{key:"6ab8276bd86e17e48cea60aee12809edaf4d59ad",name:"items"})))}else{e=a("p-dropdown-menu-container",{key:"fa587ed2bf372b31843d0e39b2cf5309d62fc0b5",maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable,...t},a("slot",{key:"91a76863819e3c4d2cfd97f7b935b0b444d9dacc",name:"items"}))}return a(r,{key:"b5feffa63e8b3539ea8f7a00fcafab83d0be9c4e",class:"p-dropdown relative"},a("div",{key:"ffe6f1d230d2281e6c704683dd08c9e74261dbe3",class:"trigger",ref:t=>this._trigger=t,onClick:()=>this._triggerClickHandler()},a("slot",{key:"f01bb68c26c92da98d639ba49aa1723a841c6c92",name:"trigger"})),e)}_checkButtons(t=false){if(!this.applyChevron){return}const e=this._el.querySelectorAll('p-button[slot="trigger"]');for(let a of[...e]){a.chevronPosition=this.chevronPosition;a.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?"up":"down";a.disabled=this.disableTriggerClick;a.active=t}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler({target:t}){if(!this._menu.hasAttribute("data-show")||h(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("flex");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("flex");this._menu.classList.add("hidden");this.isOpen.emit(false);this._checkButtons(false)}_update(){if(!this._menu){return}l(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[c(this.offset),d(),p()]}).then((({x:t,y:e,placement:a})=>{this._menu.dataset.placement=a;Object.assign(this._menu.style,{top:`${e}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"]}}};k.style=u;const y="*{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-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-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}.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}";const _=y;const C=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,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:"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 z=o(["text-base"],{variants:{variant:{default: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:"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 j=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 a(r,{key:"eae3f121b78a2cf2f43116a383addfe754b824d3",class:C({variant:this.variant,active:this.active,enableHover:this.enableHover,disabled:this.disabled})},this.icon&&a("p-icon",{key:"3fc1da2563895786896ab6d280b3759b021e7274",class:z({variant:this.variant,active:this.active,disabled:this.disabled}),variant:this.icon}),this.checkbox&&a("p-checkbox",{key:"7c3b45d2c9c42c82095d9d8ba20350c5d0c341eb",size:"sm",checked:this.active,disabled:this.disabled}),this.useContainer?a("div",{class:"block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start"},a("slot",null)):a("slot",null))}};j.style=_;export{v as p_checkbox,k as p_dropdown,j as p_dropdown_menu_item};
+//# sourceMappingURL=p-0413fcd0.entry.js.map

package/dist/build/p-0413fcd0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["checkboxComponentCss","PCheckboxStyle0","checkbox","cva","variants","size","sm","base","disabled","false","true","compoundVariants","class","icon","Checkbox","nonce","checkedChange","indeterminateChange","render","h","Host","key","htmlFor","this","id","_nonce","type","name","required","checked","indeterminate","onChange","ev","_onChange","variant","preventDefault","target","emit","dropdownComponentCss","PDropdownStyle0","dropdownContainerClass","strategy","absolute","fixed","Dropdown","isOpen","_loaded","_trigger","_menu","_cleanup","componentShouldUpdate","_update","componentDidLoad","_checkButtons","disconnectedCallback","remove","componentDidRender","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","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","dropdownMenuItemComponentCss","PDropdownMenuItemStyle0","dropdownMenuItem","default","negative","enableHover","dropdownMenuItemIcon","DropdownMenuItem","useContainer"],"sources":["src/components/atoms/checkbox/checkbox.component.css?tag=p-checkbox","src/components/atoms/checkbox/checkbox.component.tsx","src/components/molecules/dropdown/dropdown.component.scss?tag=p-dropdown","src/components/molecules/dropdown/dropdown.component.tsx","src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.scss?tag=p-dropdown-menu-item","src/components/atoms/dropdown-menu-item/dropdown-menu-item.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],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: 'rounded w-4 h-4',\n\t\t\t\tbase: 'rounded-lg w-6 h-6',\n\t\t\t},\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-supportivce-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 checked:hover:border-black-teal/20',\n\t\t\t\t\t'indeterminate:bg-supportive-lilac 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\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = 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\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 * The size of the checkbox\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\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='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\tsize: this.size,\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={icon({\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\tsize={this.size}\n\t\t\t\t\t\t\t\tclass='drop-shadow-black-teal-10%'\n\t\t\t\t\t\t\t\tvariant={!!this.indeterminate ? 'minus' : 'checkmark'}\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","p-dropdown {\n\tp-dropdown-menu-container {\n\t\t@apply hidden;\n\n\t\t&[data-show] {\n\t\t\t@apply flex;\n\t\t}\n\t}\n}\n","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.scss',\n})\nexport class Dropdown {\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}\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\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\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\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('flex');\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('flex');\n\t\tthis._menu.classList.add('hidden');\n\n\t\tthis.isOpen.emit(false);\n\t\tthis._checkButtons(false);\n\t}\n\n\tprivate _update() {\n\t\tif (!this._menu) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._menu, {\n\t\t\tplacement: this.placement,\n\t\t\tstrategy: this.strategy,\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._menu.dataset.placement = placement;\n\t\t\tObject.assign(this._menu.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n",null,"import { Component, 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\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: '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\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: '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.scss',\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' | '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\tsize='sm'\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"],"mappings":"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","ignoreList":[]}

package/dist/build/p-0bbd4d1c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as i,h as e,H as a,c as r}from"./p-45ded510.js";import{a as o,c as s,o as n,f as p,s as h}from"./p-170077a4.js";import{c as d}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const l=class{constructor(i){t(this,i)}get _el(){return i(this)}_moved=false;createPortal(){document.body.append(this._el)}componentDidLoad(){this.createPortal()}disconnectedCallback(){this._moved?this._el.remove():this._moved=true}render(){return e(a,{key:"04f9a6ddfe5756fff19f51575ed4869d85c756d5"},e("slot",{key:"ad0bd91e83e2b35f2bdb10ed17a1d77be095782d"}))}};const c="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-\\[2px\\]{width:2px!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.w-max{width:max-content!important}.max-w-\\[14\\.5rem\\]{max-width:14.5rem!important}.max-w-full{max-width:100%!important}.cursor-pointer{cursor:pointer!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.bg-black-teal{--tw-bg-opacity:1!important;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))!important}.bg-negative-red{background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";const m=c;const b=d(["inline-block px-2","text-xs","opacity-0 drop-shadow-3 transition-opacity","rounded-lg","z-tooltip","pointer-events-none"],{variants:{variant:{hover:"bg-black-teal text-white py-1",click:null,error:"max-w-full w-full"},strategy:{none:null,fixed:"fixed",absolute:"absolute"}},compoundVariants:[{variant:["hover","click"],class:"max-w-[14.5rem] w-max"},{variant:["click","error"],class:"bg-white text-black-teal-300 py-2"}]});const u=d("",{variants:{strategy:{fixed:"fixed",absolute:"absolute"}}});const f=class{constructor(i){t(this,i);this.isOpen=r(this,"isOpen",3);this.variant="hover";this.content=null;this.placement=undefined;this.offset=8;this.strategy="absolute";this.enableUserInput=true;this.show=false;this.usePortal=false;this.canManuallyClose=true}isOpen;get _el(){return i(this)}_hasContentSlot=false;_loaded=false;_popover;_cleanup;componentWillLoad(){this._hasContentSlot=!!this._el.querySelector(':scope > [slot="content"]')}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){const t={role:"popover","data-placement":this.placement,ref:t=>this._load(t)};let i;const r=e("div",{key:"e773c573f879f37ca26e3efb0621a148150cc988",class:b({variant:this.variant,strategy:this.usePortal?"none":this.strategy}),...this.usePortal?{}:t},e("div",{key:"beae5aa49190a54cb3852aed32989e4393a4577b",class:"flex gap-2"},this.variant==="error"&&e("div",{key:"2df89a5828f590f1140e7b49d0fdbc0bbd342e76",class:"w-[2px] bg-negative-red"}),this.content?this.content:e("slot",{name:"content"})));if(this.usePortal){i=e("p-portal",{key:"b10a6efabbd222ac3f49ce1ed609225d43aef28c",class:u({strategy:this.strategy}),...t},r)}else{i=r}return e(a,{key:"49b2555dfde9308712f54352b71b6b3392237f92",class:"p-popover flex cursor-pointer"},e("div",{key:"75bfdc10b8af271be06fb857d3f08e040c05711a",class:"relative h-inherit w-inherit"},e("slot",{key:"9dae75ed3b6edb2384b8a5d5b573aad90278a875",name:"trigger"}),i))}clickHandler(){if(this.variant==="hover"||!this.enableUserInput){return}if(this._popover.hasAttribute("data-show")){return}this._show()}documentClickHandler(){if(this.variant==="hover"||!this.canManuallyClose||this.show){return}if(!this._popover.hasAttribute("data-show")){return}this._hide()}mouseEnterHandler(){if(this.variant!=="hover"||!this.enableUserInput){return}this._show()}mouseLeaveHandler(){if(this.show||this.variant!=="hover"||!this.enableUserInput){return}this._hide()}onShowChange(t){if(t&&!this._popover.hasAttribute("data-show")){return this._show()}return this._hide()}_show(){if(!this._loaded){return}if(!this.content?.length&&!this._hasContentSlot){if(this._popover.hasAttribute("data-show")){this._hide()}return}this._cleanup=o(this._el,this._popover,(()=>this._update()));this._popover.setAttribute("data-show","");this._popover.classList.remove("opacity-0","pointer-events-none");this._popover.classList.add("opacity-100","pointer-events-auto");this.isOpen.emit(true)}_hide(){if(!this._loaded){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._popover.removeAttribute("data-show");this._popover.classList.remove("opacity-100","pointer-events-auto");this._popover.classList.add("opacity-0","pointer-events-none");this.isOpen.emit(false)}_load(t){this._popover=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_update(){if(!this._popover){return}s(this._el,this._popover,{placement:this.variant==="error"&&!this.placement?"bottom-start":this.placement??"top",strategy:this.strategy,middleware:[n(this.offset),p(),h()]}).then((({x:t,y:i,placement:e})=>{this._popover.dataset.placement=e;Object.assign(this._popover.style,{top:`${i}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"]}}};f.style=m;export{l as p_portal,f as p_tooltip};
+//# sourceMappingURL=p-0bbd4d1c.entry.js.map

package/dist/build/p-0bbd4d1c.entry.js.map

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

package/dist/build/p-0c040d86.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as r,c as o}from"./p-45ded510.js";const i=".flex{display:flex!important}.min-h-full{min-height:100%!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));display:flex;flex:1 1 0%;flex-direction:column;min-height:100%;padding:1.5rem 1rem env(safe-area-inset-bottom,0);width:100%}.static{position:static!important}";const e=i;const n=class{constructor(a){t(this,a);this.variant="default"}render(){return a(r,{key:"b3733a13455dd1ea7cfd813c70b759301aad7ddb",class:`p-drawer-body variant-${this.variant}`},a("slot",{key:"9cdaffefb9a76d63d402bf5df9a8a1c785ffd932"}))}};n.style=e;const s=".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.animate-in{--tw-enter-opacity:initial!important;--tw-enter-scale:initial!important;--tw-enter-rotate:initial!important;--tw-enter-translate-x:initial!important;--tw-enter-translate-y:initial!important;animation-duration:.15s!important;animation-name:enter!important}*{box-sizing:border-box}p-drawer-container{--tw-bg-opacity:1;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;--tw-enter-translate-x:100%;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;animation-duration:.15s;animation-name:enter;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}p-drawer-container.closing{--tw-exit-translate-x:100%}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!important}";const d=s;const p=class{constructor(a){t(this,a);this.closing=false}render(){return a(r,{key:"8fff9cd196871aa7c5738182e0f24e86b488f0a9",class:`p-drawer-container ${this.closing&&"closing"}`},a("slot",{key:"c52ac3f20264e553fd2f9e3429535ab24ecd1eed"}))}};p.style=d;const c=".absolute{position:absolute!important}.sticky{position:sticky!important}.top-0{top:0!important}.z-drawer-header{z-index:501!important}.flex{display:flex!important}.items-center{align-items:center!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-b-mystic-dark{--tw-border-opacity:1!important;border-bottom-color:rgb(218 230 240/var(--tw-border-opacity,1))!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-width:0!important;border-bottom:1px rgb(218 230 240/var(--tw-border-opacity,1))!important;border-style:solid!important;color:rgb(39 40 56/var(--tw-text-opacity,1));display:flex;font-size:1.25rem;font-weight:600;justify-content:center;line-height:1.75rem;padding:calc(env(safe-area-inset-top, 0) + 1rem) 1rem 1rem;position:sticky;top:0;z-index:501}:host p-button{left:1rem;position:absolute;top:calc(env(safe-area-inset-top, 0) + 1rem)}.static{position:static!important}";const l=c;const m=class{constructor(a){t(this,a);this.close=o(this,"close",3);this.showClose=true}close;render(){return a(r,{key:"ac60faaafaa2d0ecb13e0be70848bc623c002b69",class:"p-drawer-header"},this.showClose&&a("p-button",{key:"da636aab294d800a0de03b02fbe63971c6d2a2cf",variant:"secondary",icon:"negative",iconOnly:true,onClick:()=>this.close.emit(),size:"sm"}),a("slot",{key:"5aab881dedd79021a2aec11fe875334c561107da"}))}};m.style=l;export{n as p_drawer_body,p as p_drawer_container,m as p_drawer_header};
+//# sourceMappingURL=p-0c040d86.entry.js.map

package/dist/build/p-0c040d86.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["drawerBodyComponentCss","PDrawerBodyStyle0","ModalBody","render","h","Host","key","class","this","variant","drawerContainerComponentCss","PDrawerContainerStyle0","ModalContainer","closing","drawerHeaderComponentCss","PDrawerHeaderStyle0","ModalHeader","close","showClose","icon","iconOnly","onClick","emit","size"],"sources":["src/components/atoms/drawer-body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer-body/drawer-body.component.tsx","src/components/atoms/drawer-container/drawer-container.component.scss?tag=p-drawer-container","src/components/atoms/drawer-container/drawer-container.component.tsx","src/components/atoms/drawer-header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer-header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col;\n\t@apply min-h-full w-full px-4 py-6;\n\t@apply bg-mystic;\n\n\tpadding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-body variant-${this.variant}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-drawer-container {\n\t@apply z-drawer flex flex-col;\n\t// tablet:w-[22.5rem]\n\t@apply w-full tablet:w-[22.5rem];\n\t@apply bg-white;\n\t@apply min-h-screen;\n\t@apply animate-in slide-in-from-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply slide-out-to-right;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply bg-white;\n\t@apply sticky top-0 flex items-center justify-center;\n\t@apply z-drawer-header p-4;\n\n\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n\t@apply text-xl font-semibold text-storm-dark;\n\n\t@apply border-0 border-b border-solid border-b-mystic-dark #{!important};\n\n\tp-button {\n\t\t@apply absolute left-4;\n\n\t\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\t}\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-drawer-header'>\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,ucAC/B,MAAAC,EAAeD,E,MCMFE,EAAS,M,sCAIkB,S,CAEvC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,yBAAyBC,KAAKC,WAC1CL,EAAA,QAAAE,IAAA,6C,aChBJ,MAAMI,EAA8B,6oDACpC,MAAAC,EAAeD,E,MCWFE,EAAc,M,sCAIC,K,CAE3B,MAAAT,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,sBAAsBC,KAAKK,SAAW,aAClDT,EAAA,QAAAE,IAAA,6C,aCrBJ,MAAMQ,EAA2B,msCACjC,MAAAC,EAAeD,E,MCMFE,EAAW,M,qEAIH,I,CAQpBC,MAEA,MAAAd,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,mBACVC,KAAKU,WACLd,EAAA,YAAAE,IAAA,2CACCG,QAAQ,YACRU,KAAK,WACLC,SAAU,KACVC,QAAS,IAAMb,KAAKS,MAAMK,OAC1BC,KAAK,OAIPnB,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/build/p-0e1935d5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as r,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}.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;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}";const i=e;const l=o(["p-dropdown-menu-container","p-1","bg-white rounded-lg z-10 drop-shadow-2","border border-black-teal-100"],{variants:{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 d=class{constructor(r){t(this,r);this.maxWidth=true;this.class=undefined;this.fullWidth=true;this.allowOverflow=false;this.scrollable=false}render(){const t=this.scrollable===false?"none":this.scrollable===true?"default":this.scrollable;return r(a,{key:"e549573c5aeddeceb9cf8970ff3e4f1a49416a9e",class:l({class:this.class,fullWidth:this.fullWidth,allowOverflow:this.allowOverflow,scrollable:t,maxWidth:this.maxWidth})},r("div",{key:"42ac40b2ac896553e130803dbfa849cca34cfb84",class:"flex w-full flex-col gap-[1px]"},r("slot",{key:"73fa9c93c564274aaa24910bf7215b23a8d93fe9"})))}};d.style=i;export{d as p_dropdown_menu_container};
+//# sourceMappingURL=p-0e1935d5.entry.js.map

package/dist/build/p-0e1935d5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownMenuContainerComponentCss","PDropdownMenuContainerStyle0","dropdownMenuContainer","cva","variants","fullWidth","false","true","allowOverflow","scrollable","none","default","large","xlarge","maxWidth","DropdownMenuContainer","render","this","h","Host","key","class"],"sources":["src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.scss?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[\n\t\t'p-dropdown-menu-container',\n\t\t'p-1',\n\t\t'bg-white rounded-lg z-10 drop-shadow-2',\n\t\t'border border-black-teal-100',\n\t],\n\t{\n\t\tvariants: {\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.scss',\n})\nexport class DropdownMenuContainer {\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\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":"8GAAA,MAAMA,EAAoC,6sCAC1C,MAAAC,EAAeD,ECEf,MAAME,EAAwBC,EAC7B,CACC,4BACA,MACA,yCACA,gCAED,CACCC,SAAU,CACTC,UAAW,CACVC,MAAO,KACPC,KAAM,UAEPC,cAAe,CACdF,MAAO,oCACPC,KAAM,MAEPE,WAAY,CACXC,KAAM,KACNC,QAAS,kBACTC,MAAO,oBACPC,OAAQ,iBAETC,SAAU,CACTR,MAAO,KACPC,KAAM,+B,MAUGQ,EAAqB,M,uCAIL,K,oCAUC,K,mBAKI,M,gBAK8B,K,CAE/D,MAAAC,GACC,MAAMP,EACLQ,KAAKR,aAAe,MACjB,OACAQ,KAAKR,aAAe,KACpB,UACAQ,KAAKR,WAET,OACCS,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAOnB,EAAsB,CAC5BmB,MAAOJ,KAAKI,MACZhB,UAAWY,KAAKZ,UAChBG,cAAeS,KAAKT,cACpBC,aACAK,SAAUG,KAAKH,YAGhBI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kCACVH,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/build/p-14e63599.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as o}from"./p-45ded510.js";const i="*{box-sizing:border-box}.static{position:static!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";const a=i;const n=class{constructor(e){t(this,e)}render(){return e(o,{key:"03f65d5a95070603d879ebb523bef42234c2b84c",class:"p-navigation-title text-xs font-medium text-black-teal-300"},e("slot",{key:"77812e71ced0173f0794306d312b8f93d3576aad"}))}};n.style=a;export{n as p_navigation_title};
+//# sourceMappingURL=p-14e63599.entry.js.map

package/dist/build/p-14e63599.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["navigationTitleComponentCss","PNavigationTitleStyle0","NavigationTitle","render","h","Host","key","class"],"sources":["src/components/atoms/navigation-title/navigation-title.component.scss?tag=p-navigation-title","src/components/atoms/navigation-title/navigation-title.component.tsx"],"sourcesContent":[null,"import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.scss',\n\tshadow: false,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-title text-xs font-medium text-black-teal-300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAA8B,gRACpC,MAAAC,EAAeD,E,MCMFE,EAAe,M,yBAC3B,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,8DACXH,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/build/p-170077a4.js

@@ -0,0 +1,2 @@
+const t=["top","right","bottom","left"];const n=["start","end"];const e=t.reduce(((t,e)=>t.concat(e,e+"-"+n[0],e+"-"+n[1])),[]);const o=Math.min;const s=Math.max;const r=Math.round;const c=Math.floor;const i=t=>({x:t,y:t});const l={left:"right",right:"left",bottom:"top",top:"bottom"};const a={start:"end",end:"start"};function f(t,n,e){return s(t,o(n,e))}function u(t,n){return typeof t==="function"?t(n):t}function d(t){return t.split("-")[0]}function m(t){return t.split("-")[1]}function h(t){return t==="x"?"y":"x"}function p(t){return t==="y"?"height":"width"}function y(t){return["top","bottom"].includes(d(t))?"y":"x"}function w(t){return h(y(t))}function g(t,n,e){if(e===void 0){e=false}const o=m(t);const s=w(t);const r=p(s);let c=s==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[r]>n.floating[r]){c=R(c)}return[c,R(c)]}function x(t){const n=R(t);return[v(t),n,v(n)]}function v(t){return t.replace(/start|end/g,(t=>a[t]))}function b(t,n,e){const o=["left","right"];const s=["right","left"];const r=["top","bottom"];const c=["bottom","top"];switch(t){case"top":case"bottom":if(e)return n?s:o;return n?o:s;case"left":case"right":return n?r:c;default:return[]}}function A(t,n,e,o){const s=m(t);let r=b(d(t),e==="start",o);if(s){r=r.map((t=>t+"-"+s));if(n){r=r.concat(r.map(v))}}return r}function R(t){return t.replace(/left|right|bottom|top/g,(t=>l[t]))}function k(t){return{top:0,right:0,bottom:0,left:0,...t}}function S(t){return typeof t!=="number"?k(t):{top:t,right:t,bottom:t,left:t}}function O(t){const{x:n,y:e,width:o,height:s}=t;return{width:o,height:s,top:e,left:n,right:n+o,bottom:e+s,x:n,y:e}}function F(t,n,e){let{reference:o,floating:s}=t;const r=y(n);const c=w(n);const i=p(c);const l=d(n);const a=r==="y";const f=o.x+o.width/2-s.width/2;const u=o.y+o.height/2-s.height/2;const h=o[i]/2-s[i]/2;let g;switch(l){case"top":g={x:f,y:o.y-s.height};break;case"bottom":g={x:f,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:u};break;case"left":g={x:o.x-s.width,y:u};break;default:g={x:o.x,y:o.y}}switch(m(n)){case"start":g[c]-=h*(e&&a?-1:1);break;case"end":g[c]+=h*(e&&a?-1:1);break}return g}const D=async(t,n,e)=>{const{placement:o="bottom",strategy:s="absolute",middleware:r=[],platform:c}=e;const i=r.filter(Boolean);const l=await(c.isRTL==null?void 0:c.isRTL(n));let a=await c.getElementRects({reference:t,floating:n,strategy:s});let{x:f,y:u}=F(a,o,l);let d=o;let m={};let h=0;for(let e=0;e<i.length;e++){const{name:r,fn:p}=i[e];const{x:y,y:w,data:g,reset:x}=await p({x:f,y:u,initialPlacement:o,placement:d,strategy:s,middlewareData:m,rects:a,platform:c,elements:{reference:t,floating:n}});f=y!=null?y:f;u=w!=null?w:u;m={...m,[r]:{...m[r],...g}};if(x&&h<=50){h++;if(typeof x==="object"){if(x.placement){d=x.placement}if(x.rects){a=x.rects===true?await c.getElementRects({reference:t,floating:n,strategy:s}):x.rects}({x:f,y:u}=F(a,d,l))}e=-1}}return{x:f,y:u,placement:d,strategy:s,middlewareData:m}};async function P(t,n){var e;if(n===void 0){n={}}const{x:o,y:s,platform:r,rects:c,elements:i,strategy:l}=t;const{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:m=false,padding:h=0}=u(n,t);const p=S(h);const y=d==="floating"?"reference":"floating";const w=i[m?y:d];const g=O(await r.getClippingRect({element:((e=await(r.isElement==null?void 0:r.isElement(w)))!=null?e:true)?w:w.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(i.floating)),boundary:a,rootBoundary:f,strategy:l}));const x=d==="floating"?{x:o,y:s,width:c.floating.width,height:c.floating.height}:c.reference;const v=await(r.getOffsetParent==null?void 0:r.getOffsetParent(i.floating));const b=await(r.isElement==null?void 0:r.isElement(v))?await(r.getScale==null?void 0:r.getScale(v))||{x:1,y:1}:{x:1,y:1};const A=O(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:i,rect:x,offsetParent:v,strategy:l}):x);return{top:(g.top-A.top+p.top)/b.y,bottom:(A.bottom-g.bottom+p.bottom)/b.y,left:(g.left-A.left+p.left)/b.x,right:(A.right-g.right+p.right)/b.x}}const T=t=>({name:"arrow",options:t,async fn(n){const{x:e,y:s,placement:r,rects:c,platform:i,elements:l,middlewareData:a}=n;const{element:d,padding:h=0}=u(t,n)||{};if(d==null){return{}}const y=S(h);const g={x:e,y:s};const x=w(r);const v=p(x);const b=await i.getDimensions(d);const A=x==="y";const R=A?"top":"left";const k=A?"bottom":"right";const O=A?"clientHeight":"clientWidth";const F=c.reference[v]+c.reference[x]-g[x]-c.floating[v];const D=g[x]-c.reference[x];const P=await(i.getOffsetParent==null?void 0:i.getOffsetParent(d));let T=P?P[O]:0;if(!T||!await(i.isElement==null?void 0:i.isElement(P))){T=l.floating[O]||c.floating[v]}const C=F/2-D/2;const z=T/2-b[v]/2-1;const B=o(y[R],z);const H=o(y[k],z);const M=B;const L=T-b[v]-H;const E=T/2-b[v]/2+C;const I=f(M,E,L);const N=!a.arrow&&m(r)!=null&&E!==I&&c.reference[v]/2-(E<M?B:H)-b[v]/2<0;const j=N?E<M?E-M:E-L:0;return{[x]:g[x]+j,data:{[x]:I,centerOffset:E-I-j,...N&&{alignmentOffset:j}},reset:N}}});function C(t,n,e){const o=t?[...e.filter((n=>m(n)===t)),...e.filter((n=>m(n)!==t))]:e.filter((t=>d(t)===t));return o.filter((e=>{if(t){return m(e)===t||(n?v(e)!==e:false)}return true}))}const z=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,async fn(n){var o,s,r;const{rects:c,middlewareData:i,placement:l,platform:a,elements:f}=n;const{crossAxis:h=false,alignment:p,allowedPlacements:y=e,autoAlignment:w=true,...x}=u(t,n);const v=p!==undefined||y===e?C(p||null,w,y):y;const b=await P(n,x);const A=((o=i.autoPlacement)==null?void 0:o.index)||0;const R=v[A];if(R==null){return{}}const k=g(R,c,await(a.isRTL==null?void 0:a.isRTL(f.floating)));if(l!==R){return{reset:{placement:v[0]}}}const S=[b[d(R)],b[k[0]],b[k[1]]];const O=[...((s=i.autoPlacement)==null?void 0:s.overflows)||[],{placement:R,overflows:S}];const F=v[A+1];if(F){return{data:{index:A+1,overflows:O},reset:{placement:F}}}const D=O.map((t=>{const n=m(t.placement);return[t.placement,n&&h?t.overflows.slice(0,2).reduce(((t,n)=>t+n),0):t.overflows[0],t.overflows]})).sort(((t,n)=>t[1]-n[1]));const T=D.filter((t=>t[2].slice(0,m(t[0])?2:3).every((t=>t<=0))));const z=((r=T[0])==null?void 0:r[0])||D[0][0];if(z!==l){return{data:{index:A+1,overflows:O},reset:{placement:z}}}return{}}}};const B=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:s,middlewareData:r,rects:c,initialPlacement:i,platform:l,elements:a}=n;const{mainAxis:f=true,crossAxis:m=true,fallbackPlacements:h,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:w="none",flipAlignment:v=true,...b}=u(t,n);if((e=r.arrow)!=null&&e.alignmentOffset){return{}}const k=d(s);const S=y(i);const O=d(i)===i;const F=await(l.isRTL==null?void 0:l.isRTL(a.floating));const D=h||(O||!v?[R(i)]:x(i));const T=w!=="none";if(!h&&T){D.push(...A(i,v,w,F))}const C=[i,...D];const z=await P(n,b);const B=[];let H=((o=r.flip)==null?void 0:o.overflows)||[];if(f){B.push(z[k])}if(m){const t=g(s,c,F);B.push(z[t[0]],z[t[1]])}H=[...H,{placement:s,overflows:B}];if(!B.every((t=>t<=0))){var M,L;const t=(((M=r.flip)==null?void 0:M.index)||0)+1;const n=C[t];if(n){return{data:{index:t,overflows:H},reset:{placement:n}}}let e=(L=H.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:L.placement;if(!e){switch(p){case"bestFit":{var E;const t=(E=H.filter((t=>{if(T){const n=y(t.placement);return n===S||n==="y"}return true})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:E[0];if(t){e=t}break}case"initialPlacement":e=i;break}}if(s!==e){return{reset:{placement:e}}}}return{}}}};function H(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function M(n){return t.some((t=>n[t]>=0))}const L=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(n){const{rects:e}=n;const{strategy:o="referenceHidden",...s}=u(t,n);switch(o){case"referenceHidden":{const t=await P(n,{...s,elementContext:"reference"});const o=H(t,e.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:M(o)}}}case"escaped":{const t=await P(n,{...s,altBoundary:true});const o=H(t,e.floating);return{data:{escapedOffsets:o,escaped:M(o)}}}default:{return{}}}}}};function E(t){const n=o(...t.map((t=>t.left)));const e=o(...t.map((t=>t.top)));const r=s(...t.map((t=>t.right)));const c=s(...t.map((t=>t.bottom)));return{x:n,y:e,width:r-n,height:c-e}}function I(t){const n=t.slice().sort(((t,n)=>t.y-n.y));const e=[];let o=null;for(let t=0;t<n.length;t++){const s=n[t];if(!o||s.y-o.y>o.height/2){e.push([s])}else{e[e.length-1].push(s)}o=s}return e.map((t=>O(E(t))))}const N=function(t){if(t===void 0){t={}}return{name:"inline",options:t,async fn(n){const{placement:e,elements:r,rects:c,platform:i,strategy:l}=n;const{padding:a=2,x:f,y:m}=u(t,n);const h=Array.from(await(i.getClientRects==null?void 0:i.getClientRects(r.reference))||[]);const p=I(h);const w=O(E(h));const g=S(a);function x(){if(p.length===2&&p[0].left>p[1].right&&f!=null&&m!=null){return p.find((t=>f>t.left-g.left&&f<t.right+g.right&&m>t.top-g.top&&m<t.bottom+g.bottom))||w}if(p.length>=2){if(y(e)==="y"){const t=p[0];const n=p[p.length-1];const o=d(e)==="top";const s=t.top;const r=n.bottom;const c=o?t.left:n.left;const i=o?t.right:n.right;const l=i-c;const a=r-s;return{top:s,bottom:r,left:c,right:i,width:l,height:a,x:c,y:s}}const t=d(e)==="left";const n=s(...p.map((t=>t.right)));const r=o(...p.map((t=>t.left)));const c=p.filter((e=>t?e.left===r:e.right===n));const i=c[0].top;const l=c[c.length-1].bottom;const a=r;const f=n;const u=f-a;const m=l-i;return{top:i,bottom:l,left:a,right:f,width:u,height:m,x:a,y:i}}return w}const v=await i.getElementRects({reference:{getBoundingClientRect:x},floating:r.floating,strategy:l});if(c.reference.x!==v.reference.x||c.reference.y!==v.reference.y||c.reference.width!==v.reference.width||c.reference.height!==v.reference.height){return{reset:{rects:v}}}return{}}}};async function j(t,n){const{placement:e,platform:o,elements:s}=t;const r=await(o.isRTL==null?void 0:o.isRTL(s.floating));const c=d(e);const i=m(e);const l=y(e)==="y";const a=["left","top"].includes(c)?-1:1;const f=r&&l?-1:1;const h=u(n,t);let{mainAxis:p,crossAxis:w,alignmentAxis:g}=typeof h==="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};if(i&&typeof g==="number"){w=i==="end"?g*-1:g}return l?{x:w*f,y:p*a}:{x:p*a,y:w*f}}const q=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:s,y:r,placement:c,middlewareData:i}=n;const l=await j(n,t);if(c===((e=i.offset)==null?void 0:e.placement)&&(o=i.arrow)!=null&&o.alignmentOffset){return{}}return{x:s+l.x,y:r+l.y,data:{...l,placement:c}}}}};const W=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:s}=n;const{mainAxis:r=true,crossAxis:c=false,limiter:i={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...l}=u(t,n);const a={x:e,y:o};const m=await P(n,l);const p=y(d(s));const w=h(p);let g=a[w];let x=a[p];if(r){const t=w==="y"?"top":"left";const n=w==="y"?"bottom":"right";const e=g+m[t];const o=g-m[n];g=f(e,g,o)}if(c){const t=p==="y"?"top":"left";const n=p==="y"?"bottom":"right";const e=x+m[t];const o=x-m[n];x=f(e,x,o)}const v=i.fn({...n,[w]:g,[p]:x});return{...v,data:{x:v.x-e,y:v.y-o,enabled:{[w]:r,[p]:c}}}}}};const $=function(t){if(t===void 0){t={}}return{options:t,fn(n){const{x:e,y:o,placement:s,rects:r,middlewareData:c}=n;const{offset:i=0,mainAxis:l=true,crossAxis:a=true}=u(t,n);const f={x:e,y:o};const m=y(s);const p=h(m);let w=f[p];let g=f[m];const x=u(i,n);const v=typeof x==="number"?{mainAxis:x,crossAxis:0}:{mainAxis:0,crossAxis:0,...x};if(l){const t=p==="y"?"height":"width";const n=r.reference[p]-r.floating[t]+v.mainAxis;const e=r.reference[p]+r.reference[t]-v.mainAxis;if(w<n){w=n}else if(w>e){w=e}}if(a){var b,A;const t=p==="y"?"width":"height";const n=["top","left"].includes(d(s));const e=r.reference[m]-r.floating[t]+(n?((b=c.offset)==null?void 0:b[m])||0:0)+(n?0:v.crossAxis);const o=r.reference[m]+r.reference[t]+(n?0:((A=c.offset)==null?void 0:A[m])||0)-(n?v.crossAxis:0);if(g<e){g=e}else if(g>o){g=o}}return{[p]:w,[m]:g}}}};const V=function(t){if(t===void 0){t={}}return{name:"size",options:t,async fn(n){var e,r;const{placement:c,rects:i,platform:l,elements:a}=n;const{apply:f=(()=>{}),...h}=u(t,n);const p=await P(n,h);const w=d(c);const g=m(c);const x=y(c)==="y";const{width:v,height:b}=i.floating;let A;let R;if(w==="top"||w==="bottom"){A=w;R=g===(await(l.isRTL==null?void 0:l.isRTL(a.floating))?"start":"end")?"left":"right"}else{R=w;A=g==="end"?"top":"bottom"}const k=b-p.top-p.bottom;const S=v-p.left-p.right;const O=o(b-p[A],k);const F=o(v-p[R],S);const D=!n.middlewareData.shift;let T=O;let C=F;if((e=n.middlewareData.shift)!=null&&e.enabled.x){C=S}if((r=n.middlewareData.shift)!=null&&r.enabled.y){T=k}if(D&&!g){const t=s(p.left,0);const n=s(p.right,0);const e=s(p.top,0);const o=s(p.bottom,0);if(x){C=v-2*(t!==0||n!==0?t+n:s(p.left,p.right))}else{T=b-2*(e!==0||o!==0?e+o:s(p.top,p.bottom))}}await f({...n,availableWidth:C,availableHeight:T});const z=await l.getDimensions(a.floating);if(v!==z.width||b!==z.height){return{reset:{rects:true}}}return{}}}};function X(){return typeof window!=="undefined"}function Y(t){if(J(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function _(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function G(t){var n;return(n=(J(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function J(t){if(!X()){return false}return t instanceof Node||t instanceof _(t).Node}function K(t){if(!X()){return false}return t instanceof Element||t instanceof _(t).Element}function Q(t){if(!X()){return false}return t instanceof HTMLElement||t instanceof _(t).HTMLElement}function U(t){if(!X()||typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof _(t).ShadowRoot}function Z(t){const{overflow:n,overflowX:e,overflowY:o,display:s}=ct(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(s)}function tt(t){return["table","td","th"].includes(Y(t))}function nt(t){return[":popover-open",":modal"].some((n=>{try{return t.matches(n)}catch(t){return false}}))}function et(t){const n=st();const e=K(t)?ct(t):t;return["transform","translate","scale","rotate","perspective"].some((t=>e[t]?e[t]!=="none":false))||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||["transform","translate","scale","rotate","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function ot(t){let n=lt(t);while(Q(n)&&!rt(n)){if(et(n)){return n}else if(nt(n)){return null}n=lt(n)}return null}function st(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function rt(t){return["html","body","#document"].includes(Y(t))}function ct(t){return _(t).getComputedStyle(t)}function it(t){if(K(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function lt(t){if(Y(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||U(t)&&t.host||G(t);return U(n)?n.host:n}function at(t){const n=lt(t);if(rt(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(Q(n)&&Z(n)){return n}return at(n)}function ft(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const s=at(t);const r=s===((o=t.ownerDocument)==null?void 0:o.body);const c=_(s);if(r){const t=ut(c);return n.concat(c,c.visualViewport||[],Z(s)?s:[],t&&e?ft(t):[])}return n.concat(s,ft(s,[],e))}function ut(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function dt(t){const n=ct(t);let e=parseFloat(n.width)||0;let o=parseFloat(n.height)||0;const s=Q(t);const c=s?t.offsetWidth:e;const i=s?t.offsetHeight:o;const l=r(e)!==c||r(o)!==i;if(l){e=c;o=i}return{width:e,height:o,$:l}}function mt(t){return!K(t)?t.contextElement:t}function ht(t){const n=mt(t);if(!Q(n)){return i(1)}const e=n.getBoundingClientRect();const{width:o,height:s,$:c}=dt(n);let l=(c?r(e.width):e.width)/o;let a=(c?r(e.height):e.height)/s;if(!l||!Number.isFinite(l)){l=1}if(!a||!Number.isFinite(a)){a=1}return{x:l,y:a}}const pt=i(0);function yt(t){const n=_(t);if(!st()||!n.visualViewport){return pt}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function wt(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==_(t)){return false}return n}function gt(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const s=t.getBoundingClientRect();const r=mt(t);let c=i(1);if(n){if(o){if(K(o)){c=ht(o)}}else{c=ht(t)}}const l=wt(r,e,o)?yt(r):i(0);let a=(s.left+l.x)/c.x;let f=(s.top+l.y)/c.y;let u=s.width/c.x;let d=s.height/c.y;if(r){const t=_(r);const n=o&&K(o)?_(o):o;let e=t;let s=ut(e);while(s&&o&&n!==e){const t=ht(s);const n=s.getBoundingClientRect();const o=ct(s);const r=n.left+(s.clientLeft+parseFloat(o.paddingLeft))*t.x;const c=n.top+(s.clientTop+parseFloat(o.paddingTop))*t.y;a*=t.x;f*=t.y;u*=t.x;d*=t.y;a+=r;f+=c;e=_(s);s=ut(e)}}return O({width:u,height:d,x:a,y:f})}function xt(t,n){const e=it(t).scrollLeft;if(!n){return gt(G(t)).left+e}return n.left+e}function vt(t,n,e){if(e===void 0){e=false}const o=t.getBoundingClientRect();const s=o.left+n.scrollLeft-(e?0:xt(t,o));const r=o.top+n.scrollTop;return{x:s,y:r}}function bt(t){let{elements:n,rect:e,offsetParent:o,strategy:s}=t;const r=s==="fixed";const c=G(o);const l=n?nt(n.floating):false;if(o===c||l&&r){return e}let a={scrollLeft:0,scrollTop:0};let f=i(1);const u=i(0);const d=Q(o);if(d||!d&&!r){if(Y(o)!=="body"||Z(c)){a=it(o)}if(Q(o)){const t=gt(o);f=ht(o);u.x=t.x+o.clientLeft;u.y=t.y+o.clientTop}}const m=c&&!d&&!r?vt(c,a,true):i(0);return{width:e.width*f.x,height:e.height*f.y,x:e.x*f.x-a.scrollLeft*f.x+u.x+m.x,y:e.y*f.y-a.scrollTop*f.y+u.y+m.y}}function At(t){return Array.from(t.getClientRects())}function Rt(t){const n=G(t);const e=it(t);const o=t.ownerDocument.body;const r=s(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth);const c=s(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let i=-e.scrollLeft+xt(t);const l=-e.scrollTop;if(ct(o).direction==="rtl"){i+=s(n.clientWidth,o.clientWidth)-r}return{width:r,height:c,x:i,y:l}}function kt(t,n){const e=_(t);const o=G(t);const s=e.visualViewport;let r=o.clientWidth;let c=o.clientHeight;let i=0;let l=0;if(s){r=s.width;c=s.height;const t=st();if(!t||t&&n==="fixed"){i=s.offsetLeft;l=s.offsetTop}}return{width:r,height:c,x:i,y:l}}function St(t,n){const e=gt(t,true,n==="fixed");const o=e.top+t.clientTop;const s=e.left+t.clientLeft;const r=Q(t)?ht(t):i(1);const c=t.clientWidth*r.x;const l=t.clientHeight*r.y;const a=s*r.x;const f=o*r.y;return{width:c,height:l,x:a,y:f}}function Ot(t,n,e){let o;if(n==="viewport"){o=kt(t,e)}else if(n==="document"){o=Rt(G(t))}else if(K(n)){o=St(n,e)}else{const e=yt(t);o={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return O(o)}function Ft(t,n){const e=lt(t);if(e===n||!K(e)||rt(e)){return false}return ct(e).position==="fixed"||Ft(e,n)}function Dt(t,n){const e=n.get(t);if(e){return e}let o=ft(t,[],false).filter((t=>K(t)&&Y(t)!=="body"));let s=null;const r=ct(t).position==="fixed";let c=r?lt(t):t;while(K(c)&&!rt(c)){const n=ct(c);const e=et(c);if(!e&&n.position==="fixed"){s=null}const i=r?!e&&!s:!e&&n.position==="static"&&!!s&&["absolute","fixed"].includes(s.position)||Z(c)&&!e&&Ft(t,c);if(i){o=o.filter((t=>t!==c))}else{s=n}c=lt(c)}n.set(t,o);return o}function Pt(t){let{element:n,boundary:e,rootBoundary:r,strategy:c}=t;const i=e==="clippingAncestors"?nt(n)?[]:Dt(n,this._c):[].concat(e);const l=[...i,r];const a=l[0];const f=l.reduce(((t,e)=>{const r=Ot(n,e,c);t.top=s(r.top,t.top);t.right=o(r.right,t.right);t.bottom=o(r.bottom,t.bottom);t.left=s(r.left,t.left);return t}),Ot(n,a,c));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Tt(t){const{width:n,height:e}=dt(t);return{width:n,height:e}}function Ct(t,n,e){const o=Q(n);const s=G(n);const r=e==="fixed";const c=gt(t,true,r,n);let l={scrollLeft:0,scrollTop:0};const a=i(0);if(o||!o&&!r){if(Y(n)!=="body"||Z(s)){l=it(n)}if(o){const t=gt(n,true,r,n);a.x=t.x+n.clientLeft;a.y=t.y+n.clientTop}else if(s){a.x=xt(s)}}const f=s&&!o&&!r?vt(s,l):i(0);const u=c.left+l.scrollLeft-a.x-f.x;const d=c.top+l.scrollTop-a.y-f.y;return{x:u,y:d,width:c.width,height:c.height}}function zt(t){return ct(t).position==="static"}function Bt(t,n){if(!Q(t)||ct(t).position==="fixed"){return null}if(n){return n(t)}let e=t.offsetParent;if(G(t)===e){e=e.ownerDocument.body}return e}function Ht(t,n){const e=_(t);if(nt(t)){return e}if(!Q(t)){let n=lt(t);while(n&&!rt(n)){if(K(n)&&!zt(n)){return n}n=lt(n)}return e}let o=Bt(t,n);while(o&&tt(o)&&zt(o)){o=Bt(o,n)}if(o&&rt(o)&&zt(o)&&!et(o)){return e}return o||ot(t)||e}const Mt=async function(t){const n=this.getOffsetParent||Ht;const e=this.getDimensions;const o=await e(t.floating);return{reference:Ct(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Lt(t){return ct(t).direction==="rtl"}const Et={convertOffsetParentRelativeRectToViewportRelativeRect:bt,getDocumentElement:G,getClippingRect:Pt,getOffsetParent:Ht,getElementRects:Mt,getClientRects:At,getDimensions:Tt,getScale:ht,isElement:K,isRTL:Lt};function It(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}function Nt(t,n){let e=null;let r;const i=G(t);function l(){var t;clearTimeout(r);(t=e)==null||t.disconnect();e=null}function a(f,u){if(f===void 0){f=false}if(u===void 0){u=1}l();const d=t.getBoundingClientRect();const{left:m,top:h,width:p,height:y}=d;if(!f){n()}if(!p||!y){return}const w=c(h);const g=c(i.clientWidth-(m+p));const x=c(i.clientHeight-(h+y));const v=c(m);const b=-w+"px "+-g+"px "+-x+"px "+-v+"px";const A={rootMargin:b,threshold:s(0,o(1,u))||1};let R=true;function k(n){const e=n[0].intersectionRatio;if(e!==u){if(!R){return a()}if(!e){r=setTimeout((()=>{a(false,1e-7)}),1e3)}else{a(false,e)}}if(e===1&&!It(d,t.getBoundingClientRect())){a()}R=false}try{e=new IntersectionObserver(k,{...A,root:i.ownerDocument})}catch(t){e=new IntersectionObserver(k,A)}e.observe(t)}a(true);return l}function jt(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:s=true,ancestorResize:r=true,elementResize:c=typeof ResizeObserver==="function",layoutShift:i=typeof IntersectionObserver==="function",animationFrame:l=false}=o;const a=mt(t);const f=s||r?[...a?ft(a):[],...ft(n)]:[];f.forEach((t=>{s&&t.addEventListener("scroll",e,{passive:true});r&&t.addEventListener("resize",e)}));const u=a&&i?Nt(a,e):null;let d=-1;let m=null;if(c){m=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===a&&m){m.unobserve(n);cancelAnimationFrame(d);d=requestAnimationFrame((()=>{var t;(t=m)==null||t.observe(n)}))}e()}));if(a&&!l){m.observe(a)}m.observe(n)}let h;let p=l?gt(t):null;if(l){y()}function y(){const n=gt(t);if(p&&!It(p,n)){e()}p=n;h=requestAnimationFrame(y)}e();return()=>{var t;f.forEach((t=>{s&&t.removeEventListener("scroll",e);r&&t.removeEventListener("resize",e)}));u==null||u();(t=m)==null||t.disconnect();m=null;if(l){cancelAnimationFrame(h)}}}const qt=q;z;const Wt=W;const $t=B;V;L;T;N;$;const Vt=(t,n,e)=>{const o=new Map;const s={platform:Et,...e};const r={...s.platform,_c:o};return D(t,n,{...s,platform:r})};export{jt as a,Vt as c,$t as f,qt as o,Wt as s};
+//# sourceMappingURL=p-170077a4.js.map