@paperless/core 1.17.5 → 1.18.0

package/hydrate/index.js

@@ -11715,8 +11715,8 @@ class Calendar {
     return this._getDayView();
   }
   /* With this, we shall hack the system in ways no one would ever have thought.
-     <div class="col-start-1 col-start-2 col-start-3 col-start-4 col-start-5 col-start-6 col-start-7"></div>
- */
+       <div class="col-start-1 col-start-2 col-start-3 col-start-4 col-start-5 col-start-6 col-start-7"></div>
+   */
   _getDayView() {
     const daysInMonth = this._generateDaysInMonth();
     return (hAsync("div", { class: "view-day" }, hAsync("div", { class: "header" }, hAsync("div", { class: `nav ${!this._canSetAmount('month', -1) && 'disabled'}`, onClick: () => this._changeMonth(-1) }, hAsync("p-icon", { variant: "chevron", rotate: 90 })), hAsync("div", null, hAsync("span", { onClick: () => this._changeView('month'), class: !this._canChangeView('month') && 'disabled' }, format(this._viewDate, 'MMMM')), hAsync("span", { onClick: () => this._changeView('year'), class: `year ${!this._canChangeView('year') && 'disabled'}` }, getYear(this._viewDate))), hAsync("div", { class: `nav ${!this._canSetAmount('month', 1) && 'disabled'}`, onClick: () => this._changeMonth(1) }, hAsync("p-icon", { variant: "chevron", rotate: -90 }))), hAsync("div", { class: "dates" }, this._weekDays.map((weekday) => (hAsync("span", null, format(addDays(new Date(2022, 7, 1), weekday), 'eee')))), daysInMonth.map((day) => {
@@ -19484,6 +19484,7 @@ class Dropdown {
     this.scrollable = false;
     this.insideClick = false;
     this.disableTriggerClick = false;
+    this.applyChevron = true;
     this.chevronPosition = 'end';
     this.chevronDirection = undefined;
   }
@@ -19500,6 +19501,9 @@ class Dropdown {
     return (hAsync(Host, { class: "p-dropdown" }, hAsync("div", { class: "trigger", ref: (ref) => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, hAsync("slot", { onSlotchange: (ev) => this._checkButton(ev), name: "trigger" })), hAsync("p-dropdown-menu-container", { role: "popover", maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, ref: (el) => this._load(el), "data-placement": this.placement, "data-strategy": this.strategy, onClick: () => this._containerClickHandler(), scrollable: this.scrollable }, hAsync("slot", { name: "items" }))));
   }
   _checkButton({ target }) {
+    if (!this.applyChevron) {
+      return;
+    }
     const slot = target;
     const children = slot.assignedElements();
     for (let child of children) {
@@ -19616,6 +19620,7 @@ class Dropdown {
       "scrollable": [4],
       "insideClick": [4, "inside-click"],
       "disableTriggerClick": [4, "disable-trigger-click"],
+      "applyChevron": [4, "apply-chevron"],
       "chevronPosition": [1, "chevron-position"],
       "chevronDirection": [1, "chevron-direction"]
     },
@@ -19652,17 +19657,18 @@ class DropdownMenuContainer {
   }; }
 }
 
-const dropdownMenuItemComponentCss = "/*!@.block*/.block.sc-p-dropdown-menu-item{display:block!important}/*!@.flex*/.flex.sc-p-dropdown-menu-item{display:flex!important}/*!@.h-8*/.h-8.sc-p-dropdown-menu-item{height:2rem!important}/*!@.w-full*/.w-full.sc-p-dropdown-menu-item{width:100%!important}/*!@.items-center*/.items-center.sc-p-dropdown-menu-item{align-items:center!important}/*!@.gap-2*/.gap-2.sc-p-dropdown-menu-item{gap:.5rem!important}/*!@.overflow-hidden*/.overflow-hidden.sc-p-dropdown-menu-item{overflow:hidden!important}/*!@.text-ellipsis*/.text-ellipsis.sc-p-dropdown-menu-item{text-overflow:ellipsis!important}/*!@.rounded*/.rounded.sc-p-dropdown-menu-item{border-radius:.25rem!important}/*!@.bg-indigo-light*/.bg-indigo-light.sc-p-dropdown-menu-item{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}/*!@.text-sm*/.text-sm.sc-p-dropdown-menu-item{font-size:.875rem!important;line-height:1.25rem!important}/*!@.font-semibold*/.font-semibold.sc-p-dropdown-menu-item{font-weight:600!important}/*!@**/*.sc-p-dropdown-menu-item{box-sizing:border-box}/*!@:host*/.sc-p-dropdown-menu-item-h{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:2rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;width:100%}/*!@:host .text-container*/.sc-p-dropdown-menu-item-h .text-container.sc-p-dropdown-menu-item{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}/*!@:host(.hover:hover)*/.hover.sc-p-dropdown-menu-item-h:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(81 83 107/var(--tw-text-opacity))}/*!@:host(.active)*/.active.sc-p-dropdown-menu-item-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}/*!@.static*/.static.sc-p-dropdown-menu-item{position:static!important}";
+const dropdownMenuItemComponentCss = "/*!@.block*/.block.sc-p-dropdown-menu-item{display:block!important}/*!@.flex*/.flex.sc-p-dropdown-menu-item{display:flex!important}/*!@.h-4*/.h-4.sc-p-dropdown-menu-item{height:1rem!important}/*!@.h-6*/.h-6.sc-p-dropdown-menu-item{height:1.5rem!important}/*!@.h-8*/.h-8.sc-p-dropdown-menu-item{height:2rem!important}/*!@.w-4*/.w-4.sc-p-dropdown-menu-item{width:1rem!important}/*!@.w-6*/.w-6.sc-p-dropdown-menu-item{width:1.5rem!important}/*!@.w-\\[2\\.375rem\\]*/.w-\\[2\\.375rem\\].sc-p-dropdown-menu-item{width:2.375rem!important}/*!@.w-full*/.w-full.sc-p-dropdown-menu-item{width:100%!important}/*!@.translate-x-0*/.translate-x-0.sc-p-dropdown-menu-item{--tw-translate-x:0px!important}/*!@.translate-x-0,.translate-x-3*/.translate-x-0.sc-p-dropdown-menu-item,.translate-x-3.sc-p-dropdown-menu-item{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}/*!@.translate-x-3*/.translate-x-3.sc-p-dropdown-menu-item{--tw-translate-x:0.75rem!important}/*!@.transform*/.transform.sc-p-dropdown-menu-item{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}/*!@.appearance-none*/.appearance-none.sc-p-dropdown-menu-item{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}/*!@.items-center*/.items-center.sc-p-dropdown-menu-item{align-items:center!important}/*!@.gap-2*/.gap-2.sc-p-dropdown-menu-item{gap:.5rem!important}/*!@.overflow-hidden*/.overflow-hidden.sc-p-dropdown-menu-item{overflow:hidden!important}/*!@.text-ellipsis*/.text-ellipsis.sc-p-dropdown-menu-item{text-overflow:ellipsis!important}/*!@.rounded*/.rounded.sc-p-dropdown-menu-item{border-radius:.25rem!important}/*!@.border*/.border.sc-p-dropdown-menu-item{border-width:1px!important}/*!@.border-solid*/.border-solid.sc-p-dropdown-menu-item{border-style:solid!important}/*!@.border-indigo*/.border-indigo.sc-p-dropdown-menu-item{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}/*!@.border-negative*/.border-negative.sc-p-dropdown-menu-item{--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important}/*!@.bg-indigo-light*/.bg-indigo-light.sc-p-dropdown-menu-item{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}/*!@.bg-mystic-dark*/.bg-mystic-dark.sc-p-dropdown-menu-item{background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}/*!@.bg-mystic-dark,.bg-white*/.bg-mystic-dark.sc-p-dropdown-menu-item,.bg-white.sc-p-dropdown-menu-item{--tw-bg-opacity:1!important}/*!@.bg-white*/.bg-white.sc-p-dropdown-menu-item{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}/*!@.bg-center*/.bg-center.sc-p-dropdown-menu-item{background-position:50%!important}/*!@.text-sm*/.text-sm.sc-p-dropdown-menu-item{font-size:.875rem!important;line-height:1.25rem!important}/*!@.font-semibold*/.font-semibold.sc-p-dropdown-menu-item{font-weight:600!important}/*!@.outline-none*/.outline-none.sc-p-dropdown-menu-item{outline:2px solid transparent!important;outline-offset:2px!important}/*!@.transition-transform*/.transition-transform.sc-p-dropdown-menu-item{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}/*!@**/*.sc-p-dropdown-menu-item{box-sizing:border-box}/*!@:host*/.sc-p-dropdown-menu-item-h{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:2rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;width:100%}/*!@:host input[type=checkbox].p-input*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.sc-p-dropdown-menu-item{--tw-bg-opacity:1;--tw-border-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgb(255 255 255/var(--tw-bg-opacity));background-position:50%;background-repeat:no-repeat;background-size:1rem;border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:.25rem;border-style:solid;border-width:1px;height:1.5rem;outline:2px solid transparent!important;outline-offset:2px!important;width:1.5rem}/*!@:host input[type=checkbox].p-input+label*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.sc-p-dropdown-menu-item+label.sc-p-dropdown-menu-item{margin-left:.2rem;margin-top:.05rem}/*!@:host input[type=checkbox].p-input:hover:not(:disabled):not([disabled]):not(.disabled)*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.sc-p-dropdown-menu-item:hover:not(:disabled):not([disabled]):not(.disabled){cursor:pointer}/*!@:host input[type=checkbox].p-input:hover:not(:disabled):not([disabled]):not(.disabled):not(:checked):not([checked]):not(.checked):not(:indeterminate):not([indeterminate]):not(.indeterminate)*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.sc-p-dropdown-menu-item:hover:not(:disabled):not([disabled]):not(.disabled):not(:checked):not([checked]):not(.checked):not(:indeterminate):not([indeterminate]):not(.indeterminate){--tw-border-opacity:1;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.965 11.487 13.53 1.53c.435-.572 1.22-.7 1.8-.292l.108.077c.294.206.492.53.546.895.054.365-.04.737-.26 1.026L7.26 14.38a1.34 1.34 0 0 1-.642.463 1.302 1.302 0 0 1-1.575-.263L.362 9.6a1.356 1.356 0 0 1-.36-.99c.017-.37.181-.713.452-.95l.1-.088a1.302 1.302 0 0 1 1.82.093l3.592 3.82h-.001Z' fill='%23dae6f0' fill-rule='evenodd'/%3E%3C/svg%3E\");border-color:rgb(82 138 250/var(--tw-border-opacity))}/*!@:host input[type=checkbox].p-input.checked,:host input[type=checkbox].p-input.indeterminate,:host input[type=checkbox].p-input:checked,:host input[type=checkbox].p-input:indeterminate,:host input[type=checkbox].p-input[checked],:host input[type=checkbox].p-input[indeterminate]*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.checked.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.indeterminate.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.sc-p-dropdown-menu-item:checked,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.sc-p-dropdown-menu-item:indeterminate,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input[checked].sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input[indeterminate].sc-p-dropdown-menu-item{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-color:rgb(82 138 250/var(--tw-border-opacity))}/*!@:host input[type=checkbox].p-input.checked,:host input[type=checkbox].p-input:checked,:host input[type=checkbox].p-input[checked]*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.checked.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.sc-p-dropdown-menu-item:checked,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input[checked].sc-p-dropdown-menu-item{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.965 11.487 13.53 1.53c.435-.572 1.22-.7 1.8-.292l.108.077c.294.206.492.53.546.895.054.365-.04.737-.26 1.026L7.26 14.38a1.34 1.34 0 0 1-.642.463 1.302 1.302 0 0 1-1.575-.263L.362 9.6a1.356 1.356 0 0 1-.36-.99c.017-.37.181-.713.452-.95l.1-.088a1.302 1.302 0 0 1 1.82.093l3.592 3.82h-.001Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E\")}/*!@:host input[type=checkbox].p-input.indeterminate,:host input[type=checkbox].p-input:indeterminate,:host input[type=checkbox].p-input[indeterminate]*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.indeterminate.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.sc-p-dropdown-menu-item:indeterminate,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input[indeterminate].sc-p-dropdown-menu-item{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7h8a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E\")}/*!@:host input[type=checkbox].p-input.disabled,:host input[type=checkbox].p-input:disabled,:host input[type=checkbox].p-input[disabled]*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.disabled.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.sc-p-dropdown-menu-item:disabled,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input[disabled].sc-p-dropdown-menu-item{opacity:.4}/*!@:host input[type=checkbox].p-input.error,:host input[type=checkbox].p-input[error]*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.error.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input[error].sc-p-dropdown-menu-item{--tw-text-opacity:1;--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity))}/*!@:host input[type=checkbox].p-input.error::-moz-placeholder,:host input[type=checkbox].p-input[error]::-moz-placeholder*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.error.sc-p-dropdown-menu-item::-moz-placeholder,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input[error].sc-p-dropdown-menu-item::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}/*!@:host input[type=checkbox].p-input.error::placeholder,:host input[type=checkbox].p-input[error]::placeholder*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.error.sc-p-dropdown-menu-item::placeholder,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input[error].sc-p-dropdown-menu-item::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}/*!@:host input[type=checkbox].p-input.error.checked,:host input[type=checkbox].p-input.error:checked,:host input[type=checkbox].p-input.error[checked],:host input[type=checkbox].p-input[error].checked,:host input[type=checkbox].p-input[error]:checked,:host input[type=checkbox].p-input[error][checked]*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.error.checked.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.error.sc-p-dropdown-menu-item:checked,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.error[checked].sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input[error].checked.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input[error].sc-p-dropdown-menu-item:checked,.sc-p-dropdown-menu-item-h input[type=checkbox].p-input[error][checked].sc-p-dropdown-menu-item{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}/*!@:host input[type=checkbox].p-input.size-small*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-input.size-small.sc-p-dropdown-menu-item{font-size:.75rem;height:1rem;line-height:1rem;width:1rem}/*!@:host input[type=checkbox].p-toggle*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.sc-p-dropdown-menu-item{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:1.5625rem;border-style:solid;border-width:1px;display:flex;height:1.5rem;justify-content:flex-start;padding:.25rem;width:2.375rem}/*!@:host input[type=checkbox].p-toggle:after*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.sc-p-dropdown-menu-item:after{--tw-translate-x:0px;--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;content:\"\";display:block;height:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.1s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}/*!@:host input[type=checkbox].p-toggle.checked,:host input[type=checkbox].p-toggle:checked,:host input[type=checkbox].p-toggle[checked]*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.checked.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.sc-p-dropdown-menu-item:checked,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle[checked].sc-p-dropdown-menu-item{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-color:rgb(82 138 250/var(--tw-border-opacity))}/*!@:host input[type=checkbox].p-toggle.checked:after,:host input[type=checkbox].p-toggle:checked:after,:host input[type=checkbox].p-toggle[checked]:after*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.checked.sc-p-dropdown-menu-item:after,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.sc-p-dropdown-menu-item:checked:after,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle[checked].sc-p-dropdown-menu-item:after{--tw-translate-x:0.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}/*!@:host input[type=checkbox].p-toggle.disabled,:host input[type=checkbox].p-toggle:disabled,:host input[type=checkbox].p-toggle[disabled]*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.disabled.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.sc-p-dropdown-menu-item:disabled,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle[disabled].sc-p-dropdown-menu-item{opacity:.4}/*!@:host input[type=checkbox].p-toggle:hover:not(:disabled):not([disabled]):not(.disabled)*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.sc-p-dropdown-menu-item:hover:not(:disabled):not([disabled]):not(.disabled){cursor:pointer}/*!@:host input[type=checkbox].p-toggle:hover:not(:disabled):not([disabled]):not(.disabled):not(:checked):not([checked]):not(.checked)*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.sc-p-dropdown-menu-item:hover:not(:disabled):not([disabled]):not(.disabled):not(:checked):not([checked]):not(.checked){--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity))}/*!@:host input[type=checkbox].p-toggle.error,:host input[type=checkbox].p-toggle[error]*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.error.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle[error].sc-p-dropdown-menu-item{--tw-text-opacity:1;--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity))}/*!@:host input[type=checkbox].p-toggle.error::-moz-placeholder,:host input[type=checkbox].p-toggle[error]::-moz-placeholder*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.error.sc-p-dropdown-menu-item::-moz-placeholder,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle[error].sc-p-dropdown-menu-item::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}/*!@:host input[type=checkbox].p-toggle.error::placeholder,:host input[type=checkbox].p-toggle[error]::placeholder*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.error.sc-p-dropdown-menu-item::placeholder,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle[error].sc-p-dropdown-menu-item::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}/*!@:host input[type=checkbox].p-toggle.error.checked,:host input[type=checkbox].p-toggle.error:checked,:host input[type=checkbox].p-toggle.error[checked],:host input[type=checkbox].p-toggle[error].checked,:host input[type=checkbox].p-toggle[error]:checked,:host input[type=checkbox].p-toggle[error][checked]*/.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.error.checked.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.error.sc-p-dropdown-menu-item:checked,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle.error[checked].sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle[error].checked.sc-p-dropdown-menu-item,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle[error].sc-p-dropdown-menu-item:checked,.sc-p-dropdown-menu-item-h input[type=checkbox].p-toggle[error][checked].sc-p-dropdown-menu-item{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}/*!@:host .text-container*/.sc-p-dropdown-menu-item-h .text-container.sc-p-dropdown-menu-item{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}/*!@:host(.hover:hover)*/.hover.sc-p-dropdown-menu-item-h:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(81 83 107/var(--tw-text-opacity))}/*!@:host(.active)*/.active.sc-p-dropdown-menu-item-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}/*!@.static*/.static.sc-p-dropdown-menu-item{position:static!important}/*!@.flex-shrink-0*/.flex-shrink-0.sc-p-dropdown-menu-item{flex-shrink:0!important}";
 
 class DropdownMenuItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.active = false;
+    this.variant = 'default';
     this.enableHover = true;
     this.icon = undefined;
   }
   render() {
-    return (hAsync(Host, { class: `p-dropdown-menu-item ${this.active && 'active'} ${this.enableHover && 'hover'}` }, this.icon && hAsync("p-icon", { variant: this.icon }), hAsync("div", { class: "text-container" }, hAsync("slot", null))));
+    return (hAsync(Host, { class: `p-dropdown-menu-item ${this.active && 'active'} ${this.enableHover && 'hover'}` }, this.icon && hAsync("p-icon", { variant: this.icon }), this.variant === 'checkbox' && (hAsync("input", { type: "checkbox", class: "p-input size-small flex-shrink-0", checked: this.active })), hAsync("div", { class: "text-container" }, hAsync("slot", null))));
   }
   static get style() { return dropdownMenuItemComponentCss; }
   static get cmpMeta() { return {
@@ -19670,6 +19676,7 @@ class DropdownMenuItem {
     "$tagName$": "p-dropdown-menu-item",
     "$members$": {
       "active": [4],
+      "variant": [1],
       "enableHover": [4, "enable-hover"],
       "icon": [1]
     },
@@ -19821,7 +19828,7 @@ class Illustration {
   }
   render() {
     const illustration = illustrations[this.variant];
-    return hAsync(Host, { class: "p-illustration block", innerHTML: illustration });
+    return (hAsync(Host, { class: "p-illustration block", innerHTML: illustration }));
   }
   static get cmpMeta() { return {
     "$flags$": 0,
@@ -19938,10 +19945,10 @@ class InputGroup {
     this._forceShowTooltip = false;
   }
   /*
-   With this, we shall hack the system in ways no one would ever have thought.
-   
-   <div class="pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none"></div>
-   */
+     With this, we shall hack the system in ways no one would ever have thought.
+     
+     <div class="pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none"></div>
+     */
   _setInputClasses() {
     const input = this._el.querySelector(':scope > [slot="input"]');
     if (!input) {
@@ -20817,7 +20824,7 @@ class SegmentItem {
     this._hasDescriptionSlot = !!this._el.querySelector(':scope > [slot="description"]');
   }
   render() {
-    return (hAsync(Host, { class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), hAsync("slot", null), this.size === 'big' && this._hasDescriptionSlot && hAsync("span", { class: "description" }, hAsync("slot", { name: "description" }))));
+    return (hAsync(Host, { class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), hAsync("slot", null), this.size === 'big' && this._hasDescriptionSlot && (hAsync("span", { class: "description" }, hAsync("slot", { name: "description" })))));
   }
   _getIcon() {
     if (!this.icon) {
@@ -20844,7 +20851,7 @@ class SegmentItem {
   }; }
 }
 
-const selectComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}*{box-sizing:border-box}p-select{display:flex;flex-direction:column;width:100%}p-select input.read-only{text-overflow:ellipsis}.static{position:static!important}.h-6{height:1.5rem!important}.cursor-pointer{cursor:pointer!important}.rounded{border-radius:.25rem!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}";
+const selectComponentCss = ".pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.flex{display:flex!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.rounded{border-radius:.25rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-4{padding-bottom:1rem!important;padding-top:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-indigo-dark{--tw-text-opacity:1!important;color:rgb(44 75 169/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}*{box-sizing:border-box}p-select{display:flex;flex-direction:column;position:relative;width:100%}p-select input.read-only{text-overflow:ellipsis}p-select .multi-container{align-items:center;display:flex;gap:.5rem;height:100%;left:0;overflow:hidden;padding:1rem .5rem;pointer-events:none;position:absolute;top:0;width:100%}p-select .multi-container .item{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.25rem;color:rgb(44 75 169/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;pointer-events:auto;white-space:nowrap}p-select .multi-container .item p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity));font-size:.75rem;line-height:1rem}p-select .multi-container .extra{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;pointer-events:none}.static{position:static!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.gap-1{gap:.25rem!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}";
 
 class Select {
   constructor(hostRef) {
@@ -20852,7 +20859,9 @@ class Select {
     this.queryChange = createEvent(this, "queryChange", 3);
     this.valueChange = createEvent(this, "valueChange", 3);
     this.dropdownShown = createEvent(this, "dropdownShown", 3);
+    this.add = createEvent(this, "add", 3);
     this.items = undefined;
+    this.multi = undefined;
     this.icon = undefined;
     this.query = undefined;
     this.placeholder = undefined;
@@ -20860,6 +20869,8 @@ class Select {
     this.value = undefined;
     this.displayKey = 'text';
     this.valueKey = undefined;
+    this.avatarKey = undefined;
+    this.avatarLettersKey = undefined;
     this.identifierKey = undefined;
     this.queryKey = undefined;
     this.autoSelectFirst = true;
@@ -20876,9 +20887,12 @@ class Select {
     this.required = undefined;
     this.error = undefined;
     this.disabled = false;
+    this.showAddItem = false;
+    this.addItemText = 'Add item';
     this._showDropdown = false;
     this._selectedItem = null;
     this._isAutoCompleting = false;
+    this._amountHidden = 0;
   }
   get _items() {
     var _a, _b;
@@ -20911,11 +20925,14 @@ class Select {
     return items === null || items === void 0 ? void 0 : items.slice(0, this.maxDisplayedItems);
   }
   get _displayValue() {
-    var _a;
+    var _a, _b;
     if (this._isAutoCompleting) {
       return this.query;
     }
-    return (_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a[this.displayKey];
+    if (this.multi) {
+      return (_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a.map((i) => i === null || i === void 0 ? void 0 : i[this.displayKey]).filter((i) => !!i);
+    }
+    return (_b = this._selectedItem) === null || _b === void 0 ? void 0 : _b[this.displayKey];
   }
   get _placeholder() {
     var _a;
@@ -20931,17 +20948,46 @@ class Select {
     if (!this.valueKey && !this.identifierKey) {
       throw new Error('You must provide a valueKey or identifierKey');
     }
+    if (this.multi) {
+      this.enableAutocomplete = false;
+      this._setMultiContainerMaxWidth();
+      this._resizeObserver = new ResizeObserver(() => {
+        if (this._resizeDebounceTimer) {
+          clearTimeout(this._resizeDebounceTimer);
+          this._resizeDebounceTimer = null;
+        }
+        this._resizeDebounceTimer = setTimeout(() => {
+          this._setMultiContainerMaxWidth();
+          this._checkSelectedItems();
+        }, 200);
+      });
+      this._resizeObserver.observe(this._el);
+    }
     if (this.value) {
       this._valueChange();
       return;
     }
     this.itemChanges();
   }
+  componentDidRender() {
+    if (this.multi) {
+      this._setMultiContainerMaxWidth();
+      this._checkSelectedItems();
+    }
+  }
+  disconnectedCallback() {
+    if (this.multi) {
+      this._resizeObserver.disconnect();
+    }
+  }
   render() {
+    var _a, _b;
     return (hAsync(Host, { class: "p-select" }, this._showDropdown && (!!this._items.length || this.loading), this._isAutoCompleting, hAsync("p-dropdown", { disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: true, show: this._showDropdown &&
-        (!!this._items.length || this.loading) }, hAsync("p-input-group", { slot: "trigger", icon: this.icon, size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, focusMethod: this.enableAutocomplete ? 'focus' : 'click' }, hAsync("input", { slot: "input", type: "text", placeholder: this._placeholder, value: this._displayValue, class: `p-input cursor-pointer ${!this._isAutoCompleting && 'read-only'}`, onFocus: (ev) => this._onFocus(ev), onMouseDown: (ev) => this._onMouseDown(ev), onClick: () => this._onClick(), onInput: (ev) => this._onChange(ev) }), this.showChevron && (hAsync("p-icon", { variant: "chevron", slot: "suffix" }))), hAsync("div", { slot: "items" }, this.loading
+        (!!this._items.length || this.loading) }, hAsync("p-input-group", { slot: "trigger", icon: this.icon, size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, focusMethod: this.enableAutocomplete ? 'focus' : 'click' }, hAsync("input", { slot: "input", type: "text", placeholder: this._placeholder, value: this.multi && ((_a = this._displayValue) === null || _a === void 0 ? void 0 : _a.length)
+        ? ' '
+        : this._displayValue, class: `p-input cursor-pointer ${!this._isAutoCompleting && 'read-only'}`, onFocus: (ev) => this._onFocus(ev), onMouseDown: (ev) => this._onMouseDown(ev), onClick: () => this._onClick(), onInput: (ev) => this._onChange(ev), ref: (ref) => (this._inputRef = ref) }), this.showChevron && (hAsync("p-icon", { variant: "chevron", slot: "suffix" }))), hAsync("div", { slot: "items" }, this.loading
       ? this._getLoadingItems()
-      : this._getItems()))));
+      : this._getItems(), this.showAddItem && this._getAddItem())), this.multi && ((_b = this._selectedItem) === null || _b === void 0 ? void 0 : _b.length) > 0 && (hAsync("div", { class: "multi-container", ref: (ref) => (this._multiContainerRef = ref) }, this._selectedItem.map((item) => (hAsync("div", { class: "item", onClick: () => this._selectValue(item) }, item[this.displayKey], hAsync("p-icon", { variant: "negative" })))), hAsync("div", { class: "extra hidden" }, "+", this._amountHidden)))));
   }
   documentClickHandler({ target }) {
     if (!this._showDropdown || childOf(target, this._el)) {
@@ -20967,14 +21013,28 @@ class Select {
     if (this._isAutoCompleting && ((_a = this.query) === null || _a === void 0 ? void 0 : _a.length)) {
       return;
     }
-    let value = this.value;
+    let value = typeof this.value === 'string' && this.multi
+      ? JSON.parse(this.value)
+      : this.value;
+    if (this.multi) {
+      if (!Array.isArray(value)) {
+        this.value = [];
+        this.valueChange.emit(this.value);
+        return;
+      }
+      this.value = value;
+      if (!value.length) {
+        return;
+      }
+      this._selectedItem =
+        !!this.valueKey && this.valueKey !== 'false'
+          ? this._items.filter((i) => value.includes(i === null || i === void 0 ? void 0 : i[this.valueKey]))
+          : [...value];
+      return;
+    }
     if (!this._selectedItem && !value && this.autoSelectFirst) {
       value = this._items[0];
     }
-    // if (!value) {
-    //     this._selectValue(null);
-    //     return;
-    // }
     const identifier = typeof value === 'object' && value !== null
       ? value[this._identifierKey]
       : value;
@@ -21005,14 +21065,40 @@ class Select {
     this._selectValue(!!item ? item : value);
   }
   _selectValue(item) {
-    this._selectedItem = item;
-    const value = !!this.valueKey && this.valueKey !== 'false' && item !== null
+    let value = !!this.valueKey && this.valueKey !== 'false' && item !== null
       ? item === null || item === void 0 ? void 0 : item[this.valueKey]
       : item;
     this.query = this.keepQuery ? item === null || item === void 0 ? void 0 : item[this.displayKey] : null;
-    this.value = value;
-    this.valueChange.emit(value);
-    this._onBlur(true);
+    if (this.multi) {
+      if (!this._selectedItem || !Array.isArray(this._selectedItem)) {
+        this._selectedItem = [];
+      }
+      if (!this.value || !Array.isArray(this.value)) {
+        this.value = [];
+      }
+      const selectedItem = [...this._selectedItem];
+      const valueArray = [...this.value];
+      const includesIndex = selectedItem.findIndex((i) => i[this._identifierKey] === item[this._identifierKey]);
+      if (includesIndex === -1) {
+        selectedItem.push(item);
+        valueArray.push(value);
+      }
+      else {
+        selectedItem.splice(includesIndex, 1);
+        valueArray.splice(includesIndex, 1);
+      }
+      this._selectedItem = selectedItem;
+      this.value = valueArray;
+      this.valueChange.emit(valueArray);
+    }
+    else {
+      this._selectedItem = item;
+      this.value = value;
+      this.valueChange.emit(value);
+    }
+    if (!this.multi) {
+      this._onBlur(true);
+    }
   }
   _onFocus(ev) {
     if (!this.enableAutocomplete) {
@@ -21062,14 +21148,53 @@ class Select {
   }
   _getItems() {
     return this._items.map((item) => {
-      var _a;
-      return (hAsync("p-dropdown-menu-item", { onClick: () => this._selectValue(item), active: item[this._identifierKey] ===
-          ((_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a[this._identifierKey]) }, item[this.displayKey]));
+      var _a, _b;
+      return (hAsync("p-dropdown-menu-item", { onClick: () => this._selectValue(item), active: this.multi
+          ? ((_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a.findIndex((i) => i[this._identifierKey] ===
+            item[this._identifierKey])) >= 0
+          : item[this._identifierKey] ===
+            ((_b = this._selectedItem) === null || _b === void 0 ? void 0 : _b[this._identifierKey]), variant: this.multi ? 'checkbox' : 'default' }, this.avatarKey ? (hAsync("span", { class: "flex items-center gap-2" }, hAsync("p-avatar", { size: "xsmall", src: item[this.avatarKey], letters: item[this.avatarLettersKey] }), item[this.displayKey])) : (item[this.displayKey])));
     });
   }
+  _getAddItem() {
+    return (hAsync("p-dropdown-menu-item", { onClick: () => this.add.emit() }, hAsync("span", { class: "text-indigo font-semibold flex gap-1 items-center" }, this.addItemText, hAsync("p-icon", { variant: "plus" }))));
+  }
   _getLoadingItems() {
     return [0, 0, 0].map(() => (hAsync("p-dropdown-menu-item", { enableHover: false }, hAsync("p-loader", { variant: "ghost", class: "h-6 w-full rounded" }))));
   }
+  _setMultiContainerMaxWidth() {
+    if (!this._inputRef || !this._multiContainerRef) {
+      return;
+    }
+    this._multiContainerRef.style.maxWidth = `${this._inputRef.clientWidth - 16}px`;
+  }
+  _checkSelectedItems() {
+    if (!this._multiContainerRef) {
+      return;
+    }
+    const containerRect = this._multiContainerRef.getBoundingClientRect();
+    const items = Array.from(this._multiContainerRef.querySelectorAll('.item'));
+    let amountHidden = 0;
+    for (const child of items) {
+      child.classList.remove('hidden');
+      const childRect = child.getBoundingClientRect();
+      if (childRect.right > containerRect.right) {
+        child.classList.add('hidden');
+        amountHidden++;
+      }
+    }
+    this._amountHidden = amountHidden;
+    const extra = this._multiContainerRef.querySelector('.extra');
+    if (!extra) {
+      return;
+    }
+    if (!extra.classList.contains('hidden')) {
+      extra.classList.add('hidden');
+    }
+    if (amountHidden > 0) {
+      extra.classList.remove('hidden');
+    }
+  }
   get _el() { return getElement(this); }
   static get watchers() { return {
     "value": ["_valueChange"],
@@ -21082,6 +21207,7 @@ class Select {
     "$tagName$": "p-select",
     "$members$": {
       "items": [1],
+      "multi": [516],
       "icon": [1],
       "query": [1],
       "placeholder": [1],
@@ -21089,6 +21215,8 @@ class Select {
       "value": [8],
       "displayKey": [1, "display-key"],
       "valueKey": [1, "value-key"],
+      "avatarKey": [1, "avatar-key"],
+      "avatarLettersKey": [1, "avatar-letters-key"],
       "identifierKey": [1, "identifier-key"],
       "queryKey": [1, "query-key"],
       "autoSelectFirst": [4, "auto-select-first"],
@@ -21105,13 +21233,16 @@ class Select {
       "required": [516],
       "error": [513],
       "disabled": [516],
+      "showAddItem": [4, "show-add-item"],
+      "addItemText": [1, "add-item-text"],
       "_showDropdown": [32],
       "_selectedItem": [32],
-      "_isAutoCompleting": [32]
+      "_isAutoCompleting": [32],
+      "_amountHidden": [32]
     },
     "$listeners$": [[6, "click", "documentClickHandler"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["required", "required"], ["error", "error"], ["disabled", "disabled"]]
+    "$attrsToReflect$": [["multi", "multi"], ["required", "required"], ["error", "error"], ["disabled", "disabled"]]
   }; }
 }
 
@@ -21843,46 +21974,46 @@ class TableCell {
     return Object.assign({ 'justify-start': !((_a = this.definition) === null || _a === void 0 ? void 0 : _a.align) || ((_b = this.definition) === null || _b === void 0 ? void 0 : _b.align) === 'start', 'justify-center': ((_c = this.definition) === null || _c === void 0 ? void 0 : _c.align) === 'center', 'justify-end': ((_d = this.definition) === null || _d === void 0 ? void 0 : _d.align) === 'end', 'font-semibold': this.variant !== 'header' && ((_e = this.definition) === null || _e === void 0 ? void 0 : _e.type) === 'th', 'text-storm-dark': this.variant !== 'header' && ((_f = this.definition) === null || _f === void 0 ? void 0 : _f.type) === 'th', 'pr-4': this.definition.isLast === false }, sizes);
   }
   /*
-   With this, we shall hack the system in ways no one would ever have thought.
-   
-   <div class="w-1/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12 w-10/12 w-11/12 w-12/12"></div>
-   <div class="tablet:w-1/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12 tablet:w-10/12 tablet:w-11/12 tablet:w-12/12"></div>
-   <div class="desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12"></div>
-   <div class="desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12"></div>
-   <div class="desktop-sm:w-1/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-12/12"></div>
-   <div class="desktop:w-1/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-10/12 desktop:w-11/12 desktop:w-12/12"></div>
-   <div class="desktop-lg:w-1/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-12/12"></div>
-   <div class="desktop-xl:w-1/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-12/12"></div>
-
-   
-      ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀
-      ⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠶⠶⠰⠦⣤⣀⠀⠙⣷⠀⠀⠀⠀⠀⠀⠀⢠⡿⠋⢀⣀⣤⢴⠆⠲⠶⠶⣤⣄⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠘⣆⠀⠀⢠⣾⣫⣶⣾⣿⣿⣿⣿⣷⣯⣿⣦⠈⠃⡇⠀⠀⠀⠀⢸⠘⢁⣶⣿⣵⣾⣿⣿⣿⣿⣷⣦⣝⣷⡄⠀⠀⡰⠂⠀
-      ⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀
-      ⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀
-      ⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀
-      ⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀
-      ⠀⠀⠀⠘⣿⣇⠈⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⡿⢿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⡟⠁⣼⡿⠁⠀⠀⠀
-      ⠀⠀⠀⠀⠘⣿⣦⠀⠻⣿⣷⣦⣤⣤⣶⣶⣶⣿⣿⣿⣿⠏⠀⠀⠻⣿⣿⣿⣿⣶⣶⣶⣦⣤⣴⣿⣿⠏⢀⣼⡿⠁⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠘⢿⣷⣄⠙⠻⠿⠿⠿⠿⠿⢿⣿⣿⣿⣁⣀⣀⣀⣀⣙⣿⣿⣿⠿⠿⠿⠿⠿⠿⠟⠁⣠⣿⡿⠁⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠈⠻⣯⠙⢦⣀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⣠⠴⢋⣾⠟⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠈⠉⠒⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠐⠒⠉⠁⢀⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢦⡀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-      ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-  */
+     With this, we shall hack the system in ways no one would ever have thought.
+     
+     <div class="w-1/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12 w-10/12 w-11/12 w-12/12"></div>
+     <div class="tablet:w-1/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12 tablet:w-10/12 tablet:w-11/12 tablet:w-12/12"></div>
+     <div class="desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12"></div>
+     <div class="desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12"></div>
+     <div class="desktop-sm:w-1/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-12/12"></div>
+     <div class="desktop:w-1/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-10/12 desktop:w-11/12 desktop:w-12/12"></div>
+     <div class="desktop-lg:w-1/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-12/12"></div>
+     <div class="desktop-xl:w-1/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-12/12"></div>
+
+     
+        ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀
+        ⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠶⠶⠰⠦⣤⣀⠀⠙⣷⠀⠀⠀⠀⠀⠀⠀⢠⡿⠋⢀⣀⣤⢴⠆⠲⠶⠶⣤⣄⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠘⣆⠀⠀⢠⣾⣫⣶⣾⣿⣿⣿⣿⣷⣯⣿⣦⠈⠃⡇⠀⠀⠀⠀⢸⠘⢁⣶⣿⣵⣾⣿⣿⣿⣿⣷⣦⣝⣷⡄⠀⠀⡰⠂⠀
+        ⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀
+        ⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀
+        ⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀
+        ⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀
+        ⠀⠀⠀⠘⣿⣇⠈⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⡿⢿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⡟⠁⣼⡿⠁⠀⠀⠀
+        ⠀⠀⠀⠀⠘⣿⣦⠀⠻⣿⣷⣦⣤⣤⣶⣶⣶⣿⣿⣿⣿⠏⠀⠀⠻⣿⣿⣿⣿⣶⣶⣶⣦⣤⣴⣿⣿⠏⢀⣼⡿⠁⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠘⢿⣷⣄⠙⠻⠿⠿⠿⠿⠿⢿⣿⣿⣿⣁⣀⣀⣀⣀⣙⣿⣿⣿⠿⠿⠿⠿⠿⠿⠟⠁⣠⣿⡿⠁⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠈⠻⣯⠙⢦⣀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⣠⠴⢋⣾⠟⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠈⠉⠒⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠐⠒⠉⠁⢀⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢦⡀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+    */
   _getSizes({ sizes }) {
     if (sizes === 'auto' || !sizes) {
       return {

package/package.json

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

package/dist/build/p-573648d0.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as h}from"./p-e4d5e7a7.js";import{c as r}from"./p-4d330cfc.js";const n=".flex{display:flex!important}.w-full{width:100%!important}*{box-sizing:border-box}p-select{display:flex;flex-direction:column;width:100%}p-select input.read-only{text-overflow:ellipsis}.static{position:static!important}.h-6{height:1.5rem!important}.cursor-pointer{cursor:pointer!important}.rounded{border-radius:.25rem!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}";const o=class{constructor(s){t(this,s);this.queryChange=i(this,"queryChange",3);this.valueChange=i(this,"valueChange",3);this.dropdownShown=i(this,"dropdownShown",3);this.items=undefined;this.icon=undefined;this.query=undefined;this.placeholder=undefined;this.autocompletePlaceholder=undefined;this.value=undefined;this.displayKey="text";this.valueKey=undefined;this.identifierKey=undefined;this.queryKey=undefined;this.autoSelectFirst=true;this.showChevron=true;this.maxDisplayedItems=10;this.enableAutocomplete=true;this.keepQuery=true;this.asyncFilter=false;this.loading=false;this.size="medium";this.prefix=undefined;this.label=undefined;this.helper=undefined;this.required=undefined;this.error=undefined;this.disabled=false;this._showDropdown=false;this._selectedItem=null;this._isAutoCompleting=false}get _items(){var t,i;if(!this.items||this.loading){return[]}let s=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof(s===null||s===void 0?void 0:s[0])==="string"){this.displayKey="text";this.valueKey="value";s=s.map((t=>({value:t,text:t})))}if(this._isAutoCompleting&&((t=this.query)===null||t===void 0?void 0:t.length)&&this.query!==((i=this._selectedItem)===null||i===void 0?void 0:i[this.displayKey])&&!this.asyncFilter){s=s.filter((t=>{if(this.queryKey){return this._checkvalue(this.queryKey,t)}return this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)}))}return s===null||s===void 0?void 0:s.slice(0,this.maxDisplayedItems)}get _displayValue(){var t;if(this._isAutoCompleting){return this.query}return(t=this._selectedItem)===null||t===void 0?void 0:t[this.displayKey]}get _placeholder(){var t;return this._isAutoCompleting&&((t=this.autocompletePlaceholder)===null||t===void 0?void 0:t.length)?this.autocompletePlaceholder:this.placeholder}get _identifierKey(){var t,i;return(i=(t=this.identifierKey)!==null&&t!==void 0?t:this.valueKey)!==null&&i!==void 0?i:"value"}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.value){this._valueChange();return}this.itemChanges()}render(){return s(e,{class:"p-select"},this._showDropdown&&(!!this._items.length||this.loading),this._isAutoCompleting,s("p-dropdown",{disableTriggerClick:true,calculateWidth:true,insideClick:true,scrollable:true,show:this._showDropdown&&(!!this._items.length||this.loading)},s("p-input-group",{slot:"trigger",icon:this.icon,size:this.size,prefix:this.prefix,label:this.label,helper:this.helper,required:this.required,error:this.error,disabled:this.disabled,focused:this._showDropdown,focusMethod:this.enableAutocomplete?"focus":"click"},s("input",{slot:"input",type:"text",placeholder:this._placeholder,value:this._displayValue,class:`p-input cursor-pointer ${!this._isAutoCompleting&&"read-only"}`,onFocus:t=>this._onFocus(t),onMouseDown:t=>this._onMouseDown(t),onClick:()=>this._onClick(),onInput:t=>this._onChange(t)}),this.showChevron&&s("p-icon",{variant:"chevron",slot:"suffix"})),s("div",{slot:"items"},this.loading?this._getLoadingItems():this._getItems())))}documentClickHandler({target:t}){if(!this._showDropdown||r(t,this._el)){return}this._showDropdown=false;this._isAutoCompleting=false}_valueChange(){this._preselectItem()}itemChanges(){this._preselectItem()}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}_preselectItem(){var t,i,s;if(this._isAutoCompleting&&((t=this.query)===null||t===void 0?void 0:t.length)){return}let e=this.value;if(!this._selectedItem&&!e&&this.autoSelectFirst){e=this._items[0]}const h=typeof e==="object"&&e!==null?e[this._identifierKey]:e;const r=typeof h==="string"||typeof h==="number"?h:JSON.stringify(h);const n=this._selectedItem?(i=this._selectedItem)===null||i===void 0?void 0:i[this._identifierKey]:null;const o=typeof n==="string"||typeof n==="number"?n:JSON.stringify(n);if(this._selectedItem&&o===r){return}if(!((s=this._items)===null||s===void 0?void 0:s.length)&&e){this._selectValue(e);return}const l=this._items.find((t=>{const i=t===null||t===void 0?void 0:t[this._identifierKey];const s=typeof i==="string"||typeof i==="number"?i:JSON.stringify(i);return s===r}));this._selectValue(!!l?l:e)}_selectValue(t){this._selectedItem=t;const i=!!this.valueKey&&this.valueKey!=="false"&&t!==null?t===null||t===void 0?void 0:t[this.valueKey]:t;this.query=this.keepQuery?t===null||t===void 0?void 0:t[this.displayKey]:null;this.value=i;this.valueChange.emit(i);this._onBlur(true)}_onFocus(t){if(!this.enableAutocomplete){t.preventDefault();t.stopPropogation();if(!this._showDropdown){this._showDropdown=true}return}this._showDropdown=true;this._isAutoCompleting=true}_onMouseDown(t){if(this.enableAutocomplete){return}t.preventDefault()}_onClick(){if(this.enableAutocomplete){return}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(!this.enableAutocomplete&&!t){return}this._isAutoCompleting=false;this._showDropdown=false}_onChange(t){if(!this.enableAutocomplete){return}if(!this._isAutoCompleting){this._isAutoCompleting=true;this._showDropdown=true}this.query=t.target.value;this.queryChange.emit(t.target.value)}_checkvalue(t,i){var s,e,h;return((e=(s=i===null||i===void 0?void 0:i[t])===null||s===void 0?void 0:s.toString())===null||e===void 0?void 0:e.toLowerCase().indexOf((h=this.query)===null||h===void 0?void 0:h.toLowerCase()))>=0}_getItems(){return this._items.map((t=>{var i;return s("p-dropdown-menu-item",{onClick:()=>this._selectValue(t),active:t[this._identifierKey]===((i=this._selectedItem)===null||i===void 0?void 0:i[this._identifierKey])},t[this.displayKey])}))}_getLoadingItems(){return[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:false},s("p-loader",{variant:"ghost",class:"h-6 w-full rounded"}))))}get _el(){return h(this)}static get watchers(){return{value:["_valueChange"],items:["itemChanges"],_showDropdown:["_showDropdownChanges"]}}};o.style=n;export{o as p_select};
-//# sourceMappingURL=p-573648d0.entry.js.map

package/dist/build/p-573648d0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["selectComponentCss","Select","_items","this","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","_isAutoCompleting","_a","query","length","_b","_selectedItem","asyncFilter","filter","item","queryKey","_checkvalue","_identifierKey","slice","maxDisplayedItems","_displayValue","_placeholder","autocompletePlaceholder","placeholder","identifierKey","componentDidLoad","Error","_valueChange","itemChanges","render","h","Host","class","_showDropdown","disableTriggerClick","calculateWidth","insideClick","scrollable","show","slot","icon","size","prefix","label","helper","required","error","disabled","focused","focusMethod","enableAutocomplete","type","onFocus","ev","_onFocus","onMouseDown","_onMouseDown","onClick","_onClick","onInput","_onChange","showChevron","variant","_getLoadingItems","_getItems","documentClickHandler","target","childOf","_el","_preselectItem","_showDropdownChanges","dropdownShown","emit","autoSelectFirst","identifier","parsedValue","stringify","currentValue","currentParsedValue","_c","_selectValue","find","i","itemIdentifier","parsedItemIdentifier","keepQuery","valueChange","_onBlur","preventDefault","stopPropogation","force","queryChange","key","toString","toLowerCase","indexOf","active","enableHover"],"sources":["src/components/molecules/select/select.component.scss?tag=p-select","src/components/molecules/select/select.component.tsx"],"sourcesContent":["p-select {\n    @apply flex w-full flex-col;\n\n    input.read-only {\n        @apply text-ellipsis;\n    }\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n    tag: 'p-select',\n    styleUrl: 'select.component.scss',\n    shadow: false,\n})\nexport class Select {\n    /**\n     * The items to show in the dropdown\n     */\n    @Prop() items: string | any[];\n\n    /**\n     * Icon of the select box\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * The current query\n     */\n    @Prop() query: string;\n\n    /**\n     * The placeholder of the input\n     */\n    @Prop() placeholder: string;\n\n    /**\n     * The placeholder of the input when auto completing\n     */\n    @Prop() autocompletePlaceholder: string;\n\n    /**\n     * The current value\n     */\n    @Prop() value: any;\n\n    /**\n     * The key of the object to display\n     */\n    @Prop() displayKey: string = 'text';\n\n    /**\n     * The key of the object to return\n     */\n    @Prop() valueKey: string;\n\n    /**\n     * The key to identify an object\n     */\n    @Prop() identifierKey: string;\n\n    /**\n     * The key of the object to display\n     */\n    @Prop() queryKey?: string;\n\n    /**\n     * Wether to automatically select the first item\n     */\n    @Prop() autoSelectFirst: boolean = true;\n\n    /**\n     * Wether to show the chevron or not\n     */\n    @Prop() showChevron: boolean = true;\n\n    /**\n     * The maximum amount of items to display\n     */\n    @Prop() maxDisplayedItems: number = 10;\n\n    /**\n     * Wether to enable autocomplete\n     */\n    @Prop() enableAutocomplete: boolean = true;\n\n    /**\n     * Wether to keep the query or not\n     */\n    @Prop() keepQuery: boolean = true;\n\n    /**\n     * Wether the input uses async filtering\n     */\n    @Prop() asyncFilter: boolean = false;\n\n    /**\n     * Wether to show loading items\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Event when the query of the autocomplete changes\n     */\n    @Event({\n        bubbles: false,\n    })\n    queryChange: EventEmitter<string>;\n\n    /**\n     * Event when the value changes\n     */\n    @Event({\n        bubbles: false,\n    })\n    valueChange: EventEmitter<any>;\n\n    /**\n     * Event when the dropdown shows\n     */\n    @Event({\n        bubbles: false,\n    })\n    dropdownShown: EventEmitter<any>;\n\n    /**\n     * The size of the input group used by the select\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * The prefix of the input group used by the select\n     */\n    @Prop() prefix: string;\n\n    /**\n     * The label of the input group used by the select\n     */\n    @Prop() label: string;\n\n    /**\n     * The helper of the input group used by the select\n     */\n    @Prop() helper: string;\n\n    /**\n     * Wether the field is required\n     */\n    @Prop({ reflect: true }) required: boolean;\n\n    /**\n     * The helper of the input group used by the select\n     */\n    @Prop({ reflect: true }) error: string;\n\n    /**\n     * Wether the input group is disabled used by the select\n     */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _showDropdown: any = false;\n    @State() private _selectedItem: any = null;\n\n    @State() private _isAutoCompleting: boolean = false;\n\n    get _items() {\n        if (!this.items || this.loading) {\n            return [];\n        }\n\n        let items =\n            typeof this.items === 'string'\n                ? JSON.parse(this.items)\n                : this.items;\n\n        if (typeof items?.[0] === 'string') {\n            this.displayKey = 'text';\n            this.valueKey = 'value';\n\n            items = items.map((str) => ({\n                value: str,\n                text: str,\n            }));\n        }\n\n        if (\n            this._isAutoCompleting &&\n            this.query?.length &&\n            this.query !== this._selectedItem?.[this.displayKey] &&\n            !this.asyncFilter\n        ) {\n            items = items.filter((item) => {\n                if (this.queryKey) {\n                    return this._checkvalue(this.queryKey, item);\n                }\n\n                return (\n                    this._checkvalue(this._identifierKey, item) ||\n                    this._checkvalue(this.displayKey, item)\n                );\n            });\n        }\n\n        return items?.slice(0, this.maxDisplayedItems);\n    }\n\n    get _displayValue() {\n        if (this._isAutoCompleting) {\n            return this.query;\n        }\n\n        return this._selectedItem?.[this.displayKey];\n    }\n\n    get _placeholder() {\n        return this._isAutoCompleting && this.autocompletePlaceholder?.length\n            ? this.autocompletePlaceholder\n            : this.placeholder;\n    }\n\n    get _identifierKey() {\n        return this.identifierKey ?? this.valueKey ?? 'value';\n    }\n\n    componentDidLoad() {\n        if (!this.valueKey && !this.identifierKey) {\n            throw new Error('You must provide a valueKey or identifierKey');\n        }\n\n        if (this.value) {\n            this._valueChange();\n            return;\n        }\n\n        this.itemChanges();\n    }\n\n    render() {\n        return (\n            <Host class=\"p-select\">\n                {this._showDropdown && (!!this._items.length || this.loading)}\n                {this._isAutoCompleting}\n                <p-dropdown\n                    disableTriggerClick={true}\n                    calculateWidth={true}\n                    insideClick={true}\n                    scrollable={true}\n                    show={\n                        this._showDropdown &&\n                        (!!this._items.length || this.loading)\n                    }\n                >\n                    <p-input-group\n                        slot=\"trigger\"\n                        icon={this.icon}\n                        size={this.size}\n                        prefix={this.prefix}\n                        label={this.label}\n                        helper={this.helper}\n                        required={this.required}\n                        error={this.error}\n                        disabled={this.disabled}\n                        focused={this._showDropdown}\n                        focusMethod={\n                            this.enableAutocomplete ? 'focus' : 'click'\n                        }\n                    >\n                        <input\n                            slot=\"input\"\n                            type=\"text\"\n                            placeholder={this._placeholder}\n                            value={this._displayValue}\n                            class={`p-input cursor-pointer ${\n                                !this._isAutoCompleting && 'read-only'\n                            }`}\n                            onFocus={(ev) => this._onFocus(ev)}\n                            onMouseDown={(ev) => this._onMouseDown(ev)}\n                            onClick={() => this._onClick()}\n                            onInput={(ev) => this._onChange(ev)}\n                        />\n\n                        {this.showChevron && (\n                            <p-icon variant=\"chevron\" slot=\"suffix\" />\n                        )}\n                    </p-input-group>\n                    <div slot=\"items\">\n                        {this.loading\n                            ? this._getLoadingItems()\n                            : this._getItems()}\n                    </div>\n                </p-dropdown>\n            </Host>\n        );\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler({ target }) {\n        if (!this._showDropdown || childOf(target, this._el)) {\n            return;\n        }\n\n        this._showDropdown = false;\n        this._isAutoCompleting = false;\n    }\n\n    @Watch('value')\n    private _valueChange() {\n        this._preselectItem();\n    }\n\n    @Watch('items')\n    public itemChanges() {\n        this._preselectItem();\n    }\n\n    @Watch('_showDropdown')\n    public _showDropdownChanges() {\n        this.dropdownShown.emit({\n            value: this._showDropdown,\n            query: this.query,\n        });\n    }\n\n    private _preselectItem() {\n        if (this._isAutoCompleting && this.query?.length) {\n            return;\n        }\n\n        let value = this.value;\n\n        if (!this._selectedItem && !value && this.autoSelectFirst) {\n            value = this._items[0];\n        }\n\n        // if (!value) {\n        //     this._selectValue(null);\n        //     return;\n        // }\n\n        const identifier =\n            typeof value === 'object' && value !== null\n                ? value[this._identifierKey]\n                : value;\n        const parsedValue =\n            typeof identifier === 'string' || typeof identifier === 'number'\n                ? identifier\n                : JSON.stringify(identifier);\n\n        const currentValue = this._selectedItem\n            ? this._selectedItem?.[this._identifierKey]\n            : null;\n        const currentParsedValue =\n            typeof currentValue === 'string' || typeof currentValue === 'number'\n                ? currentValue\n                : JSON.stringify(currentValue);\n\n        if (this._selectedItem && currentParsedValue === parsedValue) {\n            return;\n        }\n\n        if (!this._items?.length && value) {\n            this._selectValue(value);\n            return;\n        }\n\n        const item = this._items.find((i) => {\n            const itemIdentifier = i?.[this._identifierKey];\n            const parsedItemIdentifier =\n                typeof itemIdentifier === 'string' ||\n                typeof itemIdentifier === 'number'\n                    ? itemIdentifier\n                    : JSON.stringify(itemIdentifier);\n\n            return parsedItemIdentifier === parsedValue;\n        });\n\n        this._selectValue(!!item ? item : value);\n    }\n\n    private _selectValue(item) {\n        this._selectedItem = item;\n        const value =\n            !!this.valueKey && this.valueKey !== 'false' && item !== null\n                ? item?.[this.valueKey]\n                : item;\n\n        this.query = this.keepQuery ? item?.[this.displayKey] : null;\n        this.value = value;\n        this.valueChange.emit(value);\n\n        this._onBlur(true);\n    }\n\n    private _onFocus(ev) {\n        if (!this.enableAutocomplete) {\n            ev.preventDefault();\n            ev.stopPropogation();\n\n            if (!this._showDropdown) {\n                this._showDropdown = true;\n            }\n            return;\n        }\n\n        this._showDropdown = true;\n        this._isAutoCompleting = true;\n    }\n\n    private _onMouseDown(ev) {\n        if (this.enableAutocomplete) {\n            return;\n        }\n\n        ev.preventDefault();\n    }\n\n    private _onClick() {\n        if (this.enableAutocomplete) {\n            return;\n        }\n\n        this._showDropdown = !this._showDropdown;\n    }\n\n    private _onBlur(force = false) {\n        if (!this.enableAutocomplete && !force) {\n            return;\n        }\n\n        this._isAutoCompleting = false;\n        this._showDropdown = false;\n    }\n\n    private _onChange(ev) {\n        if (!this.enableAutocomplete) {\n            return;\n        }\n\n        if (!this._isAutoCompleting) {\n            this._isAutoCompleting = true;\n            this._showDropdown = true;\n        }\n\n        this.query = ev.target.value;\n        this.queryChange.emit(ev.target.value);\n    }\n\n    private _checkvalue(key, item) {\n        return (\n            item?.[key]\n                ?.toString()\n                ?.toLowerCase()\n                .indexOf(this.query?.toLowerCase()) >= 0\n        );\n    }\n\n    private _getItems() {\n        return this._items.map((item) => (\n            <p-dropdown-menu-item\n                onClick={() => this._selectValue(item)}\n                active={\n                    item[this._identifierKey] ===\n                    this._selectedItem?.[this._identifierKey]\n                }\n            >\n                {item[this.displayKey]}\n            </p-dropdown-menu-item>\n        ));\n    }\n\n    private _getLoadingItems() {\n        return [0, 0, 0].map(() => (\n            <p-dropdown-menu-item enableHover={false}>\n                <p-loader variant=\"ghost\" class=\"h-6 w-full rounded\" />\n            </p-dropdown-menu-item>\n        ));\n    }\n}\n"],"mappings":"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"}

package/dist/build/p-9c7cfd25.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as o,H as s,g as e}from"./p-e4d5e7a7.js";import{a as r,c as a,o as n,f as h,s as p}from"./p-fef32402.js";import{c as l}from"./p-4d330cfc.js";const d=".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-dropdown{z-index:200!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-auto{height:auto!important}*{box-sizing:border-box}:host{display:block;position:relative}:host .trigger{display:block;height:auto;position:relative;width:auto}:host p-dropdown-menu-container{display:none;left:0;top:0;z-index:200}:host p-dropdown-menu-container[data-show]{display:flex}:host p-dropdown-menu-container[data-strategy=absolute]{position:absolute}:host p-dropdown-menu-container[data-strategy=fixed]{position:fixed}.visible{visibility:visible!important}.static{position:static!important}";const c=class{constructor(o){t(this,o);this.isOpen=i(this,"isOpen",3);this._loaded=false;this.placement="bottom-start";this.strategy="absolute";this.show=false;this.calculateWidth=false;this.applyMaxWidth=true;this.applyFullWidth=true;this.scrollable=false;this.insideClick=false;this.disableTriggerClick=false;this.chevronPosition="end";this.chevronDirection=undefined}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){return o(s,{class:"p-dropdown"},o("div",{class:"trigger",ref:t=>this._trigger=t,onClick:()=>this._triggerClickHandler()},o("slot",{onSlotchange:t=>this._checkButton(t),name:"trigger"})),o("p-dropdown-menu-container",{role:"popover",maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,ref:t=>this._load(t),"data-placement":this.placement,"data-strategy":this.strategy,onClick:()=>this._containerClickHandler(),scrollable:this.scrollable},o("slot",{name:"items"})))}_checkButton({target:t}){const i=t;const o=i.assignedElements();for(let t of o){if(t.nodeName==="P-BUTTON"){t.chevronPosition=this.chevronPosition;t.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?"up":"down"}}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler({target:t}){if(!this._menu.hasAttribute("data-show")||l(t,this._el)){return}this._hide()}_containerClickHandler(){if(this.insideClick){return}if(this._menu.hasAttribute("data-show")){this._hide()}}_triggerClickHandler(){if(this.disableTriggerClick){return}if(this._menu.hasAttribute("data-show")){this._hide();return}this._show()}_load(t){this._menu=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_show(){if(!this._loaded){return}if(this.calculateWidth){this._menu.style.width=`${this._trigger.clientWidth}px`}this._cleanup=r(this._el,this._menu,(()=>this._update()));this._menu.setAttribute("data-show","");this.isOpen.emit(true)}_hide(){if(!this._loaded||this.show){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.removeAttribute("data-show");this.isOpen.emit(false)}_update(){if(!this._menu){return}a(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[n(8),h(),p()]}).then((({x:t,y:i,placement:o})=>{this._menu.dataset.placement=o;Object.assign(this._menu.style,{top:`${i}px`,left:`${t}px`})}))}get _el(){return e(this)}static get watchers(){return{show:["onShowChange"]}}};c.style=d;const m=".block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:2rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host .text-container{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}:host(.hover:hover){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(81 83 107/var(--tw-text-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";const f=class{constructor(i){t(this,i);this.active=false;this.enableHover=true;this.icon=undefined}render(){return o(s,{class:`p-dropdown-menu-item ${this.active&&"active"} ${this.enableHover&&"hover"}`},this.icon&&o("p-icon",{variant:this.icon}),o("div",{class:"text-container"},o("slot",null)))}};f.style=m;export{c as p_dropdown,f as p_dropdown_menu_item};
-//# sourceMappingURL=p-9c7cfd25.entry.js.map