@paperless/core 3.13.1 → 3.14.0

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

@@ -53,13 +53,13 @@ const ContentSlider = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd732accc688b1df8c288d5ecd1025fa0b15007af' }, index.h("div", { key: 'bef92d3a68be80802dd9b62c2ffd8fbda0b5c72d', class: `
+        return (index.h(index.Host, { key: '10219a5b7b268ab732457094c2491d4a203c3d47' }, index.h("div", { key: 'd66009928658b522cbd18c230d9381568661cad2', 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: 'a8a93a255fbb23b916cf2b858a84fd70f7d62a6b', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: 'e707df540fe8628168d6451bedcd12848f1d7493', onSlotchange: () => this._slotChange() }))), index.h("div", { key: 'd9df569867bc0f78974726ae42f5f96f4a13fe62', 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: '98ea5929e9e4c35807db44deea40a713eb55e22b', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, index.h("slot", { key: '99ec72369ee09b9c56406697559ce232d90476b0', onSlotchange: () => this._slotChange() }))), index.h("div", { key: '3e7cd9e03341d52b60d934ad88d33138cd31ff1e', 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: '009cda4ff4eb5d2a7ff777a901b67c83a5f37af5' }, this._loaded && (index.h("cropper-canvas", { key: '205006259f0393275f061f60d92ee9f3fdff16aa', 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: 'd53e718c7c5c9da68c10e39ee67e2c98ad23e825', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), index.h("cropper-shade", { key: 'ce71d0a0602110c330746027f300d373b5142e55', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), index.h("cropper-selection", { key: 'a552b9b1fbcdc2c9d8707f309fe4cbd62b644ad5', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: '1419ae877acfcb7ad6981cd825f57dc4e85b1aef', action: 'move', plain: true }))), index.h("p-range", { key: 'caa9104d95c54d50658ca146a6e875c944f0e0e6', 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: '45de2e7e220d4a56fc8f863bebc570efba716c6e' }, this._loaded && (index.h("cropper-canvas", { key: '2d781601e405bbe14ef3dee14b3279b6ee1378b4', 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: '5f55ad7da0800e65d965a73dcf2954e62a720e30', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), index.h("cropper-shade", { key: '8f6235a0c13f64b907447d4611365831bbed8328', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), index.h("cropper-selection", { key: 'fbffe0267e5346b34f627d4160222c08a048da18', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), index.h("cropper-handle", { key: '90d51dfa7e392505459b2252334e98eaf28f0e9d', action: 'move', plain: true }))), index.h("p-range", { key: '8baa03308cba09293a7438957efe228ab4abd665', 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: 'f049a50e493e5fa104141f8e65b9077f41ecd5aa', 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: '2869249c84a37034ce2ce630da493d397cc5f532', 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: 'da643dba40ee7778ec14707db572f2d80cd58547', 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: '891468e0d880fbe578d4b0106a3b09e741d86d59', 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: 'f7065621d6f200a2f340e866f5357b5aa133fdcc', 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: '62752c953dfd35a76d7650d8c0621421c77257f0', 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: '5fd257d5996ba8aa8164acf82da3ada6803132ae', slot: 'items', tabIndex: -1 }, index.h("p-calendar", { key: '2864686436f1d4e6148ddfb65b44ef21f2f9f0bb', 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: '19aeebff76b179555fcbf507fe9a503b074bd79e', slot: 'items', tabIndex: -1 }, index.h("p-calendar", { key: '1d8b3593b3598c0cf4bf6b63366bad0aa554403f', 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: '8dc52e5323e9ccbabf6ac4ef27ac69cab95daae4' }, index.h("div", { key: '0e4feec398c8eea9a625e673a2d1ce12002bf794', class: cn.cn(content({
+        return (index.h(themedHost_component.ThemedHost, { key: '62e456790fca35130a51837664dc62a731ecf0b1' }, index.h("div", { key: '1c173037cb8e342ee1d2eb55cda92ffbde98fe68', 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: '6d2c51c55ac70ecca3f281d562ac3e095240f991', 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: 'b7ebd8a85ef5f9e049bbb4232ece62fc25b6708f' })))));
+            }) }, index.h("div", { key: 'eabe0f6251e66635e3f37be78b63e487cf4d66b1', 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: 'b3a252740a235ab6d1184a7e3a38d2046bf41f36' })))));
     }
 };
 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: 'ad1b99c5aebbb4134066f14216f3b71b45c24eeb' });
