@paperless/core 2.0.1-beta.20 → 2.0.1-beta.21

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

@@ -2942,7 +2942,7 @@ const Datepicker = class {
         this.parseValue(this.value);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'f0a3bc705999626811d70ee9ec3427d50534ef83', class: 'p-datepicker' }, index$1.h("p-dropdown", { key: 'f6937a8bad532549e73b7d3e0e014f7ec0282a4e', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, index$1.h("p-field", { key: '2d266a871095865a8ff73ff7f5b1b42e81089024', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), index$1.h("div", { key: '4f0c3c7b5912a926f40dbad7d2a6748348a52b18', slot: 'items' }, index$1.h("p-calendar", { key: '9432fc8ceb87a7e4881e982a89a1b836dc6f8bbd', 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 })))));
+        return (index$1.h(index$1.Host, { key: '81d0ef25f8732896445b7e5cb89d8442cc0db02e', class: 'p-datepicker' }, index$1.h("p-dropdown", { key: 'ae2f387721b7b6799bf413e5f6622ab60ab0807f', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, index$1.h("p-field", { key: '263f9cada2705bcd9cd579f569aba59f49f69f8e', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), index$1.h("div", { key: '5669a50474ab48cc77391ab17c4e3b72ce3b8a7f', slot: 'items' }, index$1.h("p-calendar", { key: 'db4da464f2e0a96fe6a7697c1107990202d1a102', 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.childOf(target, this._el)) {

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

@@ -15,7 +15,7 @@ const Divider = class {
     get _el() { return index.getElement(this); }
     render() {
         const hasSlotted = !!this._el.innerHTML?.length;
-        return (index.h(index.Host, { key: 'af8bf3be91d1396b166c80b6aed1872263049229', class: 'p-divider' }, index.h("div", { key: 'c1ea847f3e4e6188887adcd7b066f55f410488e2', class: 'content' }, index.h("div", { key: '76fdc38127326969263f5bf5ffab3223a18c3c13', class: `flex items-center ${hasSlotted && 'px-2'} text-xs font-semibold uppercase text-storm-light` }, index.h("slot", { key: '602c0892e341392df8545f13d0d5e7dca974d88e' })))));
+        return (index.h(index.Host, { key: '4e7e3f76c4d8cd9c5752bfb514917368aaf479bc', class: 'p-divider' }, index.h("div", { key: 'e8b94342c6c8c2f0c52a7ddd7bf49e091e2b2f0d', class: 'content' }, index.h("div", { key: '2b11bd0b9414b9b5884df6ba113ffed60eeccf1d', class: `flex items-center ${hasSlotted && 'px-2'} text-xs font-semibold uppercase text-storm-light` }, index.h("slot", { key: '9eb43ae5fc38830a274721c4e29bed49e6da7e0a' })))));
     }
 };
 Divider.style = PDividerStyle0;

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

@@ -13,7 +13,7 @@ const ModalBody = class {
         this.variant = 'default';
     }
     render() {
-        return (index.h(index.Host, { key: 'a2c133cebe1c94778aa5691294fe47a659755d17', class: `p-drawer-body variant-${this.variant}` }, index.h("slot", { key: '01102ea3654bc3c814a1a319c40434723fcdb7d4' })));
+        return (index.h(index.Host, { key: 'b3733a13455dd1ea7cfd813c70b759301aad7ddb', class: `p-drawer-body variant-${this.variant}` }, index.h("slot", { key: '9cdaffefb9a76d63d402bf5df9a8a1c785ffd932' })));
     }
 };
 ModalBody.style = PDrawerBodyStyle0;
@@ -27,7 +27,7 @@ const ModalContainer = class {
         this.closing = false;
     }
     render() {
-        return (index.h(index.Host, { key: '1ece7fe8058fe653c61f24c6f06f0df1c0895bfa', class: `p-drawer-container ${this.closing && 'closing'}` }, index.h("slot", { key: '624bb614ccc4f48d335ceb4da4a574a0e653d47a' })));
+        return (index.h(index.Host, { key: '8fff9cd196871aa7c5738182e0f24e86b488f0a9', class: `p-drawer-container ${this.closing && 'closing'}` }, index.h("slot", { key: 'c52ac3f20264e553fd2f9e3429535ab24ecd1eed' })));
     }
 };
 ModalContainer.style = PDrawerContainerStyle0;
@@ -46,7 +46,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (index.h(index.Host, { key: 'bf0e849843e4678b3309ef0b10ebd8c7ec1274f5', class: 'p-drawer-header' }, this.showClose && (index.h("p-button", { key: '70e55410f1ce2371d05654aa9fd76d61da53e803', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), index.h("slot", { key: '6e827710b5ddbd011e626a2cb2fb301876d50c05' })));
+        return (index.h(index.Host, { key: 'ac60faaafaa2d0ecb13e0be70848bc623c002b69', class: 'p-drawer-header' }, this.showClose && (index.h("p-button", { key: 'da636aab294d800a0de03b02fbe63971c6d2a2cf', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), index.h("slot", { key: '5aab881dedd79021a2aec11fe875334c561107da' })));
     }
 };
 ModalHeader.style = PDrawerHeaderStyle0;

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

@@ -51,13 +51,13 @@ const DropdownMenuContainer = class {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (index.h(index.Host, { key: '830d3afed17ee5523990ad2299a03d83458245b8', class: dropdownMenuContainer({
+        return (index.h(index.Host, { key: 'e549573c5aeddeceb9cf8970ff3e4f1a49416a9e', class: dropdownMenuContainer({
                 class: this.class,
                 fullWidth: this.fullWidth,
                 allowOverflow: this.allowOverflow,
                 scrollable,
                 maxWidth: this.maxWidth,
-            }) }, index.h("div", { key: 'c619f2980bdab537242b90dc030c2448df71b795', class: 'flex w-full flex-col gap-[1px]' }, index.h("slot", { key: 'e56af3999bcb72d27ccd05b51d315c512be5fc98' }))));
+            }) }, index.h("div", { key: '42ac40b2ac896553e130803dbfa849cca34cfb84', class: 'flex w-full flex-col gap-[1px]' }, index.h("slot", { key: '73fa9c93c564274aaa24910bf7215b23a8d93fe9' }))));
     }
 };
 DropdownMenuContainer.style = PDropdownMenuContainerStyle0;

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

@@ -0,0 +1,316 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3f9bbc0c.js');
+const index$1 = require('./index-b556e70f.js');
+const localization = require('./localization-3a0a71db.js');
+require('./clsx-fc789adc.js');
+
+const fieldComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/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}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac ::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.placeholder\\:text-sm::placeholder{font-size:.875rem!important;line-height:1.25rem!important}.placeholder\\:text-black-teal-200::placeholder{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.focus\\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}";
+const PFieldStyle0 = fieldComponentCss;
+
+const field = index$1.cva(['flex gap-2', 'w-inherit px-2', 'border border-solid rounded-lg'], {
+    variants: {
+        size: {
+            sm: 'h-6',
+            base: 'h-8',
+        },
+        disabled: {
+            false: 'bg-white',
+            true: 'bg-white-600 cursor-not-allowed',
+        },
+        focused: {
+            false: null,
+            true: null,
+        },
+        error: {
+            false: null,
+            true: null,
+        },
+    },
+    compoundVariants: [
+        {
+            focused: false,
+            error: false,
+            class: 'border-black-teal-100',
+        },
+        {
+            disabled: false,
+            focused: true,
+            error: false,
+            class: 'border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac',
+        },
+        {
+            disabled: false,
+            error: true,
+            class: 'border-negative-red',
+        },
+        {
+            disabled: false,
+            focused: true,
+            error: true,
+            class: 'ring ring-negative-red-50 selection:bg-negative-red-50',
+        },
+    ],
+});
+const input = index$1.cva('text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal border-none outline-none focus:outline-none bg-transparent flex-1 min-w-0 h-full', {
+    variants: {
+        disabled: {
+            false: null,
+            true: 'cursor-not-allowed',
+        },
+    },
+});
+const prefixAndSuffic = index$1.cva(['flex flex-shrink-0 justify-center items-center text-center'], {
+    variants: {
+        disabled: {
+            false: null,
+            true: 'text-black-teal-100',
+        },
+        focused: {
+            false: null,
+            true: null,
+        },
+        error: {
+            false: null,
+            true: null,
+        },
+    },
+    compoundVariants: [
+        {
+            disabled: false,
+            focused: false,
+            error: false,
+            class: 'text-black-teal-300',
+        },
+        {
+            disabled: false,
+            focused: true,
+            error: false,
+            class: 'text-black-teal-500',
+        },
+        {
+            disabled: false,
+            focused: false,
+            error: true,
+            class: 'text-negative-red',
+        },
+        {
+            disabled: false,
+            focused: true,
+            error: true,
+            class: 'text-negative-red-800',
+        },
+    ],
+});
+const Field = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.valueChange = index.createEvent(this, "valueChange", 7);
+        this.inputRefChange = index.createEvent(this, "inputRefChange", 7);
+        this.size = 'base';
+        this.type = 'text';
+        this.properties = {};
+        this.prefix = undefined;
+        this.suffix = undefined;
+        this.icon = undefined;
+        this.iconFlip = undefined;
+        this.iconRotate = undefined;
+        this.iconPosition = 'start';
+        this.value = undefined;
+        this.label = undefined;
+        this.placeholder = undefined;
+        this.helper = undefined;
+        this.required = true;
+        this.error = undefined;
+        this.errorPlacement = undefined;
+        this.disabled = false;
+        this.focused = false;
+        this.forceShowTooltip = false;
+        this.selectAllOnFocus = true;
+        this.focusMethod = 'focus';
+        this.optionalTemplate = undefined;
+        this._focused = false;
+    }
+    /**
+     * Event whenever the value changes
+     */
+    valueChange;
+    /**
+     * Event whenever the input ref changes
+     */
+    inputRefChange;
+    get _el() { return index.getElement(this); }
+    _inputRef;
+    render() {
+        const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, } = this._getSlotInfo();
+        return (index.h(index.Host, { key: 'b4229a4e7257f7a929cc3208834d95ab97990bcf', class: 'p-field' }, index.h("p-field-container", { key: '66c1e5bdc10bdc948e1e943fde89355e861135ae', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required }, hasLabelSlot && (index.h("slot", { key: '045626975fa0861371d2ad830d9bf8ec5b80720d', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '43e613371e67f46a0c8ed5c9201b2b4e5fe91d7e', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: 'e26723ffb55166d67c50e761410cd62100d70fa1', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: 'b833ce639c3ff30e88ba86cdeb45dcf01ef866ac', name: 'error', slot: 'error' })), index.h("div", { key: 'd6b045356bca57b02a4ea32096969b5e017e3884', class: field({
+                error: !!this.error?.length,
+                disabled: this.disabled,
+                focused: this.focused || this._focused,
+                size: this.size,
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '6edc4f2c7b1b3bf470f7ab4a390655cdf0cf4d7f', class: prefixAndSuffic({
+                error: !!this.error?.length,
+                disabled: this.disabled,
+                focused: this.focused || this._focused,
+            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getInput(), (suffix || (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '4b9d7579b8f08fb7fd7b6a2b69d0fb1a8a2bead5', class: prefixAndSuffic({
+                error: !!this.error?.length,
+                disabled: this.disabled,
+                focused: this.focused || this._focused,
+            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'end' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix)))))));
+    }
+    handleFocusIn() {
+        if (this.disabled) {
+            return;
+        }
+        this._focused = true;
+        this._selectAll();
+    }
+    handleFocusOut() {
+        if (this.disabled) {
+            return;
+        }
+        this._focused = false;
+    }
+    _getSlotInfo() {
+        const hasHelperSlot = !!this._el.querySelector(':scope > [slot="helper"]');
+        const hasLabelSlot = !!this._el.querySelector(':scope > [slot="label"]');
+        const hasPrefixSlot = !!this._el.querySelector(':scope > [slot="prefix"]');
+        const hasSuffixSlot = !!this._el.querySelector(':scope > [slot="suffix"]');
+        const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
+        const hasErrorSlot = !!this._el.querySelector(':scope > [slot="error"]');
+        const prefix = hasPrefixSlot ? index.h("slot", { name: 'prefix' }) : this.prefix;
+        const suffix = hasSuffixSlot ? index.h("slot", { name: 'suffix' }) : this.suffix;
+        const errorAndErrorIsNotBoolean = this.error && typeof this.error === 'string' && this.error !== 'true';
+        return {
+            hasHelperSlot,
+            hasLabelSlot,
+            hasPrefixSlot,
+            hasSuffixSlot,
+            hasHeaderSlot,
+            hasErrorSlot,
+            prefix,
+            suffix,
+            errorAndErrorIsNotBoolean,
+        };
+    }
+    _getInput() {
+        if (this.type === 'custom') {
+            return index.h("slot", { name: 'input' });
+        }
+        const props = {
+            class: input({
+                disabled: this.disabled,
+            }),
+            value: this.value,
+            placeholder: this.placeholder,
+            disabled: this.disabled,
+            onInput: (ev) => this._valueChange(ev),
+        };
+        let properties = this.properties ?? {};
+        if (typeof properties === 'string') {
+            properties = JSON.parse(this.properties);
+        }
+        if (this.type === 'textarea') {
+            index.h("textarea", { ref: ref => this._setInputRef(ref), ...props, ...properties });
+        }
+        return (index.h("input", { type: this.type, ref: ref => this._setInputRef(ref), ...props, ...properties }));
+    }
+    _setInputRef(ref) {
+        this._inputRef = ref;
+        this.inputRefChange.emit(ref);
+    }
+    _focusInput() {
+        if (this._inputRef) {
+            this._inputRef.focus();
+            return;
+        }
+        const input = this._el.querySelector(':scope > [slot="input"]');
+        input[this.focusMethod]();
+    }
+    _selectAll() {
+        if (!this._inputRef || !this.selectAllOnFocus) {
+            return;
+        }
+        this._inputRef.select();
+    }
+    _valueChange(ev) {
+        const value = ev.target.value;
+        this.value = value;
+        this.valueChange.emit(value);
+    }
+};
+Field.style = PFieldStyle0;
+
+const fieldContainerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!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}.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}";
+const PFieldContainerStyle0 = fieldContainerComponentCss;
+
+const FieldContainer = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.focus = index.createEvent(this, "focus", 7);
+        this.label = undefined;
+        this.helper = undefined;
+        this.required = undefined;
+        this.error = undefined;
+        this.errorPlacement = undefined;
+        this.forceShowTooltip = false;
+        this.optionalTemplate = this._defaultOptionalTemplate;
+        this._locales = {};
+    }
+    _defaultOptionalTemplate = () => localization.formatTranslation(this._locales.optional);
+    get _el() { return index.getElement(this); }
+    focus;
+    componentWillLoad() {
+        this._setLocales();
+    }
+    render() {
+        const { hasHeaderSlot, hasErrorSlot, helper, label, errorAndErrorIsNotBoolean, } = this._getSlotInfo();
+        return (index.h(index.Host, { key: '5a9f6522df4ed827c3e66dec4fb0f4632f7b227a', class: 'p-field-container' }, index.h("div", { key: '7aca74e4bc43e883cc97f1c053117735af73fed4', class: 'flex w-inherit flex-col gap-1' }, index.h("div", { key: '426757bcec0af2c2835b95946e802aa52d19e603', class: 'flex items-end justify-between gap-1' }, label && (index.h("div", { key: 'b5f54de0e3643da28e390776339fd629cc784731', class: 'text-xs font-medium text-black-teal-300', onClick: () => this.focus.emit() }, label)), (!this.required || helper || hasHeaderSlot) && (index.h("div", { key: 'e3bad54b3ea5b73652cc50a08390adcf51563572', class: 'flex items-center gap-1' }, !this.required && (index.h("span", { key: 'e175174c57d7d7aa3c36789a51b3ea19f3f82e93', class: 'text-xs font-medium text-black-teal-200' }, this.optionalTemplate())), (helper || hasHeaderSlot) && (index.h(index.Fragment, { key: 'b6a58573f43e5dcb18aaee9ae6317c9a8ae18461' }, hasHeaderSlot && index.h("slot", { key: '5708bac40fa9ac3c35aaa103a9314182dc22ceeb', name: 'header' }), helper && (index.h("p-helper", { key: '4b40eaeb300d824d6af645f77b4f646f9fa49688', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))))), index.h("p-tooltip", { key: '2548c71b57fb4380ed7199763d92e0bfec97672b', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean && this.forceShowTooltip, enableUserInput: false, placement: this.errorPlacement }, hasErrorSlot && (index.h("slot", { key: '5e28992d5467ae8fc554aaa4b11833a9ef696918', name: 'error', slot: 'content' })), index.h("slot", { key: 'f08fdbf1124fe2d4f9d8b9ca9d057d00254d8046', name: 'content', slot: 'trigger' })))));
+    }
+    async _setLocales() {
+        this._locales = await localization.getLocaleComponentStrings(this._el);
+    }
+    _getSlotInfo() {
+        const hasHelperSlot = !!this._el.querySelector(':scope > [slot="helper"]');
+        const hasLabelSlot = !!this._el.querySelector(':scope > [slot="label"]');
+        const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
+        const hasErrorSlot = !!this._el.querySelector(':scope > [slot="error"]');
+        const helper = hasHelperSlot ? index.h("slot", { name: 'helper' }) : this.helper;
+        const label = hasLabelSlot ? index.h("slot", { name: 'label' }) : this.label;
+        const errorAndErrorIsNotBoolean = hasErrorSlot ||
+            (this.error && typeof this.error === 'string' && this.error !== 'true');
+        return {
+            hasHelperSlot,
+            hasLabelSlot,
+            hasHeaderSlot,
+            hasErrorSlot,
+            helper,
+            label,
+            errorAndErrorIsNotBoolean,
+        };
+    }
+};
+FieldContainer.style = PFieldContainerStyle0;
+
+const helperComponentCss = ".inline-block{display:inline-block!important}.h-\\[0\\.75rem\\]{height:.75rem!important}.w-\\[0\\.75rem\\]{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.bg-center{background-position:50%!important}*{box-sizing:border-box}:host{line-height:.75rem}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.static{position:static!important}.absolute{position:absolute!important}";
+const PHelperStyle0 = helperComponentCss;
+
+const Helper = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.strategy = 'absolute';
+        this.placement = 'top';
+    }
+    render() {
+        return (index.h(index.Host, { key: '540f0bec4dd767c4be84ec5973d25bae8863f55e', class: 'p-helper' }, index.h("p-tooltip", { key: 'f814314bc2a7f9751c57db8a1cda799a3b195fa1', placement: this.placement, strategy: this.strategy }, index.h("div", { key: '999a01bc5b4cf7bc6ebc229b7279ca215a46ca6d', slot: 'content' }, index.h("slot", { key: '9fb3ed56f75111c8560a8b877dbfd58aedaa2530' })), index.h("div", { key: 'b8b9b5ca2ce68040531c071e1d24d8dab049321d', slot: 'trigger', class: 'helper' }))));
+    }
+};
+Helper.style = PHelperStyle0;
+
+exports.p_field = Field;
+exports.p_field_container = FieldContainer;
+exports.p_helper = Helper;
+
+//# sourceMappingURL=p-field_3.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"p-field.p-field-container.p-helper.entry.cjs.js","mappings":"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","names":["cva","h","Host","formatTranslation","Fragment","getLocaleComponentStrings"],"sources":["src/components/molecules/field/field.component.css?tag=p-field&encapsulation=shadow","src/components/molecules/field/field.component.tsx","src/components/molecules/field-container/field-container.component.scss?tag=p-field-container&encapsulation=shadow","src/components/molecules/field-container/field-container.component.tsx","src/components/atoms/helper/helper.component.scss?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx"],"sourcesContent":["","import { Placement } from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { HTMLInputTypeAttribute } from 'react';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { templateFunc } from '../field-container/field-container.component';\n\nconst field = cva(\n\t['flex gap-2', 'w-inherit px-2', 'border border-solid rounded-lg'],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: 'h-6',\n\t\t\t\tbase: 'h-8',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'bg-white',\n\t\t\t\ttrue: 'bg-white-600 cursor-not-allowed',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'border-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass:\n\t\t\t\t\t'border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'border-negative-red',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'ring ring-negative-red-50 selection:bg-negative-red-50',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst input = cva(\n\t'text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal border-none outline-none focus:outline-none bg-transparent flex-1 min-w-0 h-full',\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst prefixAndSuffic = cva(\n\t['flex flex-shrink-0 justify-center items-center text-center'],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-black-teal-100',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-300',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-800',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-field',\n\tstyleUrl: './field.component.css',\n\tshadow: true,\n})\nexport class Field {\n\t/**\n\t * The size of the input group\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The type of the input group\n\t */\n\t@Prop() type: HTMLInputTypeAttribute | 'textarea' | 'slot' = 'text';\n\n\t/**\n\t * The size of the input group\n\t */\n\t@Prop() properties: any | string = {};\n\n\t/**\n\t * The prefix of the input group\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the input group\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the input group\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The value of the input\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The error to display\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Wether the input group is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the input group is focused\n\t */\n\t@Prop({ reflect: true }) focused: boolean = false;\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 * Wether to select all text on focus\n\t */\n\t@Prop({ reflect: true }) selectAllOnFocus: boolean = true;\n\n\t/**\n\t * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event() valueChange: EventEmitter<string>;\n\n\t/**\n\t * Event whenever the input ref changes\n\t */\n\t@Event() inputRefChange: EventEmitter<HTMLInputElement | HTMLTextAreaElement>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _focused = false;\n\n\tprivate _inputRef: HTMLInputElement | HTMLTextAreaElement;\n\n\trender() {\n\t\tconst {\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\thasHeaderSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHelperSlot,\n\t\t\thasErrorSlot,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<Host class='p-field'>\n\t\t\t\t<p-field-container\n\t\t\t\t\tforceShowTooltip={this.forceShowTooltip || this._focused}\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t>\n\t\t\t\t\t{hasLabelSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='label'\n\t\t\t\t\t\t\tslot='label'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHeaderSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='header'\n\t\t\t\t\t\t\tslot='header'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHelperSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='helper'\n\t\t\t\t\t\t\tslot='helper'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\tslot='error'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={field({\n\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\tfocused: this.focused || this._focused,\n\t\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t>\n\t\t\t\t\t\t{(prefix || (this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffic({\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t\t\tfocused: this.focused || this._focused,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'start' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tprefix\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\n\t\t\t\t\t\t{this._getInput()}\n\n\t\t\t\t\t\t{(suffix || (this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffic({\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t\t\tfocused: this.focused || this._focused,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tsuffix\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\t\t\t\t</p-field-container>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = true;\n\t\tthis._selectAll();\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = false;\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 hasPrefixSlot = !!this._el.querySelector(':scope > [slot=\"prefix\"]');\n\t\tconst hasSuffixSlot = !!this._el.querySelector(':scope > [slot=\"suffix\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst prefix = hasPrefixSlot ? <slot name='prefix' /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name='suffix' /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error && typeof this.error === 'string' && this.error !== 'true';\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n\n\tprivate _getInput() {\n\t\tif (this.type === 'custom') {\n\t\t\treturn <slot name='input' />;\n\t\t}\n\n\t\tconst props = {\n\t\t\tclass: input({\n\t\t\t\tdisabled: this.disabled,\n\t\t\t}),\n\t\t\tvalue: this.value,\n\t\t\tplaceholder: this.placeholder,\n\t\t\tdisabled: this.disabled,\n\t\t\tonInput: (ev: Event) => this._valueChange(ev),\n\t\t};\n\n\t\tlet properties = this.properties ?? {};\n\t\tif (typeof properties === 'string') {\n\t\t\tproperties = JSON.parse(this.properties);\n\t\t}\n\n\t\tif (this.type === 'textarea') {\n\t\t\t<textarea\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>;\n\t\t}\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype={this.type}\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _setInputRef(ref: HTMLInputElement | HTMLTextAreaElement) {\n\t\tthis._inputRef = ref;\n\t\tthis.inputRefChange.emit(ref);\n\t}\n\n\tprivate _focusInput() {\n\t\tif (this._inputRef) {\n\t\t\tthis._inputRef.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n\n\tprivate _selectAll() {\n\t\tif (!this._inputRef || !this.selectAllOnFocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._inputRef.select();\n\t}\n\n\tprivate _valueChange(ev) {\n\t\tconst value = (ev.target as HTMLTextAreaElement | HTMLInputElement).value;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\t}\n}\n","","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 { formatTranslation, getLocaleComponentStrings } from '../../../utils';\nimport { Placement } from '@floating-ui/dom';\n\nexport type templateFunc = () => string;\n\n@Component({\n\ttag: 'p-field-container',\n\tstyleUrl: 'field-container.component.scss',\n\tshadow: true,\n})\nexport class FieldContainer {\n\tprivate _defaultOptionalTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.optional);\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string | HTMLSlotElement;\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\treturn (\n\t\t\t<Host class='p-field-container'>\n\t\t\t\t<div class='flex w-inherit flex-col gap-1'>\n\t\t\t\t\t<div class='flex items-end justify-between gap-1'>\n\t\t\t\t\t\t{label && (\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{(!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{!this.required && (\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\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\tclass='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 && 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<slot\n\t\t\t\t\t\t\tname='content'\n\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</p-tooltip>\n\t\t\t\t</div>\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",":host {\n\t@apply leading-3;\n\n\t.helper {\n\t\t@apply inline-block h-[0.75rem] w-[0.75rem] cursor-pointer bg-center bg-no-repeat;\n\t\tbackground-image: url(/assets/images/helper/helper.svg);\n\n\t\t&:hover {\n\t\t\tbackground-image: url(/assets/images/helper/helper-hover.svg);\n\t\t}\n\t}\n}\n","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.scss',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tclass='helper'\n\t\t\t\t\t></div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -1641,7 +1641,7 @@ const FloatingMenuContainer = class {
         this.usedInTable = false;
     }
     render() {
-        return (index.h(index.Host, { key: '0df7c5fb8599e610c58c8b90fba1fc2a75583766', class: "p-floating-menu-container" }, this.usedInTable ? (index.h("slot", { name: "floating-menu-item" })) : (index.h("slot", null))));
+        return (index.h(index.Host, { key: '2469cda7b5e9990919058e7a4d183a86589e543e', class: "p-floating-menu-container" }, this.usedInTable ? (index.h("slot", { name: "floating-menu-item" })) : (index.h("slot", null))));
     }
 };
 FloatingMenuContainer.style = PFloatingMenuContainerStyle0;
@@ -1656,7 +1656,7 @@ const FloatingMenuItem = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '5059df52bd0a4bee8d53d95836027744b83b5d32', class: "p-floating-menu-item" }, index.h("slot", { key: '5aa2c83fe53e80fe7da35b552d363992182a80d9' })));
+        return (index.h(index.Host, { key: 'acd29dcff18979371230b82419c2306084b99b44', class: "p-floating-menu-item" }, index.h("slot", { key: '80274da4ad9362eaf6573d87ab8f4c633030ecde' })));
     }
 };
 FloatingMenuItem.style = PFloatingMenuItemStyle0;
