@paperless/core 2.0.1-beta.34 → 2.0.1-beta.36

package/dist/types/components.d.ts

@@ -1430,6 +1430,14 @@ export namespace Components {
           * The size of the input group used by the select
          */
         "size": 'sm' | 'base';
+        /**
+          * The strategy to use for the dropdown placement
+         */
+        "strategy": Strategy;
+        /**
+          * Wether to use a portal for the dropdown container of the select
+         */
+        "usePortal": boolean;
         /**
           * The current value
          */
@@ -4562,6 +4570,14 @@ declare namespace LocalJSX {
           * The size of the input group used by the select
          */
         "size"?: 'sm' | 'base';
+        /**
+          * The strategy to use for the dropdown placement
+         */
+        "strategy"?: Strategy;
+        /**
+          * Wether to use a portal for the dropdown container of the select
+         */
+        "usePortal"?: boolean;
         /**
           * The current value
          */

package/hydrate/index.js

@@ -23376,7 +23376,7 @@ class FloatingMenuItem {
     }; }
 }
 
-const helperComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!important}";
+const helperComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\\:text-black-teal:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
 var PHelperStyle0 = helperComponentCss;
 
 class Helper {
@@ -23386,7 +23386,7 @@ class Helper {
         this.placement = 'top';
     }
     render() {
-        return (hAsync(Host, { key: 'b01ecfa1f3ad5066a2509a203a6b0412c980d56e', class: 'p-helper' }, hAsync("p-tooltip", { key: '6807aa67e6fd1d38dab4343db9d7903c240482e5', placement: this.placement, strategy: this.strategy }, hAsync("div", { key: 'a975111cdfa2095954275efe44af3913e60b808c', slot: 'content' }, hAsync("slot", { key: 'a2c69274cc77b54d0d59b17727c255bbede56433' })), hAsync("p-icon", { key: '2730d47236c95ec09573cd3fa550e1b44e6b8464', size: 'sm', class: 'cursor-pointer', variant: 'question-circle', slot: 'trigger' }))));
+        return (hAsync(Host, { key: 'b01ecfa1f3ad5066a2509a203a6b0412c980d56e', class: 'p-helper' }, hAsync("p-tooltip", { key: '6807aa67e6fd1d38dab4343db9d7903c240482e5', placement: this.placement, strategy: this.strategy }, hAsync("div", { key: 'a975111cdfa2095954275efe44af3913e60b808c', slot: 'content' }, hAsync("slot", { key: 'a2c69274cc77b54d0d59b17727c255bbede56433' })), hAsync("p-icon", { key: 'a4c8c4d70f8164b25404adbfeb60be9faa8b3393', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
     }
     static get style() { return PHelperStyle0; }
     static get cmpMeta() { return {
@@ -25166,7 +25166,7 @@ class SegmentItem {
     }; }
 }
 
-const selectComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-supportive-lilac{--tw-text-opacity:1!important;color:rgb(209 174 255/var(--tw-text-opacity,1))!important}.text-teal-800{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.group\\/item:hover .group-hover\\/item\\:text-supportive-lilac-800{--tw-text-opacity:1!important;color:rgb(189 140 255/var(--tw-text-opacity,1))!important}";
+const selectComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-supportive-lilac{--tw-text-opacity:1!important;color:rgb(209 174 255/var(--tw-text-opacity,1))!important}.text-teal-800{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.group\\/item:hover .group-hover\\/item\\:text-supportive-lilac-800{--tw-text-opacity:1!important;color:rgb(189 140 255/var(--tw-text-opacity,1))!important}";
 var PSelectStyle0 = selectComponentCss;
 
 const multiContainer = cva([
@@ -25201,6 +25201,8 @@ class Select {
         this.add = createEvent(this, "add", 3);
         this.items = undefined;
         this.multi = undefined;
+        this.usePortal = false;
+        this.strategy = 'absolute';
         this.icon = undefined;
         this.query = undefined;
         this.placeholder = undefined;
@@ -25270,28 +25272,7 @@ class Select {
     _resizeDebounceTimer;
     _checkSelectedItemsTimeout;
     get _items() {
-        if (!this.items || this.loading) {
-            return [];
-        }
-        let items = typeof this.items === 'string' ? JSON.parse(this.items) : this.items;
-        if (typeof items?.[0] === 'string') {
-            this.displayKey = 'text';
-            this.valueKey = 'value';
-            items = items.map(str => ({
-                value: str,
-                text: str,
-            }));
-        }
-        if (this.query?.length && !this.asyncFilter) {
-            items = items.filter(item => {
-                if (this.queryKey) {
-                    return this._checkvalue(this.queryKey, item);
-                }
-                return (this._checkvalue(this._identifierKey, item) ||
-                    this._checkvalue(this.displayKey, item));
-            });
-        }
-        return items?.slice(0, this.maxDisplayedItems);
+        return this._getParsedItems();
     }
     get _displayValue() {
         const placeholder = (hAsync("div", { class: textContainer({ variant: 'placeholder' }) }, this.placeholder));
@@ -25344,7 +25325,7 @@ class Select {
         }
     }
     render() {
-        return (hAsync(Host, { key: '0535ba59ab5b32d65e1f2672a49b404f015bc7ea', class: 'p-select' }, hAsync("p-dropdown", { key: '84b70085736f0943eddc1a0bae65460b78f13aad', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-field-container", { key: 'daa079d94004685de5816f0d06fa8f07539900eb', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, hAsync("p-button", { key: 'c0f4640c1cd9047fae73594bef62a7b28f84a9f8', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, hAsync("div", { key: '2479f6d8ff8dea97e8592ba6059371a3967f852a', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
+        return (hAsync(Host, { key: '5fca82e69df3bcdbff0b946c4ae1335f7bee738a', class: 'p-select' }, hAsync("p-dropdown", { key: 'c5fab92fa37891c3bf00cd7d512a0c8484267e6b', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, hAsync("p-field-container", { key: '85d39bac84e07e015c8d643a2f2372dfc259e9b6', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, hAsync("p-button", { key: '62659969a3ea8c096af2f288b19a313cd3063254', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, hAsync("div", { key: '8c1bb55bde3a7080f535c86709d010bd82a8c971', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {
@@ -25415,7 +25396,8 @@ class Select {
             this._selectValue(value, false);
             return;
         }
-        const item = this._items.find(i => {
+        const items = this._getParsedItems(false);
+        const item = items.find(i => {
             const itemIdentifier = i?.[this._identifierKey];
             const parsedItemIdentifier = typeof itemIdentifier === 'string' || typeof itemIdentifier === 'number'
                 ? itemIdentifier
@@ -25578,7 +25560,7 @@ class Select {
     }
     _getDisplay(item, isSelection = false) {
         let content = (hAsync("div", { class: textContainer({ variant: 'default' }) }, item[isSelection
-            ? this.selectionDisplayKey ?? this.displayKey
+            ? (this.selectionDisplayKey ?? this.displayKey)
             : this.displayKey]));
         if (this.avatarKey) {
             content = (hAsync("span", { class: 'flex items-center gap-2' }, hAsync("p-avatar", { size: 'sm', src: item[this.avatarKey], letters: item[this.avatarLettersKey] }), hAsync("div", { class: textContainer({ variant: 'default' }) }, item[this.dropdownDisplayKey ?? this.displayKey])));
@@ -25592,6 +25574,33 @@ class Select {
         }
         return content;
     }
+    _getParsedItems(applyPagination = true) {
+        if (!this.items || this.loading) {
+            return [];
+        }
+        let items = typeof this.items === 'string' ? JSON.parse(this.items) : this.items;
+        if (typeof items?.[0] === 'string') {
+            this.displayKey = 'text';
+            this.valueKey = 'value';
+            items = items.map(str => ({
+                value: str,
+                text: str,
+            }));
+        }
+        if (this.query?.length && !this.asyncFilter) {
+            items = items.filter(item => {
+                if (this.queryKey) {
+                    return this._checkvalue(this.queryKey, item);
+                }
+                return (this._checkvalue(this._identifierKey, item) ||
+                    this._checkvalue(this.displayKey, item));
+            });
+        }
+        if (!applyPagination) {
+            return items;
+        }
+        return items?.slice(0, this.maxDisplayedItems);
+    }
     static get watchers() { return {
         "value": ["_valueChange"],
         "items": ["itemChanges"],
@@ -25605,6 +25614,8 @@ class Select {
         "$members$": {
             "items": [1],
             "multi": [516],
+            "usePortal": [4, "use-portal"],
+            "strategy": [1],
             "icon": [1],
             "query": [1],
             "placeholder": [1],
@@ -25732,7 +25743,7 @@ class Status {
     }; }
 }
 
-const stepperComponentCss = ".flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";
+const stepperComponentCss = ".flex{display:flex!important}.h-auto{height:auto!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";
 var PStepperStyle0 = stepperComponentCss;
 
 class Stepper {

package/hydrate/index.mjs

@@ -23372,7 +23372,7 @@ class FloatingMenuItem {
     }; }
 }
 
-const helperComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!important}";
+const helperComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\\:text-black-teal:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
 var PHelperStyle0 = helperComponentCss;
 
 class Helper {
@@ -23382,7 +23382,7 @@ class Helper {
         this.placement = 'top';
     }
     render() {
-        return (hAsync(Host, { key: 'b01ecfa1f3ad5066a2509a203a6b0412c980d56e', class: 'p-helper' }, hAsync("p-tooltip", { key: '6807aa67e6fd1d38dab4343db9d7903c240482e5', placement: this.placement, strategy: this.strategy }, hAsync("div", { key: 'a975111cdfa2095954275efe44af3913e60b808c', slot: 'content' }, hAsync("slot", { key: 'a2c69274cc77b54d0d59b17727c255bbede56433' })), hAsync("p-icon", { key: '2730d47236c95ec09573cd3fa550e1b44e6b8464', size: 'sm', class: 'cursor-pointer', variant: 'question-circle', slot: 'trigger' }))));
+        return (hAsync(Host, { key: 'b01ecfa1f3ad5066a2509a203a6b0412c980d56e', class: 'p-helper' }, hAsync("p-tooltip", { key: '6807aa67e6fd1d38dab4343db9d7903c240482e5', placement: this.placement, strategy: this.strategy }, hAsync("div", { key: 'a975111cdfa2095954275efe44af3913e60b808c', slot: 'content' }, hAsync("slot", { key: 'a2c69274cc77b54d0d59b17727c255bbede56433' })), hAsync("p-icon", { key: 'a4c8c4d70f8164b25404adbfeb60be9faa8b3393', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
     }
     static get style() { return PHelperStyle0; }
     static get cmpMeta() { return {
@@ -25162,7 +25162,7 @@ class SegmentItem {
     }; }
 }
 
-const selectComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-supportive-lilac{--tw-text-opacity:1!important;color:rgb(209 174 255/var(--tw-text-opacity,1))!important}.text-teal-800{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.group\\/item:hover .group-hover\\/item\\:text-supportive-lilac-800{--tw-text-opacity:1!important;color:rgb(189 140 255/var(--tw-text-opacity,1))!important}";
+const selectComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-supportive-lilac{--tw-text-opacity:1!important;color:rgb(209 174 255/var(--tw-text-opacity,1))!important}.text-teal-800{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.group\\/item:hover .group-hover\\/item\\:text-supportive-lilac-800{--tw-text-opacity:1!important;color:rgb(189 140 255/var(--tw-text-opacity,1))!important}";
 var PSelectStyle0 = selectComponentCss;
 
 const multiContainer = cva([
@@ -25197,6 +25197,8 @@ class Select {
         this.add = createEvent(this, "add", 3);
         this.items = undefined;
         this.multi = undefined;
+        this.usePortal = false;
+        this.strategy = 'absolute';
         this.icon = undefined;
         this.query = undefined;
         this.placeholder = undefined;
@@ -25266,28 +25268,7 @@ class Select {
     _resizeDebounceTimer;
     _checkSelectedItemsTimeout;
     get _items() {
-        if (!this.items || this.loading) {
-            return [];
-        }
-        let items = typeof this.items === 'string' ? JSON.parse(this.items) : this.items;
-        if (typeof items?.[0] === 'string') {
-            this.displayKey = 'text';
-            this.valueKey = 'value';
-            items = items.map(str => ({
-                value: str,
-                text: str,
-            }));
-        }
-        if (this.query?.length && !this.asyncFilter) {
-            items = items.filter(item => {
-                if (this.queryKey) {
-                    return this._checkvalue(this.queryKey, item);
-                }
-                return (this._checkvalue(this._identifierKey, item) ||
-                    this._checkvalue(this.displayKey, item));
-            });
-        }
-        return items?.slice(0, this.maxDisplayedItems);
+        return this._getParsedItems();
     }
     get _displayValue() {
         const placeholder = (hAsync("div", { class: textContainer({ variant: 'placeholder' }) }, this.placeholder));
@@ -25340,7 +25321,7 @@ class Select {
         }
     }
     render() {
-        return (hAsync(Host, { key: '0535ba59ab5b32d65e1f2672a49b404f015bc7ea', class: 'p-select' }, hAsync("p-dropdown", { key: '84b70085736f0943eddc1a0bae65460b78f13aad', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-field-container", { key: 'daa079d94004685de5816f0d06fa8f07539900eb', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, hAsync("p-button", { key: 'c0f4640c1cd9047fae73594bef62a7b28f84a9f8', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, hAsync("div", { key: '2479f6d8ff8dea97e8592ba6059371a3967f852a', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
+        return (hAsync(Host, { key: '5fca82e69df3bcdbff0b946c4ae1335f7bee738a', class: 'p-select' }, hAsync("p-dropdown", { key: 'c5fab92fa37891c3bf00cd7d512a0c8484267e6b', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, hAsync("p-field-container", { key: '85d39bac84e07e015c8d643a2f2372dfc259e9b6', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, hAsync("p-button", { key: '62659969a3ea8c096af2f288b19a313cd3063254', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, hAsync("div", { key: '8c1bb55bde3a7080f535c86709d010bd82a8c971', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {
@@ -25411,7 +25392,8 @@ class Select {
             this._selectValue(value, false);
             return;
         }
-        const item = this._items.find(i => {
+        const items = this._getParsedItems(false);
+        const item = items.find(i => {
             const itemIdentifier = i?.[this._identifierKey];
             const parsedItemIdentifier = typeof itemIdentifier === 'string' || typeof itemIdentifier === 'number'
                 ? itemIdentifier
@@ -25574,7 +25556,7 @@ class Select {
     }
     _getDisplay(item, isSelection = false) {
         let content = (hAsync("div", { class: textContainer({ variant: 'default' }) }, item[isSelection
-            ? this.selectionDisplayKey ?? this.displayKey
+            ? (this.selectionDisplayKey ?? this.displayKey)
             : this.displayKey]));
         if (this.avatarKey) {
             content = (hAsync("span", { class: 'flex items-center gap-2' }, hAsync("p-avatar", { size: 'sm', src: item[this.avatarKey], letters: item[this.avatarLettersKey] }), hAsync("div", { class: textContainer({ variant: 'default' }) }, item[this.dropdownDisplayKey ?? this.displayKey])));
@@ -25588,6 +25570,33 @@ class Select {
         }
         return content;
     }
+    _getParsedItems(applyPagination = true) {
+        if (!this.items || this.loading) {
+            return [];
+        }
+        let items = typeof this.items === 'string' ? JSON.parse(this.items) : this.items;
+        if (typeof items?.[0] === 'string') {
+            this.displayKey = 'text';
+            this.valueKey = 'value';
+            items = items.map(str => ({
+                value: str,
+                text: str,
+            }));
+        }
+        if (this.query?.length && !this.asyncFilter) {
+            items = items.filter(item => {
+                if (this.queryKey) {
+                    return this._checkvalue(this.queryKey, item);
+                }
+                return (this._checkvalue(this._identifierKey, item) ||
+                    this._checkvalue(this.displayKey, item));
+            });
+        }
+        if (!applyPagination) {
+            return items;
+        }
+        return items?.slice(0, this.maxDisplayedItems);
+    }
     static get watchers() { return {
         "value": ["_valueChange"],
         "items": ["itemChanges"],
@@ -25601,6 +25610,8 @@ class Select {
         "$members$": {
             "items": [1],
             "multi": [516],
+            "usePortal": [4, "use-portal"],
+            "strategy": [1],
             "icon": [1],
             "query": [1],
             "placeholder": [1],
@@ -25728,7 +25739,7 @@ class Status {
     }; }
 }
 
-const stepperComponentCss = ".flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";
+const stepperComponentCss = ".flex{display:flex!important}.h-auto{height:auto!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";
 var PStepperStyle0 = stepperComponentCss;
 
 class Stepper {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@paperless/core",
-	"version": "2.0.1-beta.34",
+	"version": "2.0.1-beta.36",
 	"description": "Stencil Component Starter",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.js",

package/dist/build/p-0719e72a.js

@@ -1,2 +0,0 @@
-import{p as e,b as a}from"./p-45ded510.js";export{s as setNonce}from"./p-45ded510.js";import{g as o}from"./p-e1255160.js";var t=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};t().then((async e=>{await o();return a(JSON.parse('[["p-f63feca1",[[4,"p-button",{"as":[1],"variant":[1],"active":[4],"underline":[4],"href":[1],"target":[1],"size":[1],"type":[1],"loading":[4],"chevron":[8],"chevronPosition":[1,"chevron-position"],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"],"buttonGroupPosition":[1,"button-group-position"],"class":[1]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-469615ef",[[4,"p-table",{"items":[1],"loading":[4],"headerLoading":[4,"header-loading"],"footerLoading":[4,"footer-loading"],"amountOfLoadingRows":[2,"amount-of-loading-rows"],"enableRowSelection":[4,"enable-row-selection"],"rowSelectionLimit":[2,"row-selection-limit"],"enableRowClick":[4,"enable-row-click"],"selectedRows":[16],"enableFloatingMenu":[4,"enable-floating-menu"],"floatingMenuAmountSelectedTemplate":[16],"selectionKey":[1,"selection-key"],"canSelectKey":[1,"can-select-key"],"enableHeader":[4,"enable-header"],"quickFilters":[16],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"enableSearch":[4,"enable-search"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16],"enableAction":[4,"enable-action"],"actionButtonLoading":[4,"action-button-loading"],"actionButtonEnabled":[4,"action-button-enabled"],"actionButtonIcon":[1,"action-button-icon"],"actionButtonText":[1,"action-button-text"],"actionButtonTemplate":[16],"enableFooter":[4,"enable-footer"],"enablePageSize":[4,"enable-page-size"],"enablePagination":[4,"enable-pagination"],"enableExport":[4,"enable-export"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"hideOnSinglePage":[4,"hide-on-single-page"],"emptyStateHeader":[16],"emptyStateContent":[16],"emptyStateAction":[16],"enableEmptyStateAction":[4,"enable-empty-state-action"],"emptyStateFilteredHeader":[16],"emptyStateFilteredContent":[16],"shadow":[4],"_locales":[32],"_columns":[32],"_items":[32],"_enableRowSelection":[32],"_rowSelectionLimit":[32],"_rowActionsFloating":[32],"_rowActionsRow":[32]},[[16,"localeChanged","_setLocales"],[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"],[9,"resize","_setRowSelectionData"]],{"items":["_parseItems"],"enableRowSelection":["_setRowSelectionData"],"rowSelectionLimit":["_setRowSelectionData"],"selectedRows":["_setRowSelectionData"]}]]],["p-da44c5f3",[[0,"p-select",{"items":[1],"multi":[516],"icon":[1],"query":[1],"placeholder":[1],"autocompletePlaceholder":[1,"autocomplete-placeholder"],"value":[8],"displayKey":[1,"display-key"],"dropdownDisplayKey":[1,"dropdown-display-key"],"selectionDisplayKey":[1,"selection-display-key"],"valueKey":[1,"value-key"],"avatarKey":[1,"avatar-key"],"iconKey":[1,"icon-key"],"showIconInSelectedItem":[1,"show-icon-in-selected-item"],"classKey":[1,"class-key"],"applyClassOnSelectedItem":[1,"apply-class-on-selected-item"],"avatarLettersKey":[1,"avatar-letters-key"],"identifierKey":[1,"identifier-key"],"queryKey":[1,"query-key"],"autoSelectFirst":[4,"auto-select-first"],"showChevron":[4,"show-chevron"],"maxDisplayedItems":[2,"max-displayed-items"],"enableAutocomplete":[4,"enable-autocomplete"],"asyncFilter":[4,"async-filter"],"loading":[4],"enableSelectAll":[4,"enable-select-all"],"selectAllText":[1,"select-all-text"],"selectAllIcon":[1,"select-all-icon"],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"showAddItem":[4,"show-add-item"],"addItemText":[1,"add-item-text"],"emptyStateText":[1,"empty-state-text"],"_showDropdown":[32],"_selectedItem":[32],"_allSelected":[32],"_amountHidden":[32]},[[6,"click","documentClickHandler"]],{"value":["_valueChange"],"items":["itemChanges"],"_showDropdown":["_showDropdownChanges"],"multi":["multiChanges"]}]]],["p-90ad3605",[[0,"p-datepicker",{"placeholder":[1],"value":[1],"preselectToday":[4,"preselect-today"],"enableNativePicker":[4,"enable-native-picker"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"format":[1],"hideIconWhenFilled":[4,"hide-icon-when-filled"],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"strategy":[1],"placement":[513],"_showDropdown":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32],"_isMobileBrowser":[32]},[[6,"click","documentClickHandler"]],{"value":["parseValue"],"minDate":["parseMinDate"],"maxDate":["parseMaxDate"],"disabledDates":["parseDisabledDates"]}]]],["p-d48ef748",[[0,"p-pagination",{"hideOnSinglePage":[4,"hide-on-single-page"],"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"_hasPaginationPages":[32]}]]],["p-d3878a79",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"showMobileFooter":[4,"show-mobile-footer"],"backdropClickClose":[4,"backdrop-click-close"],"scrollLock":[4,"scroll-lock"],"padding":[4],"_closing":[32]},[[8,"closeModal","handleCloseModal"]]]]],["p-9a613c80",[[1,"p-drawer",{"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"backdropClickClose":[4,"backdrop-click-close"],"canClose":[4,"can-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]},[[8,"closeDrawer","handleCloseDrawer"],[8,"forceCloseDrawer","handleForceCloseDrawer"]]]]],["p-290d04b0",[[1,"p-attachment",{"mode":[1],"loading":[4],"error":[1],"downloading":[4]}]]],["p-eee199d1",[[4,"p-profile",{"dropdownLocation":[1,"dropdown-location"],"_dropdownOpen":[32],"_hasDropdownSlot":[32]},[[0,"slotchange","slotchange"]]]]],["p-333f614e",[[1,"p-input-group",{"size":[1],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"focused":[516],"forceShowTooltip":[516,"force-show-tooltip"],"focusMethod":[1,"focus-method"],"errorVariant":[1,"error-variant"],"_forceShowTooltip":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-d70fcbe8",[[1,"p-navbar",{"_show":[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-f9ffc928",[[4,"p-navigation-item",{"icon":[1],"active":[4],"loading":[4],"as":[1],"counter":[8],"href":[1],"target":[1],"class":[1]}]]],["p-f2f904e6",[[1,"p-toast",{"variant":[1],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionIcon":[1,"action-icon"],"actionIconFlip":[1,"action-icon-flip"],"actionIconRotate":[2,"action-icon-rotate"]}]]],["p-93198497",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-f13ad23e",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-f4cdabb7",[[1,"p-content-slider",{"hideMobileIndicator":[4,"hide-mobile-indicator"],"disableDrag":[4,"disable-drag"],"disableAutoCenter":[4,"disable-auto-center"],"disableIndicatorClick":[4,"disable-indicator-click"],"_visibleIndex":[32],"_outerHeight":[32],"_totalWidth":[32],"_dragging":[32]},[[9,"mouseup","mouseUpHandler"],[9,"touchend","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-657c6b98",[[1,"p-cropper",{"variant":[513],"value":[8],"returnType":[1,"return-type"],"_loaded":[32],"_currentScale":[32]},[[9,"resize","onResize"]]]]],["p-e987ba3f",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-7ad7c0d1",[[1,"p-label",{"variant":[513],"iconOnly":[516,"icon-only"],"icon":[513],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"keepMobileContent":[516,"keep-mobile-content"]}]]],["p-28dbbce6",[[4,"p-navigation-section",{"header":[1]}]]],["p-58e6f012",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-2d43b7ce",[[1,"p-stepper",{"activeStep":[2,"active-step"],"enableAutoStatus":[4,"enable-auto-status"],"direction":[513],"contentPosition":[513,"content-position"]},null,{"activeStep":["_onActiveStepChange"]}]]],["p-4364738a",[[1,"p-stepper-item",{"align":[513],"direction":[513],"contentPosition":[513,"content-position"],"finished":[516],"active":[516]}]]],["p-f1a6c8ff",[[1,"p-tab-group"]]],["p-4f947801",[[4,"p-avatar-group",{"extra":[2]}]]],["p-4553a1af",[[1,"p-button-group",{"size":[1]},[[0,"slotchange","slotchange"]]]]],["p-691c6f90",[[4,"p-card-body",{"inheritText":[516,"inherit-text"]}]]],["p-dbd97dff",[[1,"p-card-container",{"hoverable":[516],"shadow":[516]}]]],["p-db29f690",[[1,"p-counter",{"variant":[1],"size":[1]}]]],["p-8532d17f",[[1,"p-iban-icon",{"iban":[513],"variant":[513]}]]],["p-ef42fec9",[[0,"p-icon-deprecated",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-a133d5be",[[1,"p-layout",{"variant":[1]}]]],["p-d2ddf504",[[4,"p-radio",{"value":[1],"size":[1],"disabled":[516],"required":[516],"id":[513],"name":[513],"checked":[516],"_nonce":[32]}]]],["p-a42897e9",[[1,"p-tab-item",{"active":[4]}]]],["p-adcded4d",[[0,"p-table-column",{"path":[1537],"type":[1537],"name":[1537],"useSlot":[1540,"use-slot"],"hasCheckbox":[1540,"has-checkbox"],"align":[1537],"isLast":[1040],"parsedSizes":[1040],"sizes":[1032]}]]],["p-7aecc5f3",[[0,"p-table-row-action",{"type":[1537],"icon":[1],"iconOnly":[4,"icon-only"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"label":[1],"action":[16],"disabled":[4],"loading":[4],"showFunction":[16]}]]],["p-27fd3386",[[1,"p-toast-container",{"placement":[1]}]]],["p-489013c7",[[4,"p-toggle",{"checked":[4],"indeterminate":[4],"size":[1],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}]]],["p-8c8128f9",[[0,"p-calendar",{"variant":[1],"value":[1],"preselectToday":[4,"preselect-today"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"_view":[32],"_viewDate":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32]},null,{"value":["_parseValue"],"minDate":["_parseMinDate"],"maxDate":["_parseMaxDate"],"disabledDates":["_parseDisabledDates"]}]]],["p-dc536eb2",[[0,"p-avatar",{"size":[513],"defaultImage":[1,"default-image"],"src":[1],"letters":[1],"_src":[32],"_failed":[32]},null,{"src":["onSrchChange"]}]]],["p-8a4f08d0",[[1,"p-navigation-title"]]],["p-11fbeb45",[[1,"p-slider-indicator",{"active":[4]}]]],["p-7a83597a",[[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-59962e55",[[1,"p-input-error",{"error":[1],"forceShowTooltip":[4,"force-show-tooltip"],"_showTooltip":[32]}]]],["p-38c20959",[[1,"p-drawer-header",{"showClose":[4,"show-close"]}],[1,"p-drawer-body",{"variant":[1]}],[4,"p-drawer-container",{"closing":[4]}]]],["p-4443e4e5",[[4,"p-backdrop",{"variant":[1],"applyBlur":[4,"apply-blur"],"closing":[4],"scrollLock":[4,"scroll-lock"],"class":[1]},[[2,"click","handleClick"]]]]],["p-1a1c03c0",[[1,"p-modal-header",{"showClose":[4,"show-close"]}],[1,"p-modal-footer"],[1,"p-modal-body",{"variant":[1],"roundedBottom":[4,"rounded-bottom"],"roundedTop":[4,"rounded-top"],"padding":[4]}],[4,"p-modal-container",{"size":[1],"closing":[4]}]]],["p-3bd145fd",[[4,"p-segment-item",{"active":[4],"iconOnly":[4,"icon-only"],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-segment-container"],[4,"p-badge"]]],["p-f233341a",[[1,"p-divider",{"variant":[513]}]]],["p-711bb72e",[[4,"p-dropdown-menu-container",{"variant":[1],"maxWidth":[4,"max-width"],"class":[1],"fullWidth":[4,"full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8]}]]],["p-28ee6cd6",[[4,"p-portal"]]],["p-549b2931",[[1,"p-field",{"variant":[1],"size":[1],"type":[1],"properties":[8],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"value":[1],"label":[1],"placeholder":[1],"helper":[1],"required":[516],"autofocus":[516],"error":[513],"errorPlacement":[1,"error-placement"],"disabled":[516],"focused":[516],"forceShowTooltip":[516,"force-show-tooltip"],"selectAllOnFocus":[516,"select-all-on-focus"],"focusMethod":[1,"focus-method"],"optionalTemplate":[16],"_focused":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]],[1,"p-field-container",{"label":[1],"variant":[1],"helper":[1],"required":[516],"error":[513],"errorPlacement":[1,"error-placement"],"forceShowTooltip":[516,"force-show-tooltip"],"optionalTemplate":[16],"_locales":[32]},[[16,"localeChanged","_setLocales"]]]]],["p-8857d619",[[4,"p-checkbox",{"checked":[4],"indeterminate":[4],"size":[1],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}],[4,"p-dropdown",{"variant":[1],"placement":[513],"offset":[2],"strategy":[1],"show":[4],"usePortal":[4,"use-portal"],"calculateWidth":[4,"calculate-width"],"applyMaxWidth":[4,"apply-max-width"],"applyFullWidth":[4,"apply-full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"],"applyChevron":[4,"apply-chevron"],"chevronPosition":[1,"chevron-position"],"chevronDirection":[1,"chevron-direction"]},[[6,"click","documentClickHandler"]],{"show":["onShowChange"]}]]],["p-99352ae4",[[1,"p-pagination-size",{"size":[1538],"sizeOptions":[16],"itemTemplate":[16],"hidden":[4],"dropdownIsOpen":[32],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination-pages",{"page":[1538],"pageSize":[2,"page-size"],"hideOnSinglePage":[4,"hide-on-single-page"],"total":[2]},null,{"page":["pageChangeHandler"],"pageSize":["pageChangeHandler"],"total":["pageChangeHandler"]}],[4,"p-pagination-pages-item",{"variant":[1],"active":[4],"hover":[4],"disabled":[4]}],[4,"p-dropdown-menu-item",{"active":[4],"checkbox":[4],"variant":[1],"enableHover":[4,"enable-hover"],"disabled":[4],"icon":[1],"useContainer":[4,"use-container"]}]]],["p-37b43ce6",[[1,"p-helper",{"strategy":[1],"placement":[1]}],[1,"p-tooltip",{"variant":[1],"content":[8],"placement":[1],"offset":[2],"strategy":[1],"enableUserInput":[4,"enable-user-input"],"show":[4],"usePortal":[4,"use-portal"],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]],{"show":["onShowChange"]}]]],["p-c55ee8d6",[[1,"p-table-footer",{"enablePageSize":[4,"enable-page-size"],"enablePagination":[4,"enable-pagination"],"enableExport":[4,"enable-export"],"loading":[4],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"hideOnSinglePage":[4,"hide-on-single-page"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-table-header",{"quickFilters":[16],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"loading":[4],"enableSearch":[4,"enable-search"],"itemsSelectedAmount":[2,"items-selected-amount"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16],"enableAction":[4,"enable-action"],"actionLoading":[4,"action-loading"],"actionIcon":[1,"action-icon"],"actionText":[1,"action-text"],"canUseAction":[1028,"can-use-action"],"actionButtonTemplate":[16],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-floating-menu-container",{"usedInTable":[4,"used-in-table"],"enableAmountSelected":[4,"enable-amount-selected"],"amount":[2],"enableClose":[4,"enable-close"],"amountSelectedTemplate":[16],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-floating-menu-item",{"hover":[516],"disabled":[516],"loading":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-table-cell",{"variant":[1],"index":[2],"rowIndex":[2,"row-index"],"definition":[16],"item":[8],"value":[8],"tableHasActions":[4,"table-has-actions"],"checkbox":[8],"template":[16]}],[1,"p-table-row",{"variant":[1],"enableHover":[4,"enable-hover"]}],[0,"p-illustration",{"variant":[1]}],[1,"p-table-container",{"shadow":[4]}]]]]'),e)}));
-//# sourceMappingURL=paperless.esm.js.map

package/dist/build/p-2d43b7ce.entry.js

@@ -1,2 +0,0 @@
-import{r as t,g as e,h as i,H as s}from"./p-45ded510.js";const r=".flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";const n=r;const o=class{constructor(e){t(this,e);this.activeStep=1;this.enableAutoStatus=true;this.direction="horizontal";this.contentPosition="end"}get _el(){return e(this)}_generateTimeout;_resizeObserver;_generateStepsOnce=()=>{if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>this._generateSteps()),50)};_generateSteps=async()=>{if(!this._el){return}let t=this.activeStep-1||0;const e=this._el.querySelectorAll("p-stepper-item");let i=false;for(let s=0;s<e?.length;s++){const r=e.item(s);if(this.enableAutoStatus){r.active=s===t;r.finished=s<t}if(!this.activeStep||t<0){if(r.active){t=s}if(t<0&&r.finished){t=s+1}}if(r.direction!==this.direction&&!i){i=true}r.direction=this.direction;r.align=this.direction==="vertical"?"start":s===0?"start":s===e?.length-1?"end":"center";r.contentPosition=this.contentPosition}if(i){await new Promise((t=>setTimeout(t,200)))}for(let i=0;i<e?.length;i++){const s=e.item(i);if(i<e.length-1){let e=s.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){const r=document.createElement("p-stepper-line");this._el.insertBefore(r,e);this._setStepperLineData(r,s,e,i,t);const n=r.previousElementSibling;if(n&&n.tagName.toLowerCase()==="p-stepper-line"){n.remove()}continue}if(e&&e.tagName.toLowerCase()==="p-stepper-line"){const r=e;e=e.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){this._setStepperLineData(r,s,e,i,t)}}}if(i>0){const t=s.previousElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=s.active||s.finished}}}const s=this._el.querySelectorAll("p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child");for(let t=s.length-1;t>=0;t--){const e=s.item(t);e.remove()}};_setStepperLineData=(t,e,i,s,r)=>{const n=e.clientHeight/2;const o=i.clientHeight/2;t.direction=this.direction;t.active=s<r;if(n>0&&this.direction==="vertical"){t.style.marginTop=`-${n/16}rem`;t.style.marginBottom=`-${o/16}rem`;t.style.minHeight=`calc(1rem + ${(n+o)/16}rem)`}};componentDidLoad(){this._resizeObserver=new ResizeObserver((()=>this._generateStepsOnce()));this._resizeObserver.observe(this._el)}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){return i(s,{key:"ea1674841729093f8c7c93a22362efcb9fe7a410",class:"p-stepper"},i("slot",{key:"bda39ed6b0ee781f9edd0ff5150521feb77bceb2",onSlotchange:()=>this._generateStepsOnce()}))}_onActiveStepChange(){this._generateStepsOnce()}static get watchers(){return{activeStep:["_onActiveStepChange"]}}};o.style=n;export{o as p_stepper};
-//# sourceMappingURL=p-2d43b7ce.entry.js.map

package/dist/build/p-2d43b7ce.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stepperComponentCss","PStepperStyle0","Stepper","_generateTimeout","_resizeObserver","_generateStepsOnce","this","clearTimeout","setTimeout","_generateSteps","async","_el","activeStep","items","querySelectorAll","directionChanged","i","length","item","enableAutoStatus","active","finished","direction","align","contentPosition","Promise","resolve","nextItem","nextElementSibling","tagName","toLowerCase","stepperLine","document","createElement","insertBefore","_setStepperLineData","previous","previousElementSibling","remove","previousItem","lines","j","line","heightDiff","clientHeight","heightDiffNext","style","marginTop","marginBottom","minHeight","componentDidLoad","ResizeObserver","observe","disconnectCallback","disconnect","render","h","Host","key","class","onSlotchange","_onActiveStepChange"],"sources":["src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n\t@apply flex;\n}\n\n:host([direction='horizontal']) {\n\t@apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n\t@apply flex-col flex-wrap items-start;\n\t@apply w-full min-h-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply items-end;\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper',\n\tstyleUrl: 'stepper.component.scss',\n\tshadow: true,\n})\nexport class Stepper {\n\t/**\n\t * The currently active step\n\t */\n\t@Prop() activeStep: number = 1;\n\n\t/**\n\t * Wether to automatically apply active & finished to items\n\t */\n\t@Prop() enableAutoStatus: boolean = true;\n\n\t/**\n\t * The direction of the stepper\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' = '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 * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _generateTimeout: NodeJS.Timeout | undefined;\n\tprivate _resizeObserver: ResizeObserver;\n\n\tprivate _generateStepsOnce = () => {\n\t\tif (this._generateTimeout) {\n\t\t\tclearTimeout(this._generateTimeout);\n\t\t\tthis._generateTimeout = null;\n\t\t}\n\n\t\tthis._generateTimeout = setTimeout(() => this._generateSteps(), 50);\n\t};\n\n\tprivate _generateSteps = async () => {\n\t\tif (!this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\n\n\t\tlet directionChanged = false;\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (this.enableAutoStatus) {\n\t\t\t\titem.active = i === activeStep;\n\t\t\t\titem.finished = i < activeStep;\n\t\t\t}\n\n\t\t\tif (!this.activeStep || activeStep < 0) {\n\t\t\t\tif (item.active) {\n\t\t\t\t\tactiveStep = i;\n\t\t\t\t}\n\n\t\t\t\tif (activeStep < 0 && item.finished) {\n\t\t\t\t\tactiveStep = i + 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (item.direction !== this.direction && !directionChanged) {\n\t\t\t\tdirectionChanged = true;\n\t\t\t}\n\n\t\t\titem.direction = this.direction;\n\t\t\titem.align =\n\t\t\t\tthis.direction === 'vertical'\n\t\t\t\t\t? 'start'\n\t\t\t\t\t: i === 0\n\t\t\t\t\t? 'start'\n\t\t\t\t\t: i === items?.length - 1\n\t\t\t\t\t? 'end'\n\t\t\t\t\t: 'center';\n\t\t\titem.contentPosition = this.contentPosition;\n\t\t}\n\n\t\tif (directionChanged) {\n\t\t\t// super hacky way to ensure all elements that have a direction changed are re-rendered\n\t\t\tawait new Promise(resolve => setTimeout(resolve, 200));\n\t\t}\n\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (i < items.length - 1) {\n\t\t\t\tlet nextItem = item.nextElementSibling;\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\tconst stepperLine = document.createElement('p-stepper-line');\n\t\t\t\t\tthis._el.insertBefore(stepperLine, nextItem);\n\t\t\t\t\tthis._setStepperLineData(stepperLine, item, nextItem, i, activeStep);\n\n\t\t\t\t\tconst previous = stepperLine.previousElementSibling;\n\t\t\t\t\tif (previous && previous.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\t\tprevious.remove();\n\t\t\t\t\t}\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\tconst stepperLine = nextItem;\n\t\t\t\t\tnextItem = nextItem.nextElementSibling;\n\n\t\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\t\tthis._setStepperLineData(\n\t\t\t\t\t\t\tstepperLine,\n\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\tnextItem,\n\t\t\t\t\t\t\ti,\n\t\t\t\t\t\t\tactiveStep\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (i > 0) {\n\t\t\t\tconst previousItem = item.previousElementSibling;\n\t\t\t\tif (\n\t\t\t\t\tpreviousItem &&\n\t\t\t\t\tpreviousItem.tagName.toLowerCase() === 'p-stepper-line'\n\t\t\t\t) {\n\t\t\t\t\tpreviousItem.direction = this.direction;\n\t\t\t\t\tpreviousItem.active = item.active || item.finished;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst lines = this._el.querySelectorAll(\n\t\t\t'p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child'\n\t\t);\n\t\tfor (let j = lines.length - 1; j >= 0; j--) {\n\t\t\tconst line = lines.item(j);\n\t\t\tline.remove();\n\t\t}\n\t};\n\n\tprivate _setStepperLineData = (\n\t\tstepperLine: HTMLPStepperLineElement,\n\t\titem: HTMLPStepperItemElement,\n\t\tnextItem: HTMLPStepperItemElement,\n\t\ti: number,\n\t\tactiveStep: number\n\t) => {\n\t\tconst heightDiff = item.clientHeight / 2;\n\t\tconst heightDiffNext = nextItem.clientHeight / 2;\n\n\t\tstepperLine.direction = this.direction;\n\t\tstepperLine.active = i < activeStep;\n\n\t\tif (heightDiff > 0 && this.direction === 'vertical') {\n\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\tstepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;\n\t\t\tstepperLine.style.minHeight = `calc(1rem + ${\n\t\t\t\t(heightDiff + heightDiffNext) / 16\n\t\t\t}rem)`;\n\t\t}\n\t};\n\n\tcomponentDidLoad() {\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateStepsOnce());\n\t\tthis._resizeObserver.observe(this._el);\n\t}\n\n\tdisconnectCallback() {\n\t\tif (this._resizeObserver) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-stepper'>\n\t\t\t\t<slot onSlotchange={() => this._generateStepsOnce()} />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateStepsOnce();\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/build/p-37b43ce6.entry.js

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

package/dist/build/p-37b43ce6.entry.js.map

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

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

@@ -1,2 +0,0 @@
-import{r as t,c as i,g as e,h as s,H as r}from"./p-45ded510.js";import{c as n}from"./p-3b8209bc.js";import{c as h}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const a="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-supportive-lilac{--tw-text-opacity:1!important;color:rgb(209 174 255/var(--tw-text-opacity,1))!important}.text-teal-800{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.group\\/item:hover .group-hover\\/item\\:text-supportive-lilac-800{--tw-text-opacity:1!important;color:rgb(189 140 255/var(--tw-text-opacity,1))!important}";const o=a;const l=h(["flex items-center gap-2","flex-1 min-w-0 h-full","pointer-events-none overflow-hidden"]);const p=h(["item group/item","pointer-events-auto cursor-pointer","flex h-[1.625rem] items-center gap-2","h-[1.625rem] px-2","text-sm font-semibold whitespace-nowrap","rounded-lg","bg-supportive-lilac-100"]);const c=h("block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start",{variants:{variant:{placeholder:"text-black-teal-400",default:null}}});const d=class{constructor(e){t(this,e);this.queryChange=i(this,"queryChange",3);this.valueChange=i(this,"valueChange",3);this.selectAllChange=i(this,"selectAllChange",3);this.dropdownShown=i(this,"dropdownShown",3);this.add=i(this,"add",3);this.items=undefined;this.multi=undefined;this.icon=undefined;this.query=undefined;this.placeholder=undefined;this.autocompletePlaceholder="Search...";this.value=undefined;this.displayKey="text";this.dropdownDisplayKey=undefined;this.selectionDisplayKey=undefined;this.valueKey=undefined;this.avatarKey=undefined;this.iconKey=undefined;this.showIconInSelectedItem=undefined;this.classKey="class";this.applyClassOnSelectedItem=undefined;this.avatarLettersKey=undefined;this.identifierKey=undefined;this.queryKey=undefined;this.autoSelectFirst=true;this.showChevron=true;this.maxDisplayedItems=10;this.enableAutocomplete=true;this.asyncFilter=false;this.loading=false;this.enableSelectAll=false;this.selectAllText="Select all";this.selectAllIcon=undefined;this.size="base";this.prefix=undefined;this.label=undefined;this.helper=undefined;this.required=true;this.error=undefined;this.disabled=false;this.showAddItem=false;this.addItemText="Add item";this.emptyStateText="No items available";this._showDropdown=false;this._selectedItem=null;this._allSelected=false;this._amountHidden=0}queryChange;valueChange;selectAllChange;dropdownShown;add;get _el(){return e(this)}_inputRef;autocompleteInputRef;_multiContainerRef;_resizeObserver;_resizeDebounceTimer;_checkSelectedItemsTimeout;get _items(){if(!this.items||this.loading){return[]}let t=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof t?.[0]==="string"){this.displayKey="text";this.valueKey="value";t=t.map((t=>({value:t,text:t})))}if(this.query?.length&&!this.asyncFilter){t=t.filter((t=>{if(this.queryKey){return this._checkvalue(this.queryKey,t)}return this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)}))}return t?.slice(0,this.maxDisplayedItems)}get _displayValue(){const t=s("div",{class:c({variant:"placeholder"})},this.placeholder);if(!this._selectedItem){return t}if(this.multi){if(this._selectedItem?.length===0){return t}return s("div",{class:l(),ref:t=>this._multiContainerRef=t},this._selectedItem.map((t=>s("div",{class:p(),onClick:()=>this._selectValue(t)},t[this.selectionDisplayKey??this.displayKey],s("p-icon",{class:"text-xs text-supportive-lilac group-hover/item:text-supportive-lilac-800",variant:"negative"})))),s("div",{class:"extra pointer-events-none hidden text-sm text-black-teal-100"},"+",this._amountHidden))}return this._getDisplay(this._selectedItem,true)}get _identifierKey(){return this.identifierKey??this.valueKey??"value"}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.multi){this._setMultiContainerMaxWidth();this._resizeObserver=new ResizeObserver((()=>{if(this._resizeDebounceTimer){clearTimeout(this._resizeDebounceTimer);this._resizeDebounceTimer=null}this._resizeDebounceTimer=setTimeout((()=>{this._setMultiContainerMaxWidth();this._setCheckSelectedItemsTimeout()}),200)}));this._resizeObserver.observe(this._el)}if(this.value){this._valueChange();return}this.itemChanges()}componentDidRender(){if(this.multi){this._setMultiContainerMaxWidth()}}disconnectedCallback(){if(this.multi){this._resizeObserver.disconnect()}}render(){return s(r,{key:"0535ba59ab5b32d65e1f2672a49b404f015bc7ea",class:"p-select"},s("p-dropdown",{key:"84b70085736f0943eddc1a0bae65460b78f13aad",disableTriggerClick:true,calculateWidth:true,insideClick:true,scrollable:this.enableAutocomplete?"large":true,show:this._showDropdown,onIsOpen:t=>this._onDropdownOpen(t)},s("p-field-container",{key:"daa079d94004685de5816f0d06fa8f07539900eb",slot:"trigger",prefix:this.prefix,label:this.label,helper:this.helper,required:this.required,error:this.error,errorPlacement:"top-start",forceShowTooltip:this.error?.length&&this._showDropdown},s("p-button",{key:"c0f4640c1cd9047fae73594bef62a7b28f84a9f8",class:"w-full",slot:"content",variant:"secondary",size:this.size,chevron:this.showChevron,disabled:this.disabled,active:this._showDropdown,icon:this.icon,onClick:t=>this._onClick(t)},s("div",{key:"2479f6d8ff8dea97e8592ba6059371a3967f852a",class:"relative flex-1",ref:t=>this._inputRef=t},this._displayValue))),this.loading?this._getLoadingItems():this._getItems(),this.showAddItem&&this._getAddItem()))}documentClickHandler({target:t}){if(!this._showDropdown||n(t,this._el)){return}this._showDropdown=false}_valueChange(){setTimeout((()=>{this._preselectItem();this._setCheckSelectedItemsTimeout()}))}itemChanges(){setTimeout((()=>this._preselectItem()))}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}multiChanges(){if(this._selectedItem&&!Array.isArray(this._selectedItem)){this._selectedItem=[]}}_preselectItem(){let t=typeof this.value==="string"&&this.multi?JSON.parse(this.value):this.value;if(this.multi){if(!Array.isArray(t)){this.value=[];this.valueChange.emit(this.value);return}this.value=t;if(!t.length){this._selectedItem=[];return}this._selectedItem=!!this.valueKey&&this.valueKey!=="false"?this._items.filter((i=>t.includes(i?.[this.valueKey]))):[...t];return}if(!this._selectedItem&&!t&&this.autoSelectFirst){t=this._items[0]}const i=typeof t==="object"&&t!==null?t[this._identifierKey]:t;const e=typeof i==="string"||typeof i==="number"?i:JSON.stringify(i);const s=this._selectedItem?this._selectedItem?.[this._identifierKey]:null;const r=typeof s==="string"||typeof s==="number"?s:JSON.stringify(s);if(this._selectedItem&&r===e){return}if(!this._items?.length&&t){this._selectValue(t,false);return}const n=this._items.find((t=>{const i=t?.[this._identifierKey];const s=typeof i==="string"||typeof i==="number"?i:JSON.stringify(i);return s===e}));this._selectValue(!!n?n:t,false)}_selectValue(t,i=true){let e=!!this.valueKey&&this.valueKey!=="false"&&t!==null?t?.[this.valueKey]:t;if(this.multi){if(!this._selectedItem||!Array.isArray(this._selectedItem)){this._selectedItem=[]}if(!this.value||!Array.isArray(this.value)){this.value=[]}const i=[...this._selectedItem];const s=[...this.value];const r=i.findIndex((i=>i[this._identifierKey]===t[this._identifierKey]));if(r===-1){i.push(t);s.push(e)}else{i.splice(r,1);s.splice(r,1)}this._selectedItem=i;this.value=s;this.valueChange.emit(s);return}this._selectedItem=t;this.value=e;this.valueChange.emit(e);this._onBlur(i)}_findOnClickTarget(t){if(t.nodeName.toLowerCase()==="p-button"){return true}if(t.classList.contains("item")){return false}return this._findOnClickTarget(t.parentElement)}_onClick(t){if(!this._findOnClickTarget(t.target)){return}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(this.enableAutocomplete&&!t){return}this._showDropdown=false}_onAutoComplete(t){if(!this.enableAutocomplete){return}this._showDropdown=true;this.query=t.detail;this.queryChange.emit(t.detail)}_checkvalue(t,i){return i?.[t]?.toString()?.toLowerCase().indexOf(this.query?.toLowerCase())>=0}_getItems(){let t=this._items.map((t=>s("p-dropdown-menu-item",{useContainer:false,onClick:()=>this._selectValue(t),active:this.multi&&!!this._selectedItem&&Array.isArray(this._selectedItem)?this._selectedItem.findIndex((i=>i[this._identifierKey]===t[this._identifierKey]))>=0:t[this._identifierKey]===this._selectedItem?.[this._identifierKey],checkbox:this.multi?true:false,slot:"items"},this._getDisplay(t))));if(!this._items.length){t=[s("p",{class:"w-full p-2 text-center text-sm text-black-teal-400",slot:"items"},this.emptyStateText)]}if(this.enableSelectAll&&this._items.length){t.unshift(s("p-dropdown-menu-item",{slot:"items",useContainer:false,checkbox:true,onClick:()=>this._selectAllChange(),active:this._allSelected},this.selectAllIcon?.length?s("span",{class:"flex items-center gap-2"},s("div",{class:"flex w-6 justify-center text-lg"},s("p-icon",{variant:this.selectAllIcon}))," ",this.selectAllText):this.selectAllText))}if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAddItem(){return s("p-dropdown-menu-item",{onClick:()=>this.add.emit(),useContainer:false,slot:"items"},s("span",{class:"flex items-center gap-1 font-semibold text-teal-800"},this.addItemText,s("p-icon",{variant:"plus"})))}_getLoadingItems(){const t=[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:false,slot:"items"},s("p-loader",{variant:"ghost",class:"h-6 w-full rounded"}))));if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAutoCompleteItem(){return s("div",{class:"sticky top-0 mb-3 h-8",slot:"items"},s("p-field",{class:"block",placeholder:this.autocompletePlaceholder,onValueChange:t=>this._onAutoComplete(t),onInputRefChange:t=>this.autocompleteInputRef=t.detail,value:this.query}))}_setMultiContainerMaxWidth(){if(!this._inputRef||!this._multiContainerRef){return}this._multiContainerRef.style.maxWidth=`${this._inputRef.clientWidth-16}px`}_setCheckSelectedItemsTimeout(){if(this._checkSelectedItemsTimeout){clearTimeout(this._checkSelectedItemsTimeout)}this._checkSelectedItemsTimeout=setTimeout((()=>this._checkSelectedItems()),50)}_checkSelectedItems(){if(!this._multiContainerRef){return}const t=this._multiContainerRef.getBoundingClientRect();const i=this._multiContainerRef.querySelectorAll(".item");let e=0;for(const s of i){s.classList.remove("hidden");s.classList.add("flex");const i=s.getBoundingClientRect();if(i.right>t.right){s.classList.remove("flex");s.classList.add("hidden");e++;continue}}this._amountHidden=e;const s=this._multiContainerRef.querySelector(".extra");if(!s){return}if(!s.classList.contains("hidden")){s.classList.add("hidden")}if(e>0){s.classList.remove("hidden")}}_onDropdownOpen(t){if(!t.detail||!this.autocompleteInputRef){return}this.autocompleteInputRef.focus()}_selectAllChange(){this._allSelected=!this._allSelected;this.selectAllChange.emit(this._allSelected)}_getDisplay(t,i=false){let e=s("div",{class:c({variant:"default"})},t[i?this.selectionDisplayKey??this.displayKey:this.displayKey]);if(this.avatarKey){e=s("span",{class:"flex items-center gap-2"},s("p-avatar",{size:"sm",src:t[this.avatarKey],letters:t[this.avatarLettersKey]}),s("div",{class:c({variant:"default"})},t[this.dropdownDisplayKey??this.displayKey]))}if(this.iconKey&&(!i||this.showIconInSelectedItem)){e=s("span",{class:"flex items-center gap-2"},s("p-icon",{variant:t[this.iconKey]}),s("div",{class:c({variant:"default"})},t[this.dropdownDisplayKey??this.displayKey]))}if((!i||this.applyClassOnSelectedItem)&&!!t?.class?.length){return s("div",{class:t.class},e)}return e}static get watchers(){return{value:["_valueChange"],items:["itemChanges"],_showDropdown:["_showDropdownChanges"],multi:["multiChanges"]}}};d.style=o;export{d as p_select};
-//# sourceMappingURL=p-da44c5f3.entry.js.map