+        return index.h("slot", { key: 'f26933044c64fd73c9fc3d7400623d52f3d6cb73' });
     }
 };
 DrawerBody.style = drawerBodyComponentCss();
@@ -51,9 +51,9 @@ const DrawerContainer = class {
      */
     closing = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'bc792e09626c80196369ca43ef43135e6e10132c' }, index.h("div", { key: 'e3b242a8cd8ba7034aebaf5bd7de73242d7c4c33', class: container({
+        return (index.h(themedHost_component.ThemedHost, { key: 'ba9bf03e3da5ccc386585d9242317098d1974dc7' }, index.h("div", { key: '6ab542b1a314855bc417ddb9db513028bf1453e2', class: container({
                 closing: asBoolean.asBoolean(this.closing),
-            }) }, index.h("slot", { key: '5e0b9ca40dc6528825b212776d1c4eee7e198f73' }))));
+            }) }, index.h("slot", { key: '6a3670c0482888725235ceb8df65136d9309785a' }))));
     }
 };
 DrawerContainer.style = drawerContainerComponentCss();
@@ -90,7 +90,7 @@ const DrawerHeader = class {
      */
     close;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'e05ec2c9d94a38c646e446b2882f675bcccad49e' }, index.h("div", { key: 'ac59d07abee48dc4bdb945a6cc780c2e124e4613', class: header() }, index.h("div", { key: 'fb95e22321f77109a554c790fc1d7bc59cf8f404', class: content() }, this.showClose && (index.h("p-button", { key: 'f6f1c5524ddb466b48682b03571ee245111d3280', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), index.h("div", { key: 'ed99afeff2a45c9a17558d256863c4f22f99594f', class: title() }, index.h("slot", { key: 'fffd297b663ad9761c848b4dd47a40c545eec324' })), this.showClose && index.h("div", { key: '73cf17ce479ad201c6ea905043512dfb2b5dd780', class: 'size-8' })), index.h("p-smile", { key: '07a4e62c3294e1427159c2a73214d754d043da03', class: 'dark:text-hurricane-400' }))));
