@paperless/core 2.0.1-beta.43 → 2.0.1-beta.45

package/hydrate/index.js

@@ -2752,6 +2752,16 @@ class AvatarGroup {
     }; }
 }
 
+const asBoolean = (value, defaultValue = false) => {
+    if (value === undefined || value === null) {
+        return defaultValue ?? false;
+    }
+    if (typeof value === 'string') {
+        return value.toLowerCase() === 'true';
+    }
+    return !!value;
+};
+
 const backdropComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-backdrop{z-index:490!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.animate-fade-out{animation:fadeOut .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.bg-black-teal-800\\/40{background-color:rgba(0,2,2,.4)!important}.pt-16{padding-top:4rem!important}.blur{--tw-blur:blur(8px)!important;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}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.max-h-screen{max-height:100vh!important}.max-w-screen{max-width:100vw!important}@media (min-width:40rem){.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}@media (min-width:64rem){.desktop-xs\\:items-start{align-items:flex-start!important}.desktop-xs\\:items-stretch{align-items:stretch!important}.desktop-xs\\:p-16{padding:4rem!important}}";
 var PBackdropStyle0 = backdropComponentCss;
 
@@ -2827,10 +2837,13 @@ class Backdrop {
         }
     }
     render() {
-        return (hAsync(Host, { key: '95ac511a34ab0b04574d8bef8b6b5730de679c09', class: backdrop$1({ blur: this.applyBlur, closing: this.closing }) }, hAsync("div", { key: 'd94b9d754981ac58f34ee3c8a8a4506640c65b22', class: contentContainer({
+        return (hAsync(Host, { key: '2d2521c12e265cd9414d84b772f1cefc3055f3d1', class: backdrop$1({
+                blur: asBoolean(this.applyBlur),
+                closing: asBoolean(this.closing),
+            }) }, hAsync("div", { key: '52b66587dfe3e93ed3841c617f84dc04a09810ee', class: contentContainer({
                 variant: this.variant,
-                closing: this.closing,
-            }) }, hAsync("slot", { key: '8ebcf135d1ea574e29210beebeab28998b563dff' }))));
+                closing: asBoolean(this.closing),
+            }) }, hAsync("slot", { key: '23b3ab4ce6153000749bc23447ec049b3efb0366' }))));
     }
     handleClick(ev) {
         if (ev.target !== this._el && !this._el.contains(ev.target)) {
@@ -3169,24 +3182,24 @@ class Button {
         const VariableTag = this.variant === 'text' || this.href?.length || this.as === 'a'
             ? 'a'
             : 'button';
-        const active = this.active || this.class?.includes('active');
-        return (hAsync(Host, { key: '953bc72ccbf5cbaf885fdfedcba5b93d5e75331e', class: 'p-button inline-block' }, hAsync(VariableTag, { key: '6e32032b8f01ca2e1183fdada3233b0f8038a88c', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
+        const active = asBoolean(this.active) || this.class?.includes('active');
+        return (hAsync(Host, { key: 'c07e9f061c1ced17cedb0b7bbbbac5d00177cb70', class: 'p-button inline-block' }, hAsync(VariableTag, { key: 'bb09f943cfa2428f8d4f94c40713f3c9cb47bbd5', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
                 variant: this.variant,
                 size: this.size,
-                underline: this.underline,
-                loading: this.loading,
-                disabled: this.disabled,
+                underline: asBoolean(this.underline, true),
+                loading: asBoolean(this.loading),
+                disabled: asBoolean(this.disabled),
                 buttonGroupPosition: this.buttonGroupPosition,
-                iconOnly: this.iconOnly,
+                iconOnly: asBoolean(this.iconOnly),
                 active,
-            }) }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { key: '1e147d6354410e5eb10dea1762a07a3e07482dd5', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+            }) }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { key: '8b8161a8e018ede3555974b56ac725758fe74fac', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
-            this._getIcon(), hAsync("slot", { key: '145ebb2b41c0e1bc120512d17f240e6378416e7f' }), this.icon &&
+            this._getIcon(), hAsync("slot", { key: '168574cbad66d2d7d4f81819d45925a4ee73d4e6' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (hAsync("p-icon", { key: '41da9a08e588012f5e92368061280d4f77dac48e', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && hAsync("p-loader", { key: '88edf474096e64d4c04f019f6fcd59645594388b', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (hAsync("p-icon", { key: '6a78154cefef83683a144dff242d01a092bb1c35', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && hAsync("p-loader", { key: '06b9874656622c1324ec804581f7e66c0e233e2f', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {
@@ -3202,8 +3215,8 @@ class Button {
         return (hAsync("p-icon", { class: icon$3({
                 size: this.size,
                 variant: this.variant,
-                disabled: this.disabled,
-                active: this.active,
+                disabled: asBoolean(this.disabled),
+                active: asBoolean(this.active),
             }), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
     }
     static get style() { return PButtonStyle0; }
@@ -12203,13 +12216,13 @@ class Checkbox {
      */
     indeterminateChange;
     render() {
-        return (hAsync(Host, { key: '3fc7254132b37579295b56aa49cd9d5313ca1b17', class: 'p-checkbox' }, hAsync("label", { key: 'bcb109993fb2219ed2575773976f5c312dd70999', htmlFor: this.id ?? this._nonce, class: 'group/p-checkbox flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: '8a248d351a959bcc8095024d739c20243a69e797', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: 'a297cea3c229c9d5241884732f6281cc4ae471a2', class: checkbox$1({
-                disabled: this.disabled,
-            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), hAsync("div", { key: '59733c1ee445272627bb3f11bf8f9a59798755fa', class: iconContainer({
-                disabled: this.disabled,
-            }) }, hAsync("p-icon", { key: 'd31d40111ef2073daca07fdc4ec994a31350cc40', class: icon$2({
-                disabled: this.disabled,
-            }), size: 'auto', variant: !!this.indeterminate ? 'minus' : 'checkmarkThick' }))), hAsync("slot", { key: 'd5bc07c185226d73f5823afdd437b4b1f208240d' }))));
+        return (hAsync(Host, { key: '67d7d568e204e24280ec939c20b9df9940d32866', class: 'p-checkbox' }, hAsync("label", { key: '1726a9fd3784633f385ab222399e0d9749d9a757', htmlFor: this.id ?? this._nonce, class: 'group/p-checkbox flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: '0dbf6abd950aa26e270ab2d7ca561636693d1cad', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: 'dcf66a3a330c0f9ce2b825397372ba4435e2313b', class: checkbox$1({
+                disabled: asBoolean(this.disabled),
+            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: asBoolean(this.required), checked: !!this.checked, indeterminate: this.indeterminate, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), hAsync("div", { key: '2297a0eb43fa60076b96ea4023297a929ed1fe95', class: iconContainer({
+                disabled: asBoolean(this.disabled),
+            }) }, hAsync("p-icon", { key: '65670d446eacc9640628a07e409ced8fa1c19df4', class: icon$2({
+                disabled: asBoolean(this.disabled),
+            }), size: 'auto', variant: !!this.indeterminate ? 'minus' : 'checkmarkThick' }))), hAsync("slot", { key: 'e0fdb4ea59fe99badb2a80ba582d5b5eca313abf' }))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -20001,9 +20014,9 @@ class Datepicker {
         this.parseValue(this.value);
     }
     render() {
-        return (hAsync(Host, { key: '5eb880c345d56b9e74899183775426c84712025f', class: 'p-datepicker' }, hAsync("p-dropdown", { key: 'e6e698d7d5f18c1d59ea5dd853cd90902efc021c', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-field", { key: '86b71559a5af280e773350bc09e5a2a93a79a1ea', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (hAsync("input", { key: '9895991baddee049e48e1a277596b5dbb6e13e0a', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
+        return (hAsync(Host, { key: '016227b024586201499ed79a01eb337599bb2333', class: 'p-datepicker' }, hAsync("p-dropdown", { key: '698a9aaf9199c3b5ecd4e90aec27a020a28a40dc', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-field", { key: '7c21946bb9499607ac1757c40fe928e8c360a6c6', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: asBoolean(this.required), error: this.error, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (hAsync("input", { key: 'bccd4e6fec3943a932db54ce9bb6ee050e6796f5', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
             ,
-            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), hAsync("div", { key: '2119a5a698d538c40a00083bbf79626ad6cfd444', slot: 'items' }, hAsync("p-calendar", { key: 'b4f861f1df9ac62f5f05b570a48b223de2048adb', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), hAsync("div", { key: '76509e1becad7c6022d09cce6737696429ea36c9', slot: 'items' }, hAsync("p-calendar", { key: '8b828cafab764a4e290f862d8fb507b686639160', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {
@@ -22596,14 +22609,14 @@ class DropdownMenuContainer {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (hAsync(Host, { key: '04e1181dd9274ed1668002ddf4f63e4739cf5282', class: dropdownMenuContainer({
+        return (hAsync(Host, { key: '40d82bee7fcc639ec89b6824ef8cfbbdcd3ed42c', class: dropdownMenuContainer({
                 class: this.class,
                 variant: this.variant,
-                fullWidth: this.fullWidth,
-                allowOverflow: this.allowOverflow,
+                fullWidth: asBoolean(this.fullWidth, true),
+                allowOverflow: asBoolean(this.allowOverflow),
                 scrollable,
                 maxWidth: this.maxWidth,
-            }) }, hAsync("div", { key: 'a8c270e32fd7b89953e923e99574d561e3bfdb21', class: 'flex w-full flex-col gap-[1px]' }, hAsync("slot", { key: '520a112ce75a4dad3fafbbe233db1b87344bf480' }))));
+            }) }, hAsync("div", { key: '178eca33c0f2a3c0bd488fd2533f3cc9d74fe3ce', class: 'flex w-full flex-col gap-[1px]' }, hAsync("slot", { key: 'facfdfe6229e88177bc2adac657e8bb2df923812' }))));
     }
     static get style() { return PDropdownMenuContainerStyle0; }
     static get cmpMeta() { return {
@@ -22776,22 +22789,22 @@ class DropdownMenuItem {
         this.active = false;
         this.checkbox = false;
         this.variant = 'default';
-        this.enableHover = true;
+        this.enableHover = false;
         this.disabled = false;
         this.icon = undefined;
         this.useContainer = true;
     }
     render() {
-        return (hAsync(Host, { key: '32964bd59857a3a902c7e27641dfe04040e71cf8', class: dropdownMenuItem({
+        return (hAsync(Host, { key: '2d41e180b8c3134d323188998af074678036754c', class: dropdownMenuItem({
                 variant: this.variant,
-                active: this.active,
-                enableHover: this.enableHover,
-                disabled: this.disabled,
-            }) }, this.icon && (hAsync("p-icon", { key: '2dcd2db6b8bced38d21fe16cecc8d76b9298dec0', class: dropdownMenuItemIcon({
+                active: asBoolean(this.active),
+                enableHover: asBoolean(this.enableHover ?? true),
+                disabled: asBoolean(this.disabled),
+            }) }, this.icon && (hAsync("p-icon", { key: '12a5e2703c8d60e82d20031bd49a4a1bbe229c56', class: dropdownMenuItemIcon({
                 variant: this.variant,
-                active: this.active,
-                disabled: this.disabled,
-            }), variant: this.icon })), this.checkbox && (hAsync("p-checkbox", { key: '83b9eb1dedd3f7bcaf9e064167832b1b9ec7dbd3', checked: this.active, disabled: this.disabled })), this.useContainer ? (hAsync("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, hAsync("slot", null))) : (hAsync("slot", null))));
+                active: asBoolean(this.active),
+                disabled: asBoolean(this.disabled),
+            }), variant: this.icon })), this.checkbox && (hAsync("p-checkbox", { key: 'f30b4ca26e3aa12bb16dba87e8d49d527263e5fd', checked: this.active, disabled: this.disabled })), this.useContainer ? (hAsync("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, hAsync("slot", null))) : (hAsync("slot", null))));
     }
     static get style() { return PDropdownMenuItemStyle0; }
     static get cmpMeta() { return {
@@ -22993,24 +23006,24 @@ class Field {
     }
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (hAsync(Host, { key: '1b8b2dc1097acc0e526ee2c968b5756d5cd3d2ba', class: 'p-field' }, hAsync("p-field-container", { key: '3ef9f6354992d470676935728bf12d92710b4fe0', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (hAsync("slot", { key: '4489a94949ab662ec88f35b699a362f6c54748c1', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: '6d1a46d462c5388c19513831344072267ef8a404', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: '5cee513bbcfa0eeb02482b04869087d9b600f3b8', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: 'b9564cb87621082013c6efc3b0f9e816ce48c745', name: 'error', slot: 'error' })), hAsync("div", { key: 'aded5884f1b8f92d96de9ea82da6c4d26e9fcb2c', class: field({
+        return (hAsync(Host, { key: '079dfe17253a415691af3987db6df8e591d33cdf', class: 'p-field' }, hAsync("p-field-container", { key: '6e46a083e870185797121c45181e0a6f1b17690f', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (hAsync("slot", { key: '3984fb0ffff9395af9e6cd1be0205543775bcb08', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: '314d551c1c148ddcdc5688f3ac09a59f3dc63e77', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: 'ea7f601d373f1067d56ebb57f40dcc0816472b4f', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: '084580040cb940f887c346d76462ec17864b6206', name: 'error', slot: 'error' })), hAsync("div", { key: '6c6d6f161b9cb68a0b35b5edcf7311c1ed32326a', class: field({
                 error: !!this.error?.length,
-                disabled: this.disabled,
-                focused: this.focused || this._focused,
+                disabled: asBoolean(this.disabled),
+                focused: asBoolean(this.focused) || this._focused,
                 size: this.size,
                 variant: this.variant,
                 isTextarea: this.type === 'textarea',
-            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '871a874efbe824fda3649baf84d6bfb2df825cdf', class: prefixAndSuffix({
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '980f8cffb7d3efe3d6534c88aa43a715ec2760bf', class: prefixAndSuffix({
                 error: !!this.error?.length,
-                disabled: this.disabled,
-                focused: this.focused || this._focused,
+                disabled: asBoolean(this.disabled),
+                focused: asBoolean(this.focused) || this._focused,
                 isText: typeof suffix === 'string',
             }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (hAsync("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '9aff1cd76d5581d5ef7a842f91e9d5f88fa479a7', class: prefixAndSuffix({
+            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '22604fd27aec86f1bda1a9757f5802420b7ef145', class: prefixAndSuffix({
                 error: !!this.error?.length,
-                disabled: this.disabled,
-                focused: this.focused || this._focused,
+                disabled: asBoolean(this.disabled),
+                focused: asBoolean(this.focused) || this._focused,
                 isText: typeof suffix === 'string',
             }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'end' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix)))))));
     }
@@ -23060,7 +23073,7 @@ class Field {
         }
         const props = {
             class: input({
-                disabled: this.disabled,
+                disabled: asBoolean(this.disabled),
                 isTextarea: this.type === 'textarea',
             }),
             value: this.value,
@@ -23172,8 +23185,8 @@ class FieldContainer {
     }
     render() {
         const { hasHeaderSlot, hasErrorSlot, helper, label, errorAndErrorIsNotBoolean, } = this._getSlotInfo();
-        const contentSlot = (hAsync("slot", { key: 'a7e3919d645cc21fa538340b0c9ea7a98e66ca90', name: 'content', slot: 'trigger' }));
-        return (hAsync(Host, { key: '44a79d2058aafb4d9bf89f09cb3e7a1a708d99f9', class: 'p-field-container' }, hAsync("div", { key: '47af2893a5f27a1a905c846a016c183756d026f8', class: 'flex w-inherit flex-col gap-1' }, hAsync("div", { key: 'cd64bc812c19e11d35ea4eb1756f9885a1f2a148', class: 'flex items-end justify-between gap-1' }, label && (hAsync("div", { key: '962aecba76c4ba9326ed992d6ad39c1efbdab8ab', class: 'text-xs font-medium text-black-teal-300', onClick: () => this.focus.emit() }, label)), (!this.required || helper || hasHeaderSlot) && (hAsync("div", { key: 'd0cdd8810de8098eaca90d2aeddd1f01fbcd0faf', class: 'flex items-center gap-1' }, !this.required && this.variant === 'write' && (hAsync("span", { key: 'e83d37fcb0050bad328d0aa2d6890c1226fe17fb', class: 'text-xs font-medium text-black-teal-200' }, this.optionalTemplate())), (helper || hasHeaderSlot) && (hAsync(Fragment, { key: 'c156ee1c951fec9dbe602cf317ff7591a6bce9bf' }, hasHeaderSlot && hAsync("slot", { key: 'e568644b05673354c9059042b0ba40f137d1709c', name: 'header' }), helper && (hAsync("p-helper", { key: '7dcbdd61deb2eba74abf8f57b245b011fbf9066b', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))))), hAsync("p-tooltip", { key: '08fa8890dc2c859d8e99ae26775cb3c5695cd037', class: this.variant === 'write' ? 'w-full' : '', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean && this.forceShowTooltip, enableUserInput: false, placement: this.errorPlacement }, hasErrorSlot && (hAsync("slot", { key: 'd81dd610ce5957a0f15e8afd02dca9c270a6f63b', name: 'error', slot: 'content' })), contentSlot))));
+        const contentSlot = (hAsync("slot", { key: 'd18320f02edf2c2b03b5bc6e82cd9301f6d3d47b', name: 'content', slot: 'trigger' }));
+        return (hAsync(Host, { key: '60ac93a094833ecf4f5a2c58c31c05e4f7f79623', class: 'p-field-container' }, hAsync("div", { key: 'cd9428b140fa8ca0433c07c6e4b6ecf77701ba44', class: 'flex w-inherit flex-col gap-1' }, hAsync("div", { key: '09a410fc851f9ab65fc71aec2c1df6a59820e0ad', class: 'flex items-end justify-between gap-1' }, label && (hAsync("div", { key: '45024cec09ee0d05241afc3e629c0eb3b1ec46a2', class: 'text-xs font-medium text-black-teal-300', onClick: () => this.focus.emit() }, label)), (!asBoolean(this.required) || helper || hasHeaderSlot) && (hAsync("div", { key: '422ce7b1ef58ef9e2551ae48eba633e65e12795e', class: 'flex items-center gap-1' }, !asBoolean(this.required) && this.variant === 'write' && (hAsync("span", { key: 'ddc043a192f20e85550ea92953d48e7ef0a08f62', class: 'text-xs font-medium text-black-teal-200' }, this.optionalTemplate())), (helper || hasHeaderSlot) && (hAsync(Fragment, { key: 'daa1f96c0fe3b18e1a4cb97a3f278ae12324eb5f' }, hasHeaderSlot && hAsync("slot", { key: '81ab8296ea3966750b762f34ae15fa414e45af4e', name: 'header' }), helper && (hAsync("p-helper", { key: 'b65490c148ee2b62dd2dbfe856ab8fc5cc08c683', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))))), hAsync("p-tooltip", { key: 'ad08dbeea2fa113b4938a65f74f04491f784bf8f', class: this.variant === 'write' ? 'w-full' : '', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean && asBoolean(this.forceShowTooltip), enableUserInput: false, placement: this.errorPlacement }, hasErrorSlot && (hAsync("slot", { key: 'b7cc50a3965e0e31fee0ac898f1a9bbf2d3abc10', name: 'error', slot: 'content' })), contentSlot))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -23345,10 +23358,10 @@ class FloatingMenuItem {
         this.iconRotate = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '89082d400cd797029c4265e5e35865375c341acf', class: item$1({
-                hover: this.hover && !this.loading,
-                disabled: this.disabled,
-            }) }, this._getIcon(), hAsync("p", { key: '9bd3e924cd1abb96281c8d5adc6b958c526b5884', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, hAsync("slot", { key: '61212ad54e7446aff3656f7309f1ac37014dab46' }))));
+        return (hAsync(Host, { key: '3cb99305ad3b1538dd172adda934020013535e6f', class: item$1({
+                hover: asBoolean(this.hover) && !asBoolean(this.loading),
+                disabled: asBoolean(this.disabled),
+            }) }, this._getIcon(), hAsync("p", { key: 'b1800c870b90854a44f8edea23b4e5021a9b1473', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, hAsync("slot", { key: '8ebc6d4d9acc37952370737eb5a1abaeff7c81bb' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {
@@ -23358,8 +23371,8 @@ class FloatingMenuItem {
             return hAsync("p-loader", { color: 'white' });
         }
         return (hAsync("p-icon", { class: icon$1({
-                hover: this.hover,
-                disabled: this.disabled,
+                hover: asBoolean(this.hover),
+                disabled: asBoolean(this.disabled),
             }), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
     }
     static get style() { return PFloatingMenuItemStyle0; }
@@ -23367,8 +23380,8 @@ class FloatingMenuItem {
         "$flags$": 4,
         "$tagName$": "p-floating-menu-item",
         "$members$": {
-            "hover": [516],
-            "disabled": [516],
+            "hover": [4],
+            "disabled": [4],
             "loading": [4],
             "icon": [1],
             "iconPosition": [1, "icon-position"],
@@ -23377,7 +23390,7 @@ class FloatingMenuItem {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["hover", "hover"], ["disabled", "disabled"]]
+        "$attrsToReflect$": []
     }; }
 }
 
@@ -24369,11 +24382,11 @@ class NavigationItem {
     }
     render() {
         const TagType = this.as;
-        const active = this.active || this.class?.includes('active');
-        return (hAsync(Host, { key: 'fcfd018e4ee9cec5d1269c48ac211e4a8bbe7e27', class: cn('p-navigation-item inline-block', this.class) }, hAsync(TagType, { key: '4f95da3f82fe9434981deb52a27905152b9cdce0', class: navigationItem({
+        const active = asBoolean(this.active) || this.class?.includes('active');
+        return (hAsync(Host, { key: '21642e0864dae6959b46a258618e1c9afd1bbca9', class: cn('p-navigation-item inline-block', this.class) }, hAsync(TagType, { key: '48eed7a378c1500d8b8b67fba1f62d24e21b3472', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, hAsync("div", { key: '1d29d71e5c36b93461940f8a139d468f850d6c21', class: navigationItemIconContainer({ active }) }, hAsync("p-icon", { key: '0173a50767eb4a8bbe07d04a7ee8e6dcd43e1a2b', variant: this.icon })), hAsync("span", { key: '8672ed05d64bc2dc615ea6b0957f34c0b7be9dd0', class: this.counter && 'has-counter' }, hAsync("slot", { key: 'cacf7fe34a79bfef107583d1d774234aabf01b6c' })), !!this.counter && this.counter !== '0' && (hAsync("p-badge", { key: 'a77ee462895d467c612c0722329f33a7ca32214b' }, this.counter)), !!this.loading && hAsync("p-loader", { key: '54724cf73b51566d0ff76c01d79ad704e05a13ef', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, hAsync("div", { key: 'b7ebf5e86b5c05e986ed976250290a0c89411c4f', class: navigationItemIconContainer({ active }) }, hAsync("p-icon", { key: '8eef40ebcfd348b5d45eba71cbb200f43888a67a', variant: this.icon })), hAsync("span", { key: '12d965e27f55240dc8c2bc03d6cf0df724590880', class: this.counter && 'has-counter' }, hAsync("slot", { key: 'c016e6065a74e982002ee1a8af73f87941b67a61' })), !!this.counter && this.counter !== '0' && (hAsync("p-badge", { key: 'ffacde69418e4bdf4ecf4ab82304869dfc4850cb' }, this.counter)), !!this.loading && hAsync("p-loader", { key: '8ffec752786d9b23e9ca83a31560e1f1ec34213d', class: 'ml-auto' }))));
     }
     static get style() { return PNavigationItemStyle0; }
     static get cmpMeta() { return {
@@ -24862,11 +24875,11 @@ class PaginationSize {
         this._setLocales();
     }
     render() {
-        return (hAsync(Host, { key: 'c6a8bdc78842d4eea1a88621dfea502146de809e', class: paginationSize({ hidden: this.hidden }) }, hAsync("p-dropdown", { key: '426f6a7215cf96574d6b541582730f486d99f603', variant: 'dark-teal', placement: 'top-start', chevronDirection: 'down', calculateWidth: true, onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, hAsync("div", { key: '1d0e91bbda0055e463d5240b58ddb5a1fa4f4ff5', class: trigger({
+        return (hAsync(Host, { key: '76ba9aad09efd47ad218bde8475eca4dbd12ddce', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, hAsync("p-dropdown", { key: '3326e8709c971040b09f1bcf9a202ed1024ed74d', variant: 'dark-teal', placement: 'top-start', chevronDirection: 'down', calculateWidth: true, onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, hAsync("div", { key: '2db246a5cbec5d1aa190733dd143405daa1a3639', class: trigger({
                 active: this.dropdownIsOpen,
-            }), slot: 'trigger' }, hAsync("p", { key: '22fd50f9438b897fd2e44ae1c7b36f2964c6b415', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
+            }), slot: 'trigger' }, hAsync("p", { key: 'd3e2ee452df57eb5634b3bc6faa5f48d06073181', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
             ? this.itemTemplate(this.size)
-            : this._defaultItemTemplate(this.size)), hAsync("p-icon", { key: '0d1b2ef85f9a19593e454923adc3c969c8c4351d', class: 'flex-shrink-0', variant: 'double-caret', size: 'sm' })), hAsync("slot", { key: '95bb00e64170b9df61ba489343e58fdf647051b3', slot: 'items' }, this.sizeOptions.map(option => (hAsync("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
+            : this._defaultItemTemplate(this.size)), hAsync("p-icon", { key: 'b337270cbc6f58e91844784ae1a285b4b5d8cf44', class: 'flex-shrink-0', variant: 'double-caret', size: 'sm' })), hAsync("slot", { key: '5980b79191a9f2ff058ba070478af7249ff9f898', slot: 'items' }, this.sizeOptions.map(option => (hAsync("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
             ? this.itemTemplate(option)
             : this._defaultItemTemplate(option))))))));
     }
@@ -25054,14 +25067,14 @@ class Radio {
      */
     checkedChange;
     render() {
-        return (hAsync(Host, { key: '658055a3fe8964f1b9aacac6328589378ecb5e65', class: 'p-radio' }, hAsync("label", { key: 'd26499f5c5f959670fa60039c462d30376258742', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: 'd8e90dc7b26edf3d0d4c5c9c3d4d2f204723fef8', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '893f998e9a7a7a91c830c1f2cdcca3b7ed2a7a7e', class: radio({
-                disabled: this.disabled,
-            }), type: 'radio', id: this.id ?? this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: this.disabled, onChange: ev => this._onChange(ev) }), hAsync("div", { key: '22413291018ffbc803f31c6211bb99531581cc4f', class: circle$1({
-                disabled: this.disabled,
-            }) })), hAsync("slot", { key: 'b30677ea30eff5805a87b108029a2cb21405c502' }))));
+        return (hAsync(Host, { key: '7ed775d83fd504b12c8bae5c2f845b35696318a0', class: 'p-radio' }, hAsync("label", { key: '43433e2e61096f118a839e5cb7e593f2c1d45882', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: 'e47eb50a4a6c34f402b721e38975905957c4391a', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '04168aa446a50b5806728eeb72425b3847bd3240', class: radio({
+                disabled: asBoolean(this.disabled),
+            }), type: 'radio', id: this.id ?? this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), hAsync("div", { key: 'adba2a0b0bd2593c36468834da9232aadd7bca65', class: circle$1({
+                disabled: asBoolean(this.disabled),
+            }) })), hAsync("slot", { key: 'fb4649847a4ab9e30cb0d71f3bf63fcb308693e6' }))));
     }
     _onChange(ev) {
-        if (this.disabled) {
+        if (asBoolean(this.disabled)) {
             ev.preventDefault();
             return;
         }
@@ -25145,11 +25158,11 @@ class SegmentItem {
     }
     render() {
         const descriptionSlot = this.variant === 'block' ? hAsync("slot", { name: 'description' }) : null;
-        return (hAsync(Host, { key: 'c1593f415fee9946b8c5e294dfea65c6c1713260', class: segmentItem({
+        return (hAsync(Host, { key: 'a52fe32057a67da036508e7a557fc63b675ef0a1', class: segmentItem({
                 variant: this.variant,
-                active: this.active,
-                iconOnly: this.iconOnly,
-            }) }, this.icon && (hAsync("p-icon", { key: '95f240924717fc1d68e8e5c29bd89079a114a0e3', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (hAsync("slot", null)) : (hAsync("div", { class: 'flex flex-col items-center gap-1' }, hAsync("p", { class: 'font-semibold empty:hidden' }, hAsync("slot", { name: 'title' })), descriptionSlot && hAsync("p", { class: 'text-xs' }, descriptionSlot)))));
+                active: asBoolean(this.active),
+                iconOnly: asBoolean(this.iconOnly),
+            }) }, this.icon && (hAsync("p-icon", { key: '4f54334e3e9ac47cfbfc28048957428015322c25', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (hAsync("slot", null)) : (hAsync("div", { class: 'flex flex-col items-center gap-1' }, hAsync("p", { class: 'font-semibold empty:hidden' }, hAsync("slot", { name: 'title' })), descriptionSlot && hAsync("p", { class: 'text-xs' }, descriptionSlot)))));
     }
     static get style() { return PSegmentItemStyle0; }
     static get cmpMeta() { return {
@@ -25513,7 +25526,8 @@ class Select {
         if (!this._inputRef || !this._multiContainerRef) {
             return;
         }
-        this._multiContainerRef.style.maxWidth = `${this._inputRef.clientWidth - 16}px`;
+        const calced = this._inputRef.clientWidth - 16;
+        this._multiContainerRef.style.maxWidth = `${calced >= 16 ? calced : 16}px`;
     }
     _setCheckSelectedItemsTimeout() {
         if (this._checkSelectedItemsTimeout) {
@@ -28133,14 +28147,14 @@ class Toggle {
      */
     indeterminateChange;
     render() {
-        return (hAsync(Host, { key: '2eb5fbb512368179d3c5241a894e8e26846f61f5', class: 'p-checkbox' }, hAsync("label", { key: 'f058bbab3426392b0cae97759c913f39934a0b3a', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: 'c07339b5e6ac8f42eff1fcfd4159a695577be3a5', class: 'group relative flex flex-shrink-0 items-center' }, hAsync("input", { key: 'f7b3debaf7a516cbacd5e8a1c33e24765052c595', class: checkbox({
+        return (hAsync(Host, { key: '346633e23e7fee1765a57fca983375ab4565d76b', class: 'p-checkbox' }, hAsync("label", { key: 'caa4d70fead2c33484d805cd5e32c8bd9385b1b0', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: 'c469c4e1b19daedf8386f4a00c111be4f2fa630a', class: 'group relative flex flex-shrink-0 items-center' }, hAsync("input", { key: 'f325a11e63cf4b4134db50283348cc7514d0dec2', class: checkbox({
+                disabled: asBoolean(this.disabled),
+            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), hAsync("div", { key: 'df4144c18ad0b454b47b430637afc0ebf0cd2b7a', class: circle({
                 disabled: this.disabled,
-            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), hAsync("div", { key: '0fb49b68ca77711a496bba9d67bb3389e384ced5', class: circle({
-                disabled: this.disabled,
-            }) })), hAsync("slot", { key: '271b918b319a8ae027ed106f3ba32d833e2215df' }))));
+            }) })), hAsync("slot", { key: '8f431ddb98a4bd29836e6fb570825b1f610522e3' }))));
     }
     _onChange(ev) {
-        if (this.disabled) {
+        if (asBoolean(this.disabled)) {
             ev.preventDefault();
             return;
         }