@paperless/core 1.17.5 → 1.19.0

package/dist/paperless/p-a7344d53.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["selectComponentCss","Select","_items","this","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","_isAutoCompleting","_a","query","length","_b","_selectedItem","asyncFilter","filter","item","queryKey","_checkvalue","_identifierKey","slice","maxDisplayedItems","_displayValue","multi","i","_placeholder","autocompletePlaceholder","placeholder","identifierKey","componentDidLoad","Error","enableAutocomplete","_setMultiContainerMaxWidth","_resizeObserver","ResizeObserver","_resizeDebounceTimer","clearTimeout","setTimeout","_checkSelectedItems","observe","_el","_valueChange","itemChanges","componentDidRender","disconnectedCallback","disconnect","render","h","Host","class","_showDropdown","disableTriggerClick","calculateWidth","insideClick","scrollable","show","slot","icon","size","prefix","label","helper","required","error","disabled","focused","focusMethod","type","onFocus","ev","_onFocus","onMouseDown","_onMouseDown","onClick","_onClick","onInput","_onChange","ref","_inputRef","showChevron","variant","_getLoadingItems","_getItems","showAddItem","_getAddItem","_multiContainerRef","_selectValue","_amountHidden","documentClickHandler","target","childOf","_preselectItem","_showDropdownChanges","dropdownShown","emit","Array","isArray","valueChange","includes","autoSelectFirst","identifier","parsedValue","stringify","currentValue","currentParsedValue","_c","find","itemIdentifier","parsedItemIdentifier","keepQuery","selectedItem","valueArray","includesIndex","findIndex","push","splice","_onBlur","preventDefault","stopPropogation","force","queryChange","key","toString","toLowerCase","indexOf","active","avatarKey","src","letters","avatarLettersKey","add","addItemText","enableHover","style","maxWidth","clientWidth","containerRect","getBoundingClientRect","from","querySelectorAll","amountHidden","child","classList","remove","childRect","right","extra","querySelector","contains"],"sources":["src/components/molecules/select/select.component.scss?tag=p-select","src/components/molecules/select/select.component.tsx"],"sourcesContent":["p-select {\n\t@apply flex w-full flex-col relative;\n\n\tinput.read-only {\n\t\t@apply text-ellipsis;\n\t}\n\n\t.multi-container {\n\t\t@apply absolute top-0 left-0 h-full flex gap-2 items-center px-2 py-4 overflow-hidden pointer-events-none w-full;\n\n\t\t.item {\n\t\t\t@apply bg-indigo-light rounded px-2 flex gap-2 items-center cursor-pointer text-indigo-dark h-[1.625rem] text-sm font-semibold pointer-events-auto whitespace-nowrap;\n\n\t\t\tp-icon {\n\t\t\t\t@apply text-indigo text-xs;\n\t\t\t}\n\t\t}\n\n\t\t.extra {\n\t\t\t@apply text-sm text-storm-medium pointer-events-none;\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\tshadow: false,\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 when auto completing\n\t */\n\t@Prop() autocompletePlaceholder: string;\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 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 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 to keep the query or not\n\t */\n\t@Prop() keepQuery: 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 * 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 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 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 _isAutoCompleting: boolean = false;\n\t@State() private _amountHidden = 0;\n\n\tprivate _inputRef: 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'\n\t\t\t\t? JSON.parse(this.items)\n\t\t\t\t: 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 (\n\t\t\tthis._isAutoCompleting &&\n\t\t\tthis.query?.length &&\n\t\t\tthis.query !== this._selectedItem?.[this.displayKey] &&\n\t\t\t!this.asyncFilter\n\t\t) {\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._isAutoCompleting) {\n\t\t\treturn this.query;\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\treturn this._selectedItem\n\t\t\t\t?.map((i) => i?.[this.displayKey])\n\t\t\t\t.filter((i) => !!i);\n\t\t}\n\n\t\treturn this._selectedItem?.[this.displayKey];\n\t}\n\n\tget _placeholder() {\n\t\treturn this._isAutoCompleting && this.autocompletePlaceholder?.length\n\t\t\t? this.autocompletePlaceholder\n\t\t\t: this.placeholder;\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.enableAutocomplete = false;\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{this._showDropdown && (!!this._items.length || this.loading)}\n\t\t\t\t{this._isAutoCompleting}\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={true}\n\t\t\t\t\tshow={\n\t\t\t\t\t\tthis._showDropdown &&\n\t\t\t\t\t\t(!!this._items.length || this.loading)\n\t\t\t\t\t}\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\tfocusMethod={\n\t\t\t\t\t\t\tthis.enableAutocomplete ? 'focus' : 'click'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tslot=\"input\"\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tplaceholder={this._placeholder}\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tthis.multi && this._displayValue?.length\n\t\t\t\t\t\t\t\t\t? ' '\n\t\t\t\t\t\t\t\t\t: this._displayValue\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tclass={`p-input cursor-pointer ${\n\t\t\t\t\t\t\t\t!this._isAutoCompleting && 'read-only'\n\t\t\t\t\t\t\t}`}\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\tonInput={(ev) => this._onChange(ev)}\n\t\t\t\t\t\t\tref={(ref) => (this._inputRef = ref)}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{this.showChevron && (\n\t\t\t\t\t\t\t<p-icon variant=\"chevron\" slot=\"suffix\" />\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\n\t\t\t\t\t\t\t? this._getLoadingItems()\n\t\t\t\t\t\t\t: 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\n\t\t\t\t{this.multi && this._selectedItem?.length > 0 && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"multi-container\"\n\t\t\t\t\t\tref={(ref) => (this._multiContainerRef = ref)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this._selectedItem.map((item) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"item\"\n\t\t\t\t\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item[this.displayKey]}\n\t\t\t\t\t\t\t\t<p-icon variant=\"negative\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t<div class=\"extra hidden\">+{this._amountHidden}</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\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\tthis._isAutoCompleting = false;\n\t}\n\n\t@Watch('value')\n\tprivate _valueChange() {\n\t\tthis._preselectItem();\n\t}\n\n\t@Watch('items')\n\tpublic itemChanges() {\n\t\tthis._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\tprivate _preselectItem() {\n\t\tif (this._isAutoCompleting && this.query?.length) {\n\t\t\treturn;\n\t\t}\n\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\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) =>\n\t\t\t\t\t\t\tvalue.includes(i?.[this.valueKey])\n\t\t\t\t\t\t)\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);\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' ||\n\t\t\t\ttypeof 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);\n\t}\n\n\tprivate _selectValue(item) {\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\tthis.query = this.keepQuery ? item?.[this.displayKey] : null;\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\t(i) => 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} else {\n\t\t\tthis._selectedItem = item;\n\t\t\tthis.value = value;\n\t\t\tthis.valueChange.emit(value);\n\t\t}\n\n\t\tif (!this.multi) {\n\t\t\tthis._onBlur(true);\n\t\t}\n\t}\n\n\tprivate _onFocus(ev) {\n\t\tif (!this.enableAutocomplete) {\n\t\t\tev.preventDefault();\n\t\t\tev.stopPropogation();\n\n\t\t\tif (!this._showDropdown) {\n\t\t\t\tthis._showDropdown = true;\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = true;\n\t\tthis._isAutoCompleting = true;\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._isAutoCompleting = false;\n\t\tthis._showDropdown = false;\n\t}\n\n\tprivate _onChange(ev) {\n\t\tif (!this.enableAutocomplete) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._isAutoCompleting) {\n\t\t\tthis._isAutoCompleting = true;\n\t\t\tthis._showDropdown = true;\n\t\t}\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\treturn this._items.map((item) => (\n\t\t\t<p-dropdown-menu-item\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\t? this._selectedItem?.findIndex(\n\t\t\t\t\t\t\t\t(i) =>\n\t\t\t\t\t\t\t\t\ti[this._identifierKey] ===\n\t\t\t\t\t\t\t\t\titem[this._identifierKey]\n\t\t\t\t\t\t\t) >= 0\n\t\t\t\t\t\t: item[this._identifierKey] ===\n\t\t\t\t\t\t\tthis._selectedItem?.[this._identifierKey]\n\t\t\t\t}\n\t\t\t\tvariant={this.multi ? 'checkbox' : 'default'}\n\t\t\t>\n\t\t\t\t{this.avatarKey ? (\n\t\t\t\t\t<span class=\"flex items-center gap-2\">\n\t\t\t\t\t\t<p-avatar\n\t\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\t\tsrc={item[this.avatarKey]}\n\t\t\t\t\t\t\tletters={item[this.avatarLettersKey]}\n\t\t\t\t\t\t></p-avatar>\n\t\t\t\t\t\t{item[this.displayKey]}\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\titem[this.displayKey]\n\t\t\t\t)}\n\t\t\t</p-dropdown-menu-item>\n\t\t));\n\t}\n\n\tprivate _getAddItem() {\n\t\treturn (\n\t\t\t<p-dropdown-menu-item onClick={() => this.add.emit()}>\n\t\t\t\t<span class=\"text-indigo font-semibold flex gap-1 items-center\">\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\treturn [0, 0, 0].map(() => (\n\t\t\t<p-dropdown-menu-item enableHover={false}>\n\t\t\t\t<p-loader variant=\"ghost\" class=\"h-6 w-full rounded\" />\n\t\t\t</p-dropdown-menu-item>\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 = `${this._inputRef.clientWidth - 16}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"],"mappings":"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"}

