@paperless/core 3.13.1 → 3.14.0

package/dist/esm/p-button-group.entry.js

@@ -15,7 +15,7 @@ const ButtonGroup = class {
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: 'd0c4d09c70b2140832b4a0ed05725dae641642c1', class: 'flex items-center' }, h("slot", { key: '9ee836e72eeda929067bbb805d6127b4537cb66f' })));
+        return (h(Host, { key: '48cc5e108ffd88805ff5bf975e6163828ce49e78', class: 'flex items-center' }, h("slot", { key: 'eac2210059c03cb4a661bac6f6ca80cc10f78a69' })));
     }
     slotchange() {
         this._checkButtons();

package/dist/esm/p-button_3.entry.js

@@ -691,7 +691,7 @@ const Icon = class {
     render() {
         const hasTextSizeClass = /text-(xs|sm|base|lg|xl)/.test(this._el.className);
         const svg = icons[this.variant];
-        return (h("div", { key: '004e863b264cecc97018773dcd07d2816c6e20d1', class: icon({
+        return (h("div", { key: 'ee13e2e3b7dcdf219497bd1eb993d32ac4d9cd59', class: icon({
                 flip: this.flip,
                 size: hasTextSizeClass ? 'auto' : this.size,
                 transform: this.flip !== 'none' || this.rotate > 0 || this.rotate < 0,

package/dist/esm/p-calendar.entry.js

@@ -199,7 +199,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (h(ThemedHost, { key: 'af9b580a84030d4aca0e983eb1b12239875f0f55' }, h("div", { key: '81e938439eac92733ac0901caed9d441b762ed88', class: calendar({ variant: this.variant }) }, this._getView())));
+        return (h(ThemedHost, { key: '3fff6e0a14facd9e4a44c6f932019d6d20ed586f' }, h("div", { key: '81a4a6ea5f2f24473f8c2b869c90ade95e0e3c5d', class: calendar({ variant: this.variant }) }, this._getView())));
     }
     _checkTodayButton() {
         if (this._maxDate && dateFnsExports.isAfter(this._today, this._maxDate)) {

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

@@ -9,7 +9,7 @@ const CardBody = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(ThemedHost, { key: 'a79e87376143fe8997b7960cd3eaca5103b833ea' }, h("slot", { key: 'cbc7b18d43f0c16079b6304a02b1486cdf970fc0' })));
+        return (h(ThemedHost, { key: '9968fb71d84936146832f3ccc8229530831916a2' }, h("slot", { key: '5df201bc946dbaf4c1a29b73988b9ad4e72e828d' })));
     }
 };
 CardBody.style = cardBodyComponentCss();

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

@@ -103,13 +103,13 @@ const CardContainer = class {
      */
     border = true;
     render() {
-        return (h(ThemedHost, { key: 'a38d44ea64514da47c620cf3ea4715a764a09774' }, h("div", { key: '4311d4de38c82349896e47ef2a45734505c54890', class: cn(container({
+        return (h(ThemedHost, { key: '3254643a3eea9671689a95c6b5d9e865232dc4f4' }, h("div", { key: '104b2922fee2364675d3e9129f692ccda700ba63', class: cn(container({
                 variant: this.variant,
                 active: asBoolean(this.active, false),
                 hoverable: asBoolean(this.hoverable, false),
                 shadow: asBoolean(this.shadow, true),
                 border: asBoolean(this.border),
-            }), this.bgClass) }, h("slot", { key: '55798f8cdab816bf4eb64464006a5069fe33dfe6' }))));
+            }), this.bgClass) }, h("slot", { key: '9e76d78322deb8fb39da8ab45d54dc91a8fd3539' }))));
     }
 };
 CardContainer.style = cardContainerComponentCss();

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

@@ -56,11 +56,11 @@ const CardHeader = class {
      */
     divider = true;
     render() {
-        return (h(ThemedHost, { key: '1294d8d70f275b59e0f4c18d032698103a902ec6' }, h("div", { key: 'f095fbf1031170a0f32bde27fc9a1e78c5818115', class: header({
+        return (h(ThemedHost, { key: '121c8160b6cb1e37495e44408e6f268c0ec96352' }, h("div", { key: '0e34a533387192ccc8e8b37176e2a90d156aa93f', class: header({
                 variant: this.variant,
-            }) }, h("div", { key: '3d56078ea79fdcb81461437dd3b8c66f712a5cef', class: content({
+            }) }, h("div", { key: 'cfedd527b35b50e5b0b5d4eec2fe9d1470b355fd', class: content({
                 variant: this.variant,
-            }) }, this.icon ? (h("p-icon", { class: '\n          text-storm-300\n          dark:text-hurricane-200\n        ', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (h("slot", { name: 'prefix' })), h("div", { key: '005f43cba3bfe99a983662f0bfb7d6c5429cef5d', class: title() }, h("span", { key: '1fc8a26b87fc27bc6d51031bde168b9a1ab3e395', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: '0afc16e030c057789bbbf3ef3649d81c7721dfa6', name: 'content-suffix' })), h("div", { key: 'e8e336a47953c3a6f11434622aa221e9295d4592', class: '\n         ml-auto flex items-center justify-end gap-4\n         empty:hidden\n       ' }, h("slot", { key: 'b0aec6d332a4109cb91fae4c5b75945486c1b91c', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && (h("p-divider", { class: '\n          text-off-white-700\n          dark:text-white/15\n        ' }))) : (h("div", { class: '\n         pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full\n         overflow-hidden rounded-t-2xl\n       ' }, h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
+            }) }, this.icon ? (h("p-icon", { class: '\n          text-storm-300\n          dark:text-hurricane-200\n        ', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (h("slot", { name: 'prefix' })), h("div", { key: '2e6ec50752da1fc42620203d8e2aeed1cbdadf52', class: title() }, h("span", { key: 'cf544dbd8d9286d1b488df40a57756a51f7445ed', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: '4f30078497757b31157cc8ab1f20cda180b6974e', name: 'content-suffix' })), h("div", { key: 'b54bf5309ceee682e0d309bf6882976d636ebcd4', class: '\n         ml-auto flex items-center justify-end gap-4\n         empty:hidden\n       ' }, h("slot", { key: '72ed3c887b80e34e3db7f274c621c0ce2cf34dee', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && (h("p-divider", { class: '\n          text-off-white-700\n          dark:text-white/15\n        ' }))) : (h("div", { class: '\n         pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full\n         overflow-hidden rounded-t-2xl\n       ' }, h("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
     }
 };
 CardHeader.style = cardHeaderComponentCss();

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

@@ -148,13 +148,13 @@ const Checkbox = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '790e3aa34ae9ab672a26033e58b1801742e9989d' }, h("label", { key: 'a40fd069e097065a718100d32b0f823e228f6aec', class: 'group/p-checkbox flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '102743e8fb860e7290d77e7407be13856460f613', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'e0aab8a3669d74a544d49ea0dfa40312c913d20e', checked: asBoolean(this.checked), class: checkbox({
+        return (h(ThemedHost, { key: '1515c15feea5676594071d916d967f03684003cb' }, h("label", { key: 'e5b495ac4740fd87d9958106f0875e9b41373f0f', class: 'group/p-checkbox flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: 'a1a93ae8c63b510d111b133a035090993e4696ed', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'a7ab67831b3820c585a80d8aa8d8ecc4205c677c', checked: asBoolean(this.checked), class: checkbox({
                 disabled: asBoolean(this.disabled),
-            }), disabled: asBoolean(this.disabled), id: id, indeterminate: asBoolean(this.indeterminate), name: this.name, required: asBoolean(this.required), type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: '54a632b71823fe37ea899841ce1a991ade8dab08', class: iconContainer({
+            }), disabled: asBoolean(this.disabled), id: id, indeterminate: asBoolean(this.indeterminate), name: this.name, required: asBoolean(this.required), type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: 'a92126c7a6425400c13735ccd6889a64ec388ded', class: iconContainer({
                 disabled: asBoolean(this.disabled),
-            }) }, h("p-icon", { key: '78ea7112217b5d623be8dcd20c422796a85372dc', class: icon({
+            }) }, h("p-icon", { key: 'e5bef96d152e560a770e45bda12b73d453890ed6', class: icon({
                 disabled: asBoolean(this.disabled),
-            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("div", { key: '6946c6e2c07e6a38ce02d849468d499728a0e4c5', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: '7219e1faea7dee90c29a1e9c4c5182caffad36c5' })))));
+            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("div", { key: '99532f60ebed0325ecf95813fccf159cbc1b9079', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: 'ccd1ad045758ffd9590ca6c9ad8ee5c5b427a19e' })))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -310,12 +310,12 @@ const Dropdown = class {
         this._checkItems();
     }
     render() {
-        return (h(Host, { key: 'ba99b3088d39dec30e7d3559354221040007e521', class: 'relative' }, h("div", { key: '119b30bd52ca90cb238a7a1818a31ae53de9f47b', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: '21d5a22224d7c085fc876005f824e7746d32f0c3', name: 'trigger' })), h("div", { key: 'f20832523805805a3d5d86fabf331cdbd7fdbd8c', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: '2d4a8683d11a9b5e378ffb1a7fb62da82dc831c2', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
+        return (h(Host, { key: 'b7067a6aee2989c76376592bc7e2ce02750629c3', class: 'relative' }, h("div", { key: '61b1c733996f22f05c16a143a0e5a3b22f8538f9', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: '26b066d7146aa9dba35e37531017fa16c5c2dd2a', name: 'trigger' })), h("div", { key: '14a2e8dfe6ce4f7f0d81e50c744e7c9c1128b401', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'd4c3bc965f7015bf8014026d6227f4a38d973d42', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
                 strategy: this.strategy,
                 maxWidth: this.applyMaxWidth,
                 fullWidth: this.applyFullWidth && !this.applyMaxWidth,
                 isDatepicker: this.isDatepicker,
-            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '84dc0c48a92c957de785d4323bd719b020f20212', name: 'items' })))));
+            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '2b4c8c622fa2656d399b93ae2c48807987846d9c', name: 'items' })))));
     }
     _checkButtons(active = false) {
         const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');
@@ -538,15 +538,15 @@ const DropdownMenuContainer = class {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (h(ThemedHost, { key: '2570b3288d57fb643ee1b998283d272eb369806e' }, h("div", { key: 'e6da178cd5fd180439c36c64f277d7bdaf3cd98e', class: dropdownMenuContainer({
+        return (h(ThemedHost, { key: '0716936b0d23b24477d8a66afb779a85819d6f3b' }, h("div", { key: 'ab0762a53542cf170dbb2593e7ce3d71006aa43a', class: dropdownMenuContainer({
                 class: this.class,
                 variant: this.variant,
                 fullWidth: asBoolean(this.fullWidth, true),
                 maxWidth: this.maxWidth,
-            }) }, h("div", { key: 'f73e3a82adc9fb9a5565962fcf200b9b9995bc75', class: innerContainer({
+            }) }, h("div", { key: '8394e8a2198f8b93c2ba2f72e26ca42a3f6f2b29', class: innerContainer({
                 allowOverflow: asBoolean(this.allowOverflow),
                 scrollable,
-            }) }, h("div", { key: '980d45e0779efac5f408bd81f4aa6a7aa0d5787a', class: 'flex w-full flex-col' }, h("slot", { key: '813103f016dd6e073652293a517477b93d7da2cb' }))))));
+            }) }, h("div", { key: '674e2c415cc6a19e3c3e96a5415fdadaff2ef298', class: 'flex w-full flex-col' }, h("slot", { key: 'a7b2a36f525560bd41c0bc5314e29bb409d385e9' }))))));
     }
 };
 DropdownMenuContainer.style = dropdownMenuContainerComponentCss();

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

@@ -51,13 +51,13 @@ const ContentSlider = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd732accc688b1df8c288d5ecd1025fa0b15007af' }, h("div", { key: 'bef92d3a68be80802dd9b62c2ffd8fbda0b5c72d', class: `
+        return (h(Host, { key: '10219a5b7b268ab732457094c2491d4a203c3d47' }, 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) }, h("div", { key: 'a8a93a255fbb23b916cf2b858a84fd70f7d62a6b', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'e707df540fe8628168d6451bedcd12848f1d7493', onSlotchange: () => this._slotChange() }))), 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) }, h("div", { key: '98ea5929e9e4c35807db44deea40a713eb55e22b', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '99ec72369ee09b9c56406697559ce232d90476b0', onSlotchange: () => this._slotChange() }))), h("div", { key: '3e7cd9e03341d52b60d934ad88d33138cd31ff1e', class: `
        indicator
        ${this.hideMobileIndicator && 'hidden'}
      ` }, this._filteredItems.map((_, i) => (h("div", { class: `

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

@@ -2846,7 +2846,7 @@ const Cropper = class {
         const themeColor = state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (h(ThemedHost, { key: '009cda4ff4eb5d2a7ff777a901b67c83a5f37af5' }, this._loaded && (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() }, h("cropper-image", { key: 'd53e718c7c5c9da68c10e39ee67e2c98ad23e825', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: 'ce71d0a0602110c330746027f300d373b5142e55', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: 'a552b9b1fbcdc2c9d8707f309fe4cbd62b644ad5', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '1419ae877acfcb7ad6981cd825f57dc4e85b1aef', action: 'move', plain: true }))), 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 (h(ThemedHost, { key: '45de2e7e220d4a56fc8f863bebc570efba716c6e' }, this._loaded && (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() }, h("cropper-image", { key: '5f55ad7da0800e65d965a73dcf2954e62a720e30', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: '8f6235a0c13f64b907447d4611365831bbed8328', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: 'fbffe0267e5346b34f627d4160222c08a048da18', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '90d51dfa7e392505459b2252334e98eaf28f0e9d', action: 'move', plain: true }))), 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/esm/p-datepicker.entry.js

@@ -224,7 +224,7 @@ const Datepicker = class {
         }
     }
     render() {
-        return (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 }, h("p-field", { key: '2869249c84a37034ce2ce630da493d397cc5f532', autoShowError: false, disabled: 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(this.required), showOptional: 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 && (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 (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 }, h("p-field", { key: 'f7065621d6f200a2f340e866f5357b5aa133fdcc', autoShowError: false, disabled: 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(this.required), showOptional: 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 && (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 &&
                 dateFnsExports.format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? localeExports.nl : localeExports.enUS,
                 }), min: this._minDate &&
@@ -233,7 +233,7 @@ const Datepicker = class {
                 }), ref: ref => (this._dateInputRef = ref), slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', value: this._value &&
                 dateFnsExports.format(this._value, 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? localeExports.nl : localeExports.enUS,
-                }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: '5fd257d5996ba8aa8164acf82da3ada6803132ae', slot: 'items', tabIndex: -1 }, 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) })), h("div", { key: '19aeebff76b179555fcbf507fe9a503b074bd79e', slot: 'items', tabIndex: -1 }, 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(target, this._el)) {

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

@@ -62,12 +62,12 @@ const Divider = class {
     get _el() { return getElement(this); }
     render() {
         const hasContent = this._el.innerHTML?.length > 0;
-        return (h(ThemedHost, { key: '8dc52e5323e9ccbabf6ac4ef27ac69cab95daae4' }, h("div", { key: '0e4feec398c8eea9a625e673a2d1ce12002bf794', class: cn(content({
+        return (h(ThemedHost, { key: '62e456790fca35130a51837664dc62a731ecf0b1' }, h("div", { key: '1c173037cb8e342ee1d2eb55cda92ffbde98fe68', class: cn(content({
                 variant: this.variant,
                 alignContent: this.alignContent,
             }), {
                 'text-off-white-700 dark:text-hurricane-400': !this._el.className.includes('text'),
-            }) }, 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 && h("slot", { key: 'b7ebd8a85ef5f9e049bbb4232ece62fc25b6708f' })))));
+            }) }, 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 && h("slot", { key: 'b3a252740a235ab6d1184a7e3a38d2046bf41f36' })))));
     }
 };
 Divider.style = dividerComponentCss();

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

@@ -12,7 +12,7 @@ const DrawerBody = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("slot", { key: 'ad1b99c5aebbb4134066f14216f3b71b45c24eeb' });
+        return h("slot", { key: 'f26933044c64fd73c9fc3d7400623d52f3d6cb73' });
     }
 };
 DrawerBody.style = drawerBodyComponentCss();
@@ -49,9 +49,9 @@ const DrawerContainer = class {
      */
     closing = false;
     render() {
-        return (h(ThemedHost, { key: 'bc792e09626c80196369ca43ef43135e6e10132c' }, h("div", { key: 'e3b242a8cd8ba7034aebaf5bd7de73242d7c4c33', class: container({
+        return (h(ThemedHost, { key: 'ba9bf03e3da5ccc386585d9242317098d1974dc7' }, h("div", { key: '6ab542b1a314855bc417ddb9db513028bf1453e2', class: container({
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '5e0b9ca40dc6528825b212776d1c4eee7e198f73' }))));
+            }) }, h("slot", { key: '6a3670c0482888725235ceb8df65136d9309785a' }))));
     }
 };
 DrawerContainer.style = drawerContainerComponentCss();
@@ -88,7 +88,7 @@ const DrawerHeader = class {
      */
     close;
     render() {
-        return (h(ThemedHost, { key: 'e05ec2c9d94a38c646e446b2882f675bcccad49e' }, h("div", { key: 'ac59d07abee48dc4bdb945a6cc780c2e124e4613', class: header() }, h("div", { key: 'fb95e22321f77109a554c790fc1d7bc59cf8f404', class: content() }, this.showClose && (h("p-button", { key: 'f6f1c5524ddb466b48682b03571ee245111d3280', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), h("div", { key: 'ed99afeff2a45c9a17558d256863c4f22f99594f', class: title() }, h("slot", { key: 'fffd297b663ad9761c848b4dd47a40c545eec324' })), this.showClose && h("div", { key: '73cf17ce479ad201c6ea905043512dfb2b5dd780', class: 'size-8' })), h("p-smile", { key: '07a4e62c3294e1427159c2a73214d754d043da03', class: 'dark:text-hurricane-400' }))));
+        return (h(ThemedHost, { key: '68ec14e2f8d7fe78e6f4121f26b500e4f6806f2f' }, h("div", { key: 'bfd65e98e1e370ae5d1fe1204b0f35fa6ea5c527', class: header() }, h("div", { key: '5216d5ff046ec5d9308960ca6536221806070893', class: content() }, this.showClose && (h("p-button", { key: '068ff9a02ffe20649644d45a4883322bc213ed4f', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), h("div", { key: 'ce6808112de2a48b49b4632ee3b98cb80525aebf', class: title() }, h("slot", { key: '66c6afa30f02a8bb7b10da5264470cc5e92c0777' })), this.showClose && h("div", { key: '947d1919641618b24dd528cb1d1f00974cc0252e', class: 'size-8' })), h("p-smile", { key: '3809052da27e1deb595d5ebe0357fa03d3c610f3', class: 'dark:text-hurricane-400' }))));
     }
 };
 DrawerHeader.style = drawerHeaderComponentCss();

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

@@ -288,19 +288,19 @@ const DropdownMenuItem = class {
      */
     autoHeight = false;
     render() {
-        return (h(ThemedHost, { key: '147401764920d564b7a00d1b31a2d10a262329be' }, h("div", { key: '06dd61d4b5bf8cd1e447d326d30082d638e7b033', class: cn(dropdownMenuItem({
+        return (h(ThemedHost, { key: 'a9d9404058e02af2e3f67248c9b97501c0627764' }, h("div", { key: '999122672d9c1f7fd467ef5a4a4316b3484c201d', class: cn(dropdownMenuItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 enableHover: asBoolean(this.enableHover ?? true),
                 autoHeight: asBoolean(this.autoHeight ?? false),
                 enableTextWrap: this.enableTextWrap,
                 disabled: asBoolean(this.disabled),
-            })) }, this.icon && (h("p-icon", { key: '057978ce674d15f2013cc44941a535bd61b09aa9', class: dropdownMenuItemIcon({
+            })) }, this.icon && (h("p-icon", { key: '874509b8f140f2a7f59d3eaea197576d04fef57a', class: dropdownMenuItemIcon({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 disabled: asBoolean(this.disabled),
                 wave: asBoolean(this.iconWave),
-            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: '1a953c17a54475d4d2f09ae18cd2cf5b46438a23', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: cn('block w-full overflow-hidden text-start', {
+            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: '4ac46ef8905c184cf1e1e3531d26ef559ae3ff97', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: cn('block w-full overflow-hidden text-start', {
                 'text-ellipsis whitespace-nowrap': !this.enableTextWrap,
             }) }, h("slot", null))) : (h("slot", null)))));
     }
@@ -413,12 +413,12 @@ const PaginationPagesItem = class {
      */
     disabled = false;
     render() {
-        return (h(ThemedHost, { key: 'de5e24d94b1b427e74f3f7ac6dc919af16e30833' }, h("div", { key: 'fc8b4687cd1dec165e0afeab54c63d629216a45d', class: item({
+        return (h(ThemedHost, { key: '867dcd55f7c4194c89b18ff3a46a52ee3f728fef' }, h("div", { key: '406e4e9641b35fc16a5379811f959878ade2c0ca', class: item({
                 variant: this.variant ?? 'default',
                 active: asBoolean(this.active),
                 hover: asBoolean(this.hover, true),
                 disabled: asBoolean(this.disabled),
-            }) }, h("slot", { key: '3ef68f1aae1ff4b00c85b689f1572fde0b0ffb70' }))));
+            }) }, h("slot", { key: '6515cd771a33b320d60940674c324d0dc285f74d' }))));
     }
 };
 PaginationPagesItem.style = paginationPagesItemComponentCss();

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

@@ -0,0 +1,198 @@
+import { r as registerInstance, a as createEvent, d as getElement, h } from './index-yFtRjnrU.js';
+import { c as cva } from './index-CO0T2jO4.js';
+import { T as ThemedHost } from './themed-host.component-CUNsbvgN.js';
+import { c as cn } from './cn-CsNqHcjL.js';
+import './clsx-ChV9xqsO.js';
+import './state-BJbOyUuL.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 = 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) {
+        registerInstance(this, hostRef);
+        this.upload = 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 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 (h(ThemedHost, { key: '850603b4fb37087fd8bd7db5f37d9fcb17687fd2' }, h("div", { key: '594badd15df513690f388b021993694ad710e5c6', class: cn(dropzone({
+                isOver: this._isOver,
+                uploaded: this.uploaded,
+            }), {}), onClick: () => this._uploadClick() }, !this.loading && this.showIcon && (h("p-icon", { key: '10d41c9cd21bcba962c186ed04f48c1abf9c2073', class: cn({
+                'text-storm-300': !this._isOver,
+                'text-indigo-900': this._isOver,
+            }), variant: this.icon })), this.loading && h("p-loader", { key: '1c2b811db6711ef9bc4ba54d380f4aff7870ea0b' }), hasContent && h("slot", { key: '2e1ab2124bef07b476a23bfefed446e4ac17c0d2' }), this.uploaded && !this._isOver && (h("div", { key: 'e277e12954fd53100ec6202002c1b495d42ddb8b', class: 'flex items-center gap-2 text-positive-green-800' }, h("p-icon", { key: '68dc24d68232b98aaed2d1a5b1bc38888c7efffb', variant: 'check-circle' }), h("span", { key: 'f8cc3ffc3201efb23cd90d30eb7921e5c597db62', class: 'font-medium' }, "Toegevoegd"))), (!this.uploaded || this._isOver) && (h("div", { key: 'be0dfd5990877b7e914580f3d6c193d48402ab2a', class: cn('flex flex-col text-center', {
+                'opacity-50': this._isOver,
+            }) }, h("span", { key: 'f406b49e7b8ec6b4fb01fff011523147714da170', class: 'font-medium' }, "Sleep je bestand hierheen"), h("span", { key: '7656b9d337a582f2e69cf555a4f5c8eaa70e6f51', class: 'font-normal' }, "of klik om te uploaden")))), 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();
+
+export { Dropzone as p_dropzone };