@paperless/core 3.7.0 → 3.7.2

package/hydrate/index.js

@@ -94638,14 +94638,20 @@ class Dropdown {
     }; }
 }
 
-const dropdownMenuContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.relative{position:relative}.z-10{z-index:10}.flex{display:flex}.max-h-\\[11\\.5rem\\]{max-height:11.5rem}.max-h-\\[13\\.875rem\\]{max-height:13.875rem}.max-h-\\[20rem\\]{max-height:20rem}.min-h-full{min-height:100%}.w-auto{width:auto}.w-full{width:100%}.max-w-\\[13\\.875rem\\]{max-width:13.875rem}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-400{--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.bg-storm-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))}.drop-shadow-2,.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)}.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))}.will-change-transform{will-change:transform}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.dark\\:border-storm-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-transparent:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:transparent}.dark\\:border-white\\/60:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\\:border-storm-100:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-transparent:where([data-theme=dark],[data-theme=dark] *){border-color:transparent}.dark\\:border-white\\/60:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}`;
+const dropdownMenuContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.relative{position:relative}.z-10{z-index:10}.flex{display:flex}.max-h-\\[11\\.5rem\\]{max-height:11.5rem}.max-h-\\[13\\.875rem\\]{max-height:13.875rem}.max-h-\\[20rem\\]{max-height:20rem}.min-h-full{min-height:100%}.w-auto{width:auto}.w-full{width:100%}.max-w-\\[13\\.875rem\\]{max-width:13.875rem}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-400{--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.bg-storm-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))}.drop-shadow-2,.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)}.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))}.will-change-transform{will-change:transform}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.dark\\:border-storm-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:border-white\\/60:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\\:border-storm-100:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:border-white\\/60:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}`;
 
