@paperless/core 3.19.6 → 3.21.0

package/dist/cjs/p-card-body.cjs.entry.js

@@ -11,7 +11,7 @@ const CardBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'cf2a92db9d6a6a2527bd00f4b2cfaa0a3a0769dd' }, index.h("slot", { key: '29ea21ad392195a915d9682b6af66f84f464fc9d' })));
+        return (index.h(themedHost_component.ThemedHost, { key: '88d3357dc50ed491dd1b6b27a4b9f56abb15c4b8' }, index.h("slot", { key: '002a7ed88d3e4e84e3a8a2b584dbbb1462ce2880' })));
     }
 };
 CardBody.style = cardBodyComponentCss();

package/dist/cjs/p-card-container.cjs.entry.js

@@ -105,13 +105,13 @@ const CardContainer = class {
      */
     border = true;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'c8045c702a0328ccdd42c6914fd3936473d5393a' }, index.h("div", { key: '6201cd44e2d47ff860cfb756520668c75d8565a5', class: cn.cn(container({
+        return (index.h(themedHost_component.ThemedHost, { key: '8804041026b35633a28f571faa3cda6f23026d27' }, index.h("div", { key: 'ed2162fedd8db130a5c6f0ba0a9a69e10a69cc63', class: cn.cn(container({
                 variant: this.variant,
                 active: asBoolean.asBoolean(this.active, false),
                 hoverable: asBoolean.asBoolean(this.hoverable, false),
                 shadow: asBoolean.asBoolean(this.shadow, true),
                 border: asBoolean.asBoolean(this.border),
-            }), this.bgClass) }, index.h("slot", { key: '58fdcf04ab8b4e8111d5282694691029f79ca86a' }))));
+            }), this.bgClass) }, index.h("slot", { key: '876794151074801cd9b2d21bb897c0f004c24e7e' }))));
     }
 };
 CardContainer.style = cardContainerComponentCss();

package/dist/cjs/p-card-header.cjs.entry.js