+        return (index.h(themedHost_component.ThemedHost, { key: '68ec14e2f8d7fe78e6f4121f26b500e4f6806f2f' }, index.h("div", { key: 'bfd65e98e1e370ae5d1fe1204b0f35fa6ea5c527', class: header() }, index.h("div", { key: '5216d5ff046ec5d9308960ca6536221806070893', class: content() }, this.showClose && (index.h("p-button", { key: '068ff9a02ffe20649644d45a4883322bc213ed4f', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), index.h("div", { key: 'ce6808112de2a48b49b4632ee3b98cb80525aebf', class: title() }, index.h("slot", { key: '66c6afa30f02a8bb7b10da5264470cc5e92c0777' })), this.showClose && index.h("div", { key: '947d1919641618b24dd528cb1d1f00974cc0252e', class: 'size-8' })), index.h("p-smile", { key: '3809052da27e1deb595d5ebe0357fa03d3c610f3', 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: '147401764920d564b7a00d1b31a2d10a262329be' }, index.h("div", { key: '06dd61d4b5bf8cd1e447d326d30082d638e7b033', class: cn.cn(dropdownMenuItem({
+        return (index.h(themedHost_component.ThemedHost, { key: 'a9d9404058e02af2e3f67248c9b97501c0627764' }, index.h("div", { key: '999122672d9c1f7fd467ef5a4a4316b3484c201d', 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: '057978ce674d15f2013cc44941a535bd61b09aa9', class: dropdownMenuItemIcon({
+            })) }, this.icon && (index.h("p-icon", { key: '874509b8f140f2a7f59d3eaea197576d04fef57a', 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: '1a953c17a54475d4d2f09ae18cd2cf5b46438a23', 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: '4ac46ef8905c184cf1e1e3531d26ef559ae3ff97', 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: 'de5e24d94b1b427e74f3f7ac6dc919af16e30833' }, index.h("div", { key: 'fc8b4687cd1dec165e0afeab54c63d629216a45d', class: item({
+        return (index.h(themedHost_component.ThemedHost, { key: '867dcd55f7c4194c89b18ff3a46a52ee3f728fef' }, index.h("div", { key: '406e4e9641b35fc16a5379811f959878ade2c0ca', 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: '3ef68f1aae1ff4b00c85b689f1572fde0b0ffb70' }))));
+            }) }, index.h("slot", { key: '6515cd771a33b320d60940674c324d0dc285f74d' }))));
     }
 };
 PaginationPagesItem.style = paginationPagesItemComponentCss();

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

@@ -0,0 +1,200 @@
+'use strict';
+
+var index = require('./index-BGtpSJv_.js');
+var index$1 = require('./index-mudu9vpz.js');
+var themedHost_component = require('./themed-host.component-BeeT9Ite.js');
+var cn = require('./cn-Cd68UVBT.js');
+require('./clsx-BtxeOLZW.js');
+require('./state-DM8SZBNO.js');
+
+const dropzoneComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-white-800{--tw-border-opacity:1;border-color:rgb(228 227 227/var(--tw-border-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-positive-green-50{--tw-bg-opacity:1;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-8{padding:2rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}`;
+
+const dropzone = index$1.cva(['flex w-full flex-col items-center gap-2', 'rounded-lg', 'border', 'p-8'], {
+    variants: {
+        uploaded: {
+            false: 'border-dashed',
+            true: 'border-off-white-700',
+        },
+        isOver: {
+            true: 'border-dashed border-indigo-500 bg-indigo-50',
+            false: 'border-white-800',
+        },
+    },
+    compoundVariants: [
+        {
+            uploaded: true,
+            isOver: false,
+            class: 'border-solid bg-positive-green-50',
+        },
+        {
+            uploaded: false,
+            isOver: false,
+            class: 'bg-white-600',
+        },
+    ],
+});
+const Dropzone = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.upload = index.createEvent(this, "upload", 3);
+    }
+    /**
+     * Icon to show on the dropzone
+     */
+    icon = 'file-export';
+    /**
+     * Wether to show the icon or not
+     */
+    showIcon = true;
+    /**
+     * The type of files to accept
+     */
+    acceptGroup = 'any';
+    /**
+     * The fileID to use to track the file
+     */
+    fileId;
+    /**
+     * Wether the attachment is loading
+     */
+    loading = false;
+    /**
+     * Allow multiple files
+     */
+    allowMultiple = true;
+    /**
+     * Wether the file is uploaded
+     */
+    uploaded = false;
+    /**
+     * Event when upload is pressed
+     */
+    upload;
+    get _el() { return index.getElement(this); }
+    _isOver = false;
+    _fileRef;
+    _filesToProcess = 0;
+    _results = [];
+    _documentBlocked = false;
+    _preventDefault = (ev) => ev.preventDefault();
+    componentWillRender() {
+        if (!this._isOver && this._documentBlocked) {
+            document.removeEventListener('drop', this._preventDefault);
+            document.removeEventListener('dragover', this._preventDefault);
+            this._documentBlocked = false;
+            return;
+        }
+        if (!this._isOver) {
+            return;
+        }
+        document.addEventListener('drop', this._preventDefault);
+        document.addEventListener('dragover', this._preventDefault);
+        this._documentBlocked = true;
+    }
+    render() {
+        const hasContent = this._el.innerHTML?.length > 0;
+        return (index.h(themedHost_component.ThemedHost, { key: '850603b4fb37087fd8bd7db5f37d9fcb17687fd2' }, index.h("div", { key: '594badd15df513690f388b021993694ad710e5c6', class: cn.cn(dropzone({
+                isOver: this._isOver,
+                uploaded: this.uploaded,
+            }), {}), onClick: () => this._uploadClick() }, !this.loading && this.showIcon && (index.h("p-icon", { key: '10d41c9cd21bcba962c186ed04f48c1abf9c2073', class: cn.cn({
+                'text-storm-300': !this._isOver,
+                'text-indigo-900': this._isOver,
+            }), variant: this.icon })), this.loading && index.h("p-loader", { key: '1c2b811db6711ef9bc4ba54d380f4aff7870ea0b' }), hasContent && index.h("slot", { key: '2e1ab2124bef07b476a23bfefed446e4ac17c0d2' }), this.uploaded && !this._isOver && (index.h("div", { key: 'e277e12954fd53100ec6202002c1b495d42ddb8b', class: 'flex items-center gap-2 text-positive-green-800' }, index.h("p-icon", { key: '68dc24d68232b98aaed2d1a5b1bc38888c7efffb', variant: 'check-circle' }), index.h("span", { key: 'f8cc3ffc3201efb23cd90d30eb7921e5c597db62', class: 'font-medium' }, "Toegevoegd"))), (!this.uploaded || this._isOver) && (index.h("div", { key: 'be0dfd5990877b7e914580f3d6c193d48402ab2a', class: cn.cn('flex flex-col text-center', {
+                'opacity-50': this._isOver,
+            }) }, index.h("span", { key: 'f406b49e7b8ec6b4fb01fff011523147714da170', class: 'font-medium' }, "Sleep je bestand hierheen"), index.h("span", { key: '7656b9d337a582f2e69cf555a4f5c8eaa70e6f51', class: 'font-normal' }, "of klik om te uploaden")))), index.h("input", { key: '09b2471f370d6140db3bd9359e7c4c7a9237b9dc', 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);
+        if (!files?.length) {
+            return;
+        }
+        this._processFiles(files);
+    }
+    onDragOver(ev) {
+        if (!this._isFilesEvent(ev)) {
+            return;
+        }
+        this._isOver = true;
+    }
+    onDragLeave() {
+        this._isOver = false;
+    }
+    _isFilesEvent(ev) {
+        if (!ev.dataTransfer) {
+            return false;
+        }
+        const files = [...ev.dataTransfer.items].filter(item => item.kind === 'file');
+        if (files.length === 0) {
+            return false;
+        }
+        return true;
+    }
+    _getFiles(ev) {
+        if (!this._isFilesEvent(ev)) {
+            return;
+        }
+        const files = ev.dataTransfer?.files ?? [];
+        if (files.length === 0) {
+            return;
+        }
+        return [...files];
+    }
+    _uploadClick() {
+        if (!this._fileRef) {
+            return;
+        }
+        this._fileRef.click();
+    }
+    _onFileChange(ev) {
+        const target = ev.target;
+        if (!target.files) {
+            return;
+        }
+        const files = [...target.files];
+        if (!files?.length) {
+            return;
+        }
+        this._processFiles(files);
+    }
+    _processFiles(files) {
+        this._results = [];
+        if (!this.allowMultiple) {
+            files = [files[0]];
+        }
+        this._filesToProcess = files.length;
+        for (const file of files) {
+            this._processFile(file);
+        }
+    }
+    _processFile(file) {
+        this.loading = true;
+        const reader = new FileReader();
+        reader.addEventListener('load', (e) => this._onLoad(file, e?.currentTarget?.result));
+        reader.readAsDataURL(file);
+    }
+    _onLoad(file, result) {
+        this._results.push({
+            file,
+            result,
+        });
+        if (this._results?.length < this._filesToProcess) {
+            return;
+        }
+        const data = {
+            fileId: this.fileId,
+            results: this._results,
+        };
+        if (this._results.length === 1 || !this.allowMultiple) {
+            data.file = this._results[0].file;
+            data.result = this._results[0].result;
+        }
+        this.upload.emit(data);
+        if (this._fileRef) {
+            this._fileRef.value = '';
+        }
+        this.loading = false;
+    }
+};
+Dropzone.style = dropzoneComponentCss();
+
+exports.p_dropzone = Dropzone;

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: 'c992e849c678678864c5f9cfec46f3c48c1eb20c' }, index.h("div", { key: '3cb20168072cb532d3cefb9b955d3e51f673276d', class: emptyState({
+        return (index.h(themedHost_component.ThemedHost, { key: '46f56cd16b8fb196bf0386d0eb6e00f4033ace3d' }, index.h("div", { key: 'b3b10b96f1e3a657b9c76982ef9330dc1909d114', 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: '79ea83f1d0060efe97457942a8de969f76fcc9b4', 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: '558279ba45c580a607d4227469bf60006e426da1', 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: 'b68d74e35de85f5b14b30d1c6649f4a2449c7b04' }, index.h("div", { key: '1cdae9d4705acc85650b593a8f200e8b6e791261', class: container$1({
+        return (index.h(themedHost_component.ThemedHost, { key: '6986e980b725cd752829cba968f0846463bc6059' }, index.h("div", { key: '9a778fdbbd37c1d2e7569987f02e99f9e35e49a9', class: container$1({
                 enableAmountSelected: this.enableAmountSelected,
-            }) }, this.enableAmountSelected && (index.h(index.Fragment, { key: '4fb6df02b5af8b38ce42f6af67846f88de9ea47b' }, index.h("p", { key: 'faf5b2587318c74afaa210f845f5e171323bb56d', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), index.h("p-divider", { key: '1c0ecb274c5ff16476be4422f3bc90f9b26e1a22', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), index.h("div", { key: 'ca40fbbbf5cb4b0293f06e9dcb75680474009cf5', 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: 'c8716fd6671726b5afe2b9d045c65495ae22e01b', icon: 'negative', onClick: ev => this.close.emit(ev) }))))));
+            }) }, this.enableAmountSelected && (index.h(index.Fragment, { key: '5908b6468acef599b2447b6f9f63df86b76910dd' }, index.h("p", { key: '430c5262493489463a38d5c1dd5ce43b7c97185c', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), index.h("p-divider", { key: '376022345f9be8e294dc5cfb84afb88d5c3fafc7', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), index.h("div", { key: '51eb35eeda97cfe8e38e72182347120dafbafb46', 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: 'db367176340e6757f70095b4e4d99cc955052195', 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: 'dfd539fd9035f67cce64188ab18c7a16e8533431', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
+        return (index.h(themedHost_component.ThemedHost, { key: '656d83909d03bd9affa467d31830be7ddb065608', 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: '2f1e257f31d10d170673b1a5f3b473d85e0427e1', class: container() }, index.h("slot", { key: '034cb6393f751f5a46e90fdbd07f604c65105415' })));
+        return (index.h(index.Host, { key: '3daf6469b62cebd689368d36868c43045e45b9ba', class: container() }, index.h("slot", { key: 'ee905a8bcd2e251d16e0af31a1609e905d41fa33' })));
     }
 };
 TableContainer.style = tableContainerComponentCss();
@@ -362,12 +362,12 @@ const TableFooter = class {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '4282e3a5a5036e596454dfb52c6323b80f469264' }, index.h("div", { key: 'f4d74e1168356b9c5768332f61ddd6de85170c0f', class: footer({
+        return (index.h(themedHost_component.ThemedHost, { key: 'e1e80cefafca5e75a6bb65a1ef50628608b5f561' }, index.h("div", { key: '2685019000a687c3d2cc78a959370cd11dee773e', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (index.h("p-pagination", { key: '7877e074aa9a6bf79f71ad8c17ca9e59c96c5cc8', 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: '82c0ad2c394418fab72873164f7110f06edffa62', 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: 'c77d8b8a5761d85fa731ac4bbf9ae704182db662' }, index.h("div", { key: '326b6a259d665f75dbf0b31efddab55529670474', class: header() }, this.loading && (index.h("p-loader", { key: '2023b41f25ae827ef05d9b32776f6d9b778ff244', 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: '9878787e280a54674a01cd14b930298eb76602b7', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && index.h("slot", { key: '6451546fd33c35ff649990d83e9e689d2c049451', name: 'custom-filter' }), quickFilters.length > 0 && (index.h("p-segment-container", { key: '119fbbf7e666bd4fd8d81a051bbec530d992a3e5', class: cn.cn({
+        return (index.h(themedHost_component.ThemedHost, { key: '146dbcfb3f2883f5999093dff4ec5b1ae4530a0f' }, index.h("div", { key: 'a76491ff423a939196c851da49f70cec87e914e5', class: header() }, this.loading && (index.h("p-loader", { key: 'cefccf2e94b8e22df9506670241c5366d8d3de2e', 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: 'ff9fdbec94b79217279e0e6a87511239cadf8d99', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && index.h("slot", { key: '9ba364568cf6ea0eb988c9ba53055ba005af60e0', name: 'custom-filter' }), quickFilters.length > 0 && (index.h("p-segment-container", { key: '8e88a96fcb9a88ab8ed6ea3854821938e195bdcf', 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: '789a79b292ae29db76ed9267cca90bf3a19dbe0b', 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: '7f90862d3bb0c41420de733fe38c1a351c38fb99', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), index.h("div", { key: 'c027c1a9fcfc608a3b7e14baca90ceb7ccbc430b', class: 'flex items-center gap-2' }, this.enableFilter && (index.h("p-button", { key: 'bd70812488a36ee0931b5d3c4948101d56eddcc7', class: `
+            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), index.h("div", { key: '881aa6a3e492bbc43ce7c17ad7b92e1388c83276', 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: '15966dc97bd1cee3692de32ce08d348196e0e329', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), index.h("div", { key: '8bc7ef55643420221a66323cc644ca9bc9c2aac2', class: 'flex items-center gap-2' }, this.enableFilter && (index.h("p-button", { key: 'ae5c8db6d1adef93cd228ff86f7a266fe057c410', 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: '602f7968fd60f4ea23909d1fcf23c1d32fef3721', 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: 'a55cf0b5e09b18b5cf7d9f1c6ab33aac6160b9ec', 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: '47435fd94bc6d8dced05be088e9d157fb0a46c92', name: 'custom-actions' })), this.enableAction && this.canUseAction && (index.h("div", { key: '42e42671e2b19c9f262b9a7dba9c080d1439acbd', 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: '31a8d2bc0fb5f217111f0ae2aad500abee3bdf28', 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: '05d011dfc818f193c96a5646456d07d745da7693', 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: '379ad6eb535ed7e327b2a438f482a960a546ba80', name: 'custom-actions' })), this.enableAction && this.canUseAction && (index.h("div", { key: '9037b913ef614ae681892c6fb6547d476bc8cd43', 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: '4ae9344919a3b4dcd6c34fdf76828dbe3ce6b396' }, index.h("div", { key: '1a4de3b449898d697700799b13c78042d6eff300', class: 'flex flex-col' }, index.h("div", { key: '927396e7bf1198c6a5154e17be44c14d1afe4726', class: row({
+        return (index.h(themedHost_component.ThemedHost, { key: '637f078f4b17b40e8d88b17ffd01e17564dc2498' }, index.h("div", { key: '0c5df77b50554c6f72e4a589896ee0ac5ea8065f', class: 'flex flex-col' }, index.h("div", { key: '86cab516a54ba2a79a45fe4185e1d64ed232df04', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, index.h("div", { key: '7f6272205310383055b3a37d51e4a83bd19557df', class: content({
+            }) }, index.h("div", { key: '4a302d6d3077a31f18bad02169e9bfcf38083e4b', class: content({
                 variant: this.variant,
-            }) }, index.h("slot", { key: 'f26ccd0768bee41ef2987e3e45f5a18e4a4b6e57' }), index.h("div", { key: '75230c7b9bc9fbb52ab407c0a22b8f177fd39407', class: actions() }, index.h("slot", { key: 'bbd6ec87b2f7e01e0e2dfc62295d1444ac1bbae5', name: 'actions' })))), !asBoolean.asBoolean(this.isLast) && this.variant !== 'secondary' && (index.h("p-divider", { key: '08930ffe9f0f27060d9084bc3672fd32d9dd0648' })))));
+            }) }, index.h("slot", { key: 'b1ead41a3359d1e766c5e372f18ea17720ff86f5' }), index.h("div", { key: '9d374cf452fe04077230f6a981fc713cf56cc6cc', class: actions() }, index.h("slot", { key: '728d34e82e152fd1ca38db6c29cb1e40259e442f', name: 'actions' })))), !asBoolean.asBoolean(this.isLast) && this.variant !== 'secondary' && (index.h("p-divider", { key: 'e9ac14c677be390abaf4f5fc2218ee7a7e028954' })))));
     }
 };
 TableRow.style = tableRowComponentCss();
@@ -10180,16 +10180,16 @@ const TableRowActionsContainer = class {
      */
     checked = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '4be2a6b0e22633e2d8e966077dbc353f298580ca' }, index.h("div", { key: '7cb5afe3757df775f8a15955ed24f43bf79e2182', class: cn.cn(`
+        return (index.h(themedHost_component.ThemedHost, { key: 'efb6cf4c063212207c5ea272f3ae3bbffd18e419' }, index.h("div", { key: '2d1a85c5f4e1e4829cd45b081fcc31e46bd02773', 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: '26038bfcbc3fa8558beedeba280639dafe759f4d', class: cn.cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, index.h("div", { key: 'ebea7754c0318514557fe7d751ed2212cfcfc35f', 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: '249ef823b37b9a894c158f23996432fd57f6e761' })))));
+            }) }, index.h("slot", { key: '2cba74d1d0d62f685798292b7199632aae122d67' })))));
     }
 };
 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: '693e9a21acbdd989144794387bf0a6a9f37810fc' }, index.h("p-field-container", { key: '12a6fce14a365fdbb92647637c3d3226cd2037ff', 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: 'a40ed4d8943adae016325f2c82a3c79364543b2e', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '0203bf72c3afc6c0f24c0e15cbf2f7271ca6a5a0', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: 'ca7d5bc949fb18d20eeebdcb86ed844f61f137c6', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: 'f4fa21946e61b81a002f96cbc85e4e786562cb87', name: 'error', slot: 'error' })), index.h("div", { key: '2c12320e5273b0cded4bc0e9e47aa5b2e6ff3f88', class: field({
+        return (index.h(themedHost_component.ThemedHost, { key: 'f985e2b3d25ebb7a9e30448fb6663d0b487f47a3' }, index.h("p-field-container", { key: '358983d8f8f6cb1b53e9e4c607c064fc4a27a9f0', 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: '155d5efc1d951ea2e08076cb58c3ce96e12f0f13', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '9012ea2ac18ebbdc337ef7fc3fc79a36b1c9c720', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: 'f461db190f2ca1727117e062111e96c6f85728be', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: '353b0153551e5e7adb23b19390a4111e0b96d0c4', name: 'error', slot: 'error' })), index.h("div", { key: '20152561ff55142e43b3b1cbfb151b254f145736', 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: '68b8e1d339630c881583ea40fecb9cb414be1537', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: 'bca5cf5eca02b9291eb710e6c3539e23bb349d96', 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: '35d35041e9751d701dc74357abe1961d98f12f7e', class: cn.cn(prefixAndSuffix({
+            (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '0ab5f5a94ff34eeeb76eb94cad88a4895a656bfd', 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: 'e795f4695850003f41a5bfb815893affee00e8de', name: 'content', slot: 'trigger' }));
+        let contentSlot = (index.h("slot", { key: '2584c934001e26c03b752112c165dc89f31db007', name: 'content', slot: 'trigger' }));
         if (this.loading) {
-            contentSlot = (index.h("p-loader", { key: '1f65c3ca60cefbf0740c9d7235a18a3e69f1c788', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
+            contentSlot = (index.h("p-loader", { key: 'fe69f220c9021a637ca5bef74868f769222a635d', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
         }
-        return (index.h(themedHost_component.ThemedHost, { key: '9b4ab7a1d59cead07a2065b0d6bc72be41d24287' }, index.h("label", { key: 'ac31d16bdd75b4b236479638efd367f4771627d1', class: cn.cn('flex w-inherit flex-col gap-1', {
+        return (index.h(themedHost_component.ThemedHost, { key: 'cbed8c2f71c7be4f1789b3d234aafca4f9f078d9' }, index.h("label", { key: '41c19529b5282769de686b834e1facfd69a323cf', class: cn.cn('flex w-inherit flex-col gap-1', {
                 'cursor-auto': this.variant === 'read',
-            }), htmlFor: this.id }, index.h("div", { key: '512c7c3162d9a40483f5d43d7fbea5635c40b45d', class: cn.cn(`
+            }), htmlFor: this.id }, index.h("div", { key: '44a2fbd0d1024cd153894dd5548d7b4e0f1f4aec', 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: '77b5887681e6537714b0352a02873a56ab22e304', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, index.h("span", { key: '786e241b3537a05c4bf12f58333d5c10065879c3', 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: 'd14700f7a78349ffb1de0a39bcb92ca9833e7f3b', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean.asBoolean(this.required) && asBoolean.asBoolean(this.showOptional)) ||
-            hasHeaderSlot) && (index.h("div", { key: 'a3f63057ac68b62a68cf4d0b31b09039817ea87f', class: 'flex items-center gap-1' }, !asBoolean.asBoolean(this.required) &&
+            }) }, (!!label?.length || !!helper?.length) && (index.h("div", { key: '1e7519168574464c867c86f84ecdca2c4e15e460', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, index.h("span", { key: 'ec3649c4a9436d9c54be7929781d1d9a5fc459df', 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: '2cc430522904e8df5dcc7fbf40f71d26287b7f0a', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean.asBoolean(this.required) && asBoolean.asBoolean(this.showOptional)) ||
+            hasHeaderSlot) && (index.h("div", { key: 'f6849a8c420eb3582a7d92d5e6b42bdd4e019a07', class: 'flex items-center gap-1' }, !asBoolean.asBoolean(this.required) &&
             asBoolean.asBoolean(this.showOptional) &&
-            this.variant === 'write' && (index.h("span", { key: '6e98ac54bcabfe7b4481b1745b7c25fbc0c1e717', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && index.h("slot", { key: 'e4b5a07a66a036c619d0a788c959a3d80af2f58c', name: 'header' })))), index.h("p-tooltip", { key: 'd482091d838534d3f3e3f177c9f5ccd605e8e519', class: cn.cn({
+            this.variant === 'write' && (index.h("span", { key: '2329447c26577bc481fc46f11b1dcbfceff39f60', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && index.h("slot", { key: '09fffde1c42b4b160c455ba73f47d11e1d34dbc5', name: 'header' })))), index.h("p-tooltip", { key: '26a3e3aa6bb7e3d57ae990ca672e01df493d3f1d', 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: '45fc720b8771ffca3ce381fcc98c162947aa1e71', name: 'error', slot: 'content' })), contentSlot))));
+                asBoolean.asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (index.h("slot", { key: '5a0ce99a2d3c123566e6417eeec26fe86ce054c6', 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: 'd7f07b4f232bb43ce0988ea8533353a8d193e7bf' }, index.h("p-tooltip", { key: 'df76c8696c9621a6ea5431c5d256eded55de0b57', class: 'flex', placement: this.placement, strategy: this.strategy }, index.h("p-icon", { key: 'f582de019e9a60ebe2296405354cb48ebfc4ca1f', 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: '1863361d1ec8867f5f403d823290273b77571516', slot: 'content' }, index.h("slot", { key: 'd876213ee32eb63e77c9074391f8f31fd42ddd69' })))));
+        return (index.h(themedHost_component.ThemedHost, { key: '9f2914b0d9d5a9e89f40697fad81d9bd167e5865' }, index.h("p-tooltip", { key: '409c6db4657e7cdb926f931448dfcb082b742400', class: 'flex', placement: this.placement, strategy: this.strategy }, index.h("p-icon", { key: 'dc0a1e1e2a2ae677ab5493541bf3b4aabc12ec9b', 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: '7a28aeafd07af4259e1a4fcb089a4535d8c95e8f', slot: 'content' }, index.h("slot", { key: 'c67f0ecd91966e667398ebbe0cf5ba5e3e46bb53' })))));
     }
 };
 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: '9ea48ae1034fdfac03dda8cc37f418b70e84d110', class: item({
+        return (index.h(themedHost_component.ThemedHost, { key: 'e653498fd7e06f53f8440399011a1a8ada5f67f1', class: item({
                 hover: asBoolean.asBoolean(this.hover) && !asBoolean.asBoolean(this.loading),
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, this._getIcon(), index.h("p", { key: 'd95a7f2ccf5e11fb5048bf9ae651e341a62a75ec', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, index.h("slot", { key: '0af451107a9e94f6b63aa90d0683e4b50b43ba40' }))));
+            }) }, this._getIcon(), index.h("p", { key: '78ccc757ffdf76c71bd293de5cafb73f1a34f56e', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, index.h("slot", { key: '9e37c6abdd1a17f6bb8d4bb47fbc4ee278b5ce35' }))));
     }
     _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: "df36160d453d462aadf5ade30f6869d9c09cdd2f", class: cn.cn("block", { "text-8xl": !hasSize }), innerHTML: illustration }));
+        return (index.h(index.Host, { key: "50517d8d3aaaa520665e8591663654c505b08104", 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}';