-const dropdownMenuContainer = cva(['p-1', 'z-10 rounded-lg', 'border', 'transform-gpu will-change-transform'], {
+const dropdownMenuContainer = cva([
+    'p-1',
+    'z-10 rounded-lg',
+    'border',
+    'border-solid',
+    'transform-gpu will-change-transform',
+], {
     variants: {
         variant: {
             default: [
                 'border-storm-100 bg-white drop-shadow-2',
-                'dark:border-transparent dark:bg-hurricane-400',
+                'dark:border-white/15 dark:bg-hurricane-400',
             ],
             storm: [
                 'border-storm-400 bg-storm-400 drop-shadow-3',
@@ -94717,15 +94723,15 @@ class DropdownMenuContainer {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (hAsync(ThemedHost, { key: 'b4669178b51e78cc37779e2f3ba42ed2dd001d71' }, hAsync("div", { key: '1e7a8752816f578d793072517f80f18d52417a2c', class: dropdownMenuContainer({
+        return (hAsync(ThemedHost, { key: '2570b3288d57fb643ee1b998283d272eb369806e' }, hAsync("div", { key: 'e6da178cd5fd180439c36c64f277d7bdaf3cd98e', class: dropdownMenuContainer({
                 class: this.class,
                 variant: this.variant,
                 fullWidth: asBoolean(this.fullWidth, true),
                 maxWidth: this.maxWidth,
-            }) }, hAsync("div", { key: '2f1f710cf34a1542797ee7234f915d83f1928cb2', class: innerContainer({
+            }) }, hAsync("div", { key: 'f73e3a82adc9fb9a5565962fcf200b9b9995bc75', class: innerContainer({
                 allowOverflow: asBoolean(this.allowOverflow),
                 scrollable,
-            }) }, hAsync("div", { key: '50ced2c063ab9524450f258dfc3fadaeb507b4e7', class: 'flex w-full flex-col' }, hAsync("slot", { key: '6a5f6a88b779efa49bc5dba3161a74056d4504ef' }))))));
+            }) }, hAsync("div", { key: '980d45e0779efac5f408bd81f4aa6a7aa0d5787a', class: 'flex w-full flex-col' }, hAsync("slot", { key: '813103f016dd6e073652293a517477b93d7da2cb' }))))));
     }
     static get style() { return dropdownMenuContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -98665,10 +98671,7 @@ const multiItem = cva([
 const textContainer = cva('block w-full overflow-hidden text-start', {
     variants: {
         variant: {
-            placeholder: `
-     text-storm-400
-     dark:text-white
-   `,
+            placeholder: 'text-storm-400',
             default: null,
         },
         enableTextWrap: {
@@ -98676,14 +98679,26 @@ const textContainer = cva('block w-full overflow-hidden text-start', {
             false: 'text-ellipsis whitespace-nowrap',
         },
         error: {
-            true: `
+            true: false,
+            false: 'dark:text-white',
+        },
+    },
+    compoundVariants: [
+        {
+            variant: 'placeholder',
+            error: true,
+            class: `
      text-negative-red-700
      group-hover/button:text-negative-red-800
      dark:text-negative-red-alternative
    `,
-            false: null,
         },
-    },
+        {
+            variant: 'default',
+            error: true,
+            class: 'dark:text-negative-red-alternative',
+        },
+    ],
 });
 class Select {
     constructor(hostRef) {
@@ -98909,7 +98924,10 @@ class Select {
         return this._getParsedItems();
     }
     get _displayValue() {
-        const placeholder = (hAsync("div", { class: textContainer({ variant: 'placeholder' }) }, this.placeholder));
+        const placeholder = (hAsync("div", { class: textContainer({
+                variant: 'placeholder',
+                error: !!this.error?.length,
+            }) }, this.placeholder));
         if (!this._selectedItem) {
             return placeholder;
         }
@@ -98985,8 +99003,8 @@ class Select {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (hAsync(ThemedHost, { key: 'b7c7d91e9c103eb283a19e6d61bd8a1ccdfcb1ae' }, hAsync("p-field-container", { key: 'ce39c71781d71950eb8f0ec439e70508a801d4bd', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, hAsync("p-dropdown", { key: '172741cbe636fa4b59cbac4445fdff1c8ade7ca7', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-button", { key: '9fda8191122e870eda211c58b30a6de022b629eb', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
-                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, hAsync("div", { key: '1d08bb324241e1db8698678be35a1fd57f00603f', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
+        return (hAsync(ThemedHost, { key: 'c15b8ad5b4581bc9d73caec74094d05a5eccdc87' }, hAsync("p-field-container", { key: '79a06c8be8884124cccdb17baf8d386d34f01e47', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, hAsync("p-dropdown", { key: '9844250bac67e239336290deb4203ae6ecf62be4', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-button", { key: 'c33d47717e74742095e0bb6597ed74393782924a', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
+                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, hAsync("div", { key: 'b8153f212f6fbcaf9654f71cd15cfe274b95125c', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOfComposed(event, this._el)) {
@@ -99227,7 +99245,7 @@ class Select {
     _getDisplay(item, isSelection = false, isSelectedInMenu = false) {
         let content = (hAsync("div", { class: textContainer({
                 variant: 'default',
-                error: !!this.error?.length,
+                error: !!this.error?.length && isSelection,
                 enableTextWrap: this.enableTextWrap && !isSelection,
             }) }, item[isSelection
             ? (this.selectionDisplayKey ?? this.displayKey)
@@ -99235,7 +99253,7 @@ class Select {
         if (this.avatarKey) {
             content = (hAsync("span", { class: 'flex items-center gap-2' }, hAsync("p-avatar", { letters: item[this.avatarLettersKey], size: 'sm', src: item[this.avatarKey] }), hAsync("div", { class: textContainer({
                     variant: 'default',
-                    error: !!this.error?.length,
+                    error: !!this.error?.length && isSelection,
                     enableTextWrap: this.enableTextWrap && !isSelection,
                 }) }, item[this.dropdownDisplayKey ?? this.displayKey])));
         }
@@ -99248,7 +99266,7 @@ class Select {
                     ? (item?.[this.iconClassKey] ?? '')
                     : ''), variant: item[this.iconKey] })), hAsync("div", { class: textContainer({
                     variant: 'default',
-                    error: !!this.error?.length,
+                    error: !!this.error?.length && isSelection,
                     enableTextWrap: this.enableTextWrap && !isSelection,
                 }) }, item[this.dropdownDisplayKey ?? this.displayKey])));
         }

package/hydrate/index.mjs

@@ -94636,14 +94636,20 @@ class Dropdown {
     }; }
 }
 
-const dropdownMenuContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.relative{position:relative}.z-10{z-index:10}.flex{display:flex}.max-h-\\[11\\.5rem\\]{max-height:11.5rem}.max-h-\\[13\\.875rem\\]{max-height:13.875rem}.max-h-\\[20rem\\]{max-height:20rem}.min-h-full{min-height:100%}.w-auto{width:auto}.w-full{width:100%}.max-w-\\[13\\.875rem\\]{max-width:13.875rem}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-400{--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.bg-storm-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))}.drop-shadow-2,.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)}.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))}.will-change-transform{will-change:transform}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.dark\\:border-storm-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-transparent:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:transparent}.dark\\:border-white\\/60:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\\:border-storm-100:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-transparent:where([data-theme=dark],[data-theme=dark] *){border-color:transparent}.dark\\:border-white\\/60:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}`;
+const dropdownMenuContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.relative{position:relative}.z-10{z-index:10}.flex{display:flex}.max-h-\\[11\\.5rem\\]{max-height:11.5rem}.max-h-\\[13\\.875rem\\]{max-height:13.875rem}.max-h-\\[20rem\\]{max-height:20rem}.min-h-full{min-height:100%}.w-auto{width:auto}.w-full{width:100%}.max-w-\\[13\\.875rem\\]{max-width:13.875rem}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-400{--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.bg-storm-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))}.drop-shadow-2,.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)}.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))}.will-change-transform{will-change:transform}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.dark\\:border-storm-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:border-white\\/60:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\\:border-storm-100:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:border-white\\/60:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}`;
 
-const dropdownMenuContainer = cva(['p-1', 'z-10 rounded-lg', 'border', 'transform-gpu will-change-transform'], {
+const dropdownMenuContainer = cva([
+    'p-1',
+    'z-10 rounded-lg',
+    'border',
+    'border-solid',
+    'transform-gpu will-change-transform',
+], {
     variants: {
         variant: {
             default: [
                 'border-storm-100 bg-white drop-shadow-2',
-                'dark:border-transparent dark:bg-hurricane-400',
+                'dark:border-white/15 dark:bg-hurricane-400',
             ],
             storm: [
                 'border-storm-400 bg-storm-400 drop-shadow-3',
@@ -94715,15 +94721,15 @@ class DropdownMenuContainer {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (hAsync(ThemedHost, { key: 'b4669178b51e78cc37779e2f3ba42ed2dd001d71' }, hAsync("div", { key: '1e7a8752816f578d793072517f80f18d52417a2c', class: dropdownMenuContainer({
+        return (hAsync(ThemedHost, { key: '2570b3288d57fb643ee1b998283d272eb369806e' }, hAsync("div", { key: 'e6da178cd5fd180439c36c64f277d7bdaf3cd98e', class: dropdownMenuContainer({
                 class: this.class,
                 variant: this.variant,
                 fullWidth: asBoolean(this.fullWidth, true),
                 maxWidth: this.maxWidth,
-            }) }, hAsync("div", { key: '2f1f710cf34a1542797ee7234f915d83f1928cb2', class: innerContainer({
+            }) }, hAsync("div", { key: 'f73e3a82adc9fb9a5565962fcf200b9b9995bc75', class: innerContainer({
                 allowOverflow: asBoolean(this.allowOverflow),
                 scrollable,
-            }) }, hAsync("div", { key: '50ced2c063ab9524450f258dfc3fadaeb507b4e7', class: 'flex w-full flex-col' }, hAsync("slot", { key: '6a5f6a88b779efa49bc5dba3161a74056d4504ef' }))))));
+            }) }, hAsync("div", { key: '980d45e0779efac5f408bd81f4aa6a7aa0d5787a', class: 'flex w-full flex-col' }, hAsync("slot", { key: '813103f016dd6e073652293a517477b93d7da2cb' }))))));
     }
     static get style() { return dropdownMenuContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -98663,10 +98669,7 @@ const multiItem = cva([
 const textContainer = cva('block w-full overflow-hidden text-start', {
     variants: {
         variant: {
-            placeholder: `
-     text-storm-400
-     dark:text-white
-   `,
+            placeholder: 'text-storm-400',
             default: null,
         },
         enableTextWrap: {
@@ -98674,14 +98677,26 @@ const textContainer = cva('block w-full overflow-hidden text-start', {
             false: 'text-ellipsis whitespace-nowrap',
         },
         error: {
-            true: `
+            true: false,
+            false: 'dark:text-white',
+        },
+    },
+    compoundVariants: [
+        {
+            variant: 'placeholder',
+            error: true,
+            class: `
      text-negative-red-700
      group-hover/button:text-negative-red-800
      dark:text-negative-red-alternative
    `,
-            false: null,
         },
-    },
+        {
+            variant: 'default',
+            error: true,
+            class: 'dark:text-negative-red-alternative',
+        },
+    ],
 });
 class Select {
     constructor(hostRef) {
@@ -98907,7 +98922,10 @@ class Select {
         return this._getParsedItems();
     }
     get _displayValue() {
-        const placeholder = (hAsync("div", { class: textContainer({ variant: 'placeholder' }) }, this.placeholder));
+        const placeholder = (hAsync("div", { class: textContainer({
+                variant: 'placeholder',
+                error: !!this.error?.length,
+            }) }, this.placeholder));
         if (!this._selectedItem) {
             return placeholder;
         }
@@ -98983,8 +99001,8 @@ class Select {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (hAsync(ThemedHost, { key: 'b7c7d91e9c103eb283a19e6d61bd8a1ccdfcb1ae' }, hAsync("p-field-container", { key: 'ce39c71781d71950eb8f0ec439e70508a801d4bd', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, hAsync("p-dropdown", { key: '172741cbe636fa4b59cbac4445fdff1c8ade7ca7', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-button", { key: '9fda8191122e870eda211c58b30a6de022b629eb', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
-                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, hAsync("div", { key: '1d08bb324241e1db8698678be35a1fd57f00603f', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
+        return (hAsync(ThemedHost, { key: 'c15b8ad5b4581bc9d73caec74094d05a5eccdc87' }, hAsync("p-field-container", { key: '79a06c8be8884124cccdb17baf8d386d34f01e47', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, hAsync("p-dropdown", { key: '9844250bac67e239336290deb4203ae6ecf62be4', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-button", { key: 'c33d47717e74742095e0bb6597ed74393782924a', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
+                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, hAsync("div", { key: 'b8153f212f6fbcaf9654f71cd15cfe274b95125c', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOfComposed(event, this._el)) {
@@ -99225,7 +99243,7 @@ class Select {
     _getDisplay(item, isSelection = false, isSelectedInMenu = false) {
         let content = (hAsync("div", { class: textContainer({
                 variant: 'default',
-                error: !!this.error?.length,
+                error: !!this.error?.length && isSelection,
                 enableTextWrap: this.enableTextWrap && !isSelection,
             }) }, item[isSelection
             ? (this.selectionDisplayKey ?? this.displayKey)
@@ -99233,7 +99251,7 @@ class Select {
         if (this.avatarKey) {
             content = (hAsync("span", { class: 'flex items-center gap-2' }, hAsync("p-avatar", { letters: item[this.avatarLettersKey], size: 'sm', src: item[this.avatarKey] }), hAsync("div", { class: textContainer({
                     variant: 'default',
-                    error: !!this.error?.length,
+                    error: !!this.error?.length && isSelection,
                     enableTextWrap: this.enableTextWrap && !isSelection,
                 }) }, item[this.dropdownDisplayKey ?? this.displayKey])));
         }
@@ -99246,7 +99264,7 @@ class Select {
                     ? (item?.[this.iconClassKey] ?? '')
                     : ''), variant: item[this.iconKey] })), hAsync("div", { class: textContainer({
                     variant: 'default',
-                    error: !!this.error?.length,
+                    error: !!this.error?.length && isSelection,
                     enableTextWrap: this.enableTextWrap && !isSelection,
                 }) }, item[this.dropdownDisplayKey ?? this.displayKey])));
         }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@paperless/core",
-	"version": "3.7.0",
+	"version": "3.7.2",
 	"description": "Stencil Component Starter",
 	"type": "module",
 	"main": "dist/index.cjs.js",

package/dist/build/p-8e7069b0.entry.js

@@ -1 +0,0 @@
-import{r as t,a as e,d as i,h as s,F as r}from"./p-yFtRjnrU.js";import{c as a}from"./p-CBWjHURv.js";import{T as h}from"./p-CSySY6aC.js";import{a as o}from"./p-TyZ7uPES.js";import{c as n}from"./p-xs4N_Y-0.js";import{S as l}from"./p-CEaB2BT0.js";import"./p-ChV9xqsO.js";import"./p-6XOzWrsN.js";const d=a(["flex items-center gap-2","h-full min-w-0 flex-1","pointer-events-none overflow-hidden"]),c=a(["item group/item","pointer-events-auto cursor-pointer","flex h-[1.625rem] items-center gap-2","h-[1.625rem] px-2","whitespace-nowrap text-sm font-semibold","rounded-lg","bg-indigo-100","dark:bg-white/15"]),p=a("block w-full overflow-hidden text-start",{variants:{variant:{placeholder:"\n     text-storm-400\n     dark:text-white\n   ",default:null},enableTextWrap:{true:!1,false:"text-ellipsis whitespace-nowrap"},error:{true:"\n     text-negative-red-700\n     group-hover/button:text-negative-red-800\n     dark:text-negative-red-alternative\n   ",false:null}}}),m=class{constructor(i){t(this,i),this.queryChange=e(this,"queryChange",3),this.valueChange=e(this,"valueChange",3),this.selectAllChange=e(this,"selectAllChange",3),this.dropdownShown=e(this,"dropdownShown",3),this.add=e(this,"add",3),i.$hostElement$["s-ei"]?this._internals=i.$hostElement$["s-ei"]:(this._internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this._internals)}items;multi;strategy="absolute";icon;query;placeholder;autocompletePlaceholder="Search...";value;displayKey="text";dropdownDisplayKey;selectionDisplayKey;valueKey;avatarKey;iconKey="icon";iconClassKey="iconClass";showIconOnSelectedItem;classKey="class";applyClassOnSelectedItem;applyClassOnSelectedItemInMenu;avatarLettersKey;identifierKey;queryKey;autoSelectFirst=!0;showChevron=!0;maxDisplayedItems=l;enableAutocomplete=!0;enableTextWrap=!1;asyncFilter=!1;loading=!1;enableSelectAll=!1;selectAllText="Select all";selectAllIcon;queryChange;valueChange;selectAllChange;dropdownShown;size="base";prefix;label;helper;required=!0;showOptional=!0;error;disabled=!1;showAddItem=!1;addItemText="Add item";add;emptyStateText="No items available";get _el(){return i(this)}_showDropdown=!1;_selectedItem=null;_allSelected=!1;_amountHidden=0;_internals;_inputRef;autocompleteInputRef;_multiContainerRef;_resizeObserver;_resizeDebounceTimer;_checkSelectedItemsTimeout;get _items(){return this._getParsedItems()}get _displayValue(){const t=s("div",{class:p({variant:"placeholder"})},this.placeholder);return this._selectedItem?this.multi?0===this._selectedItem?.length?t:s("div",{class:d(),ref:t=>this._multiContainerRef=t},this._selectedItem.map((t=>s("div",{class:c(),onClick:()=>this._selectValue(t)},t[this.selectionDisplayKey??this.displayKey],s("p-icon",{class:"\n          text-xs text-indigo-500\n          group-hover/item:text-indigo-800\n          dark:text-white/15\n          dark:group-hover/item:text-white\n        ",variant:"negative"})))),s("div",{class:"extra pointer-events-none hidden text-sm text-storm-100"},"+",this._amountHidden)):this._getDisplay(this._selectedItem,!0):t}get _identifierKey(){return this.identifierKey??this.valueKey??"value"}formResetCallback(){this._selectValue(null)}componentDidLoad(){if(!this.valueKey&&!this.identifierKey)throw new Error("You must provide a valueKey or identifierKey");this.multi&&(this._setMultiContainerMaxWidth(),this._resizeObserver=new ResizeObserver((()=>{this._resizeDebounceTimer&&(clearTimeout(this._resizeDebounceTimer),this._resizeDebounceTimer=null),this._resizeDebounceTimer=setTimeout((()=>{this._setMultiContainerMaxWidth(),this._setCheckSelectedItemsTimeout()}),200)})),this._resizeObserver.observe(this._el)),this.value?this._valueChange():this.itemChanges()}componentDidRender(){this.multi&&this._setMultiContainerMaxWidth()}disconnectedCallback(){this.multi&&this._resizeObserver.disconnect()}render(){let t=this.icon;return this._selectedItem&&!this.avatarKey&&this.iconKey&&this._selectedItem?.[this.iconKey]&&!this.showIconOnSelectedItem&&(t=this._selectedItem[this.iconKey]),(this.avatarKey&&this._selectedItem?.[this.avatarKey]||this.avatarLettersKey&&this._selectedItem?.[this.avatarLettersKey])&&(t=null),this.error?.length&&(t="warning"),s(h,{key:"b7c7d91e9c103eb283a19e6d61bd8a1ccdfcb1ae"},s("p-field-container",{key:"ce39c71781d71950eb8f0ec439e70508a801d4bd",error:this.error,forceShowTooltip:!!this.error?.length&&!this._showDropdown,helper:this.helper,label:this.label,prefix:this.prefix,required:this.required,showOptional:this.showOptional,variant:"write"},s("p-dropdown",{key:"172741cbe636fa4b59cbac4445fdff1c8ade7ca7",applyChevron:!1,applyFullWidth:!0,applyMaxWidth:!1,"disable-trigger-click":this.disabled,insideClick:!0,manual:!0,manualChevron:!0,scrollable:!this.enableAutocomplete||"large",show:this._showDropdown,slot:"content",strategy:this.strategy,onIsOpen:t=>this._onDropdownOpen(t)},s("p-button",{key:"9fda8191122e870eda211c58b30a6de022b629eb",active:this._showDropdown,chevron:!!this.showChevron&&(this._showDropdown?"up":"down"),class:"w-full",error:!!this.error?.length,icon:t,iconClass:this.applyClassOnSelectedItem&&this._selectedItem?.[this.iconClassKey],size:this.size,slot:"trigger",variant:"secondary",onClick:t=>this._onClick(t)},s("div",{key:"1d08bb324241e1db8698678be35a1fd57f00603f",class:"relative min-w-0 flex-1",ref:t=>this._inputRef=t},this._displayValue)),this.loading?this._getLoadingItems():this._getItems(),this.showAddItem&&this._getAddItem())))}documentClickHandler(t){this._showDropdown&&!o(t,this._el)&&(this._showDropdown=!1)}_valueChange(){setTimeout((()=>{this._preselectItem(),this._setCheckSelectedItemsTimeout()}))}itemChanges(){setTimeout((()=>this._preselectItem()))}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}multiChanges(){this._selectedItem&&!Array.isArray(this._selectedItem)&&(this._selectedItem=[])}_preselectItem(){let t="string"==typeof this.value&&this.multi?JSON.parse(this.value):this.value;if(this.multi)return Array.isArray(t)?(this.value=t,0===t.length?void(this._selectedItem=[]):void(this._selectedItem=this.valueKey&&"false"!==this.valueKey?this._items.filter((e=>t.includes(e?.[this.valueKey]))):[...t])):(this.value=[],void this.valueChange.emit(this.value));this._selectedItem||t||!this.autoSelectFirst||(t=this._items[0]);const e="object"==typeof t&&null!==t?t[this._identifierKey]:t,i="string"==typeof e||"number"==typeof e?e:JSON.stringify(e),s=this._selectedItem?this._selectedItem?.[this._identifierKey]:null,r="string"==typeof s||"number"==typeof s?s:JSON.stringify(s);if(this._selectedItem&&r===i)return;if(!this._items?.length&&t)return void this._selectValue(t,!1);const a=this._getParsedItems(!1).find((t=>{const e=t?.[this._identifierKey];return("string"==typeof e||"number"==typeof e?e:JSON.stringify(e))===i}));this._selectValue(a??t,!1)}_selectValue(t,e=!0){let i=this.valueKey&&"false"!==this.valueKey&&null!==t&&!this.loading?t?.[this.valueKey]:t;if(this.multi){this._selectedItem&&Array.isArray(this._selectedItem)||(this._selectedItem=[]),this.value&&Array.isArray(this.value)||(this.value=[]);const e=[...this._selectedItem],s=[...this.value],r=e.findIndex((e=>e[this._identifierKey]===t[this._identifierKey]));return-1===r?(e.push(t),s.push(i)):(e.splice(r,1),s.splice(r,1)),this._selectedItem=e,this.value=s,void this.valueChange.emit(s)}this._selectedItem=t,this._onBlur(e),i!==this.value&&(this.value=i,this.valueChange.emit(i))}_onClick(t){const e=t?.composedPath();for(const t of e){if("p-button"===t.nodeName.toLowerCase())break;if(t.classList?.contains("item"))return}this._showDropdown=!this._showDropdown}_onBlur(t=!1){this.enableAutocomplete&&!t||(this._showDropdown=!1)}_onAutoComplete(t){this.enableAutocomplete&&(this._showDropdown=!0,this.query=t.detail,this.queryChange.emit(t.detail))}_checkvalue(t,e){return e?.[t]?.toString()?.toLowerCase().indexOf(this.query?.toLowerCase())>=0}_getItems(){let t=this._items.map((t=>{const e=this.multi&&this._selectedItem&&Array.isArray(this._selectedItem)?this._selectedItem.some((e=>e[this._identifierKey]===t[this._identifierKey])):t[this._identifierKey]===this._selectedItem?.[this._identifierKey];return s("p-dropdown-menu-item",{active:e,checkbox:!!this.multi,enableTextWrap:this.enableTextWrap,slot:"items",useContainer:!1,onClick:()=>this._selectValue(t)},this._getDisplay(t,!1,e))}));return 0!==this._items.length||this.showAddItem||(t=[s("p",{class:"\n       w-full p-2 text-center text-sm text-storm-400\n       dark:text-hurricane-200\n     ",slot:"items"},this.emptyStateText)]),this.enableSelectAll&&this._items.length>0&&t.unshift(s("p-dropdown-menu-item",{active:this._allSelected,slot:"items",useContainer:!1,checkbox:!0,onClick:()=>this._selectAllChange()},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)),this.enableAutocomplete&&t.unshift(this._getAutoCompleteItem()),t}_getAddItem(){return s(r,null,this._items.length>0&&s("p-divider",{class:"my-1 px-2",slot:"items"}),s("p-dropdown-menu-item",{slot:"items",useContainer:!1,onClick:()=>this.add.emit()},s("span",{class:"flex items-center gap-1 font-semibold text-indigo-600"},this.addItemText,s("p-icon",{variant:"plus"}))))}_getLoadingItems(){const t=[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:!1,slot:"items"},s("p-loader",{class:"h-6 w-full rounded",variant:"ghost"}))));return this.enableAutocomplete&&t.unshift(this._getAutoCompleteItem()),t}_getAutoCompleteItem(){return s("div",{class:"sticky top-0 z-10 mb-3 h-8",slot:"items"},s("p-field",{class:"block",placeholder:this.autocompletePlaceholder,value:this.query,onInputRefChange:t=>this.autocompleteInputRef=t.detail,onValueChange:t=>this._onAutoComplete(t)}))}_setMultiContainerMaxWidth(){this._inputRef&&this._multiContainerRef&&(this._multiContainerRef.style.maxWidth=`${Math.max(this._inputRef.clientWidth-16,16)}px`)}_setCheckSelectedItemsTimeout(){this._checkSelectedItemsTimeout&&clearTimeout(this._checkSelectedItemsTimeout),this._checkSelectedItemsTimeout=setTimeout((()=>this._checkSelectedItems()),50)}_checkSelectedItems(){if(!this._multiContainerRef)return;const t=this._multiContainerRef.getBoundingClientRect(),e=this._multiContainerRef.querySelectorAll(".item");let i=0;for(const s of e)s.classList.remove("hidden"),s.classList.add("flex"),s.getBoundingClientRect().right>t.right&&(s.classList.remove("flex"),s.classList.add("hidden"),i++);this._amountHidden=i;const s=this._multiContainerRef.querySelector(".extra");s&&(s.classList.contains("hidden")||s.classList.add("hidden"),i>0&&s.classList.remove("hidden"))}_onDropdownOpen(t){t.detail&&this.autocompleteInputRef&&setTimeout((()=>this.autocompleteInputRef.focus()),100)}_selectAllChange(){this._allSelected=!this._allSelected,this.selectAllChange.emit(this._allSelected)}_getDisplay(t,e=!1,i=!1){let r=s("div",{class:p({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[e?this.selectionDisplayKey??this.displayKey:this.displayKey]);return this.avatarKey&&(r=s("span",{class:"flex items-center gap-2"},s("p-avatar",{letters:t[this.avatarLettersKey],size:"sm",src:t[this.avatarKey]}),s("div",{class:p({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[this.dropdownDisplayKey??this.displayKey]))),!this.iconKey||e&&!this.showIconOnSelectedItem||(r=s("span",{class:"flex items-center gap-2"},t[this.iconKey]&&s("p-icon",{class:n("\n          text-storm-300\n          dark:text-hurricane-200\n        ",e&&!this.applyClassOnSelectedItem||i&&!this.applyClassOnSelectedItemInMenu?"":t?.[this.iconClassKey]??""),variant:t[this.iconKey]}),s("div",{class:p({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[this.dropdownDisplayKey??this.displayKey]))),e&&!this.applyClassOnSelectedItem||i&&!this.applyClassOnSelectedItemInMenu||!t?.[this.classKey]?.length?r:s("div",{class:t[this.classKey]},r)}_getParsedItems(t=!0){if(!this.items||this.loading)return[];let e="string"==typeof this.items?JSON.parse(this.items):this.items;return"string"==typeof e?.[0]&&(this.displayKey="text",this.valueKey="value",e=e.map((t=>({value:t,text:t})))),this.query?.length&&!this.asyncFilter&&(e=e.filter((t=>this.queryKey?this._checkvalue(this.queryKey,t):this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)))),t?e?.slice(0,this.maxDisplayedItems):e}static get formAssociated(){return!0}static get watchers(){return{value:[{_valueChange:0}],items:[{itemChanges:0}],_showDropdown:[{_showDropdownChanges:0}],multi:[{multiChanges:0}]}}};m.style="*{box-sizing:border-box}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.my-1{margin-bottom:.25rem;margin-top:.25rem}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-8{height:2rem}.h-\\[1\\.625rem\\]{height:1.625rem}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.text-start{text-align:start}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-indigo-500{--tw-text-opacity:1;color:rgb(142 179 251/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-negative-red-700{--tw-text-opacity:1;color:rgb(147 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.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)}.group\\/button:hover .group-hover\\/button\\:text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.group\\/item:hover .group-hover\\/item\\:text-indigo-800{--tw-text-opacity:1;color:rgb(27 88 210/var(--tw-text-opacity,1))}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)}.group\\/item:hover .dark\\:group-hover\\/item\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)}.group\\/item:hover .dark\\:group-hover\\/item\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";export{m as p_select}

package/dist/components/p-DeNA7G5s.js

@@ -1 +0,0 @@
-import{t as r,p as a,H as t,h as e}from"./p-CySg37XO.js";import{c as o}from"./p-CBWjHURv.js";import{T as d}from"./p-Au2WuEGF.js";import{a as i}from"./p-C5CTp9IA.js";const m=o(["p-1","z-10 rounded-lg","border","transform-gpu will-change-transform"],{variants:{variant:{default:["border-storm-100 bg-white drop-shadow-2","dark:border-transparent dark:bg-hurricane-400"],storm:["border-storm-400 bg-storm-400 drop-shadow-3","dark:border-storm-100 dark:border-white/60 dark:bg-white"]},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"}},compoundVariants:[{fullWidth:!1,maxWidth:!0,class:"w-auto"}]}),h=o("relative min-h-full w-full",{variants:{allowOverflow:{false:"overflow-y-auto overflow-x-hidden",true:null},scrollable:{none:null,default:"max-h-[11.5rem]",large:"max-h-[13.875rem]",xlarge:"max-h-[20rem]"}}}),w=a(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}variant="default";maxWidth=!0;class;fullWidth=!0;allowOverflow=!1;scrollable=!1;render(){const r=!1===this.scrollable?"none":!0===this.scrollable?"default":this.scrollable;return e(d,{key:"b4669178b51e78cc37779e2f3ba42ed2dd001d71"},e("div",{key:"1e7a8752816f578d793072517f80f18d52417a2c",class:m({class:this.class,variant:this.variant,fullWidth:i(this.fullWidth,!0),maxWidth:this.maxWidth})},e("div",{key:"2f1f710cf34a1542797ee7234f915d83f1928cb2",class:h({allowOverflow:i(this.allowOverflow),scrollable:r})},e("div",{key:"50ced2c063ab9524450f258dfc3fadaeb507b4e7",class:"flex w-full flex-col"},e("slot",{key:"6a5f6a88b779efa49bc5dba3161a74056d4504ef"})))))}static get style(){return"*{box-sizing:border-box}.static{position:static}.relative{position:relative}.z-10{z-index:10}.flex{display:flex}.max-h-\\[11\\.5rem\\]{max-height:11.5rem}.max-h-\\[13\\.875rem\\]{max-height:13.875rem}.max-h-\\[20rem\\]{max-height:20rem}.min-h-full{min-height:100%}.w-auto{width:auto}.w-full{width:100%}.max-w-\\[13\\.875rem\\]{max-width:13.875rem}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-400{--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.bg-storm-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))}.drop-shadow-2,.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)}.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))}.will-change-transform{will-change:transform}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.dark\\:border-storm-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-transparent:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:transparent}.dark\\:border-white\\/60:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\\:border-storm-100:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.dark\\:border-transparent:where([data-theme=dark],[data-theme=dark] *){border-color:transparent}.dark\\:border-white\\/60:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.6)}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-white:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}"}},[769,"p-dropdown-menu-container",{variant:[1],maxWidth:[4,"max-width"],class:[1],fullWidth:[4,"full-width"],allowOverflow:[4,"allow-overflow"],scrollable:[8]}]);function n(){"undefined"!=typeof customElements&&["p-dropdown-menu-container"].forEach((a=>{"p-dropdown-menu-container"===a&&(customElements.get(r(a))||customElements.define(r(a),w))}))}n();export{w as D,n as d}

package/dist/paperless/p-8e7069b0.entry.js

@@ -1 +0,0 @@
-import{r as t,a as e,d as i,h as s,F as r}from"./p-yFtRjnrU.js";import{c as a}from"./p-CBWjHURv.js";import{T as h}from"./p-CSySY6aC.js";import{a as o}from"./p-TyZ7uPES.js";import{c as n}from"./p-xs4N_Y-0.js";import{S as l}from"./p-CEaB2BT0.js";import"./p-ChV9xqsO.js";import"./p-6XOzWrsN.js";const d=a(["flex items-center gap-2","h-full min-w-0 flex-1","pointer-events-none overflow-hidden"]),c=a(["item group/item","pointer-events-auto cursor-pointer","flex h-[1.625rem] items-center gap-2","h-[1.625rem] px-2","whitespace-nowrap text-sm font-semibold","rounded-lg","bg-indigo-100","dark:bg-white/15"]),p=a("block w-full overflow-hidden text-start",{variants:{variant:{placeholder:"\n     text-storm-400\n     dark:text-white\n   ",default:null},enableTextWrap:{true:!1,false:"text-ellipsis whitespace-nowrap"},error:{true:"\n     text-negative-red-700\n     group-hover/button:text-negative-red-800\n     dark:text-negative-red-alternative\n   ",false:null}}}),m=class{constructor(i){t(this,i),this.queryChange=e(this,"queryChange",3),this.valueChange=e(this,"valueChange",3),this.selectAllChange=e(this,"selectAllChange",3),this.dropdownShown=e(this,"dropdownShown",3),this.add=e(this,"add",3),i.$hostElement$["s-ei"]?this._internals=i.$hostElement$["s-ei"]:(this._internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this._internals)}items;multi;strategy="absolute";icon;query;placeholder;autocompletePlaceholder="Search...";value;displayKey="text";dropdownDisplayKey;selectionDisplayKey;valueKey;avatarKey;iconKey="icon";iconClassKey="iconClass";showIconOnSelectedItem;classKey="class";applyClassOnSelectedItem;applyClassOnSelectedItemInMenu;avatarLettersKey;identifierKey;queryKey;autoSelectFirst=!0;showChevron=!0;maxDisplayedItems=l;enableAutocomplete=!0;enableTextWrap=!1;asyncFilter=!1;loading=!1;enableSelectAll=!1;selectAllText="Select all";selectAllIcon;queryChange;valueChange;selectAllChange;dropdownShown;size="base";prefix;label;helper;required=!0;showOptional=!0;error;disabled=!1;showAddItem=!1;addItemText="Add item";add;emptyStateText="No items available";get _el(){return i(this)}_showDropdown=!1;_selectedItem=null;_allSelected=!1;_amountHidden=0;_internals;_inputRef;autocompleteInputRef;_multiContainerRef;_resizeObserver;_resizeDebounceTimer;_checkSelectedItemsTimeout;get _items(){return this._getParsedItems()}get _displayValue(){const t=s("div",{class:p({variant:"placeholder"})},this.placeholder);return this._selectedItem?this.multi?0===this._selectedItem?.length?t:s("div",{class:d(),ref:t=>this._multiContainerRef=t},this._selectedItem.map((t=>s("div",{class:c(),onClick:()=>this._selectValue(t)},t[this.selectionDisplayKey??this.displayKey],s("p-icon",{class:"\n          text-xs text-indigo-500\n          group-hover/item:text-indigo-800\n          dark:text-white/15\n          dark:group-hover/item:text-white\n        ",variant:"negative"})))),s("div",{class:"extra pointer-events-none hidden text-sm text-storm-100"},"+",this._amountHidden)):this._getDisplay(this._selectedItem,!0):t}get _identifierKey(){return this.identifierKey??this.valueKey??"value"}formResetCallback(){this._selectValue(null)}componentDidLoad(){if(!this.valueKey&&!this.identifierKey)throw new Error("You must provide a valueKey or identifierKey");this.multi&&(this._setMultiContainerMaxWidth(),this._resizeObserver=new ResizeObserver((()=>{this._resizeDebounceTimer&&(clearTimeout(this._resizeDebounceTimer),this._resizeDebounceTimer=null),this._resizeDebounceTimer=setTimeout((()=>{this._setMultiContainerMaxWidth(),this._setCheckSelectedItemsTimeout()}),200)})),this._resizeObserver.observe(this._el)),this.value?this._valueChange():this.itemChanges()}componentDidRender(){this.multi&&this._setMultiContainerMaxWidth()}disconnectedCallback(){this.multi&&this._resizeObserver.disconnect()}render(){let t=this.icon;return this._selectedItem&&!this.avatarKey&&this.iconKey&&this._selectedItem?.[this.iconKey]&&!this.showIconOnSelectedItem&&(t=this._selectedItem[this.iconKey]),(this.avatarKey&&this._selectedItem?.[this.avatarKey]||this.avatarLettersKey&&this._selectedItem?.[this.avatarLettersKey])&&(t=null),this.error?.length&&(t="warning"),s(h,{key:"b7c7d91e9c103eb283a19e6d61bd8a1ccdfcb1ae"},s("p-field-container",{key:"ce39c71781d71950eb8f0ec439e70508a801d4bd",error:this.error,forceShowTooltip:!!this.error?.length&&!this._showDropdown,helper:this.helper,label:this.label,prefix:this.prefix,required:this.required,showOptional:this.showOptional,variant:"write"},s("p-dropdown",{key:"172741cbe636fa4b59cbac4445fdff1c8ade7ca7",applyChevron:!1,applyFullWidth:!0,applyMaxWidth:!1,"disable-trigger-click":this.disabled,insideClick:!0,manual:!0,manualChevron:!0,scrollable:!this.enableAutocomplete||"large",show:this._showDropdown,slot:"content",strategy:this.strategy,onIsOpen:t=>this._onDropdownOpen(t)},s("p-button",{key:"9fda8191122e870eda211c58b30a6de022b629eb",active:this._showDropdown,chevron:!!this.showChevron&&(this._showDropdown?"up":"down"),class:"w-full",error:!!this.error?.length,icon:t,iconClass:this.applyClassOnSelectedItem&&this._selectedItem?.[this.iconClassKey],size:this.size,slot:"trigger",variant:"secondary",onClick:t=>this._onClick(t)},s("div",{key:"1d08bb324241e1db8698678be35a1fd57f00603f",class:"relative min-w-0 flex-1",ref:t=>this._inputRef=t},this._displayValue)),this.loading?this._getLoadingItems():this._getItems(),this.showAddItem&&this._getAddItem())))}documentClickHandler(t){this._showDropdown&&!o(t,this._el)&&(this._showDropdown=!1)}_valueChange(){setTimeout((()=>{this._preselectItem(),this._setCheckSelectedItemsTimeout()}))}itemChanges(){setTimeout((()=>this._preselectItem()))}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}multiChanges(){this._selectedItem&&!Array.isArray(this._selectedItem)&&(this._selectedItem=[])}_preselectItem(){let t="string"==typeof this.value&&this.multi?JSON.parse(this.value):this.value;if(this.multi)return Array.isArray(t)?(this.value=t,0===t.length?void(this._selectedItem=[]):void(this._selectedItem=this.valueKey&&"false"!==this.valueKey?this._items.filter((e=>t.includes(e?.[this.valueKey]))):[...t])):(this.value=[],void this.valueChange.emit(this.value));this._selectedItem||t||!this.autoSelectFirst||(t=this._items[0]);const e="object"==typeof t&&null!==t?t[this._identifierKey]:t,i="string"==typeof e||"number"==typeof e?e:JSON.stringify(e),s=this._selectedItem?this._selectedItem?.[this._identifierKey]:null,r="string"==typeof s||"number"==typeof s?s:JSON.stringify(s);if(this._selectedItem&&r===i)return;if(!this._items?.length&&t)return void this._selectValue(t,!1);const a=this._getParsedItems(!1).find((t=>{const e=t?.[this._identifierKey];return("string"==typeof e||"number"==typeof e?e:JSON.stringify(e))===i}));this._selectValue(a??t,!1)}_selectValue(t,e=!0){let i=this.valueKey&&"false"!==this.valueKey&&null!==t&&!this.loading?t?.[this.valueKey]:t;if(this.multi){this._selectedItem&&Array.isArray(this._selectedItem)||(this._selectedItem=[]),this.value&&Array.isArray(this.value)||(this.value=[]);const e=[...this._selectedItem],s=[...this.value],r=e.findIndex((e=>e[this._identifierKey]===t[this._identifierKey]));return-1===r?(e.push(t),s.push(i)):(e.splice(r,1),s.splice(r,1)),this._selectedItem=e,this.value=s,void this.valueChange.emit(s)}this._selectedItem=t,this._onBlur(e),i!==this.value&&(this.value=i,this.valueChange.emit(i))}_onClick(t){const e=t?.composedPath();for(const t of e){if("p-button"===t.nodeName.toLowerCase())break;if(t.classList?.contains("item"))return}this._showDropdown=!this._showDropdown}_onBlur(t=!1){this.enableAutocomplete&&!t||(this._showDropdown=!1)}_onAutoComplete(t){this.enableAutocomplete&&(this._showDropdown=!0,this.query=t.detail,this.queryChange.emit(t.detail))}_checkvalue(t,e){return e?.[t]?.toString()?.toLowerCase().indexOf(this.query?.toLowerCase())>=0}_getItems(){let t=this._items.map((t=>{const e=this.multi&&this._selectedItem&&Array.isArray(this._selectedItem)?this._selectedItem.some((e=>e[this._identifierKey]===t[this._identifierKey])):t[this._identifierKey]===this._selectedItem?.[this._identifierKey];return s("p-dropdown-menu-item",{active:e,checkbox:!!this.multi,enableTextWrap:this.enableTextWrap,slot:"items",useContainer:!1,onClick:()=>this._selectValue(t)},this._getDisplay(t,!1,e))}));return 0!==this._items.length||this.showAddItem||(t=[s("p",{class:"\n       w-full p-2 text-center text-sm text-storm-400\n       dark:text-hurricane-200\n     ",slot:"items"},this.emptyStateText)]),this.enableSelectAll&&this._items.length>0&&t.unshift(s("p-dropdown-menu-item",{active:this._allSelected,slot:"items",useContainer:!1,checkbox:!0,onClick:()=>this._selectAllChange()},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)),this.enableAutocomplete&&t.unshift(this._getAutoCompleteItem()),t}_getAddItem(){return s(r,null,this._items.length>0&&s("p-divider",{class:"my-1 px-2",slot:"items"}),s("p-dropdown-menu-item",{slot:"items",useContainer:!1,onClick:()=>this.add.emit()},s("span",{class:"flex items-center gap-1 font-semibold text-indigo-600"},this.addItemText,s("p-icon",{variant:"plus"}))))}_getLoadingItems(){const t=[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:!1,slot:"items"},s("p-loader",{class:"h-6 w-full rounded",variant:"ghost"}))));return this.enableAutocomplete&&t.unshift(this._getAutoCompleteItem()),t}_getAutoCompleteItem(){return s("div",{class:"sticky top-0 z-10 mb-3 h-8",slot:"items"},s("p-field",{class:"block",placeholder:this.autocompletePlaceholder,value:this.query,onInputRefChange:t=>this.autocompleteInputRef=t.detail,onValueChange:t=>this._onAutoComplete(t)}))}_setMultiContainerMaxWidth(){this._inputRef&&this._multiContainerRef&&(this._multiContainerRef.style.maxWidth=`${Math.max(this._inputRef.clientWidth-16,16)}px`)}_setCheckSelectedItemsTimeout(){this._checkSelectedItemsTimeout&&clearTimeout(this._checkSelectedItemsTimeout),this._checkSelectedItemsTimeout=setTimeout((()=>this._checkSelectedItems()),50)}_checkSelectedItems(){if(!this._multiContainerRef)return;const t=this._multiContainerRef.getBoundingClientRect(),e=this._multiContainerRef.querySelectorAll(".item");let i=0;for(const s of e)s.classList.remove("hidden"),s.classList.add("flex"),s.getBoundingClientRect().right>t.right&&(s.classList.remove("flex"),s.classList.add("hidden"),i++);this._amountHidden=i;const s=this._multiContainerRef.querySelector(".extra");s&&(s.classList.contains("hidden")||s.classList.add("hidden"),i>0&&s.classList.remove("hidden"))}_onDropdownOpen(t){t.detail&&this.autocompleteInputRef&&setTimeout((()=>this.autocompleteInputRef.focus()),100)}_selectAllChange(){this._allSelected=!this._allSelected,this.selectAllChange.emit(this._allSelected)}_getDisplay(t,e=!1,i=!1){let r=s("div",{class:p({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[e?this.selectionDisplayKey??this.displayKey:this.displayKey]);return this.avatarKey&&(r=s("span",{class:"flex items-center gap-2"},s("p-avatar",{letters:t[this.avatarLettersKey],size:"sm",src:t[this.avatarKey]}),s("div",{class:p({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[this.dropdownDisplayKey??this.displayKey]))),!this.iconKey||e&&!this.showIconOnSelectedItem||(r=s("span",{class:"flex items-center gap-2"},t[this.iconKey]&&s("p-icon",{class:n("\n          text-storm-300\n          dark:text-hurricane-200\n        ",e&&!this.applyClassOnSelectedItem||i&&!this.applyClassOnSelectedItemInMenu?"":t?.[this.iconClassKey]??""),variant:t[this.iconKey]}),s("div",{class:p({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[this.dropdownDisplayKey??this.displayKey]))),e&&!this.applyClassOnSelectedItem||i&&!this.applyClassOnSelectedItemInMenu||!t?.[this.classKey]?.length?r:s("div",{class:t[this.classKey]},r)}_getParsedItems(t=!0){if(!this.items||this.loading)return[];let e="string"==typeof this.items?JSON.parse(this.items):this.items;return"string"==typeof e?.[0]&&(this.displayKey="text",this.valueKey="value",e=e.map((t=>({value:t,text:t})))),this.query?.length&&!this.asyncFilter&&(e=e.filter((t=>this.queryKey?this._checkvalue(this.queryKey,t):this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)))),t?e?.slice(0,this.maxDisplayedItems):e}static get formAssociated(){return!0}static get watchers(){return{value:[{_valueChange:0}],items:[{itemChanges:0}],_showDropdown:[{_showDropdownChanges:0}],multi:[{multiChanges:0}]}}};m.style="*{box-sizing:border-box}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.my-1{margin-bottom:.25rem;margin-top:.25rem}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-8{height:2rem}.h-\\[1\\.625rem\\]{height:1.625rem}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.text-start{text-align:start}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-indigo-500{--tw-text-opacity:1;color:rgb(142 179 251/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-negative-red-700{--tw-text-opacity:1;color:rgb(147 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.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)}.group\\/button:hover .group-hover\\/button\\:text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.group\\/item:hover .group-hover\\/item\\:text-indigo-800{--tw-text-opacity:1;color:rgb(27 88 210/var(--tw-text-opacity,1))}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)}.group\\/item:hover .dark\\:group-hover\\/item\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)}.group\\/item:hover .dark\\:group-hover\\/item\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";export{m as p_select}