@@ -58,11 +58,11 @@ const CardHeader = class {
      */
     divider = true;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'b7eb827631c54142f2a4e3fe2b81271c8144b16a' }, index.h("div", { key: 'fcb33fb73eb61e36d8c4990b5b27e217221b96a4', class: header({
+        return (index.h(themedHost_component.ThemedHost, { key: 'f38756987513f8e933b1ce8b194fbc1fee991d85' }, index.h("div", { key: '68a8fe8b1ddfa18c4dab897724f453f06c2ec146', class: header({
                 variant: this.variant,
-            }) }, index.h("div", { key: '1ae832e07095882bb8e46398c30609e12fa4d6eb', class: content({
+            }) }, index.h("div", { key: 'f9ca351e891b952db7deee47a8c7efb2a3d54cdf', class: content({
                 variant: this.variant,
-            }) }, this.icon ? (index.h("p-icon", { class: '\n          text-storm-300\n          dark:text-hurricane-200\n        ', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (index.h("slot", { name: 'prefix' })), index.h("div", { key: '2c9394715612b7415aeb065d9575caf755044e5f', class: title() }, index.h("span", { key: '9d8e7178338dd0e4ed218c5a16d5c77486c7f240', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : index.h("slot", null)), index.h("slot", { key: '1483bded5220bda03e8b80228135539a8b099033', name: 'content-suffix' })), index.h("div", { key: '62055fed1277f466d6e70578c12ce51cb9a73272', class: '\n         ml-auto flex items-center justify-end gap-2\n         empty:hidden\n       ' }, index.h("slot", { key: '73b2c1a055167b6050ec18f2a8b997bea8f39f8e', name: 'suffix' }))), this.variant === 'default' ? (asBoolean.asBoolean(this.divider) && (index.h("p-divider", { class: '\n          text-off-white-700\n          dark:text-white/10\n        ' }))) : (index.h("div", { class: '\n         pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full\n         overflow-hidden rounded-t-2xl\n       ' }, index.h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
+            }) }, this.icon ? (index.h("p-icon", { class: '\n          text-storm-300\n          dark:text-hurricane-200\n        ', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (index.h("slot", { name: 'prefix' })), index.h("div", { key: '66b14a5bcadf10997ebd34cd205d6cd6309dfb62', class: title() }, index.h("span", { key: '19dfef35d10479fdc03436add462f64e0ea8c1af', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : index.h("slot", null)), index.h("slot", { key: '0b14e501ac995af79ace537775b1687b3c8daf14', name: 'content-suffix' })), index.h("div", { key: '8d89ac20a723228a03a5f371b2d3cd22987dbd65', class: '\n         ml-auto flex items-center justify-end gap-2\n         empty:hidden\n       ' }, index.h("slot", { key: 'db4c7942a97fc7072902bd107def6e952bf62557', name: 'suffix' }))), this.variant === 'default' ? (asBoolean.asBoolean(this.divider) && (index.h("p-divider", { class: '\n          text-off-white-700\n          dark:text-white/10\n        ' }))) : (index.h("div", { class: '\n         pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full\n         overflow-hidden rounded-t-2xl\n       ' }, index.h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
     }
 };
 CardHeader.style = cardHeaderComponentCss();

package/dist/cjs/p-checkbox_3.cjs.entry.js

@@ -150,13 +150,13 @@ const Checkbox = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (index.h(themedHost_component.ThemedHost, { key: 'cd32bfb30d670f3fb7e6a1ecf5458c1ba9251f0f' }, index.h("label", { key: '2c27cf711ca06973f140a1ae057ef35688e17c0a', class: 'group/p-checkbox flex items-center justify-start gap-2', htmlFor: id }, index.h("div", { key: 'f856a55ea818204247a095d7b32dd7e6be69ae54', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'b1332efea544bd72126779b78b698620a69b8039', checked: asBoolean.asBoolean(this.checked), class: checkbox({
+        return (index.h(themedHost_component.ThemedHost, { key: 'ee98bc198761ac440ac3ad208c51dcc0c7ef4b87' }, index.h("label", { key: '3a9a7a62095916f5b5e45e5063a6635a42096e57', class: 'group/p-checkbox flex items-center justify-start gap-2', htmlFor: id }, index.h("div", { key: '70e2d7b325c6f4aaff1745f3ca840317ed7f1e54', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: '314a91601a9f46c0906ed5914be1402570e826f2', checked: asBoolean.asBoolean(this.checked), class: checkbox({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), disabled: asBoolean.asBoolean(this.disabled), id: id, indeterminate: asBoolean.asBoolean(this.indeterminate), name: this.name, required: asBoolean.asBoolean(this.required), type: 'checkbox', onChange: ev => this._onChange(ev) }), index.h("div", { key: 'bb05818cf094306968808c5b703ca844522bc781', class: iconContainer({
+            }), disabled: asBoolean.asBoolean(this.disabled), id: id, indeterminate: asBoolean.asBoolean(this.indeterminate), name: this.name, required: asBoolean.asBoolean(this.required), type: 'checkbox', onChange: ev => this._onChange(ev) }), index.h("div", { key: 'fd12100ae3b416b8eed9c30ba3d4abf673e8c75a', class: iconContainer({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, index.h("p-icon", { key: 'b277d21384165f5870b78d1bccf67fa1a1849a3d', class: icon({
+            }) }, index.h("p-icon", { key: '4b28c8d84a0323c829545e462f61f94d6e643b9c', class: icon({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), size: 'auto', variant: asBoolean.asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), index.h("div", { key: '0c247225c2e3156fe90139fc0add9b164b5ad8bf', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, index.h("slot", { key: '47f92004aa692a67a03ecb63fee3ccfc3acec8f9' })))));
+            }), size: 'auto', variant: asBoolean.asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), index.h("div", { key: 'd9081cba076c0dd5d491044e6ba7f1ba19a94cb4', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, index.h("slot", { key: '0163c4eeb869843a08646a1b2bb3649fcd8af8bd' })))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -312,12 +312,12 @@ const Dropdown = class {
         this._checkItems();
     }
     render() {
-        return (index.h(index.Host, { key: '1c060fa3b674315b449445bc12cb7914ff809f42', class: 'relative' }, index.h("div", { key: '526090a21972996fe865c251ab109170b3031f2d', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, index.h("slot", { key: 'c77c6b4e01d5f8192aada325f62d416f08ef50d5', name: 'trigger' })), index.h("div", { key: '49300cd262ccd3f58aaea3abec9a00d210c340b8', class: 'relative w-full' }, index.h("p-dropdown-menu-container", { key: 'c084d5a6d26f1c47b38ddcca5eae7727bc12e0e2', allowOverflow: this.allowOverflow, class: cn.cn(dropdownContainerClass({
+        return (index.h(index.Host, { key: 'daa5ca812dc1ec72b95737a02bbff9e492ad7fe3', class: 'relative' }, index.h("div", { key: '9842f327983cfdc6666eaa9dd7b6010f0d13efe6', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, index.h("slot", { key: '4195411e9dff36f800f91149544e7135d22cb44b', name: 'trigger' })), index.h("div", { key: '48f8874c60a8c69fa6ade61325415d5e70761748', class: 'relative w-full' }, index.h("p-dropdown-menu-container", { key: 'ad92d728bbb379c6cc926b9b747da4cc3fc17665', allowOverflow: this.allowOverflow, class: cn.cn(dropdownContainerClass({
                 strategy: this.strategy,
                 maxWidth: this.applyMaxWidth,
                 fullWidth: this.applyFullWidth && !this.applyMaxWidth,
                 isDatepicker: this.isDatepicker,
-            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, index.h("slot", { key: '8e05aa667dbad7c2a443dcb7c513b5049ae966e5', name: 'items' })))));
+            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, index.h("slot", { key: '8d131c1ee5ca981f8d5ea9931922cf5061e7d816', name: 'items' })))));
     }
     _checkButtons(active = false) {
         const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');
@@ -540,15 +540,15 @@ const DropdownMenuContainer = class {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (index.h(themedHost_component.ThemedHost, { key: 'ee893b4c81b30efcdc82377b3c98e3fd9653107f' }, index.h("div", { key: 'ce5daabedddea9e0e3e7ab743e973cd87d0e3d21', class: dropdownMenuContainer({
+        return (index.h(themedHost_component.ThemedHost, { key: '11c07477aa299bf49b5aefaf4ad9cae86d026c97' }, index.h("div", { key: '9267a77889d15148d9b1a3bebad04d626c951b26', class: dropdownMenuContainer({
                 class: this.class,
                 variant: this.variant,
                 fullWidth: asBoolean.asBoolean(this.fullWidth, true),
                 maxWidth: this.maxWidth,
-            }) }, index.h("div", { key: 'd587e52e13004f85f9d972d007bb1ae7178838ea', class: innerContainer({
+            }) }, index.h("div", { key: 'fd5106b271004f429544123c61d45cba8aa7c77e', class: innerContainer({
                 allowOverflow: asBoolean.asBoolean(this.allowOverflow),
                 scrollable,
-            }) }, index.h("div", { key: '701b88f579e5da800f91035bc624405da4860588', class: 'flex w-full flex-col' }, index.h("slot", { key: '22bdb3697bb887f34053058b8d7ead2d3866a3ff' }))))));
+            }) }, index.h("div", { key: '73d9ad46250c9a3ee5bbfa1630e25cae614a7356', class: 'flex w-full flex-col' }, index.h("slot", { key: 'a12e27d51d18c930c391fe05a2540278960f9707' }))))));
     }
 };
 DropdownMenuContainer.style = dropdownMenuContainerComponentCss();

package/dist/cjs/p-content-slider.cjs.entry.js

@@ -53,13 +53,13 @@ const ContentSlider = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6ba183884628b200ca1b7d13b91818499096c184' }, index.h("div", { key: '1ec72c6d71e138e581a35738b74171840f7f4422', class: `
+        return (index.h(index.Host, { key: 'a82d50f13b050b1b57c193f79e6791c7c69f0e7c' }, index.h("div", { key: '0009964bd2f75e75e231c0f556e7751dab05bb07', class: `
        slider
        ${!this.disableDrag && 'draggable'}
        ${this._dragging && 'dragging'}
      `, ref: el => (this._sliderRef = el), style: {
                 height: `${this._outerHeight}px`,
-            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, index.h("div", { key: '5658bdaf3c369812670b4e8973287453c2d2cdab', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: '84564041f76f577b1a20750f1d7224404a3f1b68', onSlotchange: () => this._slotChange() }))), index.h("div", { key: '91b3ae9d5bcb8a52c77730d45de57f612fd90c08', class: `
+            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, index.h("div", { key: '2ea50b0a0fb3e0e781269bc626f7b03ebda586ae', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: '753355eff5f15324abe3f217883a6ff76137136b', onSlotchange: () => this._slotChange() }))), index.h("div", { key: '3f932e53f0face6e5f2eaff2f59df40768b6c227', class: `
        indicator
        ${this.hideMobileIndicator && 'hidden'}
      ` }, this._filteredItems.map((_, i) => (index.h("div", { class: `

package/dist/cjs/p-cropper.cjs.entry.js

@@ -2848,7 +2848,7 @@ const Cropper = class {
         const themeColor = state.state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (index.h(themedHost_component.ThemedHost, { key: '958d615c7f31c0d060318fb5949a3022da7e9664' }, this._loaded && (index.h("cropper-canvas", { key: '9e243578589dfa0a3b13354295f5d2685be4f551', class: '\n        h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n        bg-white\n        dark:border-hurricane-200\n      ', onAction: () => this._onAction() }, index.h("cropper-image", { key: 'f572e1dcdc65a9b00b753ea48f41cc5d12ffa414', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), index.h("cropper-shade", { key: 'feacefa121adf503f6c5686bfc07dc268ae3f272', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), index.h("cropper-selection", { key: '3d8539b17d0033500e46b27cf303a7fc18aac26e', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: 'd1103eab524b40a31f62591c1be07863ba13a436', action: 'move', plain: true }))), index.h("p-range", { key: 'a8a13717467bcf06c0f8f7e40ca85067308cba55', class: '\n       w-full px-14\n       tablet:max-w-xs tablet:px-1\n     ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (index.h(themedHost_component.ThemedHost, { key: '6990cbf026a62127f1cf302389a2cff1e8188714' }, this._loaded && (index.h("cropper-canvas", { key: '75ffe50e67aec9e6c3f73bcb7f5bb2649fb6697b', class: '\n        h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n        bg-white\n        dark:border-hurricane-200\n      ', onAction: () => this._onAction() }, index.h("cropper-image", { key: 'f2f93c7aa2c59074fd673c9ff6c678c102b777ae', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), index.h("cropper-shade", { key: 'd600a2b3f73c1aa89addbe0c6f5ab98f4fe3757b', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), index.h("cropper-selection", { key: '0465c5418129587bab613ffe5e11bb4a33de1e1f', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: '5bcca95b800e11a96c274017cc9fd743d421fa26', action: 'move', plain: true }))), index.h("p-range", { key: '236d72301a785e8cb16bd5eacaa15f7cf678f8e9', class: '\n       w-full px-14\n       tablet:max-w-xs tablet:px-1\n     ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
     }
     _setImageRef(ref) {
         if (this._imageRef || !ref) {

package/dist/cjs/p-datepicker.cjs.entry.js

@@ -226,7 +226,7 @@ const Datepicker = class {
         }
     }
     render() {
-        return (index.h("p-dropdown", { key: '1da0f9a54c53581dc347bfa7cbf2c7489542948b', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, index.h("p-field", { key: 'c9e8d5e2d0e4ee3750fce8bca41b9383fcd45deb', autoShowError: false, disabled: asBoolean.asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean.asBoolean(this.required), showOptional: asBoolean.asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (index.h("input", { key: 'cbd64fc3655995d41f776c23c98deb767e4df1cf', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
+        return (index.h("p-dropdown", { key: '41ebf8ceb52a6eab7005df2c8d03718ac71ad5c0', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, index.h("p-field", { key: 'dd5e53303c5e4ba9e13a04d2b661e9da77deda0b', autoShowError: false, disabled: asBoolean.asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean.asBoolean(this.required), showOptional: asBoolean.asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (index.h("input", { key: 'db6172b1cbd2d80842a127c1a14b821460ecce12', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
                 locale.dateFnsExports.format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.state.locale === 'nl' ? locale.localeExports.nl : locale.localeExports.enUS,
                 }), min: this._minDate &&
@@ -235,7 +235,7 @@ const Datepicker = class {
                 }), ref: ref => (this._dateInputRef = ref), slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', value: this._value &&
                 locale.dateFnsExports.format(this._value, 'yyyy-MM-dd', {
                     locale: state.state.locale === 'nl' ? locale.localeExports.nl : locale.localeExports.enUS,
-                }), onInput: ev => this._onNativeInput(ev) })), index.h("div", { key: '398a65da8a0b8bda9177375d75686123278af66a', slot: 'items', tabIndex: -1 }, index.h("p-calendar", { key: 'a0fd9ec5fdeb9a42bd7394599c75659feca77489', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
+                }), onInput: ev => this._onNativeInput(ev) })), index.h("div", { key: '31ca023225ae50db2c07ca4325a746e13ee6f4a5', slot: 'items', tabIndex: -1 }, index.h("p-calendar", { key: '705efb5369a1d86ac8261ad6ad794732e77110c9', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf.childOf(target, this._el)) {

package/dist/cjs/p-divider.cjs.entry.js

@@ -64,12 +64,12 @@ const Divider = class {
     get _el() { return index.getElement(this); }
     render() {
         const hasContent = this._el.innerHTML?.length > 0;
-        return (index.h(themedHost_component.ThemedHost, { key: 'ff409606cbaf88fec989b154c9c16eb07b60e185' }, index.h("div", { key: 'bbf08c6ede2f45885372760c28026fa170dd2cd7', class: cn.cn(content({
+        return (index.h(themedHost_component.ThemedHost, { key: 'f7894f1597f8ce9c7ee153205531f19edd63a737' }, index.h("div", { key: '0cb07255b407cfbcd5bd770aa8c8ab711b30afa1', class: cn.cn(content({
                 variant: this.variant,
                 alignContent: this.alignContent,
             }), {
                 'text-off-white-700 dark:text-hurricane-400': !this._el.className.includes('text'),
-            }) }, index.h("div", { key: '7a6a7524d9e1fc210a808fa92ee1f213a77d4fa8', class: '\n        flex items-center px-2 text-sm font-medium text-storm-400\n        empty:px-0\n        dark:text-hurricane-200\n      ' }, hasContent && index.h("slot", { key: 'ba1bc493938f3a69a48bd2e885c6600fee2fedd6' })))));
+            }) }, index.h("div", { key: '5587e6bf6d2bff8d35ff4986a6f743e03de173de', class: '\n        flex items-center px-2 text-sm font-medium text-storm-400\n        empty:px-0\n        dark:text-hurricane-200\n      ' }, hasContent && index.h("slot", { key: '7b86f62a6276ae8a83124f055b06b9f0003ce5a7' })))));
     }
 };
 Divider.style = dividerComponentCss();

package/dist/cjs/p-drawer-body_3.cjs.entry.js

@@ -14,7 +14,7 @@ const DrawerBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: 'fba5fb1b43bf01ca0a5b8fd6fa866a7313adad90' });
+        return index.h("slot", { key: '678b484609aec19c4ee34049332c058fc5c772ba' });
     }
 };
 DrawerBody.style = drawerBodyComponentCss();
@@ -51,9 +51,9 @@ const DrawerContainer = class {
      */
     closing = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '9585f27aae338802a3758a3ceacc7db964f9ba9a' }, index.h("div", { key: '7becdc6a7b27a1276da26f5b7d01fcdde1d69872', class: container({
+        return (index.h(themedHost_component.ThemedHost, { key: '8472132998ecaa6999490ec98971f1b2b0fb3997' }, index.h("div", { key: '8de496bb6f8566273e908c9b5fb9a01916c154f8', class: container({
                 closing: asBoolean.asBoolean(this.closing),
-            }) }, index.h("slot", { key: '2c0c890389a8cee3da1231e86242a2f042facced' }))));
+            }) }, index.h("slot", { key: '1694f501eafdafd64f413f9bd9c1c23bcde62bf5' }))));
     }
 };
 DrawerContainer.style = drawerContainerComponentCss();
@@ -90,7 +90,7 @@ const DrawerHeader = class {
      */
     close;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'f0cc21f420fc9ede8f37b703e2bdc05b0494fdfb' }, index.h("div", { key: 'e90c5f4e51592b3dd5aabddc4cdf394a44afc4d6', class: header() }, index.h("div", { key: '7c34db9d5c88f715dc67663c4bd59292f4d5f465', class: content() }, this.showClose && (index.h("p-button", { key: '65d62aac568049c275aaf0da50927aa162375291', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), index.h("div", { key: '7e1809baea3e11b781292e5948dcd88de22adcbf', class: title() }, index.h("slot", { key: 'a197919fc325a031824cc187d9f01c02047c3cce' })), this.showClose && index.h("div", { key: 'a89a2a5c054a83c7998f8e3537294bb0d9a3654a', class: 'size-8' })), index.h("p-smile", { key: 'b6247f9b0f7dd88fe13b507507a5802bef0b518f', class: 'dark:text-hurricane-400' }))));
+        return (index.h(themedHost_component.ThemedHost, { key: '195f7c25c03cd682954618c253cfde5f53072943' }, index.h("div", { key: 'b56fe38fb0a2357cfa0c51ea4794a17acaa8aa3d', class: header() }, index.h("div", { key: '0c18dfb4aadaf9c22897c12a46241f56342e5dff', class: content() }, this.showClose && (index.h("p-button", { key: '4b8e4e2c9a91b528d3660724e1e617fe63e61978', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), index.h("div", { key: 'f74ccd274f57c3be70e24cd1c9d6ef8314e467aa', class: title() }, index.h("slot", { key: 'e470468c0df46c5ea61eed908dc61a4b007eb329' })), this.showClose && index.h("div", { key: '6a62d49e7e45ada5f92b750df86dcd65bcdc086b', class: 'size-8' })), index.h("p-smile", { key: '438bb4547fb9d102955b9ea27e07d1aa4276b619', class: 'dark:text-hurricane-400' }))));
     }
 };
 DrawerHeader.style = drawerHeaderComponentCss();

package/dist/cjs/p-dropdown-menu-item_2.cjs.entry.js

@@ -290,19 +290,19 @@ const DropdownMenuItem = class {
      */
     autoHeight = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '4ba8f69906bcf37e693ee6b58e6f2545b0b7661a' }, index.h("div", { key: '25e4aaff0c2c9ae87794ed8b218e049e50b3b12d', class: cn.cn(dropdownMenuItem({
+        return (index.h(themedHost_component.ThemedHost, { key: 'fc4d04685b0448a435a099896278052c0f411389' }, index.h("div", { key: 'f171052b074280bedbe87eede01bfd87db05cb1f', class: cn.cn(dropdownMenuItem({
                 variant: this.variant,
                 active: asBoolean.asBoolean(this.active),
                 enableHover: asBoolean.asBoolean(this.enableHover ?? true),
                 autoHeight: asBoolean.asBoolean(this.autoHeight ?? false),
                 enableTextWrap: this.enableTextWrap,
                 disabled: asBoolean.asBoolean(this.disabled),
-            })) }, this.icon && (index.h("p-icon", { key: '01a95197b48fdebc2ad3517bc7184dd56371e622', class: dropdownMenuItemIcon({
+            })) }, this.icon && (index.h("p-icon", { key: '27f9beba76b3da27b06ffbe860c2f7abc7ef3ede', class: dropdownMenuItemIcon({
                 variant: this.variant,
                 active: asBoolean.asBoolean(this.active),
                 disabled: asBoolean.asBoolean(this.disabled),
                 wave: asBoolean.asBoolean(this.iconWave),
-            }), variant: this.icon })), this.checkbox && (index.h("p-checkbox", { key: '0b6d9ec947b49d9c918dc7af3197fb78648bdf8b', checked: this.active, disabled: this.disabled })), this.useContainer ? (index.h("div", { class: cn.cn('block w-full overflow-hidden text-start', {
+            }), variant: this.icon })), this.checkbox && (index.h("p-checkbox", { key: '1b8a2e9bd3d0119eaa6446e3b88bf3991a5040cf', checked: this.active, disabled: this.disabled })), this.useContainer ? (index.h("div", { class: cn.cn('block w-full overflow-hidden text-start', {
                 'text-ellipsis whitespace-nowrap': !this.enableTextWrap,
             }) }, index.h("slot", null))) : (index.h("slot", null)))));
     }
@@ -415,12 +415,12 @@ const PaginationPagesItem = class {
      */
     disabled = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '65e27fe59f22b3b63ae368a4918ab2e19e558aea' }, index.h("div", { key: 'ab68be3b7d2a9d7dba15a24ab171e9c03f9eba89', class: item({
+        return (index.h(themedHost_component.ThemedHost, { key: 'ffd321ffa0bb9522728c70ef306224da33b458d2' }, index.h("div", { key: 'a342f24ed7c3a10be801007c026d6ff474c1c1aa', class: item({
                 variant: this.variant ?? 'default',
                 active: asBoolean.asBoolean(this.active),
                 hover: asBoolean.asBoolean(this.hover, true),
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, index.h("slot", { key: '1492a730e70fcbb602637b4ed77b74290d1540eb' }))));
+            }) }, index.h("slot", { key: 'cd657281328eab0ffb8b093f61745a658af9d3f5' }))));
     }
 };
 PaginationPagesItem.style = paginationPagesItemComponentCss();

package/dist/cjs/p-dropzone.cjs.entry.js

@@ -123,20 +123,20 @@ const Dropzone = class {
     }
     render() {
         const hasContent = this._el.innerHTML?.length > 0;
-        return (index.h(themedHost_component.ThemedHost, { key: '3bdbd0ce35e34159cea4a25cd850f9a193a3f946' }, index.h("div", { key: 'ebf85859aa357664417f8086c865de8325a225fe', class: dropzone({
+        return (index.h(themedHost_component.ThemedHost, { key: '7c1db4cb49b8699a6aa11ffb0b6fe4d496dabee2' }, index.h("div", { key: 'a059feda628b54161629ea0e05dbbfb0fa8e4aba', class: dropzone({
                 isOver: this._isOver,
                 uploaded: this.uploaded,
-            }), onClick: () => this._uploadClick() }, !this.loading && this.showIcon && (index.h("p-icon", { key: '6dca37d76b00f5da9f5b4b8e028c83b0578fb811', class: cn.cn(`
+            }), onClick: () => this._uploadClick() }, !this.loading && this.showIcon && (index.h("p-icon", { key: '79d280c89d5274171ba689463491ab9386712353', class: cn.cn(`
           group-hover/dropzone:text-indigo-900
           dark:group-hover/dropzone:text-indigo-700
         `, {
                 'text-positive-green-800': this.uploaded,
                 'text-storm-300 dark:text-hurricane-200': !this._isOver && !this.uploaded,
                 'text-indigo-900 dark:text-indigo-700': this._isOver,
-            }), variant: this.icon })), this.loading && index.h("p-loader", { key: 'b6444e1d0c4519023ba628cab29b166812b0d853' }), hasContent && (index.h("p", { key: 'f2e434afe8daadfe90e3b1d7257c98a610405689', class: cn.cn('m-0 p-0 text-lg font-bold', {
+            }), variant: this.icon })), this.loading && index.h("p-loader", { key: '7c28c02bada55efe9d2045b3a42a7c3c2139ee76' }), hasContent && (index.h("p", { key: '78208423e2b95c23a5303f8fca3300e06b5b4d86', class: cn.cn('m-0 p-0 text-lg font-bold', {
                 'dark:text-white': !this.uploaded || this._isOver,
                 'text-storm-500': this.uploaded && !this._isOver,
-            }) }, index.h("slot", { key: 'f7054d8e072e40e6a294b8feec5d53c6368df633' }))), this.uploaded && !this._isOver && (index.h("div", { key: 'ad137466b30a21dd4ba66db226968cc17a8e5f8c', class: 'flex items-center gap-2 text-positive-green-800' }, index.h("p-icon", { key: '343c6b31e638f961430b7421e44faedbc8c00e24', variant: 'check-circle' }), index.h("span", { key: '6ada9196c435e0642fb8528fc4ba2d28ba6b1d29', class: 'font-medium' }, this.addedString))), (!this.uploaded || this._isOver) && (index.h("div", { key: 'e928b7b3a1e60e699f9ecc8de2f4bc48c4162032', class: cn.cn([
+            }) }, index.h("slot", { key: 'c0656e295223d620af579278f1c763eb7f368acf' }))), this.uploaded && !this._isOver && (index.h("div", { key: 'e5ebd90b568883a025118f3df155188b21f1f67e', class: 'flex items-center gap-2 text-positive-green-800' }, index.h("p-icon", { key: '782fc223bd7de1a5d2e7e78bce753e32160fb477', variant: 'check-circle' }), index.h("span", { key: '063369d8309f4d992b53d8db3165d4f9ed663992', class: 'font-medium' }, this.addedString))), (!this.uploaded || this._isOver) && (index.h("div", { key: 'c05af902cc62cfdbb7feea9de5aabf567c6d22f5', class: cn.cn([
                 'flex flex-col text-center',
                 'group-hover/dropzone:opacity-50',
                 `
@@ -145,7 +145,7 @@ const Dropzone = class {
          `,
             ], {
                 'opacity-50': this._isOver,
-            }) }, index.h("span", { key: '4533eac1b324933cc3aedaf84b8aa7954ac0b09d', class: 'font-medium' }, this.dragFileString), index.h("span", { key: 'bd5e993c33adc175ed2f81eee8a1c5350318df7a', class: 'font-normal' }, this.orClickString)))), index.h("input", { key: '6efc0733c35a09bce5b2a80de4870eb96b5e69f1', accept: this.acceptGroup == 'any' ? '' : 'image/*', class: 'hidden', multiple: this.allowMultiple === true ? true : undefined, ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
+            }) }, index.h("span", { key: 'c9ec4e45968281ce5c2033264ff7c972b25bd799', class: 'font-medium' }, this.dragFileString), index.h("span", { key: 'bc2aac22c381cdb7d5cbfaa42627f57d08cab115', class: 'font-normal' }, this.orClickString)))), index.h("input", { key: 'd7569817461cc246b0d17e9f8cf238ea169ad436', accept: this.acceptGroup == 'any' ? '' : 'image/*', class: 'hidden', multiple: this.allowMultiple === true ? true : undefined, ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
     }
     onDrop(ev) {
         const files = this._getFiles(ev);

package/dist/cjs/p-empty-state_8.cjs.entry.js

@@ -72,11 +72,11 @@ const EmptyState = class {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
         const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
-        return (index.h(themedHost_component.ThemedHost, { key: 'a1c5b7682ac5ffd11beb25f2dd91d156becec4a3' }, index.h("div", { key: 'd19221f86c59cc8583d1e96f59263e01ea4ad22d', class: emptyState({
+        return (index.h(themedHost_component.ThemedHost, { key: '1ee5241659e6ee9a39f0d3f641374b3fa9d7d713' }, index.h("div", { key: '2a170cfa8265e140da60465554908925a9a7b30c', class: emptyState({
                 enableAction: asBoolean.asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (index.h("p-illustration", { key: '0a078690887ee5eba9c383fe8ccba7aaeb110cdc', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (index.h("slot", { name: 'header' })) : (this.header?.length && (index.h("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (index.h("slot", { name: 'content' })) : (this.content?.length && (index.h("p", { class: '\n          my-0 text-center text-sm font-normal text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (index.h("p-illustration", { key: 'd843ed25df3ad3aee82b568419b553272df82155', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (index.h("slot", { name: 'header' })) : (this.header?.length && (index.h("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (index.h("slot", { name: 'content' })) : (this.content?.length && (index.h("p", { class: '\n          my-0 text-center text-sm font-normal text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content))), this.enableAction &&
             (hasActionSlot ? (index.h("slot", { name: 'action' })) : (index.h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText))))));
     }
 };
@@ -146,9 +146,9 @@ const FloatingMenuContainer = class {
         this._setLocales();
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '39fda8b74e11a3b1ee40aeee4101301a7680a6ee' }, index.h("div", { key: 'd26f65768d8c61b632577a00f5415710b73b8e74', class: container$1({
+        return (index.h(themedHost_component.ThemedHost, { key: 'fb1e5d90a2f55994104290d80c2ca660173b2646' }, index.h("div", { key: 'e44f381d30c5c4cfea6675f9801d222d9955981c', class: container$1({
                 enableAmountSelected: this.enableAmountSelected,
-            }) }, this.enableAmountSelected && (index.h(index.Fragment, { key: 'f298ab688db30acc900482c15034790a5dd4ca04' }, index.h("p", { key: '1133975449226656f722e67897c66d38c62893d1', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), index.h("p-divider", { key: '83fa0bb59baed26780d634825fa2a43e8538d9f6', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), index.h("div", { key: '27cecf5983e3f86fe52c7e3554f716a51ca77acc', class: 'flex items-center' }, this.usedInTable ? index.h("slot", { name: 'floating-menu-item' }) : index.h("slot", null), this.enableClose && (index.h("p-floating-menu-item", { key: '98fd091b04cd2b5eb16482ee2bad9078c4dfb42b', icon: 'negative', onClick: ev => this.close.emit(ev) }))))));
+            }) }, this.enableAmountSelected && (index.h(index.Fragment, { key: '5bc9c8a492d59c4b7707a5e96e1e540336b0421f' }, index.h("p", { key: '33984f558f3aac8810f777209573e2f60d6c6af3', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), index.h("p-divider", { key: 'bef78d2696ad0ab5559a8ba9932a3c3e6c1d5f7d', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), index.h("div", { key: '93f150f22d2d88e647712e913c753607a5735d23', class: 'flex items-center' }, this.usedInTable ? index.h("slot", { name: 'floating-menu-item' }) : index.h("slot", null), this.enableClose && (index.h("p-floating-menu-item", { key: 'd7617683822c43b2b193b47b60fa473fafc47744', icon: 'negative', onClick: ev => this.close.emit(ev) }))))));
     }
     async _setLocales() {
         this._locales = await localization.getLocaleComponentStrings(this._el);
@@ -214,7 +214,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'eb7f83afc2969cb84be91c81b5112566612a3604', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
+        return (index.h(themedHost_component.ThemedHost, { key: '561af3131d5290ab9738cb4f1920424ef6727f13', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
     }
     _getContent() {
         if (this.variant === 'loading') {
@@ -247,7 +247,7 @@ const TableContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'be24839c769bde51b4a32a0549c16b6cfe7b2b80', class: container() }, index.h("slot", { key: '7937037b88ac476bab9140fd0fb8a2468185a3bb' })));
+        return (index.h(index.Host, { key: '40f1c29d312321384c284e760a0d55670e87b006', class: container() }, index.h("slot", { key: '21adfccdd38b18e00e9335c6a3f53ee633b981f0' })));
     }
 };
 TableContainer.style = tableContainerComponentCss();
@@ -362,12 +362,12 @@ const TableFooter = class {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '166a446120f9a346cd32cd9b750a3db756f30797' }, index.h("div", { key: '28d48e2f706c97a3da47c28269c0fa4551eaf5ed', class: footer({
+        return (index.h(themedHost_component.ThemedHost, { key: '838cc36822e7cc8ae27663a24a3bfdc43b972e16' }, index.h("div", { key: '827e9b3207527766e1307962b7021e14b137173a', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (index.h("p-pagination", { key: '2fa3e65aab7a8d701626ff17645a9e9fc3d341fd', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (index.h("p-pagination", { key: 'f03d3de3c10237dd966435c67b66a968b6b4a87b', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -10002,13 +10002,13 @@ const TableHeader = class {
         const mobileTotal = (this.selectedFiltersAmount || 0) + (activeQuickFilter?.default ? 0 : 1);
         const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
         const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
-        return (index.h(themedHost_component.ThemedHost, { key: '5934545a9b79e63a584d60483a5e85d40bea840a' }, index.h("div", { key: '8cf4cc7921f7a639ca345d3bc7499157b00e6ca9', class: header() }, this.loading && (index.h("p-loader", { key: '37f231c9d95714e97a44b3590c641c4caf312248', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
-            (hasCustomFilterSlot || quickFilters.length > 0) && (index.h("div", { key: '79e2f32969deea9fda7734eb4b5109df72f95b12', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && index.h("slot", { key: 'a0fa8b99389dcac563cde033c736d742081f2ee1', name: 'custom-filter' }), quickFilters.length > 0 && (index.h("p-segment-container", { key: '16667bdc75b22b4161e804bda8958a4f84193635', class: cn.cn({
+        return (index.h(themedHost_component.ThemedHost, { key: '919f2d6962e03484eebc67c1212d7b79281a869d' }, index.h("div", { key: '34903f732f855e8762525313a48690933920065a', class: header() }, this.loading && (index.h("p-loader", { key: '0bf68e8fa2ebaf85095a0ac8eadfe49553085890', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
+            (hasCustomFilterSlot || quickFilters.length > 0) && (index.h("div", { key: '3aea08d692a98401fb5d2460678f12203f7fd9f4', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && index.h("slot", { key: '3135fb1229c2bc761d369c61883c162ca3b9c7a3', name: 'custom-filter' }), quickFilters.length > 0 && (index.h("p-segment-container", { key: '64bb908d67d4c476ef03823cf80708142662a5a3', class: cn.cn({
                 'hidden desktop-xs:flex': this.hideQuickFiltersOnMobile,
                 flex: !this.hideQuickFiltersOnMobile,
             }) }, quickFilters.map(item => (index.h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string'
             ? item.text
-            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), index.h("div", { key: '152a9822b276490709ce27554d9b0968e92e5a02', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (index.h("p-field", { key: '6f09acf8280c35508f574094d770ab8c147b2eff', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), index.h("div", { key: 'a496862587e67337f219adad7bdf3cd892522b2d', class: 'flex items-center gap-2' }, this.enableFilter && (index.h("p-button", { key: 'fe71e345507f80c5ea0b592361b40a16390fa828', class: `
+            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), index.h("div", { key: 'e3633eb69ed3f3ddb0442209918f26797f093405', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (index.h("p-field", { key: '15fe7cbc8b837be49b44091a44feff333c0d58cb', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), index.h("div", { key: 'e9cbe54fe98be68ee685724becab9c84ab08f30c', class: 'flex items-center gap-2' }, this.enableFilter && (index.h("p-button", { key: '0d896bb251a90f28c78544e9cd1c4f05e92d0ddd', class: `
            w-full
            ${this.enableFilterDesktop
                 ? 'desktop-xs:w-auto'
@@ -10016,7 +10016,7 @@ const TableHeader = class {
          `, icon: 'filter', variant: 'secondary', onOnClick: () => this.filter.emit() }, this.filterButtonTemplate
             ? this.filterButtonTemplate()
             : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
-            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (index.h("p-divider", { key: '0c85b3d8e51e963aa1a9d3720e35a236cc97ace7', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (index.h("p-button", { key: '1c647066577b85ca9b0c7b660858e172920dc2bb', class: '\n           w-full\n           desktop-xs:w-auto\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, localization.formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && index.h("slot", { key: '193a9d2a8bb5567033ad63485f9a9ed05fb7cdf9', name: 'custom-actions' })), this.enableAction && this.canUseAction && (index.h("div", { key: '5c6a0e789d6f4de9bf2131e3e169177d73cefbcb', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (index.h("p-divider", { key: '21491e18e3c1b9815b7f90762e04287dedc33c7d', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (index.h("p-button", { key: 'ec8f8fb78379982d84f07518fb932cb0e1aabd50', class: '\n           w-full\n           desktop-xs:w-auto\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, localization.formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && index.h("slot", { key: '6418703af4de32e78bbfb0bfc1c2714db1c235d7', name: 'custom-actions' })), this.enableAction && this.canUseAction && (index.h("div", { key: 'c8018e5ac7ce13b11f9e83af0b0de60ce5057def', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
     }
     async _setLocales() {
         this._locales = await localization.getLocaleComponentStrings(this._el);
@@ -10158,13 +10158,13 @@ const TableRow = class {
      */
     isLast = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '98252cd216cba353cf4e169a7f9850b7f373b93e' }, index.h("div", { key: 'de85352410756fa4b6d555763d5811ff8e70ce67', class: 'flex flex-col' }, index.h("div", { key: 'c56a01847cde5b860524169165c5f44c78de9d1a', class: row({
+        return (index.h(themedHost_component.ThemedHost, { key: '6afacd153aa236826889a81561d8a4cfaab68584' }, index.h("div", { key: '83aa5f82cdd91b6e64921493fc194305da11ef0d', class: 'flex flex-col' }, index.h("div", { key: '442151adebd3431c8810efc2cd4041c4b43cc0ec', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, index.h("div", { key: '8074d9c5617995d40dd06cc8f1e0d53f51db7fa7', class: content({
+            }) }, index.h("div", { key: 'e994c3629806ca1f82808fdfce127e1f17569788', class: content({
                 variant: this.variant,
-            }) }, index.h("slot", { key: 'c981dfaaa4e3f9c7ba350650e8239bf2b0f77780' }), index.h("div", { key: 'b51eabcfe145dc6fe263750e9a49ef84ae3ec9df', class: actions() }, index.h("slot", { key: 'a558a1b83cbcc339dd6223502adf978b5fd46e16', name: 'actions' })))), !asBoolean.asBoolean(this.isLast) && this.variant !== 'secondary' && (index.h("p-divider", { key: 'b5ca42d03270067f116206c9d291b520ff4db796' })))));
+            }) }, index.h("slot", { key: '42d02bf96ef9a8a55ab8ff861600161cf21b229f' }), index.h("div", { key: '750734513d1ebe567e089d4f2b7bb1a1b83d911e', class: actions() }, index.h("slot", { key: '6424f39c79ad42ec8f0b05c23f42f9b105aed2e3', name: 'actions' })))), !asBoolean.asBoolean(this.isLast) && this.variant !== 'secondary' && (index.h("p-divider", { key: '65df59b62d5de884e4b1fe4ee772aef7314fe513' })))));
     }
 };
 TableRow.style = tableRowComponentCss();
@@ -10180,16 +10180,16 @@ const TableRowActionsContainer = class {
      */
     checked = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '8150cc809c966d7ce65f9302a898fa5a0b871c52' }, index.h("div", { key: 'f3819618fc035040a36c6481eddccbb80e6f159b', class: cn.cn(`
+        return (index.h(themedHost_component.ThemedHost, { key: '9e256c986a4b331627d319a517b36590418e952a' }, index.h("div", { key: '6943ee451a14e22626cfd225c777ec749e23a75b', class: cn.cn(`
         flex
         before:w-4 before:bg-gradient-to-l before:from-off-white-200
       `, {
                 'dark:before:from-hurricane-600': !this.checked,
                 'dark:before:from-hurricane-400': !!this.checked,
-            }) }, index.h("div", { key: '2e10f66b4a319d1ed55a39b9f6fe10baf0211b78', class: cn.cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, index.h("div", { key: '4a4206b60e0fc5a5ff52c25fed3a705471aa8c33', class: cn.cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
                 'dark:bg-hurricane-600': !this.checked,
                 'dark:bg-hurricane-400': !!this.checked,
-            }) }, index.h("slot", { key: '6478fa71bf7ae5f301c97c281751083ed82fba6e' })))));
+            }) }, index.h("slot", { key: '896755e2e0ae1ed4b78b9fceb4bed9e62815e5a3' })))));
     }
 };
 TableRowActionsContainer.style = tableRowActionsContainerComponentCss();

package/dist/cjs/p-field_3.cjs.entry.js

@@ -390,8 +390,8 @@ const Field = class {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (index.h(themedHost_component.ThemedHost, { key: '26ead7c05e6305596106f154754986a05237c454' }, index.h("p-field-container", { key: '8828b6378d5a3e5c7c98dd52c0bc34ff7500ba02', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (index.h("slot", { key: 'c7a0344e9aec6a7e1c30e173fd5ceaf65268a912', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '9a0bdbb419369c6d658d5e1b855913ffe4dd42b0', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: 'dc417538960faecaa20898f52138042b52fc0232', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: '9e7659556f4bb3888d63ee6ca9b7d59bd7201db9', name: 'error', slot: 'error' })), index.h("div", { key: 'e0f979932fd5afb26e60df3656c503475bbfb43e', class: field({
+        return (index.h(themedHost_component.ThemedHost, { key: '537b14741e48d7aa20121d9d4e0cb4f04fcf7eab' }, index.h("p-field-container", { key: 'ddb458b4fda84393779f1c2668541b09baf008a3', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (index.h("slot", { key: '22e0fad26aa04bc18833eeb6b86822ad22a10586', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '2c451ce3554067b83effa28e7fb3afc350c07838', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: '5a7b1748f39fa6716d6ea84dc822f8a91a38a255', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: 'b02b47a5fa9768792a1de132beccfcb94637194d', name: 'error', slot: 'error' })), index.h("div", { key: '1beb78cff29f30c5adad7e3cec93961caaf34b08', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
                 focused: asBoolean.asBoolean(this.focused) || this._focused,
@@ -402,7 +402,7 @@ const Field = class {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '60384a989f7f7ce43dff577e5275d12d955f85ff', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '5c157f96f660ae83468219a63f08abc279dfc5cc', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
@@ -414,7 +414,7 @@ const Field = class {
                 'mt-1': this.variant === 'read' && this.size === 'base',
             }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix ||
             (this.type === 'password' && this.enablePasswordEye) ||
-            (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '7bfc680f8dff73606785066d9e3ad3fbf7ad5e83', class: cn.cn(prefixAndSuffix({
+            (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '470f92267fb2a7a44a52b58259539b2940943221', class: cn.cn(prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
@@ -688,27 +688,27 @@ const FieldContainer = class {
     }
     render() {
         const { hasHeaderSlot, hasErrorSlot, helper, label, errorAndErrorIsNotBoolean, } = this._getSlotInfo();
-        let contentSlot = (index.h("slot", { key: 'ee38d5be02a899e0d63749e4b13c17cae4711637', name: 'content', slot: 'trigger' }));
+        let contentSlot = (index.h("slot", { key: '5291beab9a04f71a20dc147266a4517aefc7026b', name: 'content', slot: 'trigger' }));
         if (this.loading) {
-            contentSlot = (index.h("p-loader", { key: '5e445ed28e4ff1254b6c724d5bb859d37ed669b3', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
+            contentSlot = (index.h("p-loader", { key: '7af3ba90aeecec528b526c5257f9fb53e601c795', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
         }
-        return (index.h(themedHost_component.ThemedHost, { key: 'b9e499d2dc7e962d706997c8d16f61c5252f118d' }, index.h("label", { key: '4233b212952fa641e2509ea1c942453e77ec5f82', class: cn.cn('flex h-inherit w-inherit flex-col gap-1', {
+        return (index.h(themedHost_component.ThemedHost, { key: '2aade5cc2ec5c8302d475aefc62b8a178027fbd0' }, index.h("label", { key: '5a0920e414f7f5f0333d2b5f805e016b98b19baf', class: cn.cn('flex h-inherit w-inherit flex-col gap-1', {
                 'cursor-auto': this.variant === 'read',
-            }), htmlFor: this.id }, index.h("div", { key: '20e48d5f03656193a1b837070ae750a8d4296465', class: cn.cn(`
+            }), htmlFor: this.id }, index.h("div", { key: '52f9924430ca76dd5492c8c5e78a5a640e132e29', class: cn.cn(`
          flex items-end justify-between gap-1
          empty:hidden
        `, {
                 'flex-row-reverse': this.align === 'end',
-            }) }, (!!label?.length || !!helper?.length) && (index.h("div", { key: 'ee34ef249bb30262496793d5f8417e137313cf03', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, index.h("span", { key: '1a73b8c8c753253a46be784bbd03aaf515c33d3d', class: '\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         ' }, label), helper && (index.h("p-helper", { key: 'fe0c268b0fee3a855bcc44ef844ca8a2a727dee2', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean.asBoolean(this.required) && asBoolean.asBoolean(this.showOptional)) ||
-            hasHeaderSlot) && (index.h("div", { key: '14466e8a589be9b1b599750e9d94fdd507e63637', class: 'flex items-center gap-1' }, !asBoolean.asBoolean(this.required) &&
+            }) }, (!!label?.length || !!helper?.length) && (index.h("div", { key: '4af64a1df141b112f28138a1f6a01ab6016bb642', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, index.h("span", { key: '6aae524554e4bd91eb9e316b7b69210be1e24b32', class: '\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         ' }, label), helper && (index.h("p-helper", { key: '148aa5b036d4b2cd74cb8d55f653082d9fb25a35', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean.asBoolean(this.required) && asBoolean.asBoolean(this.showOptional)) ||
+            hasHeaderSlot) && (index.h("div", { key: '5c7df3260b6add948909d13001a8f5f1a62a296b', class: 'flex items-center gap-1' }, !asBoolean.asBoolean(this.required) &&
             asBoolean.asBoolean(this.showOptional) &&
-            this.variant === 'write' && (index.h("span", { key: '2103c58a2d6283a3776386fc48b817b0a6c11775', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && index.h("slot", { key: 'daa792f0973fb224b65694b2b3da0bce094bc013', name: 'header' })))), index.h("p-tooltip", { key: 'f5a7db0a4adf1b122a1297e3216c67abd4dc824e', class: cn.cn({
+            this.variant === 'write' && (index.h("span", { key: '259e21450bdd3458cba03edf5106f2e31ffb1ac1', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && index.h("slot", { key: 'dfc59d9d34107403e05a4106b76f48eaf33efe0c', name: 'header' })))), index.h("p-tooltip", { key: 'b92186277a5c86017167ebfe66f360c2c569ea09', class: cn.cn({
                 'w-full': this.variant === 'write' || this.loading,
                 'ml-auto': this.align === 'end',
                 'font-normal': this.variant === 'read',
                 'text-storm-500 dark:text-white': this.variant === 'read',
             }), content: this.error, enableUserInput: false, placement: this.errorPlacement, show: errorAndErrorIsNotBoolean &&
-                asBoolean.asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (index.h("slot", { key: '38ce560479de40f7b704bf9f7736f217286a39b8', name: 'error', slot: 'content' })), contentSlot))));
+                asBoolean.asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (index.h("slot", { key: '40046f1ba8136dcaf7a37c11edeb8ba75b115415', name: 'error', slot: 'content' })), contentSlot))));
     }
     async _setLocales() {
         this._locales = await localization.getLocaleComponentStrings(this._el);
@@ -750,7 +750,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '5eeb291711edeee3b0aedef613e6a0beb0ceeddf' }, index.h("p-tooltip", { key: 'be8b8123d9e05c58eac02b0dab3b1f62b021ee3f', class: 'flex', placement: this.placement, strategy: this.strategy }, index.h("p-icon", { key: 'ac53e1c0520fa58f44e85a8ce7b7738b56793894', class: '\n        cursor-pointer text-storm-300\n        hover:text-storm-500\n        dark:text-hurricane-300\n        dark:hover:text-hurricane-200\n      ', size: 'sm', slot: 'trigger', variant: 'question-circle' }), index.h("div", { key: '60148e302099242dcd915e02e8c785316b4443c4', slot: 'content' }, index.h("slot", { key: '1c5b842240e2649b7ecf83c4decd3db35dc17a0d' })))));
+        return (index.h(themedHost_component.ThemedHost, { key: '39379d6680fc0f1f4a3c90ffd964529dee35319e' }, index.h("p-tooltip", { key: '4178c9103ba04372985cfce14e8a5d621b3b9e61', class: 'flex', placement: this.placement, strategy: this.strategy }, index.h("p-icon", { key: '308d56eb6dcf3485cc59cec1dfe43464bc2f0920', class: '\n        cursor-pointer text-storm-300\n        hover:text-storm-500\n        dark:text-hurricane-300\n        dark:hover:text-hurricane-200\n      ', size: 'sm', slot: 'trigger', variant: 'question-circle' }), index.h("div", { key: '5592c1f5da17063555e1fdd48244b22875ca4a67', slot: 'content' }, index.h("slot", { key: '46865d4567144cb2239175a542a16a6323006cd9' })))));
     }
 };
 Helper.style = helperComponentCss();

package/dist/cjs/p-floating-menu-item.cjs.entry.js

@@ -101,10 +101,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '63c7d816912054a3f5a18aa8e81f5cda7b66c0c7', class: item({
+        return (index.h(themedHost_component.ThemedHost, { key: 'eb814d6f0687bb321a9cda8d8bee9f79f3b218e3', class: item({
                 hover: asBoolean.asBoolean(this.hover) && !asBoolean.asBoolean(this.loading),
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, this._getIcon(), index.h("p", { key: '03357ad173ba9040116dabc025b1cfe0d791b3bb', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, index.h("slot", { key: '417830e61a02c89ec9c45eed10b976a9f8a73c04' }))));
+            }) }, this._getIcon(), index.h("p", { key: '082e89b49d44db0beb002b23e3186340d998d0df', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, index.h("slot", { key: '7e8df35acb58f95165cc20d906fd8ba9cef7cf49' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {

package/dist/cjs/p-illustration.cjs.entry.js

@@ -225,7 +225,7 @@ const Illustration = class {
     render() {
         const illustration = illustrations[this.variant];
         const hasSize = [...this._el.classList.values()].some(val => val.match(/text-(xs|sm|base|lg|[2-79|]?xl)/));
-        return (index.h(index.Host, { key: "29276e43798615303cd45eaf6ff247a2bc61edee", class: cn.cn("block", { "text-8xl": !hasSize }), innerHTML: illustration }));
+        return (index.h(index.Host, { key: "8b5b9281ee5f5741261dc01f3286d81843946a47", class: cn.cn("block", { "text-8xl": !hasSize }), innerHTML: illustration }));
     }
 };
 Illustration.style = '.block{display:block}.text-8xl{font-size:6rem;line-height:1}*{box-sizing:border-box}';

package/dist/cjs/p-info-panel.cjs.entry.js

@@ -106,10 +106,10 @@ const InfoPanel = class {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (index.h(themedHost_component.ThemedHost, { key: '6e90d3fa10339e27158689ab6ff7f4c27e4112a5' }, index.h("div", { key: '290bb5cf9fbf7d9bd17d91e341012c83f76061a1', class: infopanel({
+        return (index.h(themedHost_component.ThemedHost, { key: '9f78c3309b7d3fb699d224b018af652a65899654' }, index.h("div", { key: '72eee0bb6462c25485392a4c38da3cad6b5bd8bd', class: infopanel({
                 variant: this.variant,
                 closeAble: this.closeable,
-            }) }, (this.header?.length || hasHeaderSlot) && (index.h("div", { key: '6d04877e365f21579f6c1c0bdd6f0471ff4c4528', class: header({ variant: this.variant }) }, this.header?.length ? (index.h("p", { class: 'my-0' }, this.header)) : (index.h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (index.h("div", { key: 'f30535d8f77ce76af301bd96bd6c71b645ce68da', class: '\n         h-inherit text-sm font-normal text-storm-800/60\n         dark:text-white/70\n       ' }, this.content?.length ? (index.h("p", { class: 'my-0' }, this.content)) : (index.h("slot", { name: 'content' })))), this.closeable && (index.h("div", { key: 'cbff549d70f794782288c3ff59c7a7ede09962bb', class: close(), onClick: () => this._close() }, index.h("p-icon", { key: 'a982772edafce6a622d02676b4ec5d36e30c31af', variant: 'negative' }))))));
+            }) }, (this.header?.length || hasHeaderSlot) && (index.h("div", { key: '2c4295ffec4dd380af662b41fdc4d907ae090bf9', class: header({ variant: this.variant }) }, this.header?.length ? (index.h("p", { class: 'my-0' }, this.header)) : (index.h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (index.h("div", { key: '812ca8b8ff2e09d49602bc986b785d6a1d81e3d1', class: '\n         h-inherit text-sm font-normal text-storm-800/60\n         dark:text-white/70\n       ' }, this.content?.length ? (index.h("p", { class: 'my-0' }, this.content)) : (index.h("slot", { name: 'content' })))), this.closeable && (index.h("div", { key: '05a02d7363647ad0acd9ca89db7b75e83cd38bd6', class: close(), onClick: () => this._close() }, index.h("p-icon", { key: 'c2825dc70562a98674bd86b7997db390988c088c', variant: 'negative' }))))));
     }
     _close() {
         this.closed.emit();

package/dist/cjs/p-layout.cjs.entry.js

@@ -18,7 +18,7 @@ const Layout = class {
      */
     scroll;
     render() {
-        return (index.h(index.Host, { key: '5e96a8306fb4c7cab4119a7ba5c70bcbdd7a4c88', class: 'variant-' + this.variant }, index.h("div", { key: '843970e380e0c43e74a8124a3a0081faa60f4679', class: 'content', onScroll: ev => this.scroll.emit(ev) }, index.h("div", { key: '87248ef456ff60f8468e3ad9c83f3bfc127df83c', class: 'inner-content' }, index.h("slot", { key: '8fe3daf6f639a8cb6b8ab40606f84fc3c92815fe', name: 'content' })), index.h("slot", { key: '8c9d95947c939b50851f145b6dd36dd4111b82b1', name: 'outer-content' })), index.h("div", { key: '43afaa2036ba6f7ac4ca355402a3dfc1840b69c0', class: 'sidebar' }, index.h("slot", { key: '8a3a225c1bb302cdaf70c3b16658e971bee97336', name: 'sidebar' })), index.h("div", { key: 'a5cfe1d264780bcc00ac4e3e09a713357788985d', class: 'topbar' }, index.h("slot", { key: '460057e388170134ceef77a2d737a701b9310b77', name: 'topbar' }))));
+        return (index.h(index.Host, { key: '9f8d2aa60dc26e5466e2c8190185f81245bd6f31', class: 'variant-' + this.variant }, index.h("div", { key: '4ec81143589698d5d28a9d979de5fdefae35251c', class: 'content', onScroll: ev => this.scroll.emit(ev) }, index.h("div", { key: '6cfcde977e26dd62ab0e89e82143920a9d01b7fb', class: 'inner-content' }, index.h("slot", { key: '2e345272546021ec0b6c10bc95c967fbb7c5d395', name: 'content' })), index.h("slot", { key: '120b6b57f6367c572360ac0f33edddcec6aee745', name: 'outer-content' })), index.h("div", { key: '30e5cc2ef678d68aef5495749911c11d4db0f262', class: 'sidebar' }, index.h("slot", { key: '7d890c8ad0112adda59eb9534905a6bad46c40fc', name: 'sidebar' })), index.h("div", { key: 'b7cfb05d30f8a3e452240a50fc44f64c7aa088ad', class: 'topbar' }, index.h("slot", { key: '3fceab204c77b72d41d9ce5a7fe958c90e4bd484', name: 'topbar' }))));
     }
 };
 Layout.style = layoutComponentCss();