@paperless/core 2.0.1-beta.107 → 2.0.1-beta.108

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

@@ -12,7 +12,7 @@ export class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: '38c5887da721bd882fe583af2966ab72db3a5e3d', class: 'p-button-group flex items-center' }, h("slot", { key: 'e2388ece9d62a3b8a4dc555703696989d5cd7c57' })));
+        return (h(Host, { key: 'd27b0832ddb1678f9f35500398177049bcf9915e', class: 'p-button-group flex items-center' }, h("slot", { key: 'de335121f7ede61018901f603cc379056ffd919c' })));
     }
     slotchange() {
         this._checkButtons();

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

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

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

@@ -189,9 +189,9 @@ export class Datepicker {
         this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: 'c92fb7f401d30305f42cf367ff2b263bef23ede5', class: 'p-datepicker' }, h("p-dropdown", { key: 'ce3182a772d547e2ac7890bb9b51101cab21be67', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: 'f9e742daf4ff73f4be5adf2f92f890ba57096670', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), error: this.error, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '254862854eacffaa3facd57a49e3a810afd83cc5', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
+        return (h(Host, { key: '81eb937a8e8db269231f5d4a25c15ee7686e0a12', class: 'p-datepicker' }, h("p-dropdown", { key: 'c625bbd563e50d0905294425e14b11c3b645fafc', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '9d53e0c9aa66e9f724ae5dd301737ba71ad2665e', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), error: this.error, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'b9c2c2f901761a2c9511c7781e5cfebfa2619a35', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
             ,
-            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: '9aed0c48e8b0f726cd5367d8d4874d0af1f4ca9a', slot: 'items' }, h("p-calendar", { key: '7b5f1a893588c3ffeb9f31e90ca7d0638cb28565', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: '4acc20f743b77fa9ed8bea3f87b9f85cf24825b7', slot: 'items' }, h("p-calendar", { key: '657e46e60e1a0662c4096677ddbc18cbcac197d2', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

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

@@ -133,14 +133,14 @@ export class Dropdown {
             'data-strategy': this.strategy,
         };
         let dropdownContainer;
-        const itemsSlot = h("slot", { key: '4374bd918cc6b37ac8f8fc3f0201319af8d5c193', name: 'items' });
+        const itemsSlot = h("slot", { key: '96f3997c1e97a32d6e89b5975e7901e2371d9946', name: 'items' });
         if (this.usePortal) {
-            dropdownContainer = (h("p-portal", { key: 'f3c6038eea9eab93c612fd01ec7bcf4a00391a57', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: '8d36c05d4315243b0af54b459234a95cf439665b', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, itemsSlot)));
+            dropdownContainer = (h("p-portal", { key: '06378b55886a476cbf48fed529d94c38dc857952', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: 'a693c09319fcd296f55734dc8f8eaf8c14bcf49f', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, itemsSlot)));
         }
         else {
-            dropdownContainer = (h("p-dropdown-menu-container", { key: 'bba1302fdff1aa9b779333d0e228cb9a5c60dd2e', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, itemsSlot));
+            dropdownContainer = (h("p-dropdown-menu-container", { key: 'e41ba82bdfa56ee1562fe2bb4f22c09f418a8563', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, itemsSlot));
         }
-        return (h(Host, { key: '51f633dd3492c95f8905734765039dd007674eb5', class: 'p-dropdown relative' }, h("div", { key: '7dbb19a67bc95b890fe59803b8b77dc4f669028d', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '0ea021bf7d674d1791d545324aa5f44790ba2a10', name: 'trigger' })), h("div", { key: '3543fa824648968730d4599d9e8ded978575bde6', class: 'relative w-full' }, dropdownContainer)));
+        return (h(Host, { key: '15098f07b49631d9dbf1785a4043398919c2d552', class: 'p-dropdown relative' }, h("div", { key: '98fa4f33e5d8aebc04459137e60fb26c46baf86c', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '3df896877c0b85976cb8a7601cd5c3526aa870c9', name: 'trigger' })), h("div", { key: 'c10531089fd800e214a5fdf37d54caf50a7ada08', class: 'relative w-full' }, dropdownContainer)));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {

package/dist/collection/components/molecules/empty-state/empty-state.component.js

@@ -54,11 +54,11 @@ export class EmptyState {
         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 (h("div", { key: '1aec16b19f0851bf1e9f60197f36a163ee2ab773', class: emptyState({
+        return (h("div", { key: 'a1cc31c240ae4c8dab7aff0670b25d8bffc83c62', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: '0a12fef97b215480a5913914f174479f5b536072', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: 'b1af77e287702388404744b128036b33ad6881d6', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
     }
     static get is() { return "p-empty-state"; }

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

@@ -272,21 +272,21 @@ export class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(Host, { key: 'e4ef4b7bd7b58d5ba0387bafbd25b4b5dec035cb', class: 'p-field' }, h("p-field-container", { key: 'f9de8c0706ed2dfa7dd24b5bb6beab3d9745b3ae', forceShowTooltip: this.forceShowTooltip || this._focused, id: id, label: this.label, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: '10d1d5e6f557e9330abdbc567d92c930a7e979d1', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'b6debfb44e4208d503e9b30cec1d0749882933e9', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '9333c90c0800fc03603797cc2d271dd3fed389e1', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'c7f425d9955dd4bee2d692af72b3166b58f9054e', name: 'error', slot: 'error' })), h("div", { key: 'faca591aa1ec0d87ea9e88394bf3ee12d256b270', class: field({
+        return (h(Host, { key: 'b016bc667c01de72264fed640d5e4468aebeccf5', class: 'p-field' }, h("p-field-container", { key: '941c6b3753430b0cdcd9e92e6ee62902105fcfb3', forceShowTooltip: this.forceShowTooltip || this._focused, id: id, label: this.label, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: '7bdcadcb46960cc509e7293cd94b069b1d6c7d96', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '5d5e3881e387cbf1842fc95f11a29054d4dc2d45', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'b55ffb578b0dc388f659a14fcd316f6256717715', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '6a549a27212826c7cf35b9e0f6bf13a46f55aeb8', name: 'error', slot: 'error' })), h("div", { key: '7bf0e6f1ce57e6f7e14416f6bc58c07e0c0acfc0', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
                 size: this.size,
                 variant: this.variant,
                 isTextarea: this.type === 'textarea',
-            }), title: this.variant === 'read' && !hasValueSlot ? this.value : undefined, slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '77d97b8cab5691dc6cea459eb4f077c7305c63d3', class: prefixAndSuffix({
+            }), title: this.variant === 'read' && !hasValueSlot ? this.value : undefined, slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '73266e48a0074bd50999b82c211bf3353b724bda', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
                 isText: typeof suffix === 'string',
             }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: cn('flex', {
                 'mt-[0.125rem]': this.variant === 'read' && this.size === 'base',
-            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'ba50836dc22fa1804d83aac6bf49a5c33e57a1dc', class: prefixAndSuffix({
+            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '460fe559f1bb519cd3ba605d86b04481ae6aab83', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,

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

@@ -53,14 +53,14 @@ export class Label {
      */
     keepMobileContent = false;
     render() {
-        return (h(Host, { key: '08936862bed40acc54b2bb5adc1233e49f82a977', class: 'p-label' }, h("div", { key: '7c991e845cea4030126e0131028f56ee370323a5', class: label({
+        return (h(Host, { key: '71ee68f992cfdd738f5e975c395af6f0cd847e2e', class: 'p-label' }, h("div", { key: '39bc594fa05d7b10c0fe0c3e93d0ebc515a8f666', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '9faa2c326baccac2998e3b05e74ea7224bb2daf2', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'e9f2bacfbd324299cd170141113156bf6ce2da9c', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (h("p-icon", { key: '29b1df63ae3678e7a935c522095f253ffeff6046', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'f1e0bfd391b12848fc8d08efa185df9a34de6ebc', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: 'd858bb60b26a057eb72689ab8ee7202f5d470092' }))))));
+            }) }, h("slot", { key: '59bf2918ed512d0873b23955f35fedbc7c72340a' }))))));
     }
     static get is() { return "p-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,10 +66,10 @@ export class NavigationItem {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(Host, { key: '565fb765efeff2641a72e130bdd7b4a9f65f5e51', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'f1624bc3f52669956d31162481ce30eb39d81384', class: navigationItem({
+        return (h(Host, { key: '7ff5ea7bb9efd2e81050abf41b27d0be3794133b', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'b6ce8c6b8d2a7e61bd37ad7fb94b4442c251afa0', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '6d78ae7c364bc20a5b7fe0fd59edcf464b932a46', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '5ee1459dd3f3d2d3f4a47339bcfbba0975b22985', variant: this.icon })), h("span", { key: 'f1e765dc8954bcab086e25626e09d25de0494ad7', class: this.counter && 'has-counter' }, h("slot", { key: '5d9aaf3e81fa24553e0a22e03ae9677f17367548' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '4ce1a9b6f618acdf62cba78d6febe66e4a73aa28' }, this.counter)), !!this.loading && h("p-loader", { key: '46c43a329f042f09320d5a74e72912b3b611a1ab', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: '753aaf2cd3a0fc728557c296c54e154ab14f3059', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '58e57b38f913e95971b6fb56492e7a568bd69622', variant: this.icon })), h("span", { key: 'eccac44f523ad489977ee25bfad972fb19703bae', class: this.counter && 'has-counter' }, h("slot", { key: '2659769537c022e51aa3a223e1f57638dbe66274' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '7077e0e0a9891e7f486231a97da2100e331d938e' }, this.counter)), !!this.loading && h("p-loader", { key: '14e7a7ddc195707cfd50a71f488938dd3a7e2a32', class: 'ml-auto' }))));
     }
     static get is() { return "p-navigation-item"; }
     static get originalStyleUrls() {

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

@@ -5,7 +5,7 @@ export class NavigationSection {
      */
     header;
     render() {
-        return (h(Host, { key: '1f274ccfba30257f75286708f56c481158f1c3b7', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '8dfe8d8c598b3489758813f43a474662b641dfdf' }, this.header)), h("div", { key: '849cc30c7c244296970fcd8a6ea0a97775b6db72', class: 'flex flex-col' }, h("slot", { key: '55644e12261090dc75391f5306ac22f4711ad902' }))));
+        return (h(Host, { key: '2d6be2c8ff3ded760dfa38814d41798e34e668bd', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '811de7004feeb785fb30bdff062e150c1733bc0f' }, this.header)), h("div", { key: '97c9e1701288c4a4e56205800eafc0638ef5252c', class: 'flex flex-col' }, h("slot", { key: '5a11e97a2c4c38393c625e626665572aea79d106' }))));
     }
     static get is() { return "p-navigation-section"; }
     static get originalStyleUrls() {

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

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

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

@@ -59,12 +59,12 @@ export class Pagination {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (h(Host, { key: '60baf3ee2402616c05638277ba6b090539d2f252', class: pagination({
+        return (h(Host, { key: '8fb151e74ca287270170b26ab6dbf4e7b82b8b55', class: pagination({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'c5b6ed04af72b87783b897ca6305d045bf4cdfc8' }, h("p-pagination-size", { key: '9561b6e9e7a2c2858231e1f5975c1c786adb6797', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '9ca0d1e33dcd8b24754b232e52802a644a1b5b81' }, h("p-pagination-size", { key: '1117e9c5fe76898f0f2a81070ea46c7ac49049fe', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: 'dc360f57ec534fb8d935609885b254c6a14dd289', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'a4a8758433a2d086fe6a4b3425f61a0ddf22f33d', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (h("p-divider", { key: 'af3262c8af7bf18f90358eafb22271675535e924', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'd95fb3064e3c7156d9ee515c37038359f68be37b', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
                 this._hasPaginationPages = detail > 1;
                 this.pagesChange.emit(detail);
             } }))));

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

@@ -282,7 +282,7 @@ export class Select {
         }
     }
     render() {
-        return (h("p-dropdown", { key: 'e2fcd4a49428b04e37a0262972e25124146d5e1c', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '4ba87fc7da35bd7f809c0eaa61afb95d31e24da8', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: '6aaf913df42bf2daa6eb0f665583bdf0b99849de', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: 'bd07feac6edf55bfa33181828ca6e958bd4f2bb5', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()));
+        return (h("p-dropdown", { key: 'd75c32e8830d0d2c33e3fee1835079b5b959485a', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '256fbe72c653fda4c890d39dbd2cdbfb5b3a1163', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: '791f446440511f2768c5199c0853775e1baa17f8', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: '96f3a59c66cbd21b82d18ac6ee471cd026da47b2', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOfComposed(event, this._el)) {

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

@@ -105,7 +105,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(Host, { key: '1f1f0d2b02be8eea2707277138c29263f4468d25', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
+        return (h(Host, { key: '38c0e403da7999fd01ba95cfc6df49fc647685f7', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
     }
     _getContent() {
         if (this.variant === 'loading') {

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

@@ -86,11 +86,11 @@ export class TableFooter {
         }
     }
     render() {
-        return (h("div", { key: 'c0438b52ed17c7c55ce27474cabfb05c27658b42', class: footer({
+        return (h("div", { key: '9f23c7ef7d4e71ab6692aa295b5e7704fa34df4e', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: '8db5d62d61cf63ae268e2401395f57dfc2ba047a', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this.total > 0 && (h("p-pagination", { key: '1f2bb252d80b9ac79cdf6a362c9bfa851af45d3a', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {

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

@@ -46,12 +46,12 @@ export class TableRow {
      */
     enableHover = true;
     render() {
-        return (h("div", { key: 'e2c8b7b3cd982751faaafe41a42f423038e6ddad', class: 'flex flex-col' }, h("div", { key: '406e8ebaa723489cf8c78b7591fa6bd595afbedf', class: row({
+        return (h("div", { key: '9bfd1509d1dd345215f61d6b7886cfb8a255d5db', class: 'flex flex-col' }, h("div", { key: '3364b244152540e4351450611e6898f37daa73a5', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
-            }) }, h("div", { key: 'c2a1325f2700dbcfd03f4b48c04cf0c7207cd987', class: content({
+            }) }, h("div", { key: 'e33f5810f48b92abbb7a5150863b205163d892ff', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: '9234fea01551672a5ab448c98e1e6b1242dad727' }), h("div", { key: 'cf11ebdcc1195d04dac86afc12ee58b5372a8461', class: actions() }, h("slot", { key: '24ba39c7466b61335b052539a20f2ddddb06e1d1', name: 'actions' })))), h("p-divider", { key: '838d8412e8f37f566d78b33dbdc2f0e2682a0da2' })));
+            }) }, h("slot", { key: 'a8cb2fe679b9a681c5b6907155f5106d6744d4bf' }), h("div", { key: 'aed45dd92d81880717fd3d8046e4a0e18d4992d8', class: actions() }, h("slot", { key: 'dfd6864b51280782fca7877bc4b8d0748fc3fa9d', name: 'actions' })))), h("p-divider", { key: '423afd77506022eb33931d46ab3fe2a458c31f1b' })));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h(Host, { key: '78f3378c5a710b65087ad12701285f794f7d05db', onClick: () => this._onClick() }, h("div", { key: 'e9be3bff78107babaf8893cbf5435d4993554c37', class: indicator({ variant: this.variant }) }), h("div", { key: 'b4efd4de7e28e3003612b997fe79105dcd35588b', class: content() }, h("div", { key: '252b7af2b9929dae867638845b29f66edf1d1f6d', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '19564b4be63b30c37b3fce9ffc3770cf003ecd64', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-white-500' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '140d003abbabafaf2c43aa527f5c9112c5a0347d', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-dark-teal-200' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '525406f3385fb41ef956f1d8883b4a20876fea61', variant: 'transparent', iconOnly: true, icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' })))));
+        return (h(Host, { key: '73ebbcb118986b98f27bd80de6dba339e46886ca', onClick: () => this._onClick() }, h("div", { key: '946fb8b74dea9eafdc92ffcc065fe93cc1ccf924', class: indicator({ variant: this.variant }) }), h("div", { key: 'ca1a1c3611699c4afefbf44d3434389a2817b9f3', class: content() }, h("div", { key: '8e4311c973300c743c9311738d44876628cf50dd', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '9ea9e91fd13d16f82bb4e561b09385863dd371c9', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-white-500' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '017efb88e26742336598561564b2519a0bc0e2ac', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-dark-teal-200' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '09b9c7cdb4aaf2674666c28a99284693544c9c7b', variant: 'transparent', iconOnly: true, icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' })))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/collection/components/organisms/drawer/drawer.component.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}.static{position:static!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}

package/dist/collection/components/{deprecated/organisms → organisms}/drawer/drawer.component.js

@@ -1,4 +1,4 @@
-import { h, Host, } from "@stencil/core";
+import { h, } from "@stencil/core";
 export class Drawer {
     /**
      * The Header of the drawer
@@ -51,16 +51,32 @@ export class Drawer {
         }
         const headerContent = h("slot", { name: "header" });
         const bodyContent = h("slot", { name: "content" });
-        return (h(Host, { class: "p-drawer" }, h("p-backdrop", { variant: "drawer", applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-drawer-container", { closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-drawer-header", { "show-close": this.showClose, onClose: (ev) => this.close(ev.detail, 'close') }, this._hasHeaderSlot
+        return (h("p-backdrop", { variant: "drawer", applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-drawer-container", { closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-drawer-header", { "show-close": this.showClose, onClose: (ev) => this.close(ev.detail, 'close') }, this._hasHeaderSlot
             ? headerContent
-            : this.header)), h("p-drawer-body", null, bodyContent)))));
+            : this.header)), h("p-drawer-body", null, bodyContent))));
     }
     _backdropClick(ev) {
         if (!this.backdropClickClose) {
             return;
         }
+        const modal = this._findDrawer(ev.target);
+        if (modal) {
+            return;
+        }
         this.close(ev, 'backdrop');
     }
+    _findDrawer(el) {
+        if (!el) {
+            return null;
+        }
+        if (el.nodeName.toLowerCase() === 'p-drawer-container') {
+            return el;
+        }
+        if (el?.tagName?.toLowerCase() === 'p-drawer') {
+            return null;
+        }
+        return this._findDrawer(el?.parentElement);
+    }
     close(ev, source = 'unknown', force = false) {
         if (!force) {
             this.closeClicked.emit({

package/dist/collection/components/organisms/drawer/drawer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.component.js","sourceRoot":"","sources":["../../../../src/components/organisms/drawer/drawer.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({ tag: 'p-drawer',\n\tstyleUrl: 'drawer.component.scss',\n\tshadow: true,\n})\nexport class Drawer {\n\t/**\n\t * The Header of the drawer\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the drawer or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close on mobile in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to hide the drawer when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether the drawer can be closed\n\t */\n\t@Prop() canClose: boolean = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n    source: 'unknown' | 'backdrop' | 'close' | 'event'\n\t}>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"header\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name=\"header\" />;\n\t\tconst bodyContent = <slot name=\"content\" />;\n\n\t\treturn (\n\t\t\t\t<p-backdrop\n\t\t\t\t\tvariant=\"drawer\"\n\t\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\t\tonClicked={(ev) => this._backdropClick(ev.detail)}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t\t>\n\t\t\t\t\t<p-drawer-container closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-drawer-header\n\t\t\t\t\t\t\t\tshow-close={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail, 'close')}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._hasHeaderSlot\n\t\t\t\t\t\t\t\t\t? headerContent\n\t\t\t\t\t\t\t\t\t: this.header}\n\t\t\t\t\t\t\t</p-drawer-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-drawer-body>{bodyContent}</p-drawer-body>\n\t\t\t\t\t</p-drawer-container>\n\t\t\t\t</p-backdrop>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modal = this._findDrawer(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev, 'backdrop');\n\t}\n\n\tprivate _findDrawer(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-drawer-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-drawer') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findDrawer(el?.parentElement);\n\t}\n\n\tpublic close(ev?: MouseEvent, source: 'unknown' | 'backdrop' | 'close' | 'event' = 'unknown', force = false) {\n\t\tif (!force) {\n\t\t\tthis.closeClicked.emit({\n\t\t\t\tevent: ev,\n\t\t\t\tcanClose: this.canClose,\n        \t\tsource\n\t\t\t});\n\n\t\t\tif (!this.canClose) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\t\t\tthis.closed.emit();\n\t\t}, 250);\n\t}\n\n\t@Listen('closeDrawer', { target: 'window' })\n\thandleCloseDrawer() {\n\t\tthis.close(null, 'event');\n\t}\n\n\t@Listen('forceCloseDrawer', { target: 'window' })\n\thandleForceCloseDrawer() {\n\t\tthis.close(null, 'event', true);\n\t}\n}\n"]}

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

@@ -42,7 +42,7 @@ const backdrop = cva(['z-navbar-backdrop layout-1280:hidden transition-opacity r
 export class Navbar {
     _show = false;
     render() {
-        return (h(Host, { key: '53f5cbb707d43895d61263cc66cf0b0ca70bc16f' }, h("p-backdrop", { key: 'f7631ad68ce5c66ea866e1e07d1b46076d2fb928', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '619e8ac8e751fc4ce650a9222929c5400b0eb7f7', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '4e792b78748522f1effe8570b58d5ceabe012d32', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'e10eac4427b22a65dd3a2dc2ab76170fd2546946', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '82c4ea5c1cb86ec222415f0012a1dcaf5419929a', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '0f18a100c12b60e09ab2fdb68b5a6c67366d36c0', name: 'company' })), h("div", { key: '958013530513e26038ed4068060ee5728d711e84', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'ea16cd85f07f6b65e1b6ba20549273b8dd630583', name: 'content' })), h("div", { key: 'c3506e17da027d0d5c4010f5823c6102bc8565d8', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'ddc92d681f57167730794e71db9f02e70eea2a95', name: 'user' }))), h("div", { key: '203e25b74541cdb5588fce0e9c94874be0bdae76', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'cbe75579e8131c2ded9f8c50fe086461d2870008', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: '33ebb7bba63f14a3f48ed92b2dfd9c02445a8002', name: 'topbar' }))));
+        return (h(Host, { key: '2454198616a89f6ee5be80b5015bb425a43ac1ab' }, h("p-backdrop", { key: 'edf555a9998bbe29bc6d23bb8062d2cd91a40526', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'f1d5ee815ca333b61adb42f47e1af62f34f81c55', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '92079830ab45b054c49ef1d96dce3bdba16317fe', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '94bbb8bb5bd84e680bc1a19c94c600b96e624fbb', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '84d7b951268841ddf4afc597a95b3d7107966dc7', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'fd5289de2edbdcfc1daeb91bea5eaf3b17939942', name: 'company' })), h("div", { key: 'dc521460a54752e679cbecb96f723ed91e919ab9', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'c215321feb35149589a7475b7df960d357016aa1', name: 'content' })), h("div", { key: '5d67060818c2cfbbebe75392db6f6402fd17a7ef', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '727ffeb55bf2cfc51b43727240ae48ecc285b82b', name: 'user' }))), h("div", { key: '5e9c20cd0d7ed4badced9d4d276c02b872dbb878', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '5aef208e1bc4ebca99102e3af6cf776481bf5a30', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'bcf56977ccd76fcdca4bb32d02969f08005826e7', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/components/{p-CjruE70A.js → p-12mQxW6R.js}

@@ -2,11 +2,11 @@ import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Ho
 import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
 import { c as cva } from './p-4hDfHOnN.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$5 } from './p-kicoGsIb.js';
+import { d as defineCustomElement$5 } from './p-8rB2Q4yP.js';
 import { d as defineCustomElement$4 } from './p-CQcp92mr.js';
 import { d as defineCustomElement$3 } from './p-D8NwpELS.js';
-import { d as defineCustomElement$2 } from './p-B-__VvzL.js';
-import { d as defineCustomElement$1 } from './p-B3Ewxc1y.js';
+import { d as defineCustomElement$2 } from './p-BUxcWSGM.js';
+import { d as defineCustomElement$1 } from './p-CmfFRlg6.js';
 
 const fieldContainerComponentCss = "*{box-sizing:border-box}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.rounded-lg{border-radius:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none!important}";
 
@@ -191,6 +191,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FieldContainer as F, defineCustomElement as d };
-//# sourceMappingURL=p-CjruE70A.js.map
+//# sourceMappingURL=p-12mQxW6R.js.map
 
-//# sourceMappingURL=p-CjruE70A.js.map
+//# sourceMappingURL=p-12mQxW6R.js.map

package/dist/components/{p-CjruE70A.js.map → p-12mQxW6R.js.map}

@@ -1 +1 @@
-{"file":"p-CjruE70A.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/field/container/field-container.component.css?tag=p-field-container&encapsulation=shadow","src/components/molecules/field/container/field-container.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEventEmitter,\n\th,\n\tHost,\n\tEvent,\n\tProp,\n\tFragment,\n\tState,\n\tListen,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils';\nimport { Placement } from '@floating-ui/dom';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cva } from 'class-variance-authority';\n\nconst loader = cva(['rounded-lg w-full'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: null,\n\t\t\twrite: null,\n\t\t},\n\t\tsize: {\n\t\t\tbase: null,\n\t\t\tsm: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-5',\n\t\t},\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-4',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-8',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-6',\n\t\t},\n\t],\n});\n\nexport type templateFunc = () => string;\n\n@Component({\n\ttag: 'p-field-container',\n\tstyleUrl: 'field-container.component.css',\n\tshadow: true,\n})\nexport class FieldContainer {\n\tprivate _defaultOptionalTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.optional);\n\t/**\n\t * The id for the label\n\t */\n\t@Prop() id: string;\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field container is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The size of the loader\n\t */\n\t@Prop() loadingSize: 'base' | 'sm' = 'base';\n\n\t/**\n\t * The variant of the field container\n\t */\n\t@Prop() variant: 'read' | 'write';\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string | HTMLSlotElement;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc = this._defaultOptionalTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@Event() focus: EventEmitter<void>;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t} = this._getSlotInfo();\n\n\t\tlet contentSlot = (\n\t\t\t<slot\n\t\t\t\tname='content'\n\t\t\t\tslot='trigger'\n\t\t\t/>\n\t\t);\n\n\t\tif (this.loading) {\n\t\t\tcontentSlot = (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass={loader({ variant: this.variant, size: this.loadingSize })}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-field-container'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={this.id}\n\t\t\t\t\tclass='flex w-inherit flex-col gap-1'\n\t\t\t\t>\n\t\t\t\t\t<div class='flex items-end justify-between gap-1 empty:hidden'>\n\t\t\t\t\t\t{!!label?.length && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass='text-xs font-medium text-black-teal-300'\n\t\t\t\t\t\t\t\tonClick={() => this.focus.emit()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{(!asBoolean(this.required) || helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t<div class='flex items-center gap-1'>\n\t\t\t\t\t\t\t\t{!asBoolean(this.required) && this.variant === 'write' && (\n\t\t\t\t\t\t\t\t\t<span class='text-xs font-medium text-black-teal-200'>\n\t\t\t\t\t\t\t\t\t\t{this.optionalTemplate()}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\t\t\t\tclass={`flex ${hasHeaderSlot ? 'ml-2' : ''}`}\n\t\t\t\t\t\t\t\t\t\t\t\tplacement='top-end'\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\tclass={this.variant === 'write' || this.loading ? 'w-full' : ''}\n\t\t\t\t\t\tvariant='error'\n\t\t\t\t\t\tcontent={this.error}\n\t\t\t\t\t\tshow={errorAndErrorIsNotBoolean && asBoolean(this.forceShowTooltip)}\n\t\t\t\t\t\tenableUserInput={false}\n\t\t\t\t\t\tplacement={this.errorPlacement}\n\t\t\t\t\t>\n\t\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{contentSlot}\n\t\t\t\t\t</p-tooltip>\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\thasErrorSlot ||\n\t\t\t(this.error && typeof this.error === 'string' && this.error !== 'true');\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n}\n"],"version":3}
+{"file":"p-12mQxW6R.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/field/container/field-container.component.css?tag=p-field-container&encapsulation=shadow","src/components/molecules/field/container/field-container.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEventEmitter,\n\th,\n\tHost,\n\tEvent,\n\tProp,\n\tFragment,\n\tState,\n\tListen,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils';\nimport { Placement } from '@floating-ui/dom';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cva } from 'class-variance-authority';\n\nconst loader = cva(['rounded-lg w-full'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: null,\n\t\t\twrite: null,\n\t\t},\n\t\tsize: {\n\t\t\tbase: null,\n\t\t\tsm: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-5',\n\t\t},\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-4',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-8',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-6',\n\t\t},\n\t],\n});\n\nexport type templateFunc = () => string;\n\n@Component({\n\ttag: 'p-field-container',\n\tstyleUrl: 'field-container.component.css',\n\tshadow: true,\n})\nexport class FieldContainer {\n\tprivate _defaultOptionalTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.optional);\n\t/**\n\t * The id for the label\n\t */\n\t@Prop() id: string;\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field container is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The size of the loader\n\t */\n\t@Prop() loadingSize: 'base' | 'sm' = 'base';\n\n\t/**\n\t * The variant of the field container\n\t */\n\t@Prop() variant: 'read' | 'write';\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string | HTMLSlotElement;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc = this._defaultOptionalTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@Event() focus: EventEmitter<void>;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t} = this._getSlotInfo();\n\n\t\tlet contentSlot = (\n\t\t\t<slot\n\t\t\t\tname='content'\n\t\t\t\tslot='trigger'\n\t\t\t/>\n\t\t);\n\n\t\tif (this.loading) {\n\t\t\tcontentSlot = (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass={loader({ variant: this.variant, size: this.loadingSize })}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-field-container'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={this.id}\n\t\t\t\t\tclass='flex w-inherit flex-col gap-1'\n\t\t\t\t>\n\t\t\t\t\t<div class='flex items-end justify-between gap-1 empty:hidden'>\n\t\t\t\t\t\t{!!label?.length && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass='text-xs font-medium text-black-teal-300'\n\t\t\t\t\t\t\t\tonClick={() => this.focus.emit()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{(!asBoolean(this.required) || helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t<div class='flex items-center gap-1'>\n\t\t\t\t\t\t\t\t{!asBoolean(this.required) && this.variant === 'write' && (\n\t\t\t\t\t\t\t\t\t<span class='text-xs font-medium text-black-teal-200'>\n\t\t\t\t\t\t\t\t\t\t{this.optionalTemplate()}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\t\t\t\tclass={`flex ${hasHeaderSlot ? 'ml-2' : ''}`}\n\t\t\t\t\t\t\t\t\t\t\t\tplacement='top-end'\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\tclass={this.variant === 'write' || this.loading ? 'w-full' : ''}\n\t\t\t\t\t\tvariant='error'\n\t\t\t\t\t\tcontent={this.error}\n\t\t\t\t\t\tshow={errorAndErrorIsNotBoolean && asBoolean(this.forceShowTooltip)}\n\t\t\t\t\t\tenableUserInput={false}\n\t\t\t\t\t\tplacement={this.errorPlacement}\n\t\t\t\t\t>\n\t\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{contentSlot}\n\t\t\t\t\t</p-tooltip>\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\thasErrorSlot ||\n\t\t\t(this.error && typeof this.error === 'string' && this.error !== 'true');\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n}\n"],"version":3}

package/dist/components/{p-C1teny1Z.js → p-4jVVUXXD.js}

@@ -4,15 +4,15 @@ import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj
 import { d as defineCustomElement$c } from './p-BEuvmIBQ.js';
 import { d as defineCustomElement$b } from './p-N1Pv54zG.js';
 import { d as defineCustomElement$a } from './p-CEoo55FK.js';
-import { d as defineCustomElement$9 } from './p-D9TW62QT.js';
-import { d as defineCustomElement$8 } from './p-CjruE70A.js';
-import { d as defineCustomElement$7 } from './p-kicoGsIb.js';
+import { d as defineCustomElement$9 } from './p-BrtcZfOg.js';
+import { d as defineCustomElement$8 } from './p-12mQxW6R.js';
+import { d as defineCustomElement$7 } from './p-8rB2Q4yP.js';
 import { d as defineCustomElement$6 } from './p-CQcp92mr.js';
 import { d as defineCustomElement$5 } from './p-D8NwpELS.js';
-import { d as defineCustomElement$4 } from './p-B-__VvzL.js';
-import { d as defineCustomElement$3 } from './p-CT-FyVjy.js';
-import { d as defineCustomElement$2 } from './p-Cs3hICh6.js';
-import { d as defineCustomElement$1 } from './p-B3Ewxc1y.js';
+import { d as defineCustomElement$4 } from './p-BUxcWSGM.js';
+import { d as defineCustomElement$3 } from './p-wcD-x4l2.js';
+import { d as defineCustomElement$2 } from './p-CFdbv-t4.js';
+import { d as defineCustomElement$1 } from './p-CmfFRlg6.js';
 
 var cjs = {};
 
@@ -9723,6 +9723,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { TableHeader as T, defineCustomElement as d };
-//# sourceMappingURL=p-C1teny1Z.js.map
+//# sourceMappingURL=p-4jVVUXXD.js.map
 
-//# sourceMappingURL=p-C1teny1Z.js.map
+//# sourceMappingURL=p-4jVVUXXD.js.map