@@ -1702,7 +1702,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '3cc18c25df90e5ef83bc43a9a05e167691efe61f', class: {
+        return (index.h(index.Host, { key: '9d0c40d23049e13123b42e026cf617abe4e5f5f0', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),
@@ -1737,7 +1737,7 @@ const TableContainer = class {
         this.shadow = true;
     }
     render() {
-        return (index.h(index.Host, { key: '8400210ea3f34d240b032c875ef5e86dc218e7d5', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, index.h("slot", { key: '6abc0755ec890cd9001aef58ac24acb3f2e4f529' })));
+        return (index.h(index.Host, { key: '3093de271c11a50d334006232f4cd02a66131191', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, index.h("slot", { key: '76d6ab8ecf532e2a4d43f6b7257135c4881176e3' })));
     }
 };
 TableContainer.style = PTableContainerStyle0;
@@ -1780,7 +1780,7 @@ const TableFooter = class {
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (index.h(index.Host, { key: 'de0fed44b08f46efdc56b51498c355fb2d973d5b', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (index.h("p-page-size-select", { key: 'f2d5f4773759a2715bb62a85a7ecc2bb70e421fa', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (index.h("p-loader", { key: '1e95a000af05e30496d48b3f57639de954d0d83d', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (index.h("p-pagination", { key: 'f493f90308042214b5e078f194a7c61cb26fdedb', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (index.h("p-button", { key: '4908aa789d7acce5bd4e8d88ae748c0bf3094fc0', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, localization.formatTranslation(this._locales.export)))));
+        return (index.h(index.Host, { key: '5d741b128761060367791b642d9105ab84b85fbd', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (index.h("p-page-size-select", { key: 'f2cd843ef2002d2c5efeeb6e0b0cc19e9ddcc459', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (index.h("p-loader", { key: 'ba98725795479f4394f389af953a3691bc652504', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (index.h("p-pagination", { key: 'a450cb9a2b7fcbb0ee63cd33466d4df2a34938e6', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (index.h("p-button", { key: 'ae71744adf3ed536d30570e69d7f54f6bd411028', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, localization.formatTranslation(this._locales.export)))));
     }
     async _setLocales() {
         this._locales = await localization.getLocaleComponentStrings(this._el);
@@ -2804,9 +2804,9 @@ const TableRow = class {
         this.enableHover = true;
     }
     render() {
-        return (index.h(index.Host, { key: '106cbaf558245629401e4cc50c197a358b50a3af', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (index.h(index.Host, { key: '5d5245faf40bfcfaf3008117ec6e604c45a716ea', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, index.h("div", { key: 'c4558d465f1ff97509ca009f465b667aeb647e63', class: "content" }, index.h("slot", { key: '76e1c489fe7510b7c61c66362592cffff77d9fc6' })), this.variant === 'default' && index.h("p-divider", { key: '5eab74db0145d5c5af95e27a2057e3e7c6ca9348', class: "m-0" })));
+                'enable-hover'} group` }, index.h("div", { key: '1ed45114cb5478ad37461fb4c7957b89e2f4e7d9', class: "content" }, index.h("slot", { key: '029596bda8f0b019ec48fdf7b5cb00e2878f939d' })), this.variant === 'default' && index.h("p-divider", { key: '5263474be1ce89579330294f80218e92a86d0a87', class: "m-0" })));
     }
 };
 TableRow.style = PTableRowStyle0;

package/dist/cjs/p-iban-icon.cjs.entry.js

@@ -17,7 +17,7 @@ const IbanIcon = class {
             variant = this.iban.slice(4, 8).toLowerCase();
         }
         const exists = iban.IBAN_ICON_VARIANTS_ARRAY.includes(variant);
-        return (exists && (index.h(index.Host, { key: '24f4660b13c21d92d3a7071fa1d2d46d574fb607', class: 'p-iban-icon' }, this._getIcon(variant))));
+        return (exists && (index.h(index.Host, { key: 'd11fd313b8f14f6bcf6054cba53a15d11a6e543a', class: 'p-iban-icon' }, this._getIcon(variant))));
     }
     _getIcon(variant) {
         switch (variant) {

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

@@ -22,7 +22,7 @@ const InfoPanel = class {
     closed;
     get _el() { return index.getElement(this); }
     render() {
-        return (index.h(index.Host, { key: '185a15e2920b26aa2e37c0346a6ebdcb55fec6b6', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, index.h("div", { key: '00988fe10bd697c2d21f5852af9b324983210878', class: 'header' }, index.h("slot", { key: '06defbb1d995b2ffacc7290059cbeeca6596d729', name: 'header' })), index.h("div", { key: '9686e8428264e4121b33af1288731be2403fd259', class: 'content' }, index.h("slot", { key: 'e9e43c418d1087eb2c3b2a98353013d0e837145a', name: 'content' })), this.closeable && (index.h("div", { key: 'dfd279a2880e69ab2cfb39ec588a1001dbae68e5', class: 'close', onClick: () => this._close() }, index.h("p-icon", { key: 'e4bdae964e5706772e2d0b2719d42d37abcd3244', variant: 'negative' })))));
+        return (index.h(index.Host, { key: '06e687cc27ed5e2711653bf3bbb144736d240cec', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, index.h("div", { key: 'e9f32e052c6d2afb81afb895815dcbbaaf1837cd', class: 'header' }, index.h("slot", { key: '005d9db44eb1b6792a16276e17307a0f803b7721', name: 'header' })), index.h("div", { key: '8ac2a1aa5250c1b6a07d85ee387a3967a9cd9b14', class: 'content' }, index.h("slot", { key: '5dbc41b6f56815b5c1d0997b52880a580ab1d054', name: 'content' })), this.closeable && (index.h("div", { key: 'fe63a4dbe2ca2ad4effad83fd7aceb96b1c2eb46', class: 'close', onClick: () => this._close() }, index.h("p-icon", { key: 'd248d67e00e7189a643f49120df2de57dd57ad16', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/cjs/p-input-error.cjs.entry.js

@@ -12,7 +12,7 @@ const InputError = class {
         this._showTooltip = false;
     }
     render() {
-        return (index.h(index.Host, { key: '9c3efcec1505f46ca459cb65a28a45cda441ac5b', class: 'p-input-error' }, index.h("p-tooltip", { key: '70368fc24102972b4ebf940fcd9cbac1468b5ba4', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, index.h("p-icon", { key: 'e77519c93f1f201f89e24baf79b0375c604879b8', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        return (index.h(index.Host, { key: 'a5254a196be0c13c5f19f9db20eb14a606583fee', class: 'p-input-error' }, index.h("p-tooltip", { key: 'de2160ad2666b3478aa67fc94ac0d662c25e188c', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, index.h("p-icon", { key: 'ec0c8e2591ae2933997fe2890e03852e7ae4f0c5', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
 };
 

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

@@ -20,8 +20,8 @@ const Label = class {
         this.keepMobileContent = false;
     }
     render() {
-        return (index.h(index.Host, { key: '1b929c2348ad590f849554e5c01f6df57ae93112', class: "p-label" }, this.icon && this.iconPosition === 'start' && (index.h("p-icon", { key: '9b8623f37191cab785b676cc86eb839c8adeb2f0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), (this.behavior === 'circle' ||
-            this.behavior === 'combination') && (index.h("div", { key: 'cce4b03d6120553bd5317df7a2f37bf73ce11ee2', class: "circle" })), index.h("div", { key: 'dc7737e8d8a19393b540ebbafb9d0a23f4bd654a', class: "content" }, index.h("slot", { key: '82882e14527b2de8c953e65cbb773479592dd48b' })), this.icon && this.iconPosition === 'end' && (index.h("p-icon", { key: '8a2a66018cd22cd65f8f883f8c017e2557195316', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }))));
+        return (index.h(index.Host, { key: '8ba10d3dc16336fa12a22be608713816e04c3aa0', class: "p-label" }, this.icon && this.iconPosition === 'start' && (index.h("p-icon", { key: '34f7daa79756f34cb957d9cfb1bb6f0e71ff5dc7', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), (this.behavior === 'circle' ||
+            this.behavior === 'combination') && (index.h("div", { key: 'daf1ac4d3f85cbc542db3ff74de2901254b4758a', class: "circle" })), index.h("div", { key: 'f8481d947f4e51bd94c63179707816ca8e2b5696', class: "content" }, index.h("slot", { key: '81bf0d5bff0879b811d66234f3dfe6e03ce3b13f' })), this.icon && this.iconPosition === 'end' && (index.h("p-icon", { key: '46ebacc526e2f28a4b1a4c6df09bfaf18bd490be', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }))));
     }
 };
 Label.style = PLabelStyle0;
@@ -34,7 +34,7 @@ const SegmentContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ec428b10ad23a3fff5e4aa1e1d1cd99d548a8cc8', class: "p-segment-container" }, index.h("slot", { key: '2d1dde7e35c55a7c3598212291d89181793e0d2a' })));
+        return (index.h(index.Host, { key: 'c8554666934a49559cb5b8a31e6d448d41445c10', class: "p-segment-container" }, index.h("slot", { key: 'a99446441d550c8d87e0e40a6b8cd576d4be8ba3' })));
     }
 };
 SegmentContainer.style = PSegmentContainerStyle0;
@@ -58,7 +58,7 @@ const SegmentItem = class {
         this._hasDescriptionSlot = !!this._el.querySelector(':scope > [slot="description"]');
     }
     render() {
-        return (index.h(index.Host, { key: 'e97f6340c0d5ae8c03e307f7de8e62bc47d9fdbe', class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), index.h("slot", { key: '579eb8460666e7c9777da7ed991fb9c68e6e139b' }), this.size === 'big' && this._hasDescriptionSlot && (index.h("span", { key: '46e5d72d9499462f7059a6df288a3d16bdd3d02e', class: "description" }, index.h("slot", { key: '830d7e3e592a8d023eebbf1a995a23235851f0ed', name: "description" })))));
+        return (index.h(index.Host, { key: '0231e33d62667c6f6baf39907c52f1d05483b777', class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), index.h("slot", { key: 'b150ba986fdaef2a98661a48796bf43ff77e8c24' }), this.size === 'big' && this._hasDescriptionSlot && (index.h("span", { key: '78017b51faf3a96f8fc8b8d59fc9a62bec694afd', class: "description" }, index.h("slot", { key: '6d36db486c92e1324260ba88e91fe6d5c709798a', name: "description" })))));
     }
     _getIcon() {
         if (!this.icon) {

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

@@ -13,7 +13,7 @@ const Layout = class {
         this.variant = 'default';
     }
     render() {
-        return (index.h(index.Host, { key: 'fa4b89568d7ec5962f4767566ca8d5d97c169314', class: `p-layout variant-${this.variant}` }, index.h("div", { key: '21d92f4cfe34b655995fb9d984b1ef273f686ff2', class: "content" }, index.h("div", { key: '9fec48f933afa2a151e3e050a04459a09f15cedb', class: "inner-content" }, index.h("slot", { key: '0c8ff716020b44a9cf737e5c0390ec64e559b790', name: "content" }))), index.h("div", { key: 'a4b88f57ea6c6ea9cacfe6b5865185a99f691146', class: "sidebar" }, index.h("slot", { key: 'c2866ebb42b7a010ed08407fd4f75f6a86a669f1', name: "sidebar" })), index.h("div", { key: '3cbe3287c3b1cfd8472f4e0e27301c31770e25fe', class: "topbar" }, index.h("slot", { key: 'b36f43fdbacfc72357a63fbc85f65ec023f50b1a', name: "topbar" }))));
+        return (index.h(index.Host, { key: '3831e9f213040c55cdaec97155df5489dff12170', class: `p-layout variant-${this.variant}` }, index.h("div", { key: 'ca7b6362566d1b3ca050c9e156c0c3fb6392c580', class: "content" }, index.h("div", { key: '560728eb60a95b855b09f91e925ec19044da413d', class: "inner-content" }, index.h("slot", { key: '2168f3f031cac9b805b4ad4ed7d7b5e500208baa', name: "content" }))), index.h("div", { key: '1cb5069c3e6bb1d2c90b678ec4a889c2724e4249', class: "sidebar" }, index.h("slot", { key: 'febf7d89e6cb24e63afb5c54edf0a59ca2de0136', name: "sidebar" })), index.h("div", { key: '714aaf2fb92091707671a8139bfc9c08591e8d5c', class: "topbar" }, index.h("slot", { key: '6fae7e137447d6ae699e277fabe7c76a7c34031d', name: "topbar" }))));
     }
 };
 Layout.style = PLayoutStyle0;