package/dist/paperless/p-af6b813e.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["avatarGroupComponentCss","AvatarGroup","render","h","Host","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    @apply flex -space-x-1 overflow-hidden items-center;\n\n    p-avatar > img {\n        @apply ring-2 ring-white;\n    }\n\n    p-avatar:nth-child(1) {\n        z-index: 3;\n    }\n\n    p-avatar:nth-child(2) {\n        z-index: 2;\n    }\n\n    p-avatar:nth-child(3) {\n        z-index: 1;\n    }\n\n    .extra {\n        @apply text-sm text-storm-vague pl-4;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-avatar-group',\n    styleUrl: 'avatar-group.component.scss',\n    // shadow: true,\n})\nexport class AvatarGroup {\n    /**\n     * The amount to show after the avatars\n     */\n    @Prop() extra: number;\n\n    render() {\n        return (\n            <Host class=\"p-avatar-group\">\n                <slot />\n\n                {this.extra && <span class=\"extra\">+{this.extra}</span>}\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,ovD,MCOnBC,EAAW,M,8CAMpB,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,aAECG,KAAKC,OAASJ,EAAA,QAAME,MAAM,SAAO,IAAGC,KAAKC,O"}
+{"version":3,"names":["avatarGroupComponentCss","AvatarGroup","render","h","Host","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\t@apply flex -space-x-1 overflow-hidden items-center;\n\n\tp-avatar > img {\n\t\t@apply ring-2 ring-white;\n\t}\n\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\t.extra {\n\t\t@apply text-sm text-storm-vague pl-4;\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\t// shadow: true,\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\">\n\t\t\t\t<slot />\n\n\t\t\t\t{this.extra && <span class=\"extra\">+{this.extra}</span>}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,ovD,MCOnBC,EAAW,M,8CAMvB,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,kBACXF,EAAA,aAECG,KAAKC,OAASJ,EAAA,QAAME,MAAM,SAAO,IAAGC,KAAKC,O"}

package/dist/paperless/p-b6f43309.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["stepperItemComponentCss","StepperItem","render","h","Host","class","this","finished","variant","name"],"sources":["src/components/atoms/stepper-item/stepper-item.component.scss?tag=p-stepper-item&encapsulation=shadow","src/components/atoms/stepper-item/stepper-item.component.tsx"],"sourcesContent":[":host {\n    @apply relative flex w-full items-end justify-center;\n\n    .content {\n        @apply min-w-[calc(100%-2rem)] whitespace-nowrap;\n        @apply text-sm text-storm-light;\n    }\n\n    .circle {\n        @apply transition duration-500 ease-in-out;\n        @apply flex items-center justify-center;\n        @apply h-4 w-4 rounded-round;\n        @apply bg-mystic-dark text-white;\n\n        p-icon {\n            @apply flex #{!important};\n            font-size: 0.625rem;\n        }\n    }\n}\n\n:host([direction='horizontal']) {\n    @apply h-10;\n\n    .content {\n        @apply absolute top-0 min-w-0;\n        @apply order-1;\n    }\n\n    .circle {\n        @apply order-2;\n    }\n}\n\n:host([direction='vertical']) {\n    @apply min-h-[1rem] items-center;\n\n    .content {\n        @apply order-2 ml-4;\n    }\n\n    .circle {\n        @apply order-1;\n    }\n}\n\n:host([active]),\n:host([finished]) {\n    .content {\n        @apply text-indigo;\n    }\n\n    .circle {\n        @apply bg-indigo;\n    }\n}\n\n:host([direction='horizontal'][align='start']) {\n    .content {\n        @apply left-0;\n    }\n}\n\n:host([direction='horizontal'][align='end']) {\n    .content {\n        @apply right-0;\n    }\n}\n\n:host([direction='horizontal'][align='center']) {\n    .content {\n        @apply left-1/2 -translate-x-1/2 transform text-center;\n    }\n}\n\n:host([direction='vertical'][content-position='start']) {\n    @apply flex-row-reverse;\n\n    .content {\n        @apply ml-0 mr-4 flex justify-end;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-stepper-item',\n    styleUrl: 'stepper-item.component.scss',\n    shadow: true,\n})\nexport class StepperItem {\n    /**\n     * The alignment of the step content\n     */\n    @Prop({ reflect: true }) align: 'start' | 'center' | 'end' = 'center';\n\n    /**\n     * The direction of the stepper step\n     */\n    @Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n        'horizontal';\n\n    /**\n     * The position of the content in case of vertical direction\n     */\n    @Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Wether the step is finished\n     */\n    @Prop({ reflect: true }) finished: boolean = false;\n\n    /**\n     * Wether the step is active\n     */\n    @Prop({ reflect: true }) active: boolean = false;\n\n    render() {\n        return (\n            <Host class=\"p-stepper-item\">\n                <div class=\"circle\">\n                    {this.finished && <p-icon variant=\"checkmark\" />}\n                </div>\n                <div class=\"content\">\n                    <slot name=\"content\" />\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,i6H,MCOnBC,EAAW,M,oCAIyC,S,eAMzD,a,qBAKwD,M,cAKf,M,YAKF,K,CAE3C,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,OAAKE,MAAM,UACNC,KAAKC,UAAYJ,EAAA,UAAQK,QAAQ,eAEtCL,EAAA,OAAKE,MAAM,WACPF,EAAA,QAAMM,KAAK,a"}
+{"version":3,"names":["stepperItemComponentCss","StepperItem","render","h","Host","class","this","finished","variant","name"],"sources":["src/components/atoms/stepper-item/stepper-item.component.scss?tag=p-stepper-item&encapsulation=shadow","src/components/atoms/stepper-item/stepper-item.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full items-end justify-center;\n\n\t.content {\n\t\t@apply min-w-[calc(100%-2rem)] whitespace-nowrap;\n\t\t@apply text-sm text-storm-light;\n\t}\n\n\t.circle {\n\t\t@apply transition duration-500 ease-in-out;\n\t\t@apply flex items-center justify-center;\n\t\t@apply h-4 w-4 rounded-round;\n\t\t@apply bg-mystic-dark text-white;\n\n\t\tp-icon {\n\t\t\t@apply flex #{!important};\n\t\t\tfont-size: 0.625rem;\n\t\t}\n\t}\n}\n\n:host([direction='horizontal']) {\n\t@apply h-10;\n\n\t.content {\n\t\t@apply absolute top-0 min-w-0;\n\t\t@apply order-1;\n\t}\n\n\t.circle {\n\t\t@apply order-2;\n\t}\n}\n\n:host([direction='vertical']) {\n\t@apply min-h-[1rem] items-center;\n\n\t.content {\n\t\t@apply order-2 ml-4;\n\t}\n\n\t.circle {\n\t\t@apply order-1;\n\t}\n}\n\n:host([active]),\n:host([finished]) {\n\t.content {\n\t\t@apply text-indigo;\n\t}\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([direction='horizontal'][align='start']) {\n\t.content {\n\t\t@apply left-0;\n\t}\n}\n\n:host([direction='horizontal'][align='end']) {\n\t.content {\n\t\t@apply right-0;\n\t}\n}\n\n:host([direction='horizontal'][align='center']) {\n\t.content {\n\t\t@apply left-1/2 -translate-x-1/2 transform text-center;\n\t}\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply flex-row-reverse;\n\n\t.content {\n\t\t@apply ml-0 mr-4 flex justify-end;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.scss',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The alignment of the step content\n\t */\n\t@Prop({ reflect: true }) align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The direction of the stepper step\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop({ reflect: true }) finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-stepper-item\">\n\t\t\t\t<div class=\"circle\">\n\t\t\t\t\t{this.finished && <p-icon variant=\"checkmark\" />}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,i6H,MCOnBC,EAAW,M,oCAIsC,S,eAM5D,a,qBAK2D,M,cAKf,M,YAKF,K,CAE3C,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,kBACXF,EAAA,OAAKE,MAAM,UACTC,KAAKC,UAAYJ,EAAA,UAAQK,QAAQ,eAEnCL,EAAA,OAAKE,MAAM,WACVF,EAAA,QAAMM,KAAK,a"}

package/dist/paperless/p-b7c0f157.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["tooltipComponentCss","Tooltip","this","_loaded","componentShouldUpdate","_update","disconnectedCallback","_cleanup","render","h","Host","class","name","variant","role","placement","strategy","ref","el","_load","content","clickHandler","enableUserInput","_popover","hasAttribute","_show","documentClickHandler","canManuallyClose","show","_hide","mouseEnterHandler","mouseLeaveHandler","autoUpdate","_el","setAttribute","isOpen","emit","removeAttribute","popover","setTimeout","arrowEl","querySelector","computePosition","middleware","offset","flip","shift","arrow","element","padding","then","x","y","middlewareData","dataset","Object","assign","style","top","left","indexOf"],"sources":["src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n    @apply flex cursor-pointer;\n\n    .popover-container {\n        @apply relative h-0 w-0;\n        .popover {\n            @apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-4 transition-opacity;\n            @apply pointer-events-none;\n            width: max-content;\n            max-width: 14.5rem;\n\n            &.variant-hover,\n            &.variant-error,\n            &.variant-error-element {\n                @apply bg-storm py-1 text-white;\n            }\n\n            &.variant-error,\n            &.variant-error-element {\n                @apply bg-negative uppercase tracking-wider;\n            }\n\n            &[data-show] {\n                @apply pointer-events-auto opacity-100;\n            }\n\n            .arrow,\n            .arrow::before {\n                background: inherit;\n                @apply absolute h-2 w-2;\n            }\n\n            .arrow {\n                visibility: hidden;\n\n                &::before {\n                    @apply visible rotate-45 transform;\n                    content: '';\n                }\n            }\n\n            &[data-strategy='fixed'] {\n                @apply fixed;\n            }\n\n            &[data-strategy='absolute'] {\n                @apply absolute;\n            }\n\n            &[data-placement^='top'] > .arrow {\n                @apply -bottom-1;\n            }\n\n            &[data-placement^='bottom'] > .arrow {\n                @apply -top-1;\n            }\n\n            &[data-placement^='left'] > .arrow {\n                @apply -right-1;\n            }\n\n            &[data-placement^='right'] > .arrow {\n                @apply -left-1;\n            }\n        }\n    }\n}\n","import {\n    arrow,\n    autoUpdate,\n    computePosition,\n    flip,\n    offset,\n    Placement,\n    shift,\n    Strategy,\n} from '@floating-ui/dom';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-tooltip',\n    styleUrl: 'tooltip.component.scss',\n    shadow: true,\n})\nexport class Tooltip {\n    /**\n     * The variant of the popover\n     */\n    @Prop() variant: 'hover' | 'click' | 'error' | 'error-element' = 'hover';\n\n    /**\n     * The content of the popover\n     */\n    @Prop() content: any = null;\n\n    /**\n     * The placement of the popover\n     */\n    @Prop() placement: Placement = 'top';\n\n    /**\n     * The strategy of the popover placement\n     */\n    @Prop() strategy: Strategy = 'absolute';\n\n    /**\n     * Wether the tooltip can be shown by user input\n     */\n    @Prop() enableUserInput: boolean = true;\n\n    /**\n     * Wether to show the popover\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to someone can manually close the popover\n     */\n    @Prop() canManuallyClose: boolean = true;\n\n    /**\n     * Open change event\n     */\n    @Event({\n        bubbles: false,\n    })\n    isOpen: EventEmitter<boolean>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _loaded = false;\n    private _popover: HTMLElement;\n    private _cleanup: () => void;\n\n    componentShouldUpdate() {\n        this._update();\n    }\n\n    disconnectedCallback() {\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-popover\">\n                <slot name=\"trigger\" />\n                <div class=\"popover-container\">\n                    <div\n                        class={`popover variant-${this.variant}`}\n                        role=\"popover\"\n                        data-placement={this.placement}\n                        data-strategy={this.strategy}\n                        ref={(el) => this._load(el)}\n                    >\n                        {this.content ? this.content : <slot name=\"content\" />}\n                        <div class=\"arrow\"></div>\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    protected clickHandler() {\n        if (this.variant === 'hover' || !this.enableUserInput) {\n            return;\n        }\n\n        if (this._popover.hasAttribute('data-show')) {\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler() {\n        if (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n            return;\n        }\n\n        if (!this._popover.hasAttribute('data-show')) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    @Listen('mouseenter')\n    @Listen('focus')\n    protected mouseEnterHandler() {\n        if (this.variant !== 'hover' || !this.enableUserInput) {\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('mouseleave')\n    @Listen('blur')\n    protected mouseLeaveHandler() {\n        if (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    private _show() {\n        if (!this._loaded) {\n            return;\n        }\n\n        this._cleanup = autoUpdate(this._el, this._popover, () =>\n            this._update()\n        );\n        // Make the popover visible\n        this._popover.setAttribute('data-show', '');\n\n        // Update its position\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded) {\n            return;\n        }\n\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n\n        // Hide the popover\n        this._popover.removeAttribute('data-show');\n        this.isOpen.emit(false);\n    }\n\n    private _load(popover: HTMLElement) {\n        this._popover = popover;\n        if (popover) {\n            this._update();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _update() {\n        if (!this._popover) {\n            return;\n        }\n\n        const arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n        if (!arrowEl) {\n            return;\n        }\n\n        computePosition(this._el, this._popover, {\n            placement:\n                this.variant === 'error' || this.variant === 'error-element'\n                    ? 'top-end'\n                    : this.placement,\n            strategy: this.strategy,\n\n            middleware: [\n                offset(this.variant === 'error' ? 14 : 8),\n                flip(),\n                shift(),\n                arrow({ element: arrowEl, padding: 8 }),\n            ],\n        }).then(({ x, y, placement, middlewareData }) => {\n            this._popover.dataset.placement = placement;\n            Object.assign(this._popover.style, {\n                top: `${y}px`,\n                left: `${x}px`,\n            });\n\n            if (middlewareData.arrow) {\n                const { x, y } = middlewareData.arrow;\n\n                Object.assign(arrowEl.style, {\n                    left:\n                        this.variant === 'error' ||\n                        this.variant === 'error-element'\n                            ? placement.indexOf('start') >= 0\n                                ? '1rem'\n                                : 'calc(100% - 1rem)'\n                            : x != null\n                            ? `${x}px`\n                            : '',\n                    top: y != null ? `${y}px` : '',\n                });\n            }\n        });\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["tooltipComponentCss","Tooltip","this","_loaded","componentShouldUpdate","_update","disconnectedCallback","_cleanup","render","h","Host","class","name","variant","role","placement","strategy","ref","el","_load","content","clickHandler","enableUserInput","_popover","hasAttribute","_show","documentClickHandler","canManuallyClose","show","_hide","mouseEnterHandler","mouseLeaveHandler","autoUpdate","_el","setAttribute","isOpen","emit","removeAttribute","popover","setTimeout","arrowEl","querySelector","computePosition","middleware","offset","flip","shift","arrow","element","padding","then","x","y","middlewareData","dataset","Object","assign","style","top","left","indexOf"],"sources":["src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n\t@apply flex cursor-pointer;\n\n\t.popover-container {\n\t\t@apply relative h-0 w-0;\n\t\t.popover {\n\t\t\t@apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-4 transition-opacity;\n\t\t\t@apply pointer-events-none;\n\t\t\twidth: max-content;\n\t\t\tmax-width: 14.5rem;\n\n\t\t\t&.variant-hover,\n\t\t\t&.variant-error,\n\t\t\t&.variant-error-element {\n\t\t\t\t@apply bg-storm py-1 text-white;\n\t\t\t}\n\n\t\t\t&.variant-error,\n\t\t\t&.variant-error-element {\n\t\t\t\t@apply bg-negative uppercase tracking-wider;\n\t\t\t}\n\n\t\t\t&[data-show] {\n\t\t\t\t@apply pointer-events-auto opacity-100;\n\t\t\t}\n\n\t\t\t.arrow,\n\t\t\t.arrow::before {\n\t\t\t\tbackground: inherit;\n\t\t\t\t@apply absolute h-2 w-2;\n\t\t\t}\n\n\t\t\t.arrow {\n\t\t\t\tvisibility: hidden;\n\n\t\t\t\t&::before {\n\t\t\t\t\t@apply visible rotate-45 transform;\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[data-strategy='fixed'] {\n\t\t\t\t@apply fixed;\n\t\t\t}\n\n\t\t\t&[data-strategy='absolute'] {\n\t\t\t\t@apply absolute;\n\t\t\t}\n\n\t\t\t&[data-placement^='top'] > .arrow {\n\t\t\t\t@apply -bottom-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='bottom'] > .arrow {\n\t\t\t\t@apply -top-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='left'] > .arrow {\n\t\t\t\t@apply -right-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='right'] > .arrow {\n\t\t\t\t@apply -left-1;\n\t\t\t}\n\t\t}\n\t}\n}\n","import {\n\tarrow,\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} from '@stencil/core';\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.scss',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' | 'error-element' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-popover\">\n\t\t\t\t<slot name=\"trigger\" />\n\t\t\t\t<div class=\"popover-container\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`popover variant-${this.variant}`}\n\t\t\t\t\t\trole=\"popover\"\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\t\tref={(el) => this._load(el)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.content ? this.content : <slot name=\"content\" />}\n\t\t\t\t\t\t<div class=\"arrow\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () =>\n\t\t\tthis._update()\n\t\t);\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = 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 _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n\t\tif (!arrowEl) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' || this.variant === 'error-element'\n\t\t\t\t\t? 'top-end'\n\t\t\t\t\t: this.placement,\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [\n\t\t\t\toffset(this.variant === 'error' ? 14 : 8),\n\t\t\t\tflip(),\n\t\t\t\tshift(),\n\t\t\t\tarrow({ element: arrowEl, padding: 8 }),\n\t\t\t],\n\t\t}).then(({ x, y, placement, middlewareData }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\n\t\t\tif (middlewareData.arrow) {\n\t\t\t\tconst { x, y } = middlewareData.arrow;\n\n\t\t\t\tObject.assign(arrowEl.style, {\n\t\t\t\t\tleft:\n\t\t\t\t\t\tthis.variant === 'error' ||\n\t\t\t\t\t\tthis.variant === 'error-element'\n\t\t\t\t\t\t\t? placement.indexOf('start') >= 0\n\t\t\t\t\t\t\t\t? '1rem'\n\t\t\t\t\t\t\t\t: 'calc(100% - 1rem)'\n\t\t\t\t\t\t\t: x != null\n\t\t\t\t\t\t\t\t? `${x}px`\n\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\ttop: y != null ? `${y}px` : '',\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n}\n"],"mappings":"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"}