@paperless/core 2.0.1-beta.23 → 2.0.1-beta.25

package/hydrate/index.mjs

@@ -22771,6 +22771,7 @@ class Field {
         this.placeholder = undefined;
         this.helper = undefined;
         this.required = true;
+        this.autofocus = false;
         this.error = undefined;
         this.errorPlacement = undefined;
         this.disabled = false;
@@ -22791,18 +22792,21 @@ class Field {
     inputRefChange;
     get _el() { return getElement(this); }
     _inputRef;
+    componentDidLoad() {
+        this._checkAutoFocus();
+    }
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, } = this._getSlotInfo();
-        return (hAsync(Host, { key: '6ee18d3003f95e306599804827d24bccb869fbac', class: 'p-field' }, hAsync("p-field-container", { key: '253178a1a1f9d85dc5a2515d7daa3bdec3756685', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required }, hasLabelSlot && (hAsync("slot", { key: '9ae351e4b130f2097c459889614d627426eb73f1', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: '06b232eb4d1101e51027b1fcb296076252ec73da', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: '28bae575c273efc6373d30d80a403508bac4b5f5', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: '9c43b918c2b1901f1e374f300d6189cb31608ecb', name: 'error', slot: 'error' })), hAsync("div", { key: 'e170a99bfbc5fa17c9c4465051219132360a8c3d', class: field({
+        return (hAsync(Host, { key: 'cf990118b7fb2b397a4ed1d00026893fb5d65651', class: 'p-field' }, hAsync("p-field-container", { key: '8957ddbafafbe9be741359ae9c4265bb5c2ab08d', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required }, hasLabelSlot && (hAsync("slot", { key: 'f60081c6a1485f8066715a2e422ea5903f0963a8', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: 'e4b78626d1a79acb5b95692158b5809a4b24dd63', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: '4346e4bc124d1de2ceb4ee4005eb9b661bf677dd', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: '6d0408efce0e27da7d14dfb4aa9fffb38d3b927a', name: 'error', slot: 'error' })), hAsync("div", { key: 'cf6aed5c63d0652a7fa0ca66c562a7c79d57dafa', 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')) && (hAsync("div", { key: 'ecf1fb9ec811e26c4123f97f5ba18d6cbc07750b', class: prefixAndSuffic({
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: 'fb6c0aa6cebc783dc15a44462bc04e89fcd13f13', class: prefixAndSuffic({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
-            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getInput(), (suffix || (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: 'fb6fcf5c393812d91b01cdb7ebb5bd74767656be', class: prefixAndSuffic({
+            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getInput(), (suffix || (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '2822280cb543d2315d062b00b52729f1603b8c6f', class: prefixAndSuffic({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
@@ -22888,6 +22892,16 @@ class Field {
         this.value = value;
         this.valueChange.emit(value);
     }
+    _checkAutoFocus() {
+        if (!this.autofocus) {
+            return;
+        }
+        if (!this._inputRef) {
+            setTimeout(() => this._checkAutoFocus(), 100);
+            return;
+        }
+        this._focusInput();
+    }
     static get style() { return PFieldStyle0; }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -22907,6 +22921,7 @@ class Field {
             "placeholder": [1],
             "helper": [1],
             "required": [516],
+            "autofocus": [516],
             "error": [513],
             "errorPlacement": [1, "error-placement"],
             "disabled": [516],
@@ -22919,7 +22934,7 @@ class Field {
         },
         "$listeners$": [[0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"]],
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["required", "required"], ["error", "error"], ["disabled", "disabled"], ["focused", "focused"], ["forceShowTooltip", "force-show-tooltip"], ["selectAllOnFocus", "select-all-on-focus"]]
+        "$attrsToReflect$": [["required", "required"], ["autofocus", "autofocus"], ["error", "error"], ["disabled", "disabled"], ["focused", "focused"], ["forceShowTooltip", "force-show-tooltip"], ["selectAllOnFocus", "select-all-on-focus"]]
     }; }
 }
 
@@ -23187,6 +23202,9 @@ class Icon {
         this.rotate = 0;
         this.flip = 'none';
     }
+    componentDidLoad() {
+        console.warn('[p-icon-deprecated] Deprecated, please use p-icon');
+    }
     render() {
         const icon = iconsDeprecated[this.variant];
         const styles = {
@@ -23223,7 +23241,7 @@ class Icon {
             '-rotate-270': this.rotate === -270,
             '-rotate-315': this.rotate === -315,
         };
-        return (hAsync(Host, { key: 'd277986b0f5d36dd8999eaca58e2e7740799f072', class: styles, innerHTML: icon }));
+        return (hAsync(Host, { key: '5dea07a6c18881f4b6b0ff852886c7ef36819530', class: styles, innerHTML: icon }));
     }
     static get style() { return PIconDeprecatedStyle0; }
     static get cmpMeta() { return {
@@ -23326,6 +23344,153 @@ class InputError {
     }; }
 }
 
+const inputGroupComponentCss = ".mb-\\[2px\\]{margin-bottom:2px!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.py-\\[calc\\(0\\.75rem-1px\\)\\]{padding-bottom:calc(.75rem - 1px)!important;padding-top:calc(.75rem - 1px)!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;outline:2px solid transparent!important;outline-offset:2px!important;width:100%}:host .input-label{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity,1));font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;margin-bottom:2px;text-transform:uppercase}:host .input-header{align-items:flex-end;display:flex;gap:.5rem;margin-bottom:2px}:host .content{display:flex;width:100%}:host .content .prefix,:host .content .suffix{--tw-text-opacity:1;box-sizing:border-box;color:rgb(81 83 107/var(--tw-text-opacity,1));flex:1 1 0%;height:100%}:host .content .prefix{border-bottom-right-radius:0;border-right-width:0!important;border-top-right-radius:0;order:1;padding-right:.5rem}:host .content .suffix{border-bottom-left-radius:0;border-left-width:0!important;border-top-left-radius:0;order:3;padding-left:.5rem}:host(.focused),:host(:focus),:host(:focus-within),:host([focused]){outline:2px solid transparent!important;outline-offset:2px!important}:host(.focused) .prefix,:host(.focused) .suffix,:host(:focus) .prefix,:host(:focus) .suffix,:host(:focus-within) .prefix,:host(:focus-within) .suffix,:host([focused]) .prefix,:host([focused]) .suffix{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}:host(.error) .prefix,:host(.error) .suffix,:host([error]) .prefix,:host([error]) .suffix{--tw-text-opacity:1;color:rgb(185 30 40/var(--tw-text-opacity,1))}:host(.error) .suffix,:host([error]) .suffix{align-items:flex-start;padding-bottom:calc(.75rem - 1px);padding-top:calc(.75rem - 1px)}:host(.size-small.error) .suffix,:host(.size-small[error]) .suffix{padding-bottom:.5rem;padding-top:.5rem}.static{position:static!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.justify-between{justify-content:space-between!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity,1))!important}";
+var PInputGroupStyle0 = inputGroupComponentCss;
+
+class InputGroup {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.size = 'medium';
+        this.prefix = undefined;
+        this.suffix = undefined;
+        this.icon = undefined;
+        this.iconFlip = undefined;
+        this.iconRotate = undefined;
+        this.iconPosition = 'start';
+        this.label = undefined;
+        this.helper = undefined;
+        this.required = undefined;
+        this.error = undefined;
+        this.disabled = false;
+        this.focused = false;
+        this.forceShowTooltip = false;
+        this.focusMethod = 'focus';
+        this.errorVariant = 'auto';
+        this._forceShowTooltip = false;
+    }
+    get _el() { return getElement(this); }
+    _whitelistedTags = ['input', 'textarea'];
+    componentDidLoad() {
+        console.warn('[p-input-group] Deprecated, please use p-field');
+    }
+    componentWillRender() {
+        this._setInputClasses();
+    }
+    render() {
+        const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
+        return (hAsync(Host, { key: '9848be9dc18dbb66de4ffaeb0fd6377204355127', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, hAsync("div", { key: '4d4035d525fe79a6afbd669bf49302fbd96ee4a9', class: 'flex items-end justify-between' }, label && (hAsync("div", { key: '859e6c72d70ddd2b62c72170be460452d0d87d11', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && hAsync("span", { key: '19c99b31a2d0f5b6f03971b6441e459653e3af13', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (hAsync("div", { key: '3e2abec6c63ae8d26b42316d48516992c2bc699b', class: 'input-header' }, hasHeaderSlot && hAsync("slot", { key: '1d100f887f1345ccfcf11e97d7667dd94355f026', name: 'header' }), helper && (hAsync("p-helper", { key: '9dbf5401cd26db9421c526bd406c683829abd877', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), hAsync("p-tooltip", { key: '71ef03a090b4311c14d7c935809f147140791e9e', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+                errorVariant === 'element' &&
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, hAsync("div", { key: '21bda229af33f22f4080ef66cd2b2821f755edd6', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '21f4e49db797a4ee2e6caee81d952858cc550567', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+            (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
+            (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '033bc354c872c0b9fb351182d7466515642d3f9b', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (hAsync("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), hAsync("slot", { key: '1dc6aa666c99246ba2d532c435987875528af5f6', name: 'input' })))));
+    }
+    handleFocusIn() {
+        this._forceShowTooltip = true;
+    }
+    handleFocusOut() {
+        this._forceShowTooltip = false;
+    }
+    /*
+     With this, we shall hack the system in ways no one would ever have thought.
+
+     <div class="pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none"></div>
+     */
+    _setInputClasses() {
+        const input = this._el.querySelector(':scope > [slot="input"]');
+        if (!input) {
+            return;
+        }
+        const tagName = input.tagName.toLowerCase();
+        if (this._whitelistedTags.indexOf(tagName) === -1) {
+            return;
+        }
+        if (!input.classList.contains('p-input')) {
+            input.classList.add('p-input');
+        }
+        const { prefix, suffix, errorAndErrorIsNotBoolean, errorVariant } = this._getSlotInfo();
+        if (suffix ||
+            (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
+            (this.icon && this.iconPosition === 'end')) {
+            input.classList.add('border-r-0', 'rounded-tr-none', 'rounded-br-none', 'pr-0');
+        }
+        else {
+            input.classList.remove('border-r-0', 'rounded-tr-none', 'rounded-br-none', 'pr-0');
+        }
+        if (prefix || (this.icon && this.iconPosition === 'start')) {
+            input.classList.add('border-l-0', 'rounded-tl-none', 'rounded-bl-none', 'pl-0');
+        }
+        else {
+            input.classList.remove('border-l-0', 'rounded-tl-none', 'rounded-bl-none', 'pl-0');
+        }
+        if (this.size === 'small' && !input.classList.contains('size-small')) {
+            input.classList.add('size-small');
+        }
+        if (this.size !== 'small' && input.classList.contains('size-small')) {
+            input.classList.remove('size-small');
+        }
+    }
+    _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 helper = hasHelperSlot ? hAsync("slot", { name: 'helper' }) : this.helper;
+        const label = hasLabelSlot ? hAsync("slot", { name: 'label' }) : this.label;
+        const prefix = hasPrefixSlot ? hAsync("slot", { name: 'prefix' }) : this.prefix;
+        const suffix = hasSuffixSlot ? hAsync("slot", { name: 'suffix' }) : this.suffix;
+        const errorAndErrorIsNotBoolean = this.error && typeof this.error === 'string' && this.error !== 'true';
+        return {
+            hasHelperSlot,
+            hasLabelSlot,
+            hasPrefixSlot,
+            hasSuffixSlot,
+            hasHeaderSlot,
+            helper,
+            label,
+            prefix,
+            suffix,
+            errorAndErrorIsNotBoolean,
+            errorVariant: this.errorVariant === 'auto'
+                ? this._el.offsetWidth <= 72
+                    ? 'element'
+                    : 'icon'
+                : this.errorVariant,
+        };
+    }
+    _focusInput() {
+        const input = this._el.querySelector(':scope > [slot="input"]');
+        input[this.focusMethod]();
+    }
+    static get style() { return PInputGroupStyle0; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "p-input-group",
+        "$members$": {
+            "size": [1],
+            "prefix": [1],
+            "suffix": [1],
+            "icon": [1],
+            "iconFlip": [1, "icon-flip"],
+            "iconRotate": [2, "icon-rotate"],
+            "iconPosition": [1, "icon-position"],
+            "label": [1],
+            "helper": [1],
+            "required": [516],
+            "error": [513],
+            "disabled": [516],
+            "focused": [516],
+            "forceShowTooltip": [516, "force-show-tooltip"],
+            "focusMethod": [1, "focus-method"],
+            "errorVariant": [1, "error-variant"],
+            "_forceShowTooltip": [32]
+        },
+        "$listeners$": [[0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"]],
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["required", "required"], ["error", "error"], ["disabled", "disabled"], ["focused", "focused"], ["forceShowTooltip", "force-show-tooltip"]]
+    }; }
+}
+
 const labelComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-amber-100{--tw-bg-opacity:1!important;background-color:rgb(255 246 194/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-dark-teal-800{--tw-text-opacity:1!important;color:rgb(1 37 33/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}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}@media (min-width:64rem){.desktop-xs\\:block{display:block!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}";
 var PLabelStyle0 = labelComponentCss;
 
@@ -23366,14 +23531,14 @@ class Label {
         this.keepMobileContent = false;
     }
     render() {
-        return (hAsync(Host, { key: 'b65dfe6ae11bfa1309561cd1aa1fb0c2c71b5535', class: 'p-label' }, hAsync("div", { key: '4e6b4648f1778aadee757fab902bae7281f5a5ff', class: label({
+        return (hAsync(Host, { key: '04c0b2510fd1ae8cad957ee02d7d54245b7fdbb0', class: 'p-label' }, hAsync("div", { key: '7dfd0871e52cef46c49f0c30e58facfa603c5d0f', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (hAsync("p-icon", { key: 'a1ef1bf1d58046c3ceeadb1def0030b547a6297c', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (hAsync("div", { key: '961a9f05c969fdb3b1d31f706a370084dd365ab1', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (hAsync("p-icon", { key: 'b70587122206d6b26785cbf5e9e8219219aeb7d0', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (hAsync("div", { key: '5426ae86e86f205b04130628923f3d53747c85d5', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, hAsync("slot", { key: 'ffa41b6d694819b6b438c4ea58485e78c41d34a6' }))))));
+            }) }, hAsync("slot", { key: '62413d44b71c12291cb13997e839774d2b047fdd' }))))));
     }
     static get style() { return PLabelStyle0; }
     static get cmpMeta() { return {
@@ -23813,7 +23978,7 @@ class Navbar {
         this._show = false;
     }
     render() {
-        return (hAsync(Host, { key: '933b55e6875b50546cd980e5c4f7c923cd6cbd11', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, hAsync("p-backdrop", { key: '9fb8220b757a0571b77620f394b92fe78d578ba5', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: 'c24c80eca5ec18ee39df438c591e55ff683a9c06', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: '6338aee239fa25bef1555f5b085d0682c8122c94', class: 'flex w-full items-center justify-between layout-1280:hidden' }, hAsync("p-button", { key: '7768db8078e996b9b0d08a38d7a63329513d4d7b', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), hAsync("div", { key: 'b736053b767173fe3da99b1c270ce95eff3376fd', class: 'flex w-full flex-col items-stretch' }, hAsync("slot", { key: '570c7aab38574229bf5f118c7b8196cc93b69992', name: 'company' })), hAsync("div", { key: 'e0d69dc2869eda05e854eb167d72436412669978', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: '02e79fdd87b22514e602fa8ace2b4091dde7126a', name: 'content' })), hAsync("div", { key: 'dc66843c8beabbbcb21b1e3c937192b2dba656d2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, hAsync("slot", { key: 'b08ed35bb831aa4bc6076a4d5b4d5d1fb4c960d3', name: 'user' }))), hAsync("div", { key: 'b15ae515d4872501b143aa3dc30d40e7004da088', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: '96628a7f7741fc9d71d68e1744e727a95dec9552', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), hAsync("slot", { key: '22a596e750b0541a9dabf0d9857c294d77acea58', name: 'topbar' }))));
+        return (hAsync(Host, { key: '5702b79e2c26e706ad4101b89f53de842fcb80b6', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, hAsync("p-backdrop", { key: 'c5fa86a7922261ce0c52a30f397a912da999b705', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: 'cea2c0276187ee5e86eea96879774d34d4439828', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: '7da029ff6de0ce27e5652a2995e1350384a0c83f', class: 'flex w-full items-center justify-between layout-1280:hidden' }, hAsync("p-button", { key: '5bd366656745c2998e979bfb4650e17290c3e288', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), hAsync("div", { key: '5fc3e1b70f45905c8a6dfbf85251a5edc8571b78', class: 'flex w-full flex-col items-stretch' }, hAsync("slot", { key: '99f3a9c3bcf2f53b1bb69c14fd30d8f3dd850a23', name: 'company' })), hAsync("div", { key: '47dbf4bb5cde7b785401df9584ed6ae155329be1', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: '8220bc3836bb64fe353d1585003d005cb5c04bd4', name: 'content' })), hAsync("div", { key: 'a04e5098279b15f9526fcba60ce000e552d6b3b4', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, hAsync("slot", { key: '6902b1780e7e8e9642caa22e467adc938c335c2c', name: 'user' }))), hAsync("div", { key: '54e624bd9bed375fe496a7ebb0ea26a92c6cf5f5', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: '8b8df57e642e4e4fdc1848271c8104f3489ad269', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), hAsync("slot", { key: 'ea415e56ec47a30ca4005d0c138f2c6bdc7abf22', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;
@@ -23880,10 +24045,10 @@ class NavigationItem {
     render() {
         const TagType = this.as;
         const active = this.active || this.class?.includes('active');
-        return (hAsync(Host, { key: 'f87e67e61239b95e49d93b9bd07686b7b70477a9', class: cn('p-navigation-item inline-block', this.class) }, hAsync(TagType, { key: '67c327313aa12d7fe54389bc298ca23b3e17437a', class: navigationItem({
+        return (hAsync(Host, { key: '6b12fc10340027d176fc9fa9699ff62a9f200c06', class: cn('p-navigation-item inline-block', this.class) }, hAsync(TagType, { key: '447c6dfb9e7cd9a426dfc83a786117ecd809ed23', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, hAsync("div", { key: 'b1de70235c4bb1bff509db3f1723c106e50614d9', class: navigationItemIconContainer({ active }) }, hAsync("p-icon", { key: 'debe4fce9441178c12c4198cab3c94247db0cd49', variant: this.icon })), hAsync("span", { key: 'f6e9daee27dc7fc467c1d6e5d50b3f2d9aaa3cf8', class: this.counter && 'has-counter' }, hAsync("slot", { key: 'c10c72c8c3ad0f8b238ed69636ca2b8e3291dc44' })), !!this.counter && this.counter !== '0' && (hAsync("p-badge", { key: '4bb1889d85efdac8e80a398fcb3769dc55b26ee3' }, this.counter)), !!this.loading && hAsync("p-loader", { key: '80b43031e00df08c342df9872caa928dcbc87650', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, hAsync("div", { key: 'ee2fb03620b46d75f34887c1426abe3090dd50f8', class: navigationItemIconContainer({ active }) }, hAsync("p-icon", { key: '92ae190b1b415939e23476403dfc7ea7065db3f6', variant: this.icon })), hAsync("span", { key: 'd56fbd8fdffc8a20b98d4d4a25dd68eb1e2548e0', class: this.counter && 'has-counter' }, hAsync("slot", { key: 'd1baea6b23dab3cc3db75ab4c6c5b660977475c6' })), !!this.counter && this.counter !== '0' && (hAsync("p-badge", { key: 'd50225f39e08b412b622055438584ad9aa02b4c1' }, this.counter)), !!this.loading && hAsync("p-loader", { key: '10ab89e057f00442ad0dab32c0342ad16daf667a', class: 'ml-auto' }))));
     }
     static get style() { return PNavigationItemStyle0; }
     static get cmpMeta() { return {
@@ -23914,7 +24079,7 @@ class NavigationSection {
         this.header = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '2498f9f2121a61e9a086faa32e676ac8a59bbe7b', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (hAsync("p-navigation-title", { key: '04a310fc04574b350c1d36cb57b23537a25a8b6e' }, this.header)), hAsync("div", { key: 'd444fee83c080992f04ed3e0c977b8687198633c', class: 'flex flex-col' }, hAsync("slot", { key: 'fde7c2c5be6223b0ae89c2708c74bd0d840de2f1' }))));
+        return (hAsync(Host, { key: '2278321f85bd2cc19317f416174aee1d2797ff56', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (hAsync("p-navigation-title", { key: '2eba4771425254e503d02470d0b7caeb18cac710' }, this.header)), hAsync("div", { key: 'bf1ffb4905308dbc7694e911ca171be4686e0300', class: 'flex flex-col' }, hAsync("slot", { key: 'e646b3ae3781eea037ff358dc59937d847f2b956' }))));
     }
     static get style() { return PNavigationSectionStyle0; }
     static get cmpMeta() { return {
@@ -24034,7 +24199,7 @@ class Pagination {
         this._generate();
     }
     render() {
-        return (hAsync(Host, { key: 'b78ab074e0cbaf260070e2ae6689c58d44474132', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
+        return (hAsync(Host, { key: '3568c3e866dcd2ffee3fb8acd34a81d63e564068', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
                 return (hAsync("p-pagination-item", { onClick: () => p.type === 'previous'
                         ? this._previousClick()
@@ -24267,7 +24432,7 @@ class Profile {
     }
     render() {
         const content = this._getContent();
-        return (hAsync(Host, { key: '9313ef616b33a4491b7a8bd6ebe647b3e334c168', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (hAsync("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, hAsync("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), hAsync("div", { slot: 'items' }, hAsync("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (hAsync(Host, { key: 'a9482eb4aab89a3dff60ec39ecc2be00b1b8036f', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (hAsync("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, hAsync("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), hAsync("div", { slot: 'items' }, hAsync("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();
@@ -24664,7 +24829,7 @@ class Select {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'bbcf5a411b3516151b5cde49e83e637e8f275d6d', class: 'p-select' }, hAsync("p-dropdown", { key: '0a75a3e234fe53fd205cda607860b12ae864c998', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-field-container", { key: 'd09b7269c07ab493d9372481165f88c383210230', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, hAsync("p-button", { key: 'ae1626f92d3a509e0cab45faa11a9965b12d27aa', 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) }, hAsync("div", { key: '9d53222285fdc827c4df5468e38a491399496f01', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
+        return (hAsync(Host, { key: 'f62a834435e5a23ac883458bbbc6584fc475585a', class: 'p-select' }, hAsync("p-dropdown", { key: 'f052fca097cd93660e1319d9e697cddfa849adbb', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-field-container", { key: 'abeced0d91a257f87f02cd6c22ee150ed66b3c4f', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, hAsync("p-button", { key: 'ac9f12fbab1e18cb05c406b90d9d615220626ed3', 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) }, hAsync("div", { key: '00962c1d7e8cc69860a071cf4f4ff48ae096c43d', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {
@@ -25145,7 +25310,7 @@ class Stepper {
         this._generateSteps(true);
     }
     render() {
-        return (hAsync(Host, { key: 'dab66ec915bdfc6db37204746035c9fa25beb364', class: 'p-stepper' }, hAsync("slot", { key: '614787c115b5f21dd50d589acfb830c84fc84173', onSlotchange: this._onSlotChange })));
+        return (hAsync(Host, { key: '8fa52e3d517deebb230039f2938893a14fb5613e', class: 'p-stepper' }, hAsync("slot", { key: '385c27e425dad328346910e77f42d7fdc32183b8', onSlotchange: this._onSlotChange })));
     }
     _onActiveStepChange() {
         this._generateSteps();
@@ -26002,7 +26167,7 @@ class TableCell {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'e9622200c7747ae2dd3611252f87c1781ecfc0c0', class: {
+        return (hAsync(Host, { key: 'fdd68a4b75fa75a0301b2721d81a069cac64d098', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),
@@ -26152,7 +26317,7 @@ class TableFooter {
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (hAsync(Host, { key: '16588e28b4c1a74e0d8fd1324ad0ca5f3d9764ec', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (hAsync("p-page-size-select", { key: 'a09d397cc4f1792809aa2226280baf00db625b51', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (hAsync("p-loader", { key: '949f8e777163603ad66142ec7da8957c8eeb4600', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (hAsync("p-pagination", { key: '296c3e4d342def9fd72fff8c6d27561b3fbab522', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (hAsync("p-button", { key: 'be27ba3f224e267b80f43d03d07be3359f22ef76', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
+        return (hAsync(Host, { key: '8c85669efe0bdc3f14fe0dfb5cbca5a38451b2ca', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (hAsync("p-page-size-select", { key: '69cb04177926201d314ab138ac72452d9a32ccd3', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (hAsync("p-loader", { key: '4601f2a8736bb05af33159769bfba2e1854c8cdf', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (hAsync("p-pagination", { key: 'e9c672d24d92cb973482a37b16f8a1210fb17345', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (hAsync("p-button", { key: '3f6942fb87389cb69281e397134f857d2cedb87c', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -27221,9 +27386,9 @@ class TableRow {
         this.enableHover = true;
     }
     render() {
-        return (hAsync(Host, { key: '84fafc96af5423eca823b2702a4b878a03c76565', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (hAsync(Host, { key: '962ec4f0187a22416270df391edb910c6584fc57', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, hAsync("div", { key: '968888482a3d22ec973cda8a9618e3a3b59c2ff4', class: "content" }, hAsync("slot", { key: '934e900af0720877e705d78a9cfbddf033206326' })), this.variant === 'default' && hAsync("p-divider", { key: '5c443bc203dd2cdb0641b41db9824a26646239eb', class: "m-0" })));
+                'enable-hover'} group` }, hAsync("div", { key: '45deb1c2a22e4afdf99b3e4f407f8ceedc3769fc', class: "content" }, hAsync("slot", { key: 'd9bae05aad34f48ef13598e432813ffacab3d3f6' })), this.variant === 'default' && hAsync("p-divider", { key: 'efdc3dcb43ea3f74786495f62ceaf7b6a62908d6', class: "m-0" })));
     }
     static get style() { return PTableRowStyle0; }
     static get cmpMeta() { return {
@@ -27297,7 +27462,7 @@ class Toast {
      */
     action;
     render() {
-        return (hAsync(Host, { key: '45995dbf55e1f5da083853de2a84a8b2fabecae3', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, hAsync("div", { key: '21cc758c734909d3ac31b57174ac48117086ea8b', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: '6d9e38a1ff99eb3cca01492a1b23b1855d47e6c2', class: 'font-semibold text-storm' }, this.header?.length ? this.header : hAsync("slot", { name: 'header' })), hAsync("p", { key: 'e9cb052a385dc14e0485944518548365f743a3e4', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : hAsync("slot", { name: 'content' }))), this.enableAction && (hAsync("p-button", { key: '3622337e6595749610b400498a5c8860adc9ab32', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
+        return (hAsync(Host, { key: '8037040911805538a87e382891c638dc02b60206', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, hAsync("div", { key: '3d62bfbdc62f0aad9f0b2aa399b881498328329c', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: '6025fc8d67bdaeff8e43ae6b65aed1c12a42a107', class: 'font-semibold text-storm' }, this.header?.length ? this.header : hAsync("slot", { name: 'header' })), hAsync("p", { key: '39b41b1033a0b4eaaca958949556cae1037d0019', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : hAsync("slot", { name: 'content' }))), this.enableAction && (hAsync("p-button", { key: '0b58b68d606925c26007d2e00437a3e2c69bfd0f', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
     }
     _onClick() {
         if (this.enableAction) {
@@ -27752,6 +27917,7 @@ registerComponents([
   Illustration,
   InfoPanel,
   InputError,
+  InputGroup,
   Label,
   Layout,
   Loader,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@paperless/core",
-	"version": "2.0.1-beta.23",
+	"version": "2.0.1-beta.25",
 	"description": "Stencil Component Starter",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.js",

package/dist/build/p-020a97e3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["iconComponentCss","PIconDeprecatedStyle0","Icon","render","icon","iconsDeprecated","this","variant","styles","size","transform","rotate","flip","h","Host","key","class","innerHTML"],"sources":["src/components/atoms/icon-deprecated/icon.component.scss?tag=p-icon-deprecated","src/components/atoms/icon-deprecated/icon.component.tsx"],"sourcesContent":[":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport { iconsDeprecated } from '../../../utils/icons-deprecated';\nimport { IconFlipOptions } from '../icon/icon.component';\n\nexport type IconDeprecatedVariant = keyof typeof iconsDeprecated;\n\n@Component({\n\ttag: 'p-icon-deprecated',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconDeprecatedVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'auto';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: RotateOptions = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = 'none';\n\n\trender() {\n\t\tconst icon = iconsDeprecated[this.variant];\n\n\t\tconst styles = {\n\t\t\t'p-icon flex': true,\n\t\t\t'text-auto': this.size === 'auto',\n\t\t\t'text-xxs': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'base',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t\t'text-xl': this.size === 'xl',\n\t\t\t'text-2xl': this.size === '2xl',\n\t\t\t'text-3xl': this.size === '3xl',\n\t\t\t'text-4xl': this.size === '4xl',\n\t\t\ttransform: !!this.rotate || this.flip !== 'none',\n\t\t\t'scale-x-flip': this.flip === 'horizontal',\n\t\t\t'scale-y-flip': this.flip === 'vertical',\n\t\t\t'rotate-0': this.rotate === 0,\n\t\t\t'rotate-25': this.rotate === 25,\n\t\t\t'rotate-45': this.rotate === 45,\n\t\t\t'rotate-90': this.rotate === 90,\n\t\t\t'rotate-135': this.rotate === 135,\n\t\t\t'rotate-180': this.rotate === 180,\n\t\t\t'rotate-225': this.rotate === 225,\n\t\t\t'rotate-270': this.rotate === 270,\n\t\t\t'rotate-315': this.rotate === 315,\n\t\t\t'-rotate-0': this.rotate === -0,\n\t\t\t'-rotate-25': this.rotate === -25,\n\t\t\t'-rotate-45': this.rotate === -45,\n\t\t\t'-rotate-90': this.rotate === -90,\n\t\t\t'-rotate-135': this.rotate === -135,\n\t\t\t'-rotate-180': this.rotate === -180,\n\t\t\t'-rotate-225': this.rotate === -225,\n\t\t\t'-rotate-270': this.rotate === -270,\n\t\t\t'-rotate-315': this.rotate === -315,\n\t\t};\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={styles}\n\t\t\t\tinnerHTML={icon}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"mappings":"sFAAA,MAAMA,EAAmB,i2HACzB,MAAAC,EAAeD,E,MCWFE,EAAI,M,0DASgB,O,YAKA,E,UAKA,M,CAEhC,MAAAC,GACC,MAAMC,EAAOC,EAAgBC,KAAKC,SAElC,MAAMC,EAAS,CACd,cAAe,KACf,YAAaF,KAAKG,OAAS,OAC3B,WAAYH,KAAKG,OAAS,MAC1B,UAAWH,KAAKG,OAAS,KACzB,UAAWH,KAAKG,OAAS,KACzB,YAAaH,KAAKG,OAAS,OAC3B,UAAWH,KAAKG,OAAS,KACzB,UAAWH,KAAKG,OAAS,KACzB,WAAYH,KAAKG,OAAS,MAC1B,WAAYH,KAAKG,OAAS,MAC1B,WAAYH,KAAKG,OAAS,MAC1BC,YAAaJ,KAAKK,QAAUL,KAAKM,OAAS,OAC1C,eAAgBN,KAAKM,OAAS,aAC9B,eAAgBN,KAAKM,OAAS,WAC9B,WAAYN,KAAKK,SAAW,EAC5B,YAAaL,KAAKK,SAAW,GAC7B,YAAaL,KAAKK,SAAW,GAC7B,YAAaL,KAAKK,SAAW,GAC7B,aAAcL,KAAKK,SAAW,IAC9B,aAAcL,KAAKK,SAAW,IAC9B,aAAcL,KAAKK,SAAW,IAC9B,aAAcL,KAAKK,SAAW,IAC9B,aAAcL,KAAKK,SAAW,IAC9B,YAAaL,KAAKK,UAAY,EAC9B,aAAcL,KAAKK,UAAY,GAC/B,aAAcL,KAAKK,UAAY,GAC/B,aAAcL,KAAKK,UAAY,GAC/B,cAAeL,KAAKK,UAAY,IAChC,cAAeL,KAAKK,UAAY,IAChC,cAAeL,KAAKK,UAAY,IAChC,cAAeL,KAAKK,UAAY,IAChC,cAAeL,KAAKK,UAAY,KAGjC,OACCE,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAOR,EACPS,UAAWb,G","ignoreList":[]}

package/dist/build/p-14e20144.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,g as r,h as i,H as a,F as o}from"./p-45ded510.js";import{c as s}from"./p-8a5b8196.js";import{f as n,g as l}from"./p-f26a3049.js";import"./p-8a1a6e56.js";const c="*{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 p=c;const d=s(["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 h=s("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 f=s(["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 b=class{constructor(r){t(this,r);this.valueChange=e(this,"valueChange",7);this.inputRefChange=e(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}valueChange;inputRefChange;get _el(){return r(this)}_inputRef;render(){const{prefix:t,suffix:e,hasHeaderSlot:r,hasLabelSlot:o,hasHelperSlot:s,hasErrorSlot:n}=this._getSlotInfo();return i(a,{key:"6ee18d3003f95e306599804827d24bccb869fbac",class:"p-field"},i("p-field-container",{key:"253178a1a1f9d85dc5a2515d7daa3bdec3756685",forceShowTooltip:this.forceShowTooltip||this._focused,label:this.label,helper:this.helper,error:this.error,required:this.required},o&&i("slot",{key:"9ae351e4b130f2097c459889614d627426eb73f1",name:"label",slot:"label"}),r&&i("slot",{key:"06b232eb4d1101e51027b1fcb296076252ec73da",name:"header",slot:"header"}),s&&i("slot",{key:"28bae575c273efc6373d30d80a403508bac4b5f5",name:"helper",slot:"helper"}),n&&i("slot",{key:"9c43b918c2b1901f1e374f300d6189cb31608ecb",name:"error",slot:"error"}),i("div",{key:"e170a99bfbc5fa17c9c4465051219132360a8c3d",class:d({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused,size:this.size}),slot:"content"},(t||this.icon&&this.iconPosition==="start")&&i("div",{key:"ecf1fb9ec811e26c4123f97f5ba18d6cbc07750b",class:f({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="start"?i("p-icon",{class:"flex",variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):t),this._getInput(),(e||this.icon&&this.iconPosition==="end")&&i("div",{key:"fb6fcf5c393812d91b01cdb7ebb5bd74767656be",class:f({error:!!this.error?.length,disabled:this.disabled,focused:this.focused||this._focused}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="end"?i("p-icon",{class:"flex",variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):e))))}handleFocusIn(){if(this.disabled){return}this._focused=true;this._selectAll()}handleFocusOut(){if(this.disabled){return}this._focused=false}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const r=!!this._el.querySelector(':scope > [slot="prefix"]');const a=!!this._el.querySelector(':scope > [slot="suffix"]');const o=!!this._el.querySelector(':scope > [slot="header"]');const s=!!this._el.querySelector(':scope > [slot="error"]');const n=r?i("slot",{name:"prefix"}):this.prefix;const l=a?i("slot",{name:"suffix"}):this.suffix;const c=this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:r,hasSuffixSlot:a,hasHeaderSlot:o,hasErrorSlot:s,prefix:n,suffix:l,errorAndErrorIsNotBoolean:c}}_getInput(){if(this.type==="custom"){return i("slot",{name:"input"})}const t={class:h({disabled:this.disabled}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let e=this.properties??{};if(typeof e==="string"){e=JSON.parse(this.properties)}if(this.type==="textarea"){i("textarea",{ref:t=>this._setInputRef(t),...t,...e})}return i("input",{type:this.type,ref:t=>this._setInputRef(t),...t,...e})}_setInputRef(t){this._inputRef=t;this.inputRefChange.emit(t)}_focusInput(){if(this._inputRef){this._inputRef.focus();return}const t=this._el.querySelector(':scope > [slot="input"]');t[this.focusMethod]()}_selectAll(){if(!this._inputRef||!this.selectAllOnFocus){return}this._inputRef.select()}_valueChange(t){const e=t.target.value;this.value=e;this.valueChange.emit(e)}};b.style=p;const m="*{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 u=m;const g=class{constructor(r){t(this,r);this.focus=e(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=()=>n(this._locales.optional);get _el(){return r(this)}focus;componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:t,hasErrorSlot:e,helper:r,label:s,errorAndErrorIsNotBoolean:n}=this._getSlotInfo();return i(a,{key:"5a9f6522df4ed827c3e66dec4fb0f4632f7b227a",class:"p-field-container"},i("div",{key:"7aca74e4bc43e883cc97f1c053117735af73fed4",class:"flex w-inherit flex-col gap-1"},i("div",{key:"426757bcec0af2c2835b95946e802aa52d19e603",class:"flex items-end justify-between gap-1"},s&&i("div",{key:"b5f54de0e3643da28e390776339fd629cc784731",class:"text-xs font-medium text-black-teal-300",onClick:()=>this.focus.emit()},s),(!this.required||r||t)&&i("div",{key:"e3bad54b3ea5b73652cc50a08390adcf51563572",class:"flex items-center gap-1"},!this.required&&i("span",{key:"e175174c57d7d7aa3c36789a51b3ea19f3f82e93",class:"text-xs font-medium text-black-teal-200"},this.optionalTemplate()),(r||t)&&i(o,{key:"b6a58573f43e5dcb18aaee9ae6317c9a8ae18461"},t&&i("slot",{key:"5708bac40fa9ac3c35aaa103a9314182dc22ceeb",name:"header"}),r&&i("p-helper",{key:"4b40eaeb300d824d6af645f77b4f646f9fa49688",class:`flex ${t?"ml-2":""}`,placement:"top-end"},r)))),i("p-tooltip",{key:"2548c71b57fb4380ed7199763d92e0bfec97672b",class:"w-full",variant:"error",content:this.error,show:n&&this.forceShowTooltip,enableUserInput:false,placement:this.errorPlacement},e&&i("slot",{key:"5e28992d5467ae8fc554aaa4b11833a9ef696918",name:"error",slot:"content"}),i("slot",{key:"f08fdbf1124fe2d4f9d8b9ca9d057d00254d8046",name:"content",slot:"trigger"}))))}async _setLocales(){this._locales=await l(this._el)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const r=!!this._el.querySelector(':scope > [slot="header"]');const a=!!this._el.querySelector(':scope > [slot="error"]');const o=t?i("slot",{name:"helper"}):this.helper;const s=e?i("slot",{name:"label"}):this.label;const n=a||this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasHeaderSlot:r,hasErrorSlot:a,helper:o,label:s,errorAndErrorIsNotBoolean:n}}};g.style=u;const x=".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 w=x;const y=class{constructor(e){t(this,e);this.strategy="absolute";this.placement="top"}render(){return i(a,{key:"540f0bec4dd767c4be84ec5973d25bae8863f55e",class:"p-helper"},i("p-tooltip",{key:"f814314bc2a7f9751c57db8a1cda799a3b195fa1",placement:this.placement,strategy:this.strategy},i("div",{key:"999a01bc5b4cf7bc6ebc229b7279ca215a46ca6d",slot:"content"},i("slot",{key:"9fb3ed56f75111c8560a8b877dbfd58aedaa2530"})),i("div",{key:"b8b9b5ca2ce68040531c071e1d24d8dab049321d",slot:"trigger",class:"helper"})))}};y.style=w;export{b as p_field,g as p_field_container,y as p_helper};
-//# sourceMappingURL=p-14e20144.entry.js.map

package/dist/build/p-14e20144.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["fieldComponentCss","PFieldStyle0","field","cva","variants","size","sm","base","disabled","false","true","focused","error","compoundVariants","class","input","prefixAndSuffic","Field","valueChange","inputRefChange","_inputRef","render","prefix","suffix","hasHeaderSlot","hasLabelSlot","hasHelperSlot","hasErrorSlot","this","_getSlotInfo","h","Host","key","forceShowTooltip","_focused","label","helper","required","name","slot","length","icon","iconPosition","onClick","_focusInput","variant","rotate","iconRotate","flip","iconFlip","_getInput","handleFocusIn","_selectAll","handleFocusOut","_el","querySelector","hasPrefixSlot","hasSuffixSlot","errorAndErrorIsNotBoolean","type","props","value","placeholder","onInput","ev","_valueChange","properties","JSON","parse","ref","_setInputRef","emit","focus","focusMethod","selectAllOnFocus","select","target","fieldContainerComponentCss","PFieldContainerStyle0","FieldContainer","_defaultOptionalTemplate","formatTranslation","_locales","optional","componentWillLoad","_setLocales","optionalTemplate","Fragment","placement","content","show","enableUserInput","errorPlacement","getLocaleComponentStrings","helperComponentCss","PHelperStyle0","Helper","strategy"],"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":[null,"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",null,"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"],"mappings":"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","ignoreList":[]}

package/dist/build/p-3a4ff7f6.entry.js

@@ -1,2 +0,0 @@
-import{r as t,g as i,h as e,H as a,c as r}from"./p-45ded510.js";import{a as o,c as s,o as n,f as p,s as h}from"./p-170077a4.js";import{c as d}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const c=class{constructor(i){t(this,i)}get _el(){return i(this)}_moved=false;createPortal(){document.body.append(this._el)}componentDidLoad(){this.createPortal()}disconnectedCallback(){this._moved?this._el.remove():this._moved=true}render(){return e(a,{key:"ec6767f9ed9924ff88643c804db7c0e9687a9cc2"},e("slot",{key:"21ebee452f0f173c88840da9a190e4a7b072cd48"}))}};const l="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-\\[2px\\]{width:2px!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.w-max{width:max-content!important}.max-w-\\[14\\.5rem\\]{max-width:14.5rem!important}.max-w-full{max-width:100%!important}.cursor-pointer{cursor:pointer!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.bg-black-teal{--tw-bg-opacity:1!important;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))!important}.bg-negative-red{background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{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}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";const m=l;const b=d(["inline-block px-2","text-xs","opacity-0 drop-shadow-3 transition-opacity","rounded-lg","z-tooltip","pointer-events-none"],{variants:{variant:{hover:"bg-black-teal text-white py-1",click:null,error:"max-w-full w-full"},strategy:{none:null,fixed:"fixed",absolute:"absolute"}},compoundVariants:[{variant:["hover","click"],class:"max-w-[14.5rem] w-max"},{variant:["click","error"],class:"bg-white text-black-teal-300 py-2"}]});const f=d("",{variants:{strategy:{fixed:"fixed",absolute:"absolute"}}});const u=class{constructor(i){t(this,i);this.isOpen=r(this,"isOpen",3);this.variant="hover";this.content=null;this.placement=undefined;this.offset=8;this.strategy="absolute";this.enableUserInput=true;this.show=false;this.usePortal=false;this.canManuallyClose=true}isOpen;get _el(){return i(this)}_hasContentSlot=false;_loaded=false;_popover;_cleanup;componentWillLoad(){this._hasContentSlot=!!this._el.querySelector(':scope > [slot="content"]')}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){const t={role:"popover","data-placement":this.placement,ref:t=>this._load(t)};let i;const r=e("div",{key:"0a9e167ddc84ee7f583d37aed323c2cf02c1fa9f",class:b({variant:this.variant,strategy:this.usePortal?"none":this.strategy}),...this.usePortal?{}:t},e("div",{key:"df2ac0c2212bdf2d0649ddb2a302fb74c654b262",class:"flex gap-2"},this.variant==="error"&&e("div",{key:"102d4eca5af055bd733edd49191787bf7cffdf02",class:"w-[2px] bg-negative-red"}),this.content?this.content:e("slot",{name:"content"})));if(this.usePortal){i=e("p-portal",{key:"1b8c71e02362b745c0db665215c3484f730b4261",class:f({strategy:this.strategy}),...t},r)}else{i=r}return e(a,{key:"7a6070e29497d134306025162f4c6fb23dcf8a37",class:"p-popover flex cursor-pointer"},e("div",{key:"0482d4946e076d56d7264727eab6f6467472f195",class:"relative h-inherit w-inherit"},e("slot",{key:"7db62f696ce194cdded44a511d2f7dfd06ad7517",name:"trigger"}),i))}clickHandler(){if(this.variant==="hover"||!this.enableUserInput){return}if(this._popover.hasAttribute("data-show")){return}this._show()}documentClickHandler(){if(this.variant==="hover"||!this.canManuallyClose||this.show){return}if(!this._popover.hasAttribute("data-show")){return}this._hide()}mouseEnterHandler(){if(this.variant!=="hover"||!this.enableUserInput){return}this._show()}mouseLeaveHandler(){if(this.show||this.variant!=="hover"||!this.enableUserInput){return}this._hide()}onShowChange(t){if(t&&!this._popover.hasAttribute("data-show")){return this._show()}return this._hide()}_show(){if(!this._loaded){return}if(!this.content?.length&&!this._hasContentSlot){if(this._popover.hasAttribute("data-show")){this._hide()}return}this._cleanup=o(this._el,this._popover,(()=>this._update()));this._popover.setAttribute("data-show","");this._popover.classList.remove("opacity-0","pointer-events-none");this._popover.classList.add("opacity-100","pointer-events-auto");this.isOpen.emit(true)}_hide(){if(!this._loaded){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._popover.removeAttribute("data-show");this._popover.classList.remove("opacity-100","pointer-events-auto");this._popover.classList.add("opacity-0","pointer-events-none");this.isOpen.emit(false)}_load(t){this._popover=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_update(){if(!this._popover){return}s(this._el,this._popover,{placement:this.variant==="error"&&!this.placement?"bottom-start":this.placement??"top",strategy:this.strategy,middleware:[n(this.offset),p(),h()]}).then((({x:t,y:i,placement:e})=>{this._popover.dataset.placement=e;Object.assign(this._popover.style,{top:`${i}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"]}}};u.style=m;export{c as p_portal,u as p_tooltip};
-//# sourceMappingURL=p-3a4ff7f6.entry.js.map

package/dist/build/p-3a4ff7f6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Portal","_moved","createPortal","document","body","append","this","_el","componentDidLoad","disconnectedCallback","remove","render","h","Host","key","tooltipComponentCss","PTooltipStyle0","popover","cva","variants","variant","hover","click","error","strategy","none","fixed","absolute","compoundVariants","class","portal","Tooltip","isOpen","_hasContentSlot","_loaded","_popover","_cleanup","componentWillLoad","querySelector","componentShouldUpdate","_update","tooltipProps","role","placement","ref","el","_load","tooltip","tooltipElement","usePortal","content","name","clickHandler","enableUserInput","hasAttribute","_show","documentClickHandler","canManuallyClose","show","_hide","mouseEnterHandler","mouseLeaveHandler","onShowChange","length","autoUpdate","setAttribute","classList","add","emit","removeAttribute","setTimeout","computePosition","middleware","offset","flip","shift","then","x","y","dataset","Object","assign","style","top","left"],"sources":["src/components/atoms/portal/portal.component.tsx","src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":["import { Component, Element, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-portal',\n})\nexport class Portal {\n\t/**\n\t * The host element\n\t */\n\t@Element() _el: HTMLElement;\n\n\tprivate _moved: boolean = false;\n\n\tprivate createPortal() {\n\t\tdocument.body.append(this._el);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.createPortal();\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis._moved ? this._el.remove() : (this._moved = true);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","// :host {\n// \t@apply flex cursor-pointer;\n//\n// \t.popover-container {\n// \t\t@apply relative h-0 w-0;\n// \t\t.popover {\n// \t\t\t@apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-3 transition-opacity;\n// \t\t\t@apply pointer-events-none;\n// \t\t\twidth: max-content;\n// \t\t\tmax-width: 14.5rem;\n//\n// \t\t\t&.variant-hover,\n// \t\t\t&.variant-error,\n// \t\t\t&.variant-error-element {\n// \t\t\t\t@apply bg-storm py-1 text-white;\n// \t\t\t}\n//\n// \t\t\t&.variant-error,\n// \t\t\t&.variant-error-element {\n// \t\t\t\t@apply bg-negative uppercase tracking-wider;\n// \t\t\t}\n//\n// \t\t\t&[data-show] {\n// \t\t\t\t@apply pointer-events-auto opacity-100;\n// \t\t\t}\n//\n// \t\t\t.arrow,\n// \t\t\t.arrow::before {\n// \t\t\t\tbackground: inherit;\n// \t\t\t\t@apply absolute h-2 w-2;\n// \t\t\t}\n//\n// \t\t\t.arrow {\n// \t\t\t\tvisibility: hidden;\n//\n// \t\t\t\t&::before {\n// \t\t\t\t\t@apply visible rotate-45 transform;\n// \t\t\t\t\tcontent: '';\n// \t\t\t\t}\n// \t\t\t}\n//\n// \t\t\t&[data-strategy='fixed'] {\n// \t\t\t\t@apply fixed;\n// \t\t\t}\n//\n// \t\t\t&[data-strategy='absolute'] {\n// \t\t\t\t@apply absolute;\n// \t\t\t}\n//\n// \t\t\t&[data-placement^='top'] > .arrow {\n// \t\t\t\t@apply -bottom-1;\n// \t\t\t}\n//\n// \t\t\t&[data-placement^='bottom'] > .arrow {\n// \t\t\t\t@apply -top-1;\n// \t\t\t}\n//\n// \t\t\t&[data-placement^='left'] > .arrow {\n// \t\t\t\t@apply -right-1;\n// \t\t\t}\n//\n// \t\t\t&[data-placement^='right'] > .arrow {\n// \t\t\t\t@apply -left-1;\n// \t\t\t}\n// \t\t}\n// \t}\n// }\n","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1',\n\t\t\t\tclick: null,\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tnone: null,\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'max-w-[14.5rem] w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst portal = cva('', {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tfixed: 'fixed',\n\t\t\tabsolute: 'absolute',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.scss',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to use a portal for the tooltip\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst tooltipProps = {\n\t\t\trole: 'popover',\n\t\t\t'data-placement': this.placement,\n\t\t\tref: el => this._load(el),\n\t\t};\n\n\t\tlet tooltip: HTMLElement;\n\n\t\tconst tooltipElement = (\n\t\t\t<div\n\t\t\t\tclass={popover({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tstrategy: this.usePortal ? 'none' : this.strategy,\n\t\t\t\t})}\n\t\t\t\t{...(this.usePortal ? {} : tooltipProps)}\n\t\t\t>\n\t\t\t\t<div class='flex gap-2'>\n\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.usePortal) {\n\t\t\ttooltip = (\n\t\t\t\t<p-portal\n\t\t\t\t\tclass={portal({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\t{...tooltipProps}\n\t\t\t\t>\n\t\t\t\t\t{tooltipElement}\n\t\t\t\t</p-portal>\n\t\t\t);\n\t\t} else {\n\t\t\ttooltip = tooltipElement;\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-popover flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t{tooltip}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"mappings":"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","ignoreList":[]}