npm - @paperless/core - Versions diffs - 2.0.1-beta.42 → 2.0.1-beta.44 - Mend

@paperless/core 2.0.1-beta.42 → 2.0.1-beta.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (309) hide show

package/dist/collection/components/atoms/table-container/table-container.component.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class TableContainer {
         this.shadow = true;
     }
     render() {
-        return (h(Host, { key: '1620fc3c471e1742c2d573cc1aed5cebfc06b733', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: 'aac6e741bd0d970dfe62cae13f40d482bba73803' })));
+        return (h(Host, { key: '3093de271c11a50d334006232f4cd02a66131191', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '76d6ab8ecf532e2a4d43f6b7257135c4881176e3' })));
     }
     static get is() { return "p-table-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/toast-container/toast-container.component.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class ToastContainer {
         this.placement = 'top-end';
     }
     render() {
-        return (h(Host, { key: '66a096c3f431e2f13a1fe41c62dbd4304499ebd0', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '7b542a7d0fbc4721fcc7614f8a1a2565beff1028' })));
+        return (h(Host, { key: 'ab81aa8f5275de30e45826d232f2c551aded8cbe', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '82cd3e00ce8242aaf2acdbe393fe4058949b73fe' })));
     }
     static get is() { return "p-toast-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/toggle/toggle.component.js CHANGED Viewed

@@ -61,11 +61,11 @@ export class Toggle {
      */
     indeterminateChange;
     render() {
-        return (h(Host, { key: '343a2f15e00552e1c98099187d517ee5382a8212', class: 'p-checkbox' }, h("label", { key: 'a49806ad26fa79f7305c2b0409b4f34682df9da6', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'c83e7b20bae3ce7253109250e3241aed337e8a6a', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '1d4a8f295d844486020be169f4dd241564c2f9b4', class: checkbox({
+        return (h(Host, { key: '2eb5fbb512368179d3c5241a894e8e26846f61f5', class: 'p-checkbox' }, h("label", { key: 'f058bbab3426392b0cae97759c913f39934a0b3a', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'c07339b5e6ac8f42eff1fcfd4159a695577be3a5', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: 'f7b3debaf7a516cbacd5e8a1c33e24765052c595', class: checkbox({
                 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) }), h("div", { key: '81fd3e19d2b08cd58000a9a6b8bda688591c7cfd', class: circle({
+            }), 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) }), h("div", { key: '0fb49b68ca77711a496bba9d67bb3389e384ced5', class: circle({
                 disabled: this.disabled,
-            }) })), h("slot", { key: 'f620848c4a6576f9e573d0fad4433525e7153291' }))));
+            }) })), h("slot", { key: '271b918b319a8ae027ed106f3ba32d833e2215df' }))));
     }
     _onChange(ev) {
         if (this.disabled) {

package/dist/collection/components/atoms/tooltip/tooltip.component.js CHANGED Viewed

@@ -83,19 +83,19 @@ export class Tooltip {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (h("div", { key: 'cdbd3581045fcc75697729ef130a3889678548e8', class: popover({
+        const tooltipElement = (h("div", { key: '169616082faa134096b7513e8f6239a6d9334b69', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '1f63d8147a4e72c11bfab46ee5024a8375062a9f', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '7058fe70c44b493597311c7c1411c7c4df841674', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '046701610de74bb4019432e5fb75c2c5cc0e8e20', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '7bfddd1714489c190a8cdbda40a024b1801ca139', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (h("p-portal", { key: '96739f0e7e664da33491259e2f15e894ff69920f', class: portal({
+            tooltip = (h("p-portal", { key: '6b89ce1a9d535875f7a721b7c7d434e0d1f8734e', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (h(Host, { key: 'ebe04491e3fea086bc1930399482a3ed78e985d2', class: 'p-popover flex cursor-pointer' }, h("div", { key: '38ecf980c282fb9b2ba83d08b0b53bfd16c87482', class: 'relative h-inherit w-inherit' }, h("slot", { key: '56f04f37ee6cbdb038718090c82d4ea1b2e382f3', name: 'trigger' }), tooltip)));
+        return (h(Host, { key: 'a9e4f7ab599b3a911187e9e7a2bd534a5025e3af', class: 'p-popover flex cursor-pointer' }, h("div", { key: '61b93f1f661ba02a2abef879da30b969ac9407af', class: 'relative h-inherit w-inherit' }, h("slot", { key: '38461c917337eead796bc6ce7e5e7f24782199a8', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/collection/components/molecules/accordion/accordion.component.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class Accordion {
      */
     isOpen;
     render() {
-        return (h(Host, { key: '7ad723f9d462475bbde3b153d9933ae8aa486087', class: 'p-accordion' }, h("div", { key: 'd84095e73c10d45be714b9dc5be39f8cb46eae07', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: '91b832f408a54a7c157de9da7e5eeceb2e40c22c', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'ecee19be59e16078a4b451674ed44d73114e523d', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: '99dc087bff6db71f175f66ca150fe81eb1b77bc0' })), this.open && (h("div", { key: 'cd20ff3a60c59c2b7f14ee7d4082fc9afe4064c8', class: 'mt-6' }, h("slot", { key: '4b293f8ddc3dd60d1e2dae75f4707eb5b78e7183' })))));
+        return (h(Host, { key: '1987c3d70bcb8cbf640c5df6f3f4f9d6b4e91580', class: 'p-accordion' }, h("div", { key: '6b1b9e48c71f8eaf4d57d3ad0d200c7a1d5786e7', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: 'a3730b1c6a0df8ea19b0bd0a860f297fda3950a1', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'd1c3e010caf52118b2f949f63cbf38f5958f08f8', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: '64e9ea96be09d1c832ca29bb25d00ff8093d21ee' })), this.open && (h("div", { key: '0b233c739b2b4f4619d59a479fb201bfff84d68d', class: 'mt-6' }, h("slot", { key: '1c2423d144b81593b8a282233169be7d87271f5f' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

package/dist/collection/components/molecules/attachment/attachment.component.js CHANGED Viewed

@@ -15,14 +15,14 @@ export class Attachment {
      */
     delete;
     render() {
-        let prefix = h("p-icon", { key: 'e23ed6e11a562258c720881549f28a7abb584f3d', variant: 'attachment' });
+        let prefix = h("p-icon", { key: '91f61402860b721f93e4d39092d1a7287c7d76be', variant: 'attachment' });
         if (this.loading) {
-            prefix = h("p-loader", { key: 'f97752af8256bbdae224e3567d96004df480ce0b' });
+            prefix = h("p-loader", { key: '2d80997d3d7586bd94cacf836973d52bf1e5d33c' });
         }
         if (this.error) {
-            prefix = (h("p-icon", { key: '0a9913dded62bb2b899aebef67e612cf6decd4f8', variant: 'warning', class: 'text-negative' }));
+            prefix = (h("p-icon", { key: '79811465cf29931d832ceb81ba11a3d0aad8987b', variant: 'warning', class: 'text-negative' }));
         }
-        return (h(Host, { key: '9d4d8572b25dc995f2b1fc078cc6066124331ea1', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'be153b4d1970343f7bb0ea67eac8b1fa246f9bb5', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '80d5a254322f25126ccfdd375bfd089c70513237', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '667ab94cb746606eb4f6466570b550c07aa97cfa' })), this.error?.length && h("p-input-error", { key: '6edb2fdb1734929bf6288c1d3670678eef7f8c60', error: this.error })), h("p-button", { key: '3d616711ff6c9f351410fe6b613edd04eee363c9', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
+        return (h(Host, { key: '159cf6563bbe844c1992605de10d1518e2087d77', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'a04aad61a2ea29086ffc2fcbee6dd2c2299fab3b', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '5061aeaa9cc1884529a8b68a93f70180eca4cf8c', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '4a11f180fac573f1e5de447552f4f711e2d083d1' })), this.error?.length && h("p-input-error", { key: 'cad249378d27241da65d7c1c15a886f12e8adbf2', error: this.error })), h("p-button", { key: '1587915332cf3a281f88f8e0d28b525c37bafade', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
     }
     static get is() { return "p-attachment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/button/button.component.js CHANGED Viewed

@@ -289,7 +289,7 @@ export class Button {
             ? 'a'
             : 'button';
         const active = this.active || this.class?.includes('active');
-        return (h(Host, { key: '5b403a188a619e8c55f8cfc3a565648ebb937fed', class: 'p-button inline-block' }, h(VariableTag, { key: 'd2d4e582a384293dfc5e5759089de2c796ff5951', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
+        return (h(Host, { key: '953bc72ccbf5cbaf885fdfedcba5b93d5e75331e', class: 'p-button inline-block' }, h(VariableTag, { key: '6e32032b8f01ca2e1183fdada3233b0f8038a88c', 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,
@@ -298,14 +298,14 @@ export class Button {
                 buttonGroupPosition: this.buttonGroupPosition,
                 iconOnly: this.iconOnly,
                 active,
-            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '4b9a4bf97333f65e364717fc255702b1b4db49f0', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '1e147d6354410e5eb10dea1762a07a3e07482dd5', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
-            this._getIcon(), h("slot", { key: '010fb2bfe3cf97088dd61dd88ad9ef9d856d9287' }), this.icon &&
+            this._getIcon(), h("slot", { key: '145ebb2b41c0e1bc120512d17f240e6378416e7f' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: 'fb2f8c25d53d71858a527541aef7b713dfd70942', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: 'e9ca49b346ae40fe59a4bb45fe6cac24a819d4cc', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '41da9a08e588012f5e92368061280d4f77dac48e', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '88edf474096e64d4c04f019f6fcd59645594388b', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {

package/dist/collection/components/molecules/button-group/button-group.component.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: 'e6f8f11913c961bcd9eb60dbe3701d4d6b0ddda8', class: 'p-button-group flex items-center' }, h("slot", { key: '0fc6046183416abb64e79afd71d388c02e88e13d' })));
+        return (h(Host, { key: 'c183ec62037fba80a35f89e6832b14a915cfdc30', class: 'p-button-group flex items-center' }, h("slot", { key: 'a097cd98632d55f5f6a23189ee5c894805c038d6' })));
     }
     slotchange() {
         this._checkButtons();

package/dist/collection/components/molecules/calendar/calendar.component.js CHANGED Viewed

@@ -135,7 +135,7 @@ export class Calendar {
             .filter(date => isValid(date));
     }
     render() {
-        return (h(Host, { key: '46faa32e58b38b7d391ab869ee87321605543a2a', class: calendar({ variant: this.variant }) }, this._getView()));
+        return (h(Host, { key: 'd3c7dfcd3dc0c0e7a0cb2443501f427e30689ae7', class: calendar({ variant: this.variant }) }, this._getView()));
     }
     _getView() {
         if (this._view === 'year') {

package/dist/collection/components/molecules/content-slider/content-slider.component.js CHANGED Viewed

@@ -39,9 +39,9 @@ export class ContentSlider {
         }
     }
     render() {
-        return (h(Host, { key: 'd6b4692cc1d43891354a500329fff9580ed44740', class: "p-content-slider" }, h("div", { key: 'e8cc6a05ce6dc25b78965d668e3bace718f16a6a', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (h(Host, { key: 'e996c635c0cf4b6079e446ce63d73f1b9852726b', class: "p-content-slider" }, h("div", { key: '184859d7f3cc545fed4b2cd81ec40f1faf231a14', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
                 height: `${this._outerHeight}px`,
-            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { key: '6168400b01a4f4effa2793fd39c1a1da08177944', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '09562df788a6cf274356c8abd72939dfe3007d2b' }))), h("div", { key: 'e1cab5a4ab8d6c8b580c484daf61ab5f7bb81c8c', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
+            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { key: 'cbeab030c9c898ee3f13b18c542673057113a74d', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '3a750b867b7abd33b4ad25dd08b7e634fbddd957' }))), h("div", { key: '6fb3c9c1bfcaf67067858c71de4058be1e6fd8b8', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
     }
     _mouseDownHandler(e) {
         if (this.disableDrag || this._dragging) {

package/dist/collection/components/molecules/cropper/cropper.component.js CHANGED Viewed

@@ -34,10 +34,10 @@ export class Cropper {
         }, 200);
     }
     render() {
-        return (h(Host, { key: 'b2e007b713b03eb78e4be7089d12c98b340de901', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: 'ebf28d49ad1946d5d436875dc9dc8339f926210d', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: 'd6b6b2a3943c503aa0d2082be017c50563d0dfd9', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: 'bad24efa774726cf6030d45657380a61149dce1f', class: clsx({
+        return (h(Host, { key: 'afd5e10b35660436241cd4bf34804ff18d38e63c', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: 'b83a601fdc5e6dd0bdab4091dce8536dd8098abd', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: '92f70e3d205a72e87c4454f6f2ffb3ecb7c2a2c4', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: 'cb819b4d9a2e28263555c888b4db913d6d8d9f45', class: clsx({
                 'rounded-round': this.variant === 'user',
                 rounded: this.variant === 'company',
-            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: 'fa46a342c0cb0a42eb2ece0ab624bd9e5c086f3e', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '5c6ab0d8b01095170e08717b37982f420c8de6f3', action: 'move', plain: true }))), h("div", { key: '3d23297da018576b20048beaeff88158e311b726', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: '8571b7630258792e532caee07f277d88ef111a6c', variant: 'minus' }), h("input", { key: 'e3440014fafc4b7dd4f38684c7565ec807c897cb', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '047adaf1e384ae862200760220adc8d3027dc66c', variant: 'plus' }))));
+            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '65e6df8e4166009cc27e83c173203c7dfe163bd8', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '2c7e8c3b91c7bf71ac9ab34f12d7533ac32686d1', action: 'move', plain: true }))), h("div", { key: 'f8bdfafaebb8ec4da34b01bbbefc8a56f34a9696', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: '883df6ef54a39ab1fbc2b1d3e1940aaec0f0d97f', variant: 'minus' }), h("input", { key: '8d39562d4df89cf00479cc3ff97194c14622fd31', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '9b0ba4eae79add1f148a884013f8ad3f8d7d75cd', variant: 'plus' }))));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

package/dist/collection/components/molecules/datepicker/datepicker.component.js CHANGED Viewed

@@ -116,9 +116,9 @@ export class Datepicker {
         this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: '859b876921f336859ff7e95b5c78517c74d795f7', class: 'p-datepicker' }, h("p-dropdown", { key: '4f89918eee02180a5a5e75618c01949c37259a01', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '70bac67fc5253c58b8a9ea85458decc98680c789', 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 && (h("input", { key: 'fbb07a9c49a08e16c741839eab8020ab7b520d7d', 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 (h(Host, { key: '5eb880c345d56b9e74899183775426c84712025f', class: 'p-datepicker' }, h("p-dropdown", { key: 'e6e698d7d5f18c1d59ea5dd853cd90902efc021c', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("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 && (h("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
             ,
-            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') })), h("div", { key: '932e4d12ff014bd5c87fcf4eabf2f4a8ca8d7855', slot: 'items' }, h("p-calendar", { key: '54e2aecf8ec972795cbba708075e26561b7b4ea5', 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') })), h("div", { key: '2119a5a698d538c40a00083bbf79626ad6cfd444', slot: 'items' }, h("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 })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

package/dist/collection/components/molecules/dropdown/dropdown.component.js CHANGED Viewed

@@ -71,12 +71,12 @@ export class Dropdown {
         };
         let dropdownContainer;
         if (this.usePortal) {
-            dropdownContainer = (h("p-portal", { key: '188521ef2a7d7bc4717fd3661b015bc67c8f15c5', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: 'f2eba007ccc859a0b4be038d32591f9baa763d44', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, h("slot", { key: 'f35f9a5de0cace36910a23bcc997013a68dd2bdc', name: 'items' }))));
+            dropdownContainer = (h("p-portal", { key: '935807ad31dfa041a8b9bfbbf9ea8167c97edd28', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: '64f108172d4ab77c179c7e74085c14828bc72daf', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, h("slot", { key: '92a9011b96df6168cd2800aa5e682133a9b71624', name: 'items' }))));
         }
         else {
-            dropdownContainer = (h("p-dropdown-menu-container", { key: '9f8d9139afc893f4254fffe6fc51ea1886f4626a', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, h("slot", { key: '71a1a3b86796beb146db387981e6f433357aec6f', name: 'items' })));
+            dropdownContainer = (h("p-dropdown-menu-container", { key: '653ca26a3360e09396b8d03d936848cf156316a4', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, h("slot", { key: '4ad64aaa104e21c0e17b695e1e0b81406ccbdd0b', name: 'items' })));
         }
-        return (h(Host, { key: '6ae014439828ff99141a49489420a59132ab8f41', class: 'p-dropdown relative' }, h("div", { key: '30b1fb302a160457356906ba9922155af3b572d6', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '6144e09dd66466030d46d80a3264c1851923c398', name: 'trigger' })), dropdownContainer));
+        return (h(Host, { key: '1314337c4ed060ec1e1fc0194cd3a0eaf21fa31d', class: 'p-dropdown relative' }, h("div", { key: '5ca13d9b0e6a1aa6f78acd8e877828a98d465b1f', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '4034d754a6a2971d3491dcaface58fb66162894d', name: 'trigger' })), dropdownContainer));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {

package/dist/collection/components/molecules/field/field.component.js CHANGED Viewed

@@ -179,21 +179,21 @@ export class Field {
     }
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(Host, { key: '3f3fd166cc76fe9252776dbd7cd3d1304c22218a', class: 'p-field' }, h("p-field-container", { key: 'abc045d8f7db7f354718d59ec76ca9cc6e07809b', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: 'e511c87e1b64dd851f5cedc93aea4682724e4917', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '5091f7a7fc86260825e9652dfd90e18eeeb8e513', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'ae47e83141138b6d287f57425f2e4b0c4e97039f', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '61f8825be771336db50b9a68afda95611792f9e2', name: 'error', slot: 'error' })), h("div", { key: 'd3f5f14e94b8ae99c6736ee81e99f8c75e014719', class: field({
+        return (h(Host, { key: '1b8b2dc1097acc0e526ee2c968b5756d5cd3d2ba', class: 'p-field' }, h("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 && (h("slot", { key: '4489a94949ab662ec88f35b699a362f6c54748c1', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '6d1a46d462c5388c19513831344072267ef8a404', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '5cee513bbcfa0eeb02482b04869087d9b600f3b8', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'b9564cb87621082013c6efc3b0f9e816ce48c745', name: 'error', slot: 'error' })), h("div", { key: 'aded5884f1b8f92d96de9ea82da6c4d26e9fcb2c', class: field({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
                 size: this.size,
                 variant: this.variant,
                 isTextarea: this.type === 'textarea',
-            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '86f5e2061f36f29550c132f2e9fa2b6e79c6067a', class: prefixAndSuffix({
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '871a874efbe824fda3649baf84d6bfb2df825cdf', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
                 isText: typeof suffix === 'string',
             }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("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')) && (h("div", { key: '232161ca51e36c7fbd042d78be1c0bb5271c1a51', class: prefixAndSuffix({
+            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '9aff1cd76d5581d5ef7a842f91e9d5f88fa479a7', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,

package/dist/collection/components/molecules/input-error/input-error.component.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class InputError {
         this._showTooltip = false;
     }
     render() {
-        return (h(Host, { key: '9f868355d1054591b9a6ea4d74ed35d7ce403cc4', class: 'p-input-error' }, h("p-tooltip", { key: '966da7a65c5a52d343e39e1d47fd2836c9abf78c', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '50e741bf36f05c5162c3e1ea51074d1c74717584', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        return (h(Host, { key: '237fb85662689a98bb85e42c866ac8d1815531ec', class: 'p-input-error' }, h("p-tooltip", { key: '1c0cae7214592b51e7816ca0d7583ce04fb0c287', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '174eefe895478bf5e542edd8d59b6a1b68901289', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
     static get is() { return "p-input-error"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/input-group/input-group.component.js CHANGED Viewed

@@ -32,11 +32,11 @@ export class InputGroup {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        return (h(Host, { key: '3b64813ba6c1b60adfc2d00b992c3f6b031444b8', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '4ce62abdb4c16aa68b8d28197a852c47108f21ad', class: 'flex items-end justify-between' }, label && (h("div", { key: 'b655dd1ef55d37287c3b17a579497139f169f84b', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '7d79cabfba9cd13ab5adaf04a8bd2665974f9a1e', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'e4e8edc368c460d6caa122e7c2555298968f693a', class: 'input-header' }, hasHeaderSlot && h("slot", { key: 'b192742c644473dd5a47009c59d6341294b5b68c', name: 'header' }), helper && (h("p-helper", { key: '793bb03d5d343b9cb13e85ca5427e4af2aa0aa6d', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: 'e608346e57da2bfee29e1d23c4f9cc78f8dcc4e9', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+        return (h(Host, { key: '1dc90a54d71edaf62e33e742d6eefd46cee71185', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '65aa399f2ddb79d6702bfeb2bfc952063dc42ab8', class: 'flex items-end justify-between' }, label && (h("div", { key: '439635f3f8f8290c0e21c43cb0fc08203c0ef063', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: 'cbf090536292311c28df9d0032ed079e6c116969', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: '65b8a26bdb9b0b36be9f68f6ce2c26fd44e5ca5d', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '3eac76c464e21574a5c7ae83989275dea3a24980', name: 'header' }), helper && (h("p-helper", { key: '57089ca28289ea0c36f02d091ca37b5fa5f71408', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: '111ebb5ae5611d50361da2a1922ade05cba4670d', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: 'e56a794eec36a1dd6ff37998882206ca48b0ca0f', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'f7b2eb5147f395ccbcb6672a620dcd8d7310e9f1', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: 'bb5ba0451d212455c922bb643a12b9af9c0d3700', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '977867219dd444b2b5ed371040b949613b786c41', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
             (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
-            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '3f47b919dfbbb65f77a4480d2d7e6ff92f01f205', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: 'bb147b856fa160f2266eb80fb373150bb58e67a1', name: 'input' })))));
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '1f286cb36b44fffedd41adabfdb6e6c8f2c9214a', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: 'f0a9f5fa199ec676326fae1421fc1f6368e83fea', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;

package/dist/collection/components/molecules/label/label.component.js CHANGED Viewed

@@ -37,14 +37,14 @@ export class Label {
         this.keepMobileContent = false;
     }
     render() {
-        return (h(Host, { key: '34bf8bc0e6ca29fbd6a889895d888fd179e21c34', class: 'p-label' }, h("div", { key: '2ca6b618c3ef74001086fca0cf09ffaed8dc94be', class: label({
+        return (h(Host, { key: '0006c88df82c7ef4390264555a15a3ed782a8b15', class: 'p-label' }, h("div", { key: '3312ccc3e3552619ea5838e4aa1fd203e95df981', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '2e779cfb8f28ddb063448ebe70bbdfdece4471ec', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '9ad259144a80cd32caf510f17d0741ac5a71ca12', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (h("p-icon", { key: '2297a8ae1aad8bdeda04c7104453622cd9688ece', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'c4f43c3e0c3508a6a4dc41eea31691d4a6a0aaad', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: 'b53d67664231536f212587fd02e1bbc2fc25050f' }))))));
+            }) }, h("slot", { key: '539f16c68076d69b049644463a3dbf2c4017cf08' }))))));
     }
     static get is() { return "p-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/navigation-item/navigation-item.component.js CHANGED Viewed

@@ -43,10 +43,10 @@ export class NavigationItem {
     render() {
         const TagType = this.as;
         const active = this.active || this.class?.includes('active');
-        return (h(Host, { key: 'dacf0b77def805153d8bb3d3c3b20a409852d1a7', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '8043fa7ede6155359324766529915b23764086f1', class: navigationItem({
+        return (h(Host, { key: 'fcfd018e4ee9cec5d1269c48ac211e4a8bbe7e27', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '4f95da3f82fe9434981deb52a27905152b9cdce0', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '7c6b27e1c9a7ff8e34dd7ae85b164c7453ca2fea', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '0b6b9ea5681cc2f6f928167273118809e122b7b0', variant: this.icon })), h("span", { key: '0177c3985d3b6c0534396747e3ea7cbb1d1d836e', class: this.counter && 'has-counter' }, h("slot", { key: '758c961b2a30e1c56cfea749f37855a4709a1e02' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '30573f9f22772d0e337c8fddb996e446e0aa1fbc' }, this.counter)), !!this.loading && h("p-loader", { key: '6c8b9c7b4d62c85000b862ac7f63c6190ad8cdd4', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: '1d29d71e5c36b93461940f8a139d468f850d6c21', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '0173a50767eb4a8bbe07d04a7ee8e6dcd43e1a2b', variant: this.icon })), h("span", { key: '8672ed05d64bc2dc615ea6b0957f34c0b7be9dd0', class: this.counter && 'has-counter' }, h("slot", { key: 'cacf7fe34a79bfef107583d1d774234aabf01b6c' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'a77ee462895d467c612c0722329f33a7ca32214b' }, this.counter)), !!this.loading && h("p-loader", { key: '54724cf73b51566d0ff76c01d79ad704e05a13ef', class: 'ml-auto' }))));
     }
     static get is() { return "p-navigation-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/navigation-section/navigation-section.component.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class NavigationSection {
         this.header = undefined;
     }
     render() {
-        return (h(Host, { key: '12a7ddc1fc8a0510a789a82cd223c721f299821c', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '4f1687e4ccfb515e931806367a80ab18f96cb0ec' }, this.header)), h("div", { key: '4f1b482d6c3b6767822936d538b0b1525471a63b', class: 'flex flex-col' }, h("slot", { key: '880099723344f9c62559df0aa237bed57a51f23c' }))));
+        return (h(Host, { key: 'ab8e903b28fd2f7aa36fa6c44a3756e96f2af448', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '06d0ea2b2ea8e1712900f0026792148de79ea870' }, this.header)), h("div", { key: 'e5c6e3776fe7f5980016d67b9fa48ce9f18c9c20', class: 'flex flex-col' }, h("slot", { key: '52ff2dddca64cc4888f93302947a0d3471ffbc9e' }))));
     }
     static get is() { return "p-navigation-section"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/pagination/pagination.component.js CHANGED Viewed

@@ -36,12 +36,12 @@ export class Pagination {
     pageSizeChange;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: 'a1a066729ca049c6b4ec615a216241404c9ba545', class: pagination({
+        return (h(Host, { key: '95a95b57b68b7830a909140d0e3a42b670c2593d', class: pagination({
                 hidden: (hidePageSizeSelect && !this.enablePaginationSize) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '826dd028fe33cb8de4b5e692264f74963acdd60d' }, h("p-pagination-size", { key: '505283b962f1d515073d62bd46cbd12b2bd522a2', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '4e51c0521abc245fed14509d1b13ee0670940c40' }, h("p-pagination-size", { key: '296d10ba0fa44e2042fbd9e3df1885c4e478eada', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: '28879c1698226575969d43bc1c15eb45368a29a5', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'f88347164b140591930de78e9599760c2c787c86', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this._hasPaginationPages && (h("p-divider", { key: '79683c885d1cf6e77aa44a88175f68411267a6ce', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '0b21f63b003a8704258221e0633ff804b3701a47', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {

package/dist/collection/components/molecules/pagination-pages/pagination-pages.component.js CHANGED Viewed

@@ -29,7 +29,7 @@ export class PaginationPages {
         this._generate();
     }
     render() {
-        return (h(Host, { key: '3a62206e22addc7b51dadd6d01e26a9117099fa0', class: pagination({
+        return (h(Host, { key: '3c36b80fbd5f20ca793773747b3797af2158af3f', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {

package/dist/collection/components/molecules/profile/profile.component.js CHANGED Viewed

@@ -26,7 +26,7 @@ export class Profile {
     }
     render() {
         const content = this._getContent();
-        return (h(Host, { key: '26bc2fd668fdf024d9221d00655fb9838b08f2c7', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (h(Host, { key: '31aa0c5503ebdfd7437016b969d1328988d5bff2', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

package/dist/collection/components/molecules/select/select.component.js CHANGED Viewed

@@ -154,7 +154,7 @@ export class Select {
         }
     }
     render() {
-        return (h(Host, { key: 'db98edf55c36424552813113641795ff7b307a8f', class: 'p-select' }, h("p-dropdown", { key: '1ac5cdc93f991f2fdf2c2e270466392b4aa9ac8a', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: 'c78fec23cbe40ab66264f165221657aadbba3500', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: 'cfd364d2f2af3d5797e36d7ea495a505fbd99a3d', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: 'e471da04899ba9bbd7b1ef020f82febb57afc584', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
+        return (h(Host, { key: '1999779d9e11607fe7a14d3f611a8a5792a6c516', class: 'p-select' }, h("p-dropdown", { key: 'db7dbc687c751cd39107a261975cc2b6ebadf954', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '579b2e50c137544dbe42c3bf94d3dc9f85c21f02', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: 'cbb78ceb221467c291fe46609d1703b5c51ec9c2', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: 'dec5a5d1a2f7ef6d51bcfd40945f159ab448de5f', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

package/dist/collection/components/molecules/stepper/stepper.component.js CHANGED Viewed

@@ -116,7 +116,7 @@ export class Stepper {
         }
     }
     render() {
-        return (h(Host, { key: '82953a962d2152945a8f29ef45e1c5d7a686988d', class: 'p-stepper' }, h("slot", { key: 'aa8408d3d675c47ce5ee617900a0ac1605f80ddb', onSlotchange: () => this._generateStepsOnce() })));
+        return (h(Host, { key: '6b7b10a07dd431a17eec2cb039d43de7b5b8d10e', class: 'p-stepper' }, h("slot", { key: '1ddf4346d7786c01693741a40e1193ca4d9f1d9b', onSlotchange: () => this._generateStepsOnce() })));
     }
     _onActiveStepChange() {
         this._generateStepsOnce();

package/dist/collection/components/molecules/table-cell/table-cell.component.js CHANGED Viewed

@@ -83,7 +83,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(Host, { key: '3ee5dc1b38a97dd051e92244510ee788da353f86', class: {
+        return (h(Host, { key: 'aed9f680d3bcf69fa859bbc41c0ac516179cc5ca', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),

package/dist/collection/components/molecules/table-footer/table-footer.component.js CHANGED Viewed

@@ -35,7 +35,7 @@ export class TableFooter {
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: '3f3fb01b9dfc6478a92cebabafbaabc09d9f668c', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-pagination-size", { key: 'aecc6975f3b4f3a9a1f5fbc4499f55d950485153', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: '6600175af8ae1c6ca1398b9f7faf67ab075e5756', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination-pages", { key: '3de08299ab61880c9a694d2ddac8c5a6b5c23d67', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: '704479e31d00ce99fc44b9f3a47c1fa7b111e773', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
+        return (h(Host, { key: '1e8fa77a43fa2a0ca8f98fe2b4291ded2f952fae', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-pagination-size", { key: 'd81462642de31029d474c7302f4e1faa76b0b03c', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: '0211947a68731af42fd746a43b457c02557a1818', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination-pages", { key: 'e1be658ebcdf28726a401625ec5e0290c96db7de', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: 'e49dcdbd2e9be4be6ef9e16cce722288898dc9e1', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);

package/dist/collection/components/molecules/table-row/table-row.component.js CHANGED Viewed

@@ -5,9 +5,9 @@ export class TableRow {
         this.enableHover = true;
     }
     render() {
-        return (h(Host, { key: 'b3334bb02a39cb94645988ab4f8e6499fd9f14dc', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (h(Host, { key: '08f29eb6dce0cbef7ed57564d3d076bcfc3f41f7', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, h("div", { key: 'a7e53f9a41fc46c690e1da35817ed6e5a3db8542', class: "content" }, h("slot", { key: '68363f50f183b16665cedafa70adb19282378d2c' })), this.variant === 'default' && h("p-divider", { key: '39336cf15687ee6a2ee4ec1756eaa46c3cc5c4c7', class: "m-0" })));
+                'enable-hover'} group` }, h("div", { key: '84d2219be0973c6a65b1375032e37f7ee2245c43', class: "content" }, h("slot", { key: 'c271a9a254ca90182e3cd205dc8ad45cd71f42aa' })), this.variant === 'default' && h("p-divider", { key: 'fa44a81c164ef18e142010792e4cedf4943f4546', class: "m-0" })));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/toast/toast.component.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h(Host, { key: '82dd80eb14644f0c713602e2e80b4f213f5aa7e7', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: 'cbf8211b98f27da8486d2bb2e7291a0e1a467daf', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '11857210e1dbf308d3d4d21602e5183d7ca40bad', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '500b58e1b1cb8856a829698606dd46d29ca54811', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: 'fb4f4f27bef95c200929eb7f945583192c6d49a3', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
+        return (h(Host, { key: '1e7c9fe8280b31c2579d3e89cfbe304a325f8e51', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: 'f8cc0a282225ea66705f60040609fb1a41042bc6', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'c7f54dd544f870167c38a32a1694b6231bf5e4d0', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '0e376481ccbe4d4faba1e36dd11a5be2dc704868', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '540cee373393e1f97dffd7cbd9a415c8b8a60251', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/collection/components/organisms/navbar/navbar.component.js CHANGED Viewed

@@ -44,7 +44,7 @@ export class Navbar {
         this._show = false;
     }
     render() {
-        return (h(Host, { key: '420e8206936530720b691c0b1afc04a2d608b04b', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '0ef0b72645f6318a41c5beac4b11bf0aca6e89e2', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '306b0b341f807b440afb06db4620e1d5a531920a', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '15ee88d5fb65f2893b3bff37f5d6c95958758722', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'b64a58b653501f77dcca6c5de917fa73362f5b02', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'df946991b20959ee55b30778623da97f6bfa445e', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '40f50a4fbe75c85e095176805ca6b49e4cb80a6a', name: 'company' })), h("div", { key: 'b94aada53b4eb0ac86d52010cc3e07bb2fa0e682', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '28a927ba8b7eb84534ef66efaddac03c75bafb33', name: 'content' })), h("div", { key: '7c8990fad4e46e05eaffda94aed8323afa6c1bf2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'ec9d59ccedce6c8daba775f0b68d42290b7b9877', name: 'user' }))), h("div", { key: 'c1bca26770942cfc04aca9dfee1f40b5e3ed885c', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '3d16426f5990c0a04cbd0befd4901fe09fcab33f', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a49b86b11c0619d33dfb8cd59ca2b576d183d0cb', name: 'topbar' }))));
+        return (h(Host, { key: 'de0a7273112c8004394fac871dc11b42594f870d', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: 'bb0e286f77ccacd71c622e4bca44b7721a34f758', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'ad5ca2284cee827aadd6b7400ed5b729fcf109be', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '2b009d0dd527eb8098923ff5b5889690a1b61930', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'b77861d630264442541a75faa38a6ca7d7b950f6', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'f3770d1dc21c967586f38889bce7b87a1be7a855', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'e7549b21687c361ec945141fc6fb7a62d8a35152', name: 'company' })), h("div", { key: 'daddb745aaf8b21bcd2f68e801b670a13f430095', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '1c2acaafe3e244808cb3fa52b324ccd8ac9c92fc', name: 'content' })), h("div", { key: '2107d8099967f9725e9d95666bd1ca0b97089aa4', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '02f87d20e0c76d4c36ccc99277f314fab5dcdf95', name: 'user' }))), h("div", { key: '339c6b81be30fafc499efb89067dc64c2568ca21', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '3421d7353ffa03fdd53b1a7686bbe468d9721687', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a508317c8683c53258a572fd87a4de4986f9f24d', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/components/button.component.js CHANGED Viewed

@@ -298,7 +298,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
             ? 'a'
             : 'button';
         const active = this.active || this.class?.includes('active');
-        return (h(Host, { key: '5b403a188a619e8c55f8cfc3a565648ebb937fed', class: 'p-button inline-block' }, h(VariableTag, { key: 'd2d4e582a384293dfc5e5759089de2c796ff5951', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
+        return (h(Host, { key: '953bc72ccbf5cbaf885fdfedcba5b93d5e75331e', class: 'p-button inline-block' }, h(VariableTag, { key: '6e32032b8f01ca2e1183fdada3233b0f8038a88c', 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,
@@ -307,14 +307,14 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
                 buttonGroupPosition: this.buttonGroupPosition,
                 iconOnly: this.iconOnly,
                 active,
-            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '4b9a4bf97333f65e364717fc255702b1b4db49f0', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '1e147d6354410e5eb10dea1762a07a3e07482dd5', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
-            this._getIcon(), h("slot", { key: '010fb2bfe3cf97088dd61dd88ad9ef9d856d9287' }), this.icon &&
+            this._getIcon(), h("slot", { key: '145ebb2b41c0e1bc120512d17f240e6378416e7f' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: 'fb2f8c25d53d71858a527541aef7b713dfd70942', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: 'e9ca49b346ae40fe59a4bb45fe6cac24a819d4cc', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '41da9a08e588012f5e92368061280d4f77dac48e', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '88edf474096e64d4c04f019f6fcd59645594388b', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {

package/dist/components/calendar.component.js CHANGED Viewed

@@ -2836,7 +2836,7 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends HTMLEle
             .filter(date => isValid(date));
     }
     render() {
-        return (h(Host, { key: '46faa32e58b38b7d391ab869ee87321605543a2a', class: calendar({ variant: this.variant }) }, this._getView()));
+        return (h(Host, { key: 'd3c7dfcd3dc0c0e7a0cb2443501f427e30689ae7', class: calendar({ variant: this.variant }) }, this._getView()));
     }
     _getView() {
         if (this._view === 'year') {

package/dist/components/dropdown.component.js CHANGED Viewed

@@ -77,12 +77,12 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
         };
         let dropdownContainer;
         if (this.usePortal) {
-            dropdownContainer = (h("p-portal", { key: '188521ef2a7d7bc4717fd3661b015bc67c8f15c5', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: 'f2eba007ccc859a0b4be038d32591f9baa763d44', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, h("slot", { key: 'f35f9a5de0cace36910a23bcc997013a68dd2bdc', name: 'items' }))));
+            dropdownContainer = (h("p-portal", { key: '935807ad31dfa041a8b9bfbbf9ea8167c97edd28', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: '64f108172d4ab77c179c7e74085c14828bc72daf', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, h("slot", { key: '92a9011b96df6168cd2800aa5e682133a9b71624', name: 'items' }))));
         }
         else {
-            dropdownContainer = (h("p-dropdown-menu-container", { key: '9f8d9139afc893f4254fffe6fc51ea1886f4626a', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, h("slot", { key: '71a1a3b86796beb146db387981e6f433357aec6f', name: 'items' })));
+            dropdownContainer = (h("p-dropdown-menu-container", { key: '653ca26a3360e09396b8d03d936848cf156316a4', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, h("slot", { key: '4ad64aaa104e21c0e17b695e1e0b81406ccbdd0b', name: 'items' })));
         }
-        return (h(Host, { key: '6ae014439828ff99141a49489420a59132ab8f41', class: 'p-dropdown relative' }, h("div", { key: '30b1fb302a160457356906ba9922155af3b572d6', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '6144e09dd66466030d46d80a3264c1851923c398', name: 'trigger' })), dropdownContainer));
+        return (h(Host, { key: '1314337c4ed060ec1e1fc0194cd3a0eaf21fa31d', class: 'p-dropdown relative' }, h("div", { key: '5ca13d9b0e6a1aa6f78acd8e877828a98d465b1f', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '4034d754a6a2971d3491dcaface58fb66162894d', name: 'trigger' })), dropdownContainer));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {