@paperless/core 2.0.1-beta.14 → 2.0.1-beta.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +23 -0
- package/dist/build/p-16c8c10d.entry.js +2 -0
- package/dist/build/p-16c8c10d.entry.js.map +1 -0
- package/dist/build/{p-d8498647.entry.js → p-926d997e.entry.js} +2 -2
- package/dist/build/p-926d997e.entry.js.map +1 -0
- package/dist/build/p-a45b5776.entry.js +2 -0
- package/dist/{paperless/p-3dba9a43.entry.js.map → build/p-a45b5776.entry.js.map} +1 -1
- package/dist/build/p-b11136c3.entry.js +2 -0
- package/dist/build/p-b11136c3.entry.js.map +1 -0
- package/dist/build/p-feb5c8e3.entry.js +2 -0
- package/dist/build/p-feb5c8e3.entry.js.map +1 -0
- package/dist/build/paperless.esm.js +1 -1
- package/dist/build/paperless.esm.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-avatar.cjs.entry.js +2 -2
- package/dist/cjs/p-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/p-button_3.cjs.entry.js +39 -1
- package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-dropdown_2.cjs.entry.js +81 -8
- package/dist/cjs/p-dropdown_2.cjs.entry.js.map +1 -1
- package/dist/cjs/p-floating-menu-container_8.cjs.entry.js +1 -1
- package/dist/cjs/p-floating-menu-container_8.cjs.entry.js.map +1 -1
- package/dist/cjs/p-select.cjs.entry.js +2 -2
- package/dist/cjs/p-select.cjs.entry.js.map +1 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/components/atoms/avatar/avatar.component.css +1 -1
- package/dist/collection/components/atoms/avatar/avatar.component.js +1 -1
- package/dist/collection/components/atoms/avatar/avatar.component.js.map +1 -1
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +1 -1
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js +100 -9
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js.map +1 -1
- package/dist/collection/components/molecules/button/button.component.css +1 -1
- package/dist/collection/components/molecules/button/button.component.js +38 -0
- package/dist/collection/components/molecules/button/button.component.js.map +1 -1
- package/dist/collection/components/molecules/select/select.component.js +2 -2
- package/dist/collection/components/molecules/select/select.component.js.map +1 -1
- package/dist/collection/components/molecules/table-cell/table-cell.component.css +1 -1
- package/dist/components/avatar.component.js +2 -2
- package/dist/components/avatar.component.js.map +1 -1
- package/dist/components/button.component.js +39 -1
- package/dist/components/button.component.js.map +1 -1
- package/dist/components/dropdown-menu-item.component.js +82 -8
- package/dist/components/dropdown-menu-item.component.js.map +1 -1
- package/dist/components/p-select.js +2 -2
- package/dist/components/p-select.js.map +1 -1
- package/dist/components/table-cell.component.js +1 -1
- package/dist/components/table-cell.component.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-avatar.entry.js +2 -2
- package/dist/esm/p-avatar.entry.js.map +1 -1
- package/dist/esm/p-button_3.entry.js +39 -1
- package/dist/esm/p-button_3.entry.js.map +1 -1
- package/dist/esm/p-dropdown_2.entry.js +81 -8
- package/dist/esm/p-dropdown_2.entry.js.map +1 -1
- package/dist/esm/p-floating-menu-container_8.entry.js +1 -1
- package/dist/esm/p-floating-menu-container_8.entry.js.map +1 -1
- package/dist/esm/p-select.entry.js +2 -2
- package/dist/esm/p-select.entry.js.map +1 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-16c8c10d.entry.js +2 -0
- package/dist/paperless/p-16c8c10d.entry.js.map +1 -0
- package/dist/paperless/{p-d8498647.entry.js → p-926d997e.entry.js} +2 -2
- package/dist/paperless/p-926d997e.entry.js.map +1 -0
- package/dist/paperless/p-a45b5776.entry.js +2 -0
- package/dist/{build/p-3dba9a43.entry.js.map → paperless/p-a45b5776.entry.js.map} +1 -1
- package/dist/paperless/p-b11136c3.entry.js +2 -0
- package/dist/paperless/p-b11136c3.entry.js.map +1 -0
- package/dist/paperless/p-feb5c8e3.entry.js +2 -0
- package/dist/paperless/p-feb5c8e3.entry.js.map +1 -0
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/paperless/paperless.esm.js.map +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/atoms/dropdown-menu-item/dropdown-menu-item.component.d.ts +5 -1
- package/dist/types/components.d.ts +10 -2
- package/hydrate/index.js +126 -14
- package/package.json +1 -1
- package/dist/build/p-14f3312f.entry.js +0 -2
- package/dist/build/p-14f3312f.entry.js.map +0 -1
- package/dist/build/p-3dba9a43.entry.js +0 -2
- package/dist/build/p-57fd5974.entry.js +0 -2
- package/dist/build/p-57fd5974.entry.js.map +0 -1
- package/dist/build/p-aa4ebfcd.entry.js +0 -2
- package/dist/build/p-aa4ebfcd.entry.js.map +0 -1
- package/dist/build/p-d8498647.entry.js.map +0 -1
- package/dist/paperless/p-14f3312f.entry.js +0 -2
- package/dist/paperless/p-14f3312f.entry.js.map +0 -1
- package/dist/paperless/p-3dba9a43.entry.js +0 -2
- package/dist/paperless/p-57fd5974.entry.js +0 -2
- package/dist/paperless/p-57fd5974.entry.js.map +0 -1
- package/dist/paperless/p-aa4ebfcd.entry.js +0 -2
- package/dist/paperless/p-aa4ebfcd.entry.js.map +0 -1
- package/dist/paperless/p-d8498647.entry.js.map +0 -1
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as s,g as a}from"./p-a3853fc7.js";import{a as o,c as r,o as n,f as l,s as h}from"./p-fef32402.js";import{c as p}from"./p-8a5b8196.js";import{c as d}from"./p-4d330cfc.js";import"./p-8a1a6e56.js";const c=".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 m=p(["z-dropdown hidden"],{variants:{strategy:{absolute:"absolute",fixed:"fixed"}}});const f=class{constructor(e){t(this,e);this.isOpen=i(this,"isOpen",3);this._loaded=false;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}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:m({strategy:this.strategy}),ref:t=>this._load(t),onClick:()=>this._containerClickHandler(),role:"popover","data-placement":this.placement,"data-strategy":this.strategy};let i;if(this.usePortal){i=e("p-portal",Object.assign({},t),e("p-dropdown-menu-container",{maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable},e("slot",{name:"items"})))}else{i=e("p-dropdown-menu-container",Object.assign({maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable},t),e("slot",{name:"items"}))}return e(s,{class:"p-dropdown relative"},e("div",{class:"trigger",ref:t=>this._trigger=t,onClick:()=>this._triggerClickHandler()},e("slot",{name:"trigger"})),i)}_checkButtons(t=false){if(!this.applyChevron){return}const i=this._el.querySelectorAll('p-button[slot="trigger"]');for(let e of[...i]){e.chevronPosition=this.chevronPosition;e.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?"up":"down";e.disabled=this.disableTriggerClick;e.active=t}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler({target:t}){if(!this._menu.hasAttribute("data-show")||d(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=o(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}r(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[n(this.offset),l(),h()]}).then((({x:t,y:i,placement:e})=>{this._menu.dataset.placement=e;Object.assign(this._menu.style,{top:`${i}px`,left:`${t}px`})}))}get _el(){return a(this)}static get watchers(){return{show:["onShowChange"]}}};f.style=c;const u="*{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}.flex-shrink-0{flex-shrink:0!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-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-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}.hover\\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}";const b=p(["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:{active:{false:null,true:"bg-supportive-lilac-100"},disabled:{false:null,true:"bg-supportive-lilac-100 text-black-teal-200 cursor-not-allowed"},enableHover:{false:null,true:null}},compoundVariants:[{active:false,enableHover:true,disabled:false,class:"hover:bg-supportive-lilac-50"},{enableHover:true,disabled:false,class:"cursor-pointer"}]});const w=p(["text-base"],{variants:{active:{false:"text-black-teal-300",true:false},disabled:{false:false,true:"text-black-teal-100"}}});const x=class{constructor(i){t(this,i);this.active=false;this.variant="default";this.enableHover=true;this.disabled=false;this.icon=undefined;this.useContainer=true}render(){return e(s,{class:b({active:this.active,enableHover:this.enableHover,disabled:this.disabled})},this.icon&&e("p-icon",{class:w({active:this.active,disabled:this.disabled}),variant:this.icon}),this.variant==="checkbox"&&e("input",{type:"checkbox",class:"p-input size-small flex-shrink-0",checked:this.active}),this.useContainer?e("div",{class:"block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start"},e("slot",null)):e("slot",null))}};x.style=u;export{f as p_dropdown,x as p_dropdown_menu_item};
|
|
2
|
-
//# sourceMappingURL=p-57fd5974.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["dropdownComponentCss","dropdownContainerClass","cva","variants","strategy","absolute","fixed","Dropdown","this","_loaded","componentShouldUpdate","_update","componentDidLoad","_checkButtons","disconnectedCallback","_cleanup","_menu","remove","componentDidRender","render","dropdownContainerProps","class","ref","el","_load","onClick","_containerClickHandler","role","placement","dropdownContainer","usePortal","h","Object","assign","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","allowOverflow","scrollable","name","Host","_trigger","_triggerClickHandler","active","applyChevron","buttons","_el","querySelectorAll","button","chevronPosition","chevron","chevronDirection","indexOf","disabled","disableTriggerClick","onShowChange","show","_hide","_show","documentClickHandler","target","hasAttribute","childOf","insideClick","popover","setTimeout","style","width","clientWidth","autoUpdate","setAttribute","classList","add","isOpen","emit","removeAttribute","computePosition","middleware","offset","flip","shift","then","x","y","dataset","top","left","dropdownMenuItemComponentCss","dropdownMenuItem","false","true","enableHover","compoundVariants","dropdownMenuItemIcon","DropdownMenuItem","icon","variant","type","checked","useContainer"],"sources":["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":["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\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'bg-supportive-lilac-100',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'bg-supportive-lilac-100 text-black-teal-200 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\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-supportive-lilac-50',\n\t\t\t},\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\tactive: {\n\t\t\tfalse: 'text-black-teal-300',\n\t\t\ttrue: false,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: false,\n\t\t\ttrue: 'text-black-teal-100',\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 * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'checkbox' = '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\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\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.variant === 'checkbox' && (\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tclass='p-input size-small flex-shrink-0'\n\t\t\t\t\t\tchecked={this.active}\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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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as r,h as a,H as i}from"./p-a3853fc7.js";import{c as e}from"./p-8a5b8196.js";import{i as o}from"./p-d5d413a1.js";import"./p-8a1a6e56.js";const n="*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-inherit{width:inherit!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-black-teal\\/10{border-color:rgba(3,42,36,.1)!important}.border-black-teal\\/20{border-color:rgba(3,42,36,.2)!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.border-teal{border-color:rgb(8 136 121/var(--tw-border-opacity,1))!important}.border-teal,.border-teal-100{--tw-border-opacity:1!important}.border-teal-100{border-color:rgb(206 231 228/var(--tw-border-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\\/60{color:rgba(204,220,218,.6)!important}.text-teal{color:rgb(8 136 121/var(--tw-text-opacity,1))!important}.text-teal,.text-teal-100{--tw-text-opacity:1!important}.text-teal-100{color:rgb(206 231 228/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px 0px rgba(189,140,255,.2))!important}.hover\\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\\:drop-shadow-1:hover,.hover\\:drop-shadow-2:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\\:text-black-teal\\/60:active{color:rgba(3,42,36,.6)!important}.active\\:text-dark-teal-100\\/60:active{color:rgba(204,220,218,.6)!important}.active\\:text-teal-800:active{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.active\\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-2:active,.active\\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-black-teal\\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}";const s=e(["group","font-semibold leading-4","flex items-center justify-center gap-2","cursor-pointer"],{variants:{variant:{primary:["bg-supportive-lilac border-black-teal/20"],secondary:null,text:["text-teal"],transparent:["bg-transparent"],dropdown:null},active:{true:null,false:null},loading:{true:"cursor-wait",false:null},size:{sm:["text-xs h-6"],base:["text-sm h-8"],lg:["text-base h-10"]},disabled:{true:"cursor-not-allowed",false:null},underline:{true:null,false:null},buttonGroupPosition:{none:null,start:null,center:null,end:null},iconOnly:{true:"justify-center",false:"w-inherit py-1"}},compoundVariants:[{variant:["secondary","dropdown"],class:["bg-white border-black-teal/10"]},{variant:["primary","secondary","dropdown"],disabled:false,class:"border"},{variant:["primary","secondary","dropdown"],disabled:false,loading:false,class:"active:border-supportive-lilac-800 active:ring active:ring-2"},{variant:["primary","secondary","dropdown"],disabled:false,loading:false,active:true,class:"border-supportive-lilac-800 ring ring-2"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"none",class:"rounded-lg"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"start",class:"rounded-s-lg"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"end",class:"rounded-e-lg"},{variant:["primary","secondary","dropdown"],disabled:false,class:"text-black-teal"},{variant:"primary",disabled:true,class:"bg-supportive-lilac-100 text-black-teal-100"},{variant:"primary",disabled:false,loading:false,class:"drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10"},{variant:"primary",disabled:false,loading:false,active:true,class:"ring-black-teal/10"},{variant:["secondary","dropdown"],disabled:true,class:"border bg-white-600 text-black-teal-100"},{variant:["secondary","dropdown"],disabled:false,loading:false,class:"drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100"},{variant:["secondary","dropdown"],disabled:false,loading:false,active:true,class:"ring-supportive-lilac-100"},{variant:"text",underline:true,disabled:false,class:"border-b border-teal"},{variant:"text",underline:true,disabled:true,class:"border-b border-teal-100"},{variant:"text",disabled:true,class:"text-teal-100"},{variant:"text",disabled:false,loading:false,class:"active:text-teal-800"},{variant:"transparent",disabled:false,class:"text-dark-teal-100"},{variant:"transparent",disabled:false,loading:false,class:"hover:bg-dark-teal active:text-dark-teal-100/60"},{variant:"transparent",disabled:true,class:"text-dark-teal-100/60"},{variant:["primary","secondary","transparent"],size:["base","sm"],iconOnly:false,class:"px-2"},{variant:["primary","secondary","transparent"],size:"lg",iconOnly:false,class:"px-3"},{variant:"dropdown",iconOnly:false,class:"p-2"},{variant:["primary","secondary","transparent","text"],iconOnly:false,class:"py-1"},{size:"sm",iconOnly:true,class:"w-6"},{size:"base",iconOnly:true,class:"w-8"},{size:"lg",iconOnly:true,class:"w-10"}]});const l=e([],{variants:{size:{sm:"text-sm",base:"text-base",lg:"text-base"}}});const p=class{constructor(a){t(this,a);this.onClick=r(this,"onClick",3);this.as="button";this.variant="primary";this.active=false;this.underline=true;this.href=undefined;this.target=undefined;this.size="base";this.type="button";this.loading=false;this.chevron=false;this.chevronPosition="end";this.disabled=false;this.icon=undefined;this.iconOnly=false;this.iconPosition="end";this.iconFlip=undefined;this.iconRotate=undefined;this.inheritText=false;this.buttonGroupPosition="none";this.class=undefined}render(){var t,r;let e="white";switch(this.variant){case"secondary":e="storm";break;case"text":e="indigo";break}const o=this.variant==="text"||((t=this.href)===null||t===void 0?void 0:t.length)||this.as==="a"?"a":"button";const n=this.active||((r=this.class)===null||r===void 0?void 0:r.includes("active"));return a(i,{class:"p-button block"},a(o,{disabled:this.disabled,href:this.href,type:this.variant!=="text"?this.type:undefined,target:this.target,class:s({variant:this.variant,size:this.size,underline:this.underline,loading:this.loading,disabled:this.disabled,buttonGroupPosition:this.buttonGroupPosition,iconOnly:this.iconOnly,active:n})},this.chevron&&this.chevronPosition==="start"&&a("p-icon",{variant:"caret",rotate:this.chevron==="up"?180:0}),this.icon&&this.iconPosition==="start"&&!(this.iconOnly&&this.loading)&&this._getIcon(),a("slot",null),this.icon&&this.iconPosition==="end"&&!this.loading&&!this.chevron&&this._getIcon(),this.chevron&&!this.loading&&this.chevronPosition==="end"&&a("p-icon",{variant:"caret",rotate:this.chevron==="up"?180:0}),this.loading&&a("p-loader",{color:e})))}handleClick(t){if(this.loading||this.disabled){t.preventDefault();return}this.onClick.emit(t)}_getIcon(){if(!this.icon){return}return a("p-icon",{class:l({size:this.size}),variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}};p.style=n;const d="*{box-sizing:border-box}:host{-webkit-transform-origin:50% 51%}.static{position:static!important}.flex{display:flex!important}.scale-\\[0\\.99\\]{--tw-scale-x:0.99!important;--tw-scale-y:0.99!important}.scale-\\[0\\.99\\],.scale-x-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-y-flip{--tw-scale-y:-1!important}.scale-y-flip,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:2rem!important;line-height:2.5rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}";const c=e(["p-icon flex"],{variants:{flip:{none:null,horizontal:"scale-x-flip",vertical:"scale-y-flip"},size:{auto:"text-auto",xxs:"text-xxs",xs:"text-xs",sm:"text-sm",base:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl"},transform:{true:"transform-gpu scale-[0.99]",false:null}}});const h=class{constructor(r){t(this,r);this.variant=undefined;this.size="base";this.rotate=0;this.flip="none"}render(){const t=o[this.variant];return a(i,{class:c({flip:this.flip,size:this.size,transform:this.flip!=="none"||this.rotate>0||this.rotate<0}),style:{"--tw-rotate":`${this.rotate}deg`},innerHTML:t})}};h.style=d;const m=".fixed{position:fixed!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\\[1em\\]{height:1em!important}.w-\\[1em\\]{width:1em!important}.w-full{width:100%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.border-2{border-width:2px!important}.border-solid{border-style:solid!important}.border-indigo-light{--tw-border-opacity:1!important;border-color:rgb(241 246 255/var(--tw-border-opacity,1))!important}.border-indigo-light\\/40{border-color:rgba(241,246,255,.4)!important}.border-storm-light\\/40{border-color:rgba(176,178,203,.4)!important}.border-t-storm{--tw-border-opacity:1!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}.w-screen-safe{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important}*{box-sizing:border-box}:host .loader{--tw-border-opacity:1;animation:spin .5s linear infinite;border-color:rgb(241 246 255/var(--tw-border-opacity,1));border-radius:9999px;border-style:solid;border-top:solid rgb(82 138 250/var(--tw-border-opacity,1));border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-storm{--tw-border-opacity:1!important;border-color:rgba(176,178,203,.4)!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:rgba(241,246,255,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host .loading-screen .content .loader-wrapper{display:flex;justify-content:center;width:100%}:host .loading-screen .content .loader-wrapper .loader{font-size:2.5rem;line-height:3rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}";const b=class{constructor(r){t(this,r);this._show=this.show;this._loader=a("div",{class:`loader color-${this.color}`});this.show=true;this.variant="inline";this.color="indigo";this.modalTitle=undefined;this.modalDescription=undefined}componentWillRender(){this._checkShow()}componentShouldUpdate(){this._checkShow()}render(){if(!this._show){return}if(this.variant==="ghost"){return a(i,{class:"p-loader variant-ghost"})}if(this.variant==="full-screen"){return a(i,{class:"p-loader variant-full-screen"},a("div",{class:"loading-screen"},a("div",{class:"content"},a("slot",null),a("div",{class:"loader-wrapper"},this._loader))))}return a(i,{class:`p-loader variant-default flex ${this.variant==="full-width"&&"w-full flex justify-center text-4xl"}`},this._loader)}_checkShow(){var t;if(this._showSubscriber){this._showSubscriber.unsubscribe();this._showSubscriber=null}if(typeof this.show!=="boolean"){this._showSubscriber=(t=this.show)===null||t===void 0?void 0:t.subscribe((t=>this._show=t));return}this._show=this.show}};b.style=m;export{p as p_button,h as p_icon,b as p_loader};
|
|
2
|
-
//# sourceMappingURL=p-aa4ebfcd.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["buttonComponentCss","button","cva","variants","variant","primary","secondary","text","transparent","dropdown","active","true","false","loading","size","sm","base","lg","disabled","underline","buttonGroupPosition","none","start","center","end","iconOnly","compoundVariants","class","icon","Button","render","loaderColor","this","VariableTag","_a","href","length","as","_b","includes","h","Host","type","undefined","target","chevron","chevronPosition","rotate","iconPosition","_getIcon","color","handleClick","ev","preventDefault","onClick","emit","flip","iconFlip","iconRotate","iconComponentCss","horizontal","vertical","auto","xxs","xs","xl","transform","Icon","svg","icons","style","innerHTML","loaderComponentCss","Loader","_show","show","_loader","componentWillRender","_checkShow","componentShouldUpdate","_showSubscriber","unsubscribe","subscribe"],"sources":["src/components/molecules/button/button.component.scss?tag=p-button","src/components/molecules/button/button.component.tsx","src/components/atoms/icon/icon.component.scss?tag=p-icon","src/components/atoms/icon/icon.component.tsx","src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\nconst button = cva(\n\t[\n\t\t'group',\n\t\t'font-semibold leading-4',\n\t\t'flex items-center justify-center gap-2',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary: ['bg-supportive-lilac border-black-teal/20'],\n\t\t\t\tsecondary: null,\n\t\t\t\ttext: ['text-teal'],\n\t\t\t\ttransparent: ['bg-transparent'],\n\t\t\t\tdropdown: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tloading: {\n\t\t\t\ttrue: 'cursor-wait',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: ['text-xs h-6'],\n\t\t\t\tbase: ['text-sm h-8'],\n\t\t\t\tlg: ['text-base h-10'],\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tunderline: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tbuttonGroupPosition: {\n\t\t\t\tnone: null,\n\t\t\t\tstart: null,\n\t\t\t\tcenter: null,\n\t\t\t\tend: null,\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\ttrue: 'justify-center',\n\t\t\t\tfalse: 'w-inherit py-1',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t// variants\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tclass: ['bg-white border-black-teal/10'],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:border-supportive-lilac-800 active:ring active:ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'border-supportive-lilac-800 ring ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'none',\n\t\t\t\tclass: 'rounded-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'start',\n\t\t\t\tclass: 'rounded-s-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'end',\n\t\t\t\tclass: 'rounded-e-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-black-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-supportive-lilac-100 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border bg-white-600 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tunderline: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border-b border-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tunderline: true,\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border-b border-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:text-teal-800',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-dark-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'hover:bg-dark-teal active:text-dark-teal-100/60',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-dark-teal-100/60',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: ['base', 'sm'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-3',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dropdown',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'text'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'py-1',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-6',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-10',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva([], {\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: 'text-sm',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-base',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.scss',\n})\nexport class Button {\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() as: 'a' | 'button' = 'button';\n\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant:\n\t\t| 'primary'\n\t\t| 'secondary'\n\t\t| 'transparent'\n\t\t| 'text'\n\t\t| 'dropdown' = 'primary';\n\n\t/**\n\t * Wether to force an active state\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the text variant has underline\n\t */\n\t@Prop() underline: boolean = true;\n\n\t/**\n\t * Href in case of \"text\" version\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * Target in case of \"text\" version\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() size: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() type: 'button' | 'submit' = 'button';\n\n\t/**\n\t * Wether to show a loader or not\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show a chevron or not\n\t */\n\t@Prop() chevron: boolean | 'up' | 'down' = false;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the button is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop() inheritText: boolean = false;\n\n\t/**\n\t * Position of the button in the button group, mostly un-used if not in a group\n\t */\n\t@Prop() buttonGroupPosition: 'start' | 'center' | 'end' | 'none' = 'none';\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tonClick: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\tlet loaderColor: 'white' | 'storm' | 'indigo' = 'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\t\tloaderColor = 'storm';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'indigo';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst VariableTag =\n\t\t\tthis.variant === 'text' || this.href?.length || this.as === 'a'\n\t\t\t\t? 'a'\n\t\t\t\t: 'button';\n\n\t\tconst active = this.active || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class='p-button block'>\n\t\t\t\t<VariableTag\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttype={this.variant !== 'text' ? this.type : undefined}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tclass={button({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tunderline: this.underline,\n\t\t\t\t\t\tloading: this.loading,\n\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\tbuttonGroupPosition: this.buttonGroupPosition,\n\t\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'start' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'start' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t<slot />\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'end' &&\n\t\t\t\t\t\t!this.loading &&\n\t\t\t\t\t\t!this.chevron &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.chevron && !this.loading && this.chevronPosition === 'end' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.loading && <p-loader color={loaderColor} />}\n\t\t\t\t</VariableTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (this.loading || this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.onClick.emit(ev);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={icon({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n",":host {\n\t-webkit-transform-origin: 50% 51%;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { TextSizeOptions } from '../../../types/tailwind';\nimport { icons } from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'none' | 'horizontal' | 'vertical';\n\nconst icon = cva(['p-icon flex'], {\n\tvariants: {\n\t\tflip: {\n\t\t\tnone: null,\n\t\t\thorizontal: 'scale-x-flip',\n\t\t\tvertical: 'scale-y-flip',\n\t\t},\n\t\tsize: {\n\t\t\tauto: 'text-auto',\n\t\t\txxs: 'text-xxs',\n\t\t\txs: 'text-xs',\n\t\t\tsm: 'text-sm',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-lg',\n\t\t\txl: 'text-xl',\n\t\t\t'2xl': 'text-2xl',\n\t\t\t'3xl': 'text-3xl',\n\t\t\t'4xl': 'text-4xl',\n\t\t},\n\t\ttransform: {\n\t\t\ttrue: 'transform-gpu scale-[0.99]',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-icon',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'base';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: number = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = 'none';\n\n\trender() {\n\t\tconst svg = icons[this.variant];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={icon({\n\t\t\t\t\tflip: this.flip,\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\ttransform: this.flip !== 'none' || this.rotate > 0 || this.rotate < 0,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\t'--tw-rotate': `${this.rotate}deg`,\n\t\t\t\t}}\n\t\t\t\tinnerHTML={svg}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n",":host {\n\t.loader {\n\t\t@apply inline-block h-[1em] w-[1em] rounded-full;\n\t\t@apply border-2 border-solid border-indigo-light border-t-indigo;\n\t\tanimation: 500ms spin linear infinite;\n\n\t\twill-change: transform;\n\n\t\t&.color-storm {\n\t\t\t@apply border-storm-light/40 border-t-storm #{!important};\n\t\t}\n\n\t\t&.color-white {\n\t\t\t@apply border-indigo-light/40 border-t-white #{!important};\n\t\t}\n\t}\n\n\t.loading-screen {\n\t\t@apply w-screen-safe h-screen-safe fixed top-0 left-0;\n\t\t@apply flex items-center justify-center;\n\t\t@apply bg-mystic;\n\n\t\tz-index: 1001;\n\n\t\t.content {\n\t\t\t@apply max-w-xs;\n\n\t\t\t.loader-wrapper {\n\t\t\t\t@apply flex w-full justify-center;\n\n\t\t\t\t.loader {\n\t\t\t\t\t@apply text-4xl;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n:host(.variant-ghost) {\n\t@apply box-border block;\n\n\twill-change: background, background-position-x, background-color;\n\n\tmin-height: 1em;\n\tmin-width: 1em;\n\n\t--loading-bg: #f7fafc;\n\t--loading-stripe: rgba(252, 253, 254, 1);\n\n\tbackground-color: var(--loading-bg);\n\tbackground: linear-gradient(\n\t\t\t100deg,\n\t\t\trgba(255, 255, 255, 0) 40%,\n\t\t\tvar(--loading-stripe) 50%,\n\t\t\trgba(255, 255, 255, 0) 60%\n\t\t)\n\t\tvar(--loading-bg);\n\tbackground-size: 200% 100%;\n\tbackground-position-x: 180%;\n\tanimation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n\tto {\n\t\tbackground-position-x: -20%;\n\t}\n}\n\n@keyframes spin {\n\t100% {\n\t\ttransform: rotate(1turn);\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/**\n\t * Wether to show or hide the loader\n\t */\n\t@Prop() show: boolean | Observable<boolean> = true;\n\n\t/**\n\t * Variant of loader\n\t */\n\t@Prop() variant:\n\t\t| 'inline'\n\t\t| 'full-width'\n\t\t| 'full-screen'\n\t\t| 'modal'\n\t\t| 'ghost' = 'inline';\n\n\t/**\n\t * Color of the loader\n\t */\n\t@Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal title for modal variant\n\t */\n\t@Prop() modalTitle: string;\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show = this.show;\n\tprivate _showSubscriber: Subscription;\n\n\tprivate _loader = (<div class={`loader color-${this.color}`}></div>);\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class=\"p-loader variant-ghost\"></Host>;\n\t\t}\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class=\"p-loader variant-full-screen\">\n\t\t\t\t\t<div class=\"loading-screen\">\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t<slot />\n\n\t\t\t\t\t\t\t<div class=\"loader-wrapper\">{this._loader}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-loader variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' &&\n\t\t\t\t\t'w-full flex justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{this._loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(\n\t\t\t\t(show) => (this._show = show)\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["selectComponentCss","Select","_items","this","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","_a","query","length","asyncFilter","filter","item","queryKey","_checkvalue","_identifierKey","slice","maxDisplayedItems","_displayValue","_selectedItem","placeholder","multi","h","class","size","ref","_multiContainerRef","onClick","_selectValue","selectionDisplayKey","variant","_amountHidden","_getDisplay","_b","identifierKey","componentDidLoad","Error","_setMultiContainerMaxWidth","_resizeObserver","ResizeObserver","_resizeDebounceTimer","clearTimeout","setTimeout","_checkSelectedItems","observe","_el","_valueChange","itemChanges","componentDidRender","disconnectedCallback","disconnect","render","Host","disableTriggerClick","calculateWidth","insideClick","scrollable","enableAutocomplete","show","_showDropdown","onIsOpen","ev","_onDropdownOpen","slot","icon","prefix","label","helper","required","error","disabled","focused","forceShowTooltip","showChevron","contenteditable","onFocus","_onFocus","onMouseDown","_onMouseDown","_onClick","_inputRef","_getLoadingItems","_getItems","showAddItem","_getAddItem","documentClickHandler","target","childOf","_preselectItem","_showDropdownChanges","dropdownShown","emit","multiChanges","Array","isArray","valueChange","i","includes","autoSelectFirst","identifier","parsedValue","stringify","currentValue","currentParsedValue","find","itemIdentifier","parsedItemIdentifier","forceBlur","selectedItem","valueArray","includesIndex","findIndex","push","splice","_onBlur","preventDefault","blur","force","_onAutoComplete","queryChange","key","toString","toLowerCase","indexOf","_c","useContainer","active","emptyStateText","enableSelectAll","unshift","_selectAllChange","_allSelected","selectAllIcon","selectAllText","_getAutoCompleteItem","add","addItemText","enableHover","autocompletePlaceholder","onInput","autocompleteInputRef","style","maxWidth","clientWidth","containerRect","getBoundingClientRect","from","querySelectorAll","amountHidden","child","classList","remove","childRect","right","extra","querySelector","contains","detail","focus","selectAllChange","isSelection","content","avatarKey","src","letters","avatarLettersKey","dropdownDisplayKey","iconKey","showIconInSelectedItem","applyClassOnSelectedItem"],"sources":["src/components/molecules/select/select.component.scss?tag=p-select","src/components/molecules/select/select.component.tsx"],"sourcesContent":["@import '../../../style/form/mixins';\n\np-select {\n\t@apply relative flex w-full flex-col text-ellipsis;\n\n\t.p-input {\n\t\t@include inputDefaultState();\n\t\t@apply text-base font-semibold;\n\n\t\t&.size-small {\n\t\t\t@apply text-sm font-medium;\n\t\t}\n\t}\n\n\t.text-container {\n\t\t@apply block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start;\n\t}\n\n\t.multi-container {\n\t\t@apply pointer-events-none absolute bottom-0 left-0 flex h-10 w-full items-center gap-2 overflow-hidden px-2 py-4;\n\n\t\t&.size-small {\n\t\t\t@apply h-8 px-1 py-2;\n\t\t}\n\n\t\t.item {\n\t\t\t@apply pointer-events-auto flex h-[1.625rem] cursor-pointer items-center gap-2 whitespace-nowrap rounded bg-indigo-light px-2 text-sm font-semibold text-indigo-dark;\n\n\t\t\tp-icon {\n\t\t\t\t@apply text-xs text-indigo;\n\t\t\t}\n\t\t}\n\n\t\t.extra {\n\t\t\t@apply pointer-events-none text-sm text-storm-medium;\n\t\t}\n\t}\n}\n","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-select',\n\tstyleUrl: 'select.component.scss',\n})\nexport class Select {\n\t/**\n\t * The items to show in the dropdown\n\t */\n\t@Prop() items: string | any[];\n\n\t/**\n\t * Wether to enable multi select\n\t */\n\t@Prop({ reflect: true }) multi: boolean;\n\n\t/**\n\t * Icon of the select box\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * The current query\n\t */\n\t@Prop() query: string;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The placeholder of the input used for auto complete\n\t */\n\t@Prop() autocompletePlaceholder: string = 'Search...';\n\n\t/**\n\t * The current value\n\t */\n\t@Prop() value: any;\n\n\t/**\n\t * The key of the object to display\n\t */\n\t@Prop() displayKey: string = 'text';\n\n\t/**\n\t * The key of the object to display in the dropdown (overwrites displayKey)\n\t */\n\t@Prop() dropdownDisplayKey: string | undefined;\n\n\t/**\n\t * The key of the object to display in the input (overwrites displayKey)\n\t */\n\t@Prop() selectionDisplayKey: string | undefined;\n\n\t/**\n\t * The key of the object to return\n\t */\n\t@Prop() valueKey: string;\n\n\t/**\n\t * The key of avatar within an item to show\n\t */\n\t@Prop() avatarKey: string;\n\n\t/**\n\t * The key of icon variant within an item to show\n\t */\n\t@Prop() iconKey: string;\n\n\t/**\n\t * Wether to show the icon also on the selected Item\n\t */\n\t@Prop() showIconInSelectedItem: string;\n\n\t/**\n\t * The key of a class in an item to apply\n\t */\n\t@Prop() classKey: string = 'class';\n\n\t/**\n\t * Wether to apply the item's class also on the selected item\n\t */\n\t@Prop() applyClassOnSelectedItem: string;\n\n\t/**\n\t * The key of avatar letters within an item to show when the avatar url doesn't work\n\t */\n\t@Prop() avatarLettersKey: string;\n\n\t/**\n\t * The key to identify an object\n\t */\n\t@Prop() identifierKey: string;\n\n\t/**\n\t * The key of the object to display\n\t */\n\t@Prop() queryKey?: string;\n\n\t/**\n\t * Wether to automatically select the first item\n\t */\n\t@Prop() autoSelectFirst: boolean = true;\n\n\t/**\n\t * Wether to show the chevron or not\n\t */\n\t@Prop() showChevron: boolean = true;\n\n\t/**\n\t * The maximum amount of items to display\n\t */\n\t@Prop() maxDisplayedItems: number = 10;\n\n\t/**\n\t * Wether to enable autocomplete\n\t */\n\t@Prop() enableAutocomplete: boolean = true;\n\n\t/**\n\t * Wether the input uses async filtering\n\t */\n\t@Prop() asyncFilter: boolean = false;\n\n\t/**\n\t * Wether to show loading items\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show the select all item with multi select\n\t */\n\t@Prop() enableSelectAll: boolean = false;\n\n\t/**\n\t * The text of the select all item\n\t */\n\t@Prop() selectAllText: string = 'Select all';\n\n\t/**\n\t * The icon to prefix for select all\n\t */\n\t@Prop() selectAllIcon: IconVariant | undefined;\n\n\t/**\n\t * Event when the query of the autocomplete changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tqueryChange: EventEmitter<string>;\n\n\t/**\n\t * Event when the value changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tvalueChange: EventEmitter<any>;\n\n\t/**\n\t * Event when the select all item has been selected or not\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tselectAllChange: EventEmitter<any>;\n\n\t/**\n\t * Event when the dropdown shows\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdropdownShown: EventEmitter<any>;\n\n\t/**\n\t * The size of the input group used by the select\n\t */\n\t@Prop() size: 'small' | 'medium' = 'medium';\n\n\t/**\n\t * The prefix of the input group used by the select\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The label of the input group used by the select\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The helper of the input group used by the select\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * The helper of the input group used by the select\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether the input group is disabled used by the select\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether to show a \"add\" item\n\t */\n\t@Prop() showAddItem: boolean = false;\n\n\t/**\n\t * The text to show when add item is being shown\n\t */\n\t@Prop() addItemText: string = 'Add item';\n\n\t/**\n\t * Event when the add item is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tadd: EventEmitter;\n\n\t/**\n\t * The text to show when items is empty\n\t */\n\t@Prop() emptyStateText: string = 'No items available';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _showDropdown: any = false;\n\t@State() private _selectedItem: any = null;\n\n\t@State() private _allSelected: boolean = false;\n\n\t@State() private _amountHidden = 0;\n\n\tprivate _inputRef: HTMLDivElement;\n\tprivate autocompleteInputRef: HTMLInputElement;\n\tprivate _multiContainerRef: HTMLElement;\n\n\tprivate _resizeObserver: ResizeObserver;\n\tprivate _resizeDebounceTimer: NodeJS.Timer;\n\n\tget _items() {\n\t\tif (!this.items || this.loading) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet items =\n\t\t\ttypeof this.items === 'string' ? JSON.parse(this.items) : this.items;\n\n\t\tif (typeof items?.[0] === 'string') {\n\t\t\tthis.displayKey = 'text';\n\t\t\tthis.valueKey = 'value';\n\n\t\t\titems = items.map(str => ({\n\t\t\t\tvalue: str,\n\t\t\t\ttext: str,\n\t\t\t}));\n\t\t}\n\n\t\tif (this.query?.length && !this.asyncFilter) {\n\t\t\titems = items.filter(item => {\n\t\t\t\tif (this.queryKey) {\n\t\t\t\t\treturn this._checkvalue(this.queryKey, item);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\tthis._checkvalue(this._identifierKey, item) ||\n\t\t\t\t\tthis._checkvalue(this.displayKey, item)\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\n\t\treturn items?.slice(0, this.maxDisplayedItems);\n\t}\n\n\tget _displayValue() {\n\t\tif (!this._selectedItem) {\n\t\t\treturn this.placeholder;\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tif (this._selectedItem?.length === 0) {\n\t\t\t\treturn this.placeholder;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tclass={`multi-container size-${this.size}`}\n\t\t\t\t\tref={ref => (this._multiContainerRef = ref)}\n\t\t\t\t>\n\t\t\t\t\t{this._selectedItem.map(item => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='item'\n\t\t\t\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item[this.selectionDisplayKey ?? this.displayKey]}\n\t\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\n\t\t\t\t\t<div class='extra hidden'>+{this._amountHidden}</div>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn this._getDisplay(this._selectedItem, true);\n\t}\n\n\tget _identifierKey() {\n\t\treturn this.identifierKey ?? this.valueKey ?? 'value';\n\t}\n\n\tcomponentDidLoad() {\n\t\tif (!this.valueKey && !this.identifierKey) {\n\t\t\tthrow new Error('You must provide a valueKey or identifierKey');\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tthis._setMultiContainerMaxWidth();\n\n\t\t\tthis._resizeObserver = new ResizeObserver(() => {\n\t\t\t\tif (this._resizeDebounceTimer) {\n\t\t\t\t\tclearTimeout(this._resizeDebounceTimer);\n\t\t\t\t\tthis._resizeDebounceTimer = null;\n\t\t\t\t}\n\n\t\t\t\tthis._resizeDebounceTimer = setTimeout(() => {\n\t\t\t\t\tthis._setMultiContainerMaxWidth();\n\t\t\t\t\tthis._checkSelectedItems();\n\t\t\t\t}, 200);\n\t\t\t});\n\t\t\tthis._resizeObserver.observe(this._el);\n\t\t}\n\n\t\tif (this.value) {\n\t\t\tthis._valueChange();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.itemChanges();\n\t}\n\n\tcomponentDidRender() {\n\t\tif (this.multi) {\n\t\t\tthis._setMultiContainerMaxWidth();\n\t\t\tthis._checkSelectedItems();\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.multi) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-select'>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tdisableTriggerClick={true}\n\t\t\t\t\tcalculateWidth={true}\n\t\t\t\t\tinsideClick={true}\n\t\t\t\t\tscrollable={this.enableAutocomplete ? 'large' : true}\n\t\t\t\t\tshow={this._showDropdown}\n\t\t\t\t\tonIsOpen={ev => this._onDropdownOpen(ev)}\n\t\t\t\t>\n\t\t\t\t\t<p-input-group\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\ticon={this.icon}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tprefix={this.prefix}\n\t\t\t\t\t\tlabel={this.label}\n\t\t\t\t\t\thelper={this.helper}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\terror={this.error}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tfocused={this._showDropdown}\n\t\t\t\t\t\tforceShowTooltip={this.error?.length && this._showDropdown}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tslot='input'\n\t\t\t\t\t\t\tclass={`p-input read-only cursor-pointer ${\n\t\t\t\t\t\t\t\tthis.showChevron ? 'max-w-[calc(100%-3rem)]' : 'w-full'\n\t\t\t\t\t\t\t} size-${this.size} ${\n\t\t\t\t\t\t\t\tthis._displayValue === this.placeholder\n\t\t\t\t\t\t\t\t\t? 'font-medium text-storm-medium'\n\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\tcontenteditable\n\t\t\t\t\t\t\tonFocus={ev => this._onFocus(ev)}\n\t\t\t\t\t\t\tonMouseDown={ev => this._onMouseDown(ev)}\n\t\t\t\t\t\t\tonClick={() => this._onClick()}\n\t\t\t\t\t\t\tref={ref => (this._inputRef = ref)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._displayValue}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showChevron && (\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\t\tslot='suffix'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</p-input-group>\n\t\t\t\t\t<div slot='items'>\n\t\t\t\t\t\t{this.loading ? this._getLoadingItems() : this._getItems()}\n\t\t\t\t\t\t{this.showAddItem && this._getAddItem()}\n\t\t\t\t\t</div>\n\t\t\t\t</p-dropdown>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler({ target }) {\n\t\tif (!this._showDropdown || childOf(target, this._el)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\t@Watch('value')\n\tprivate _valueChange() {\n\t\tsetTimeout(() => this._preselectItem());\n\t}\n\n\t@Watch('items')\n\tpublic itemChanges() {\n\t\tsetTimeout(() => this._preselectItem());\n\t}\n\n\t@Watch('_showDropdown')\n\tpublic _showDropdownChanges() {\n\t\tthis.dropdownShown.emit({\n\t\t\tvalue: this._showDropdown,\n\t\t\tquery: this.query,\n\t\t});\n\t}\n\n\t@Watch('multi')\n\tpublic multiChanges() {\n\t\tif (this._selectedItem && !Array.isArray(this._selectedItem)) {\n\t\t\tthis._selectedItem = [];\n\t\t}\n\t}\n\n\tprivate _preselectItem() {\n\t\tlet value =\n\t\t\ttypeof this.value === 'string' && this.multi\n\t\t\t\t? JSON.parse(this.value)\n\t\t\t\t: this.value;\n\n\t\tif (this.multi) {\n\t\t\tif (!Array.isArray(value)) {\n\t\t\t\tthis.value = [];\n\t\t\t\tthis.valueChange.emit(this.value);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.value = value;\n\t\t\tif (!value.length) {\n\t\t\t\tthis._selectedItem = [];\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._selectedItem =\n\t\t\t\t!!this.valueKey && this.valueKey !== 'false'\n\t\t\t\t\t? this._items.filter(i => value.includes(i?.[this.valueKey]))\n\t\t\t\t\t: [...value];\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._selectedItem && !value && this.autoSelectFirst) {\n\t\t\tvalue = this._items[0];\n\t\t}\n\n\t\tconst identifier =\n\t\t\ttypeof value === 'object' && value !== null\n\t\t\t\t? value[this._identifierKey]\n\t\t\t\t: value;\n\t\tconst parsedValue =\n\t\t\ttypeof identifier === 'string' || typeof identifier === 'number'\n\t\t\t\t? identifier\n\t\t\t\t: JSON.stringify(identifier);\n\n\t\tconst currentValue = this._selectedItem\n\t\t\t? this._selectedItem?.[this._identifierKey]\n\t\t\t: null;\n\t\tconst currentParsedValue =\n\t\t\ttypeof currentValue === 'string' || typeof currentValue === 'number'\n\t\t\t\t? currentValue\n\t\t\t\t: JSON.stringify(currentValue);\n\n\t\tif (this._selectedItem && currentParsedValue === parsedValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._items?.length && value) {\n\t\t\tthis._selectValue(value, false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst item = this._items.find(i => {\n\t\t\tconst itemIdentifier = i?.[this._identifierKey];\n\t\t\tconst parsedItemIdentifier =\n\t\t\t\ttypeof itemIdentifier === 'string' || typeof itemIdentifier === 'number'\n\t\t\t\t\t? itemIdentifier\n\t\t\t\t\t: JSON.stringify(itemIdentifier);\n\n\t\t\treturn parsedItemIdentifier === parsedValue;\n\t\t});\n\n\t\tthis._selectValue(!!item ? item : value, false);\n\t}\n\n\tprivate _selectValue(item, forceBlur = true) {\n\t\tlet value =\n\t\t\t!!this.valueKey && this.valueKey !== 'false' && item !== null\n\t\t\t\t? item?.[this.valueKey]\n\t\t\t\t: item;\n\n\t\tif (this.multi) {\n\t\t\tif (!this._selectedItem || !Array.isArray(this._selectedItem)) {\n\t\t\t\tthis._selectedItem = [];\n\t\t\t}\n\n\t\t\tif (!this.value || !Array.isArray(this.value)) {\n\t\t\t\tthis.value = [];\n\t\t\t}\n\n\t\t\tconst selectedItem = [...this._selectedItem];\n\t\t\tconst valueArray = [...this.value];\n\n\t\t\tconst includesIndex = selectedItem.findIndex(\n\t\t\t\ti => i[this._identifierKey] === item[this._identifierKey]\n\t\t\t);\n\t\t\tif (includesIndex === -1) {\n\t\t\t\tselectedItem.push(item);\n\t\t\t\tvalueArray.push(value);\n\t\t\t} else {\n\t\t\t\tselectedItem.splice(includesIndex, 1);\n\t\t\t\tvalueArray.splice(includesIndex, 1);\n\t\t\t}\n\n\t\t\tthis._selectedItem = selectedItem;\n\t\t\tthis.value = valueArray;\n\t\t\tthis.valueChange.emit(valueArray);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._selectedItem = item;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\n\t\tthis._onBlur(forceBlur);\n\t}\n\n\tprivate _onFocus(ev) {\n\t\tev.preventDefault();\n\t\tthis._inputRef.blur();\n\n\t\tif (!this._showDropdown) {\n\t\t\tthis._showDropdown = true;\n\t\t}\n\n\t\treturn;\n\t}\n\n\tprivate _onMouseDown(ev) {\n\t\tif (this.enableAutocomplete) {\n\t\t\treturn;\n\t\t}\n\n\t\tev.preventDefault();\n\t}\n\n\tprivate _onClick() {\n\t\tif (this.enableAutocomplete) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = !this._showDropdown;\n\t}\n\n\tprivate _onBlur(force = false) {\n\t\tif (this.enableAutocomplete && !force) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\tprivate _onAutoComplete(ev) {\n\t\tif (!this.enableAutocomplete) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = true;\n\n\t\tthis.query = ev.target.value;\n\t\tthis.queryChange.emit(ev.target.value);\n\t}\n\n\tprivate _checkvalue(key, item) {\n\t\treturn (\n\t\t\titem?.[key]\n\t\t\t\t?.toString()\n\t\t\t\t?.toLowerCase()\n\t\t\t\t.indexOf(this.query?.toLowerCase()) >= 0\n\t\t);\n\t}\n\n\tprivate _getItems() {\n\t\tlet items = this._items.map(item => (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tuseContainer={false}\n\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\tactive={\n\t\t\t\t\tthis.multi &&\n\t\t\t\t\t!!this._selectedItem &&\n\t\t\t\t\tArray.isArray(this._selectedItem)\n\t\t\t\t\t\t? this._selectedItem.findIndex(\n\t\t\t\t\t\t\t\ti => i[this._identifierKey] === item[this._identifierKey]\n\t\t\t\t\t\t ) >= 0\n\t\t\t\t\t\t: item[this._identifierKey] ===\n\t\t\t\t\t\t this._selectedItem?.[this._identifierKey]\n\t\t\t\t}\n\t\t\t\tvariant={this.multi ? 'checkbox' : 'default'}\n\t\t\t\tclass='justify-start'\n\t\t\t>\n\t\t\t\t{this._getDisplay(item)}\n\t\t\t</p-dropdown-menu-item>\n\t\t));\n\n\t\tif (!this._items.length) {\n\t\t\titems = [\n\t\t\t\t<p class='w-full p-2 text-center text-sm text-storm-medium'>\n\t\t\t\t\t{this.emptyStateText}\n\t\t\t\t</p>,\n\t\t\t];\n\t\t}\n\n\t\tif (this.enableSelectAll && this._items.length) {\n\t\t\titems.unshift(\n\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\tuseContainer={false}\n\t\t\t\t\tvariant='checkbox'\n\t\t\t\t\tonClick={() => this._selectAllChange()}\n\t\t\t\t\tactive={this._allSelected}\n\t\t\t\t>\n\t\t\t\t\t{this.selectAllIcon?.length ? (\n\t\t\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t\t\t<div class='flex w-6 justify-center text-lg'>\n\t\t\t\t\t\t\t\t<p-icon variant={this.selectAllIcon} />\n\t\t\t\t\t\t\t</div>{' '}\n\t\t\t\t\t\t\t{this.selectAllText}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tthis.selectAllText\n\t\t\t\t\t)}\n\t\t\t\t</p-dropdown-menu-item>\n\t\t\t);\n\t\t}\n\n\t\tif (this.enableAutocomplete) {\n\t\t\titems.unshift(this._getAutoCompleteItem());\n\t\t}\n\n\t\treturn items;\n\t}\n\n\tprivate _getAddItem() {\n\t\treturn (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tonClick={() => this.add.emit()}\n\t\t\t\tuseContainer={false}\n\t\t\t>\n\t\t\t\t<span class='flex items-center gap-1 font-semibold text-indigo'>\n\t\t\t\t\t{this.addItemText}\n\t\t\t\t\t<p-icon variant='plus' />\n\t\t\t\t</span>\n\t\t\t</p-dropdown-menu-item>\n\t\t);\n\t}\n\n\tprivate _getLoadingItems() {\n\t\tconst items = [0, 0, 0].map(() => (\n\t\t\t<p-dropdown-menu-item enableHover={false}>\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-full rounded'\n\t\t\t\t/>\n\t\t\t</p-dropdown-menu-item>\n\t\t));\n\n\t\tif (this.enableAutocomplete) {\n\t\t\titems.unshift(this._getAutoCompleteItem());\n\t\t}\n\n\t\treturn items;\n\t}\n\n\tprivate _getAutoCompleteItem() {\n\t\treturn (\n\t\t\t<div class='sticky top-0 -mt-2 bg-white pt-2'>\n\t\t\t\t<input\n\t\t\t\t\tclass='p-input size-small sticky top-2 mb-2'\n\t\t\t\t\tplaceholder={this.autocompletePlaceholder}\n\t\t\t\t\tonInput={ev => this._onAutoComplete(ev)}\n\t\t\t\t\tref={ref => (this.autocompleteInputRef = ref)}\n\t\t\t\t\tvalue={this.query}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _setMultiContainerMaxWidth() {\n\t\tif (!this._inputRef || !this._multiContainerRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._multiContainerRef.style.maxWidth = `${\n\t\t\tthis._inputRef.clientWidth - 16\n\t\t}px`;\n\t}\n\n\tprivate _checkSelectedItems() {\n\t\tif (!this._multiContainerRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst containerRect = this._multiContainerRef.getBoundingClientRect();\n\t\tconst items = Array.from(\n\t\t\tthis._multiContainerRef.querySelectorAll('.item')\n\t\t) as HTMLElement[];\n\n\t\tlet amountHidden = 0;\n\n\t\tfor (const child of items) {\n\t\t\tchild.classList.remove('hidden');\n\n\t\t\tconst childRect = child.getBoundingClientRect();\n\t\t\tif (childRect.right > containerRect.right) {\n\t\t\t\tchild.classList.add('hidden');\n\t\t\t\tamountHidden++;\n\t\t\t}\n\t\t}\n\n\t\tthis._amountHidden = amountHidden;\n\t\tconst extra = this._multiContainerRef.querySelector('.extra');\n\t\tif (!extra) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!extra.classList.contains('hidden')) {\n\t\t\textra.classList.add('hidden');\n\t\t}\n\n\t\tif (amountHidden > 0) {\n\t\t\textra.classList.remove('hidden');\n\t\t}\n\t}\n\n\tprivate _onDropdownOpen(ev) {\n\t\tif (!ev.detail || !this.autocompleteInputRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.autocompleteInputRef.focus();\n\t}\n\n\tprivate _selectAllChange() {\n\t\tthis._allSelected = !this._allSelected;\n\t\tthis.selectAllChange.emit(this._allSelected);\n\t}\n\n\tprivate _getDisplay(item, isSelection = false) {\n\t\tlet content = (\n\t\t\t<div class='text-container'>\n\t\t\t\t{\n\t\t\t\t\titem[\n\t\t\t\t\t\tisSelection\n\t\t\t\t\t\t\t? this.selectionDisplayKey ?? this.displayKey\n\t\t\t\t\t\t\t: this.displayKey\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.avatarKey) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t<p-avatar\n\t\t\t\t\t\tsize='xs'\n\t\t\t\t\t\tsrc={item[this.avatarKey]}\n\t\t\t\t\t\tletters={item[this.avatarLettersKey]}\n\t\t\t\t\t></p-avatar>\n\t\t\t\t\t<div class='text-container'>\n\t\t\t\t\t\t{item[this.dropdownDisplayKey ?? this.displayKey]}\n\t\t\t\t\t</div>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (this.iconKey && (!isSelection || this.showIconInSelectedItem)) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t<p-icon variant={item[this.iconKey] as IconVariant} />\n\t\t\t\t\t<div class='text-container'>\n\t\t\t\t\t\t{item[this.dropdownDisplayKey ?? this.displayKey]}\n\t\t\t\t\t</div>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={\n\t\t\t\t\t!isSelection || this.applyClassOnSelectedItem\n\t\t\t\t\t\t? `max-w-full ${item?.class}`\n\t\t\t\t\t\t: 'max-w-full'\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"mappings":"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"}
|