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

package/dist/build/p-250b3f90.entry.js.map

@@ -1 +0,0 @@
-{"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-291573c4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["backdropComponentCss","PBackdropStyle0","backdrop","cva","variants","blur","false","true","closing","contentContainer","variant","modal","drawer","Backdrop","clicked","componentWillLoad","this","scrollLock","document","querySelector","classList","add","disconnectedCallback","remove","componentWillUpdate","render","h","Host","key","class","applyBlur","handleClick","ev","target","_el","contains","emit"],"sources":["src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'pt-16 tablet:px-16 desktop-xs:p-16',\n\t\t'flex items-end justify-center desktop-xs:items-stretch',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: null,\n\t\t\t\tdrawer: [\n\t\t\t\t\t'items-start justify-end desktop-xs:items-start',\n\t\t\t\t\t'p-0 tablet:p-0 desktop-xs:p-0',\n\t\t\t\t],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.scss',\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={backdrop({ blur: this.applyBlur, closing: this.closing })}>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: this.closing,\n\t\t\t\t\t})}\n\t\t\t\t>\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\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"mappings":"4HAAA,MAAMA,EAAuB,0mEAC7B,MAAAC,EAAeD,ECWf,MAAME,EAAWC,EAChB,CACC,OACA,gCACA,gBACA,kBACA,uBACA,6BAED,CACCC,SAAU,CACTC,KAAM,CACLC,MAAO,KACPC,KAAM,oBAEPC,QAAS,CACRF,MAAO,kBACPC,KAAM,2CAMV,MAAME,EAAmBN,EACxB,CACC,kDACA,qCACA,yDACA,6BAED,CACCC,SAAU,CACTM,QAAS,CACRC,MAAO,KACPC,OAAQ,CACP,iDACA,kCAGFJ,QAAS,CACRF,MAAO,KACPC,KAAM,sB,MAUGM,EAAQ,M,uEAIkB,Q,eAKT,M,aAKF,M,gBAKG,K,qBAa9BC,Q,yBAOA,iBAAAC,GACC,GAAIC,KAAKC,WAAY,CACpBC,SAASC,cAAc,SAASC,UAAUC,IAAI,c,EAIhD,oBAAAC,GACC,GAAIN,KAAKC,WAAY,CACpBC,SAASC,cAAc,SAASC,UAAUG,OAAO,c,EAInD,mBAAAC,GACC,IAAKR,KAAKC,WAAY,CACrBC,SAASC,cAAc,SAASC,UAAUG,OAAO,c,CAGlD,GAAIP,KAAKC,WAAY,CACpBC,SAASC,cAAc,SAASC,UAAUC,IAAI,c,EAIhD,MAAAI,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO3B,EAAS,CAAEG,KAAMW,KAAKc,UAAWtB,QAASQ,KAAKR,WAC3DkB,EAAA,OAAAE,IAAA,2CACCC,MAAOpB,EAAiB,CACvBC,QAASM,KAAKN,QACdF,QAASQ,KAAKR,WAGfkB,EAAA,QAAAE,IAAA,8C,CAOJ,WAAAG,CAAYC,GACX,GAAIA,EAAGC,SAAWjB,KAAKkB,MAAQlB,KAAKkB,IAAIC,SAASH,EAAGC,QAAiB,CACpE,M,CAGDjB,KAAKF,QAAQsB,KAAKJ,E","ignoreList":[]}

package/dist/build/p-35080e8e.entry.js

@@ -1,2 +0,0 @@
-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:"77fef8b4447152587c36feef957ad90b2b02e316",class:"p-navigation-title text-xs font-medium text-black-teal-300"},e("slot",{key:"961d39e654c4c112251d8f1086173e639974ed6c"}))}};n.style=a;export{n as p_navigation_title};
-//# sourceMappingURL=p-35080e8e.entry.js.map

package/dist/build/p-35080e8e.entry.js.map

@@ -1 +0,0 @@
-{"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-479bdcc8.entry.js.map

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

package/dist/build/p-4e31af7e.entry.js.map

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

package/dist/build/p-562029b4.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as a}from"./p-45ded510.js";const r="*{box-sizing:border-box}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}.static{position:static!important}.flex{display:flex!important}.items-center{align-items:center!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.pl-3{padding-left:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";const i=r;const n=class{constructor(e){t(this,e);this.extra=undefined}render(){return e(a,{key:"e3c1973bf7d96e664d7c4b7c7100128cba511659",class:"p-avatar-group flex items-center -space-x-1 overflow-hidden"},e("slot",{key:"cde697efca3b8cbcdc2e264a33976b3e45bc5020"}),this.extra&&e("span",{key:"834e84a0170b36613fba9dcf237bf2c16d4cb6f7",class:"pl-3 text-sm text-black-teal-300"},"+",this.extra))}};n.style=i;export{n as p_avatar_group};
-//# sourceMappingURL=p-562029b4.entry.js.map

package/dist/build/p-562029b4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["avatarGroupComponentCss","PAvatarGroupStyle0","AvatarGroup","render","h","Host","key","class","this","extra"],"sources":["src/components/atoms/avatar-group/avatar-group.component.scss?tag=p-avatar-group","src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n\tp-avatar:nth-child(1) {\n\t\tz-index: 3;\n\t}\n\n\tp-avatar:nth-child(2) {\n\t\tz-index: 2;\n\t}\n\n\tp-avatar:nth-child(3) {\n\t\tz-index: 1;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-avatar-group',\n\tstyleUrl: 'avatar-group.component.scss',\n})\nexport class AvatarGroup {\n\t/**\n\t * The amount to show after the avatars\n\t */\n\t@Prop() extra: number;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-avatar-group flex items-center -space-x-1 overflow-hidden'>\n\t\t\t\t<slot />\n\n\t\t\t\t{this.extra && (\n\t\t\t\t\t<span class='pl-3 text-sm text-black-teal-300'>+{this.extra}</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,8tBAChC,MAAAC,EAAeD,E,MCKFE,EAAW,M,8CAMvB,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,+DACXH,EAAA,QAAAE,IAAA,6CAECE,KAAKC,OACLL,EAAA,QAAAE,IAAA,2CAAMC,MAAM,oCAAkC,IAAGC,KAAKC,O","ignoreList":[]}

package/dist/build/p-83055eac.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["profileComponentCss","PProfileStyle0","profileContent","cva","variants","dropdown","false","true","Profile","componentWillLoad","this","_checkDropdownSlot","componentWillRender","_updateAvatar","render","content","_getContent","h","Host","key","class","_hasDropdownSlot","strategy","placement","dropdownLocation","applyFullWidth","applyMaxWidth","onIsOpen","ev","_dropdownOpen","detail","variant","chevron","active","slot","size","name","onSlotchange","slotchange","_el","querySelector","avatar"],"sources":["src/components/molecules/profile/profile.component.scss?tag=p-profile","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.scss',\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn (\n\t\t\t<Host class='p-profile inline-block w-inherit'>\n\t\t\t\t{this._hasDropdownSlot ? (\n\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\tclass='block'\n\t\t\t\t\t\tstrategy='absolute'\n\t\t\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\tsize='lg'\n\t\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t\t<div slot='items'>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</p-dropdown>\n\t\t\t\t) : (\n\t\t\t\t\tcontent\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-black-teal-300'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"mappings":"qHAAA,MAAMA,EAAsB,2iCAC5B,MAAAC,EAAeD,ECUf,MAAME,EAAiBC,EAAI,CAAC,0CAA2C,CACtEC,SAAU,CACTC,SAAU,CACTC,MAAO,YACPC,KAAM,S,MASIC,EAAO,M,+CAIkC,a,mBAOpB,M,sBACG,K,0BAEpC,iBAAAC,GACCC,KAAKC,oB,CAGN,mBAAAC,GACCF,KAAKG,e,CAGN,MAAAC,GACC,MAAMC,EAAUL,KAAKM,cAErB,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,oCACVV,KAAKW,iBACLJ,EAAA,cACCG,MAAM,QACNE,SAAS,WACTC,UAAWb,KAAKc,iBAChBC,eAAgB,KAChBC,cAAe,MACfC,SAAUC,GAAOlB,KAAKmB,cAAgBD,EAAGE,QAEzCb,EAAA,YACCc,QAAQ,WACRC,QAAStB,KAAKmB,cAAgB,KAAO,OACrCI,OAAQvB,KAAKmB,cACbK,KAAK,UACLC,KAAK,KACLf,MAAM,UAELL,GAEFE,EAAA,OAAKiB,KAAK,SACTjB,EAAA,QACCmB,KAAK,WACLC,aAAc,IAAM3B,KAAKC,yBAGf,E,CASjB,UAAA2B,GACC5B,KAAKC,oB,CAGE,kBAAAA,GACPD,KAAKW,mBAAqBX,KAAK6B,IAAIC,cAClC,8BAGD,IAAK9B,KAAKW,kBAAoBX,KAAKmB,cAAe,CACjDnB,KAAKmB,cAAgB,K,EAIf,WAAAb,GACP,OACCC,EAAA,OACCG,MAAOlB,EAAe,CACrBG,SAAUK,KAAKW,oBAGhBJ,EAAA,QAAMmB,KAAK,WACXnB,EAAA,OAAKG,MAAM,4CACVH,EAAA,KAAGG,MAAM,yFACRH,EAAA,QAAMmB,KAAK,WAEZnB,EAAA,KAAGG,MAAM,iGACRH,EAAA,QAAMmB,KAAK,eAIbnB,EAAA,QAAMmB,KAAK,e,CAKN,aAAAvB,GACP,MAAM4B,EAAS/B,KAAK6B,IAAIC,cACvB,2BAGD,IAAKC,EAAQ,CACZ,M,CAGDA,EAAON,KAAOzB,KAAKW,iBAAmB,KAAOoB,EAAON,I","ignoreList":[]}