@paperless/core 1.17.5 → 1.19.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) => {
@@ -15311,6 +15311,15 @@ var companies = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
 
+var company = `<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>⚛️ Atoms/icons/company</title>
+    <g id="⚛️-Atoms/icons/company" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Bounding-box" x="0" y="0" width="16" height="16"/>
+        <path d="M13,0 C13.5522847,-1.01453063e-16 14,0.44771525 14,1 L14,16 L10,16 L10,14 C10,13.4477153 9.55228475,13 9,13 L7,13 C6.44771525,13 6,13.4477153 6,14 L6,16 L2,16 L2,1 C2,0.44771525 2.44771525,6.76353751e-17 3,0 L13,0 Z M9,8 L7,8 L7,10 L9,10 L9,8 Z M12,8 L10,8 L10,10 L12,10 L12,8 Z M6,8 L4,8 L4,10 L6,10 L6,8 Z M9,5 L7,5 L7,7 L9,7 L9,5 Z M12,5 L10,5 L10,7 L12,7 L12,5 Z M6,5 L4,5 L4,7 L6,7 L6,5 Z M6,2 L4,2 L4,4 L6,4 L6,2 Z M9,2 L7,2 L7,4 L9,4 L9,2 Z M12,2 L10,2 L10,4 L12,4 L12,2 Z" id="Combined-Shape" fill="currentColor"/>
+    </g>
+</svg>`;
+
 var deactivate = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>⚛️ Atoms/icons/deactivate</title>
@@ -15416,10 +15425,6 @@ var eye = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
 
-var faBuilding = `<svg role="img" width="1em" height="1em" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
-    <path fill="currentColor" d="M336 0C362.5 0 384 21.49 384 48V464C384 490.5 362.5 512 336 512H240V432C240 405.5 218.5 384 192 384C165.5 384 144 405.5 144 432V512H48C21.49 512 0 490.5 0 464V48C0 21.49 21.49 0 48 0H336zM64 272C64 280.8 71.16 288 80 288H112C120.8 288 128 280.8 128 272V240C128 231.2 120.8 224 112 224H80C71.16 224 64 231.2 64 240V272zM176 224C167.2 224 160 231.2 160 240V272C160 280.8 167.2 288 176 288H208C216.8 288 224 280.8 224 272V240C224 231.2 216.8 224 208 224H176zM256 272C256 280.8 263.2 288 272 288H304C312.8 288 320 280.8 320 272V240C320 231.2 312.8 224 304 224H272C263.2 224 256 231.2 256 240V272zM80 96C71.16 96 64 103.2 64 112V144C64 152.8 71.16 160 80 160H112C120.8 160 128 152.8 128 144V112C128 103.2 120.8 96 112 96H80zM160 144C160 152.8 167.2 160 176 160H208C216.8 160 224 152.8 224 144V112C224 103.2 216.8 96 208 96H176C167.2 96 160 103.2 160 112V144zM272 96C263.2 96 256 103.2 256 112V144C256 152.8 263.2 160 272 160H304C312.8 160 320 152.8 320 144V112C320 103.2 312.8 96 304 96H272z"></path>
-</svg>`;
-
 var faPiggy = `<svg role="img" width="1em" height="1em" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
     <path fill="currentColor" d="M400 96L399.1 96.66C394.7 96.22 389.4 96 384 96H256C239.5 96 223.5 98.08 208.2 102C208.1 100 208 98.02 208 96C208 42.98 250.1 0 304 0C357 0 400 42.98 400 96zM384 128C387.5 128 390.1 128.1 394.4 128.3C398.7 128.6 402.9 129 407 129.6C424.6 109.1 450.8 96 480 96H512L493.2 171.1C509.1 185.9 521.9 203.9 530.7 224H544C561.7 224 576 238.3 576 256V352C576 369.7 561.7 384 544 384H512C502.9 396.1 492.1 406.9 480 416V480C480 497.7 465.7 512 448 512H416C398.3 512 384 497.7 384 480V448H256V480C256 497.7 241.7 512 224 512H192C174.3 512 160 497.7 160 480V416C125.1 389.8 101.3 349.8 96.79 304H68C30.44 304 0 273.6 0 236C0 198.4 30.44 168 68 168H72C85.25 168 96 178.7 96 192C96 205.3 85.25 216 72 216H68C56.95 216 48 224.1 48 236C48 247 56.95 256 68 256H99.2C111.3 196.2 156.9 148.5 215.5 133.2C228.4 129.8 241.1 128 256 128H384zM424 240C410.7 240 400 250.7 400 264C400 277.3 410.7 288 424 288C437.3 288 448 277.3 448 264C448 250.7 437.3 240 424 240z"></path>
 </svg>`;
@@ -16095,13 +16100,13 @@ var icons = {
   cogs,
   comment,
   companies,
+  company,
   deactivate,
   document: document$1,
   download,
   envelope,
   explanation,
   eye,
-  faBuilding,
   faPiggy,
   filter,
   folder,
@@ -19484,6 +19489,7 @@ class Dropdown {
     this.scrollable = false;
     this.insideClick = false;
     this.disableTriggerClick = false;
+    this.applyChevron = true;
     this.chevronPosition = 'end';
     this.chevronDirection = undefined;
   }
@@ -19500,6 +19506,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 +19625,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 +19662,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 +19681,7 @@ class DropdownMenuItem {
     "$tagName$": "p-dropdown-menu-item",
     "$members$": {
       "active": [4],
+      "variant": [1],
       "enableHover": [4, "enable-hover"],
       "icon": [1]
     },
@@ -19821,7 +19833,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 +19950,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 +20829,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 +20856,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 +20864,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 +20874,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 +20892,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 +20930,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 +20953,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 +21018,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 +21070,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 +21153,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 +21212,7 @@ class Select {
     "$tagName$": "p-select",
     "$members$": {
       "items": [1],
+      "multi": [516],
       "icon": [1],
       "query": [1],
       "placeholder": [1],
@@ -21089,6 +21220,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 +21238,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 +21979,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.19.0",
     "description": "Stencil Component Starter",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/dist/assets/icons/fa/building.svg

@@ -1,3 +0,0 @@
-<svg role="img" width="1em" height="1em" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
-    <path fill="currentColor" d="M336 0C362.5 0 384 21.49 384 48V464C384 490.5 362.5 512 336 512H240V432C240 405.5 218.5 384 192 384C165.5 384 144 405.5 144 432V512H48C21.49 512 0 490.5 0 464V48C0 21.49 21.49 0 48 0H336zM64 272C64 280.8 71.16 288 80 288H112C120.8 288 128 280.8 128 272V240C128 231.2 120.8 224 112 224H80C71.16 224 64 231.2 64 240V272zM176 224C167.2 224 160 231.2 160 240V272C160 280.8 167.2 288 176 288H208C216.8 288 224 280.8 224 272V240C224 231.2 216.8 224 208 224H176zM256 272C256 280.8 263.2 288 272 288H304C312.8 288 320 280.8 320 272V240C320 231.2 312.8 224 304 224H272C263.2 224 256 231.2 256 240V272zM80 96C71.16 96 64 103.2 64 112V144C64 152.8 71.16 160 80 160H112C120.8 160 128 152.8 128 144V112C128 103.2 120.8 96 112 96H80zM160 144C160 152.8 167.2 160 176 160H208C216.8 160 224 152.8 224 144V112C224 103.2 216.8 96 208 96H176C167.2 96 160 103.2 160 112V144zM272 96C263.2 96 256 103.2 256 112V144C256 152.8 263.2 160 272 160H304C312.8 160 320 152.8 320 144V112C320 103.2 312.8 96 304 96H272z"></path>
-</svg>

package/dist/assets/icons/fa/buildings.svg

@@ -1,3 +0,0 @@
-<svg role="img" width="1em" height="1em" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
-    <path fill="currentColor" d="M480 192H592C618.5 192 640 213.5 640 240V464C640 490.5 618.5 512 592 512H48C21.49 512 0 490.5 0 464V144C0 117.5 21.49 96 48 96H64V24C64 10.75 74.75 0 88 0C101.3 0 112 10.75 112 24V96H176V24C176 10.75 186.7 0 200 0C213.3 0 224 10.75 224 24V96H288V48C288 21.49 309.5 0 336 0H432C458.5 0 480 21.49 480 48V192zM576 368C576 359.2 568.8 352 560 352H528C519.2 352 512 359.2 512 368V400C512 408.8 519.2 416 528 416H560C568.8 416 576 408.8 576 400V368zM240 416C248.8 416 256 408.8 256 400V368C256 359.2 248.8 352 240 352H208C199.2 352 192 359.2 192 368V400C192 408.8 199.2 416 208 416H240zM128 368C128 359.2 120.8 352 112 352H80C71.16 352 64 359.2 64 368V400C64 408.8 71.16 416 80 416H112C120.8 416 128 408.8 128 400V368zM528 256C519.2 256 512 263.2 512 272V304C512 312.8 519.2 320 528 320H560C568.8 320 576 312.8 576 304V272C576 263.2 568.8 256 560 256H528zM256 176C256 167.2 248.8 160 240 160H208C199.2 160 192 167.2 192 176V208C192 216.8 199.2 224 208 224H240C248.8 224 256 216.8 256 208V176zM80 160C71.16 160 64 167.2 64 176V208C64 216.8 71.16 224 80 224H112C120.8 224 128 216.8 128 208V176C128 167.2 120.8 160 112 160H80zM256 272C256 263.2 248.8 256 240 256H208C199.2 256 192 263.2 192 272V304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272zM112 320C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304C64 312.8 71.16 320 80 320H112zM416 272C416 263.2 408.8 256 400 256H368C359.2 256 352 263.2 352 272V304C352 312.8 359.2 320 368 320H400C408.8 320 416 312.8 416 304V272zM368 64C359.2 64 352 71.16 352 80V112C352 120.8 359.2 128 368 128H400C408.8 128 416 120.8 416 112V80C416 71.16 408.8 64 400 64H368zM416 176C416 167.2 408.8 160 400 160H368C359.2 160 352 167.2 352 176V208C352 216.8 359.2 224 368 224H400C408.8 224 416 216.8 416 208V176z"></path>
-</svg>

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