@paperless/core 2.0.1-beta.22 → 2.0.1-beta.24

package/dist/esm/{p-field_3.entry.js → p-field_2.entry.js}

@@ -119,6 +119,7 @@ const Field = class {
         this.placeholder = undefined;
         this.helper = undefined;
         this.required = true;
+        this.autofocus = false;
         this.error = undefined;
         this.errorPlacement = undefined;
         this.disabled = false;
@@ -139,18 +140,21 @@ const Field = class {
     inputRefChange;
     get _el() { return getElement(this); }
     _inputRef;
+    componentDidLoad() {
+        this._checkAutoFocus();
+    }
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, } = this._getSlotInfo();
-        return (h(Host, { key: '369e15b85e845790a9df07aa20508c953bb39ff3', class: 'p-field' }, h("p-field-container", { key: '232ac448fdd71b051d6e6d5ebcd65e5ce8effa38', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required }, hasLabelSlot && (h("slot", { key: '14db4b1e32a88d4936ed42e7b02fce2aa842484b', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '30b883d2b9804772883690e2e02c480124f036c1', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '63dd8b1491818988bd2c3cf34064139f40a80824', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '9d764d0293a6085ef4d4e62f3a0899fb65951988', name: 'error', slot: 'error' })), h("div", { key: '7d439bcdbc4f9c6d7ee39732b9661c3c99aaa49e', class: field({
+        return (h(Host, { key: 'cf990118b7fb2b397a4ed1d00026893fb5d65651', class: 'p-field' }, h("p-field-container", { key: '8957ddbafafbe9be741359ae9c4265bb5c2ab08d', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required }, hasLabelSlot && (h("slot", { key: 'f60081c6a1485f8066715a2e422ea5903f0963a8', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'e4b78626d1a79acb5b95692158b5809a4b24dd63', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '4346e4bc124d1de2ceb4ee4005eb9b661bf677dd', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '6d0408efce0e27da7d14dfb4aa9fffb38d3b927a', name: 'error', slot: 'error' })), h("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')) && (h("div", { key: '4eff37bc22e6706a6546a4367bb89d25f4a6f91f', class: prefixAndSuffic({
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("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' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getInput(), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '25f300b997455353e9563035288902de694b3130', class: prefixAndSuffic({
+            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getInput(), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '2822280cb543d2315d062b00b52729f1603b8c6f', class: prefixAndSuffic({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
@@ -236,6 +240,16 @@ const Field = class {
         this.value = value;
         this.valueChange.emit(value);
     }
+    _checkAutoFocus() {
+        if (!this.autofocus) {
+            return;
+        }
+        if (!this._inputRef) {
+            setTimeout(() => this._checkAutoFocus(), 100);
+            return;
+        }
+        this._focusInput();
+    }
 };
 Field.style = PFieldStyle0;
 
@@ -290,21 +304,6 @@ const FieldContainer = class {
 };
 FieldContainer.style = PFieldContainerStyle0;
 
-const helperComponentCss = ".inline-block{display:inline-block!important}.h-\\[0\\.75rem\\]{height:.75rem!important}.w-\\[0\\.75rem\\]{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.bg-center{background-position:50%!important}*{box-sizing:border-box}:host{line-height:.75rem}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.static{position:static!important}.absolute{position:absolute!important}";
-const PHelperStyle0 = helperComponentCss;
-
-const Helper = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.strategy = 'absolute';
-        this.placement = 'top';
-    }
-    render() {
-        return (h(Host, { key: '540f0bec4dd767c4be84ec5973d25bae8863f55e', class: 'p-helper' }, h("p-tooltip", { key: 'f814314bc2a7f9751c57db8a1cda799a3b195fa1', placement: this.placement, strategy: this.strategy }, h("div", { key: '999a01bc5b4cf7bc6ebc229b7279ca215a46ca6d', slot: 'content' }, h("slot", { key: '9fb3ed56f75111c8560a8b877dbfd58aedaa2530' })), h("div", { key: 'b8b9b5ca2ce68040531c071e1d24d8dab049321d', slot: 'trigger', class: 'helper' }))));
-    }
-};
-Helper.style = PHelperStyle0;
-
-export { Field as p_field, FieldContainer as p_field_container, Helper as p_helper };
+export { Field as p_field, FieldContainer as p_field_container };
 
-//# sourceMappingURL=p-field_3.entry.js.map
+//# sourceMappingURL=p-field_2.entry.js.map

package/dist/esm/p-field_2.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-field.p-field-container.entry.js","mappings":"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","names":[],"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"],"sourcesContent":["","import { Placement } from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { HTMLInputTypeAttribute } from 'react';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { templateFunc } from '../field-container/field-container.component';\n\nconst field = cva(\n\t['flex gap-2', 'w-inherit px-2', 'border border-solid rounded-lg'],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: 'h-6',\n\t\t\t\tbase: 'h-8',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'bg-white',\n\t\t\t\ttrue: 'bg-white-600 cursor-not-allowed',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'border-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass:\n\t\t\t\t\t'border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'border-negative-red',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'ring ring-negative-red-50 selection:bg-negative-red-50',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst input = cva(\n\t'text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal border-none outline-none focus:outline-none bg-transparent flex-1 min-w-0 h-full',\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst prefixAndSuffic = cva(\n\t['flex flex-shrink-0 justify-center items-center text-center'],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-black-teal-100',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-300',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-800',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-field',\n\tstyleUrl: './field.component.css',\n\tshadow: true,\n})\nexport class Field {\n\t/**\n\t * The size of the input group\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The type of the input group\n\t */\n\t@Prop() type: HTMLInputTypeAttribute | 'textarea' | 'slot' = 'text';\n\n\t/**\n\t * The size of the input group\n\t */\n\t@Prop() properties: any | string = {};\n\n\t/**\n\t * The prefix of the input group\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the input group\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the input group\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The value of the input\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * Wether to autofocus the field\n\t */\n\t@Prop({ reflect: true }) autofocus: boolean = false;\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\tcomponentDidLoad() {\n\t\tthis._checkAutoFocus();\n\t}\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\tprivate _checkAutoFocus() {\n\t\tif (!this.autofocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._inputRef) {\n\t\t\tsetTimeout(() => this._checkAutoFocus(), 100);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusInput();\n\t}\n}\n","","import {\n\tComponent,\n\tElement,\n\tEventEmitter,\n\th,\n\tHost,\n\tEvent,\n\tProp,\n\tFragment,\n\tState,\n\tListen,\n} from '@stencil/core';\nimport { formatTranslation, getLocaleComponentStrings } from '../../../utils';\nimport { Placement } from '@floating-ui/dom';\n\nexport type templateFunc = () => string;\n\n@Component({\n\ttag: 'p-field-container',\n\tstyleUrl: 'field-container.component.scss',\n\tshadow: true,\n})\nexport class FieldContainer {\n\tprivate _defaultOptionalTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.optional);\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string | HTMLSlotElement;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc = this._defaultOptionalTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@Event() focus: EventEmitter<void>;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<Host class='p-field-container'>\n\t\t\t\t<div class='flex w-inherit flex-col gap-1'>\n\t\t\t\t\t<div class='flex items-end justify-between gap-1'>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass='text-xs font-medium text-black-teal-300'\n\t\t\t\t\t\t\t\tonClick={() => this.focus.emit()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{(!this.required || helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t<div class='flex items-center gap-1'>\n\t\t\t\t\t\t\t\t{!this.required && (\n\t\t\t\t\t\t\t\t\t<span class='text-xs font-medium text-black-teal-200'>\n\t\t\t\t\t\t\t\t\t\t{this.optionalTemplate()}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\t\t\t\tclass={`flex ${hasHeaderSlot ? 'ml-2' : ''}`}\n\t\t\t\t\t\t\t\t\t\t\t\tplacement='top-end'\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\tvariant='error'\n\t\t\t\t\t\tcontent={this.error}\n\t\t\t\t\t\tshow={errorAndErrorIsNotBoolean && this.forceShowTooltip}\n\t\t\t\t\t\tenableUserInput={false}\n\t\t\t\t\t\tplacement={this.errorPlacement}\n\t\t\t\t\t>\n\t\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='content'\n\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</p-tooltip>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\thasErrorSlot ||\n\t\t\t(this.error && typeof this.error === 'string' && this.error !== 'true');\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n}\n"],"version":3}

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

@@ -1698,7 +1698,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (h(Host, { key: 'b8b814dd56c6b227134edcadc553e1e19acaa334', class: {
+        return (h(Host, { key: 'fdd68a4b75fa75a0301b2721d81a069cac64d098', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),
@@ -1733,7 +1733,7 @@ const TableContainer = class {
         this.shadow = true;
     }
     render() {
-        return (h(Host, { key: '4e0ae2ffb330d59f65fea3060a733589789b6238', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '4e5330fd7cfe7b021e8dd2a86a819170762a431a' })));
+        return (h(Host, { key: '8400210ea3f34d240b032c875ef5e86dc218e7d5', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '6abc0755ec890cd9001aef58ac24acb3f2e4f529' })));
     }
 };
 TableContainer.style = PTableContainerStyle0;
@@ -1776,7 +1776,7 @@ const TableFooter = class {
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: '9daf255bd401f1ec1ab7cdcfdbb0ae8c9a3f3c39', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-page-size-select", { key: '7d2587bbdbe51cc5975052e425df0f3cd95eaaa6', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: '45eb01d10e869fbc2aa5df4d541a21b4b83bb0d1', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination", { key: '67bf30e6a70ed6896f9db8c24b8eb5035a555fc5', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: 'b2349a3ad06ae6fde33f3e2e1598cdb696ad805a', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
+        return (h(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 && (h("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 && (h("p-loader", { key: '4601f2a8736bb05af33159769bfba2e1854c8cdf', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("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 && (h("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);
@@ -2800,9 +2800,9 @@ const TableRow = class {
         this.enableHover = true;
     }
     render() {
-        return (h(Host, { key: 'ef72fc5fdc52b5b152e17f4852761a911305ff5e', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (h(Host, { key: '962ec4f0187a22416270df391edb910c6584fc57', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, h("div", { key: 'bef72c2f44063b70abf045ce8a8389a4ee81ab80', class: "content" }, h("slot", { key: 'c998babe66bc22c15d240eb5b611dfb889ac431c' })), this.variant === 'default' && h("p-divider", { key: '3070cb02366efc180501a2b9533c836036b3b134', class: "m-0" })));
+                'enable-hover'} group` }, h("div", { key: '45deb1c2a22e4afdf99b3e4f407f8ceedc3769fc', class: "content" }, h("slot", { key: 'd9bae05aad34f48ef13598e432813ffacab3d3f6' })), this.variant === 'default' && h("p-divider", { key: 'efdc3dcb43ea3f74786495f62ceaf7b6a62908d6', class: "m-0" })));
     }
 };
 TableRow.style = PTableRowStyle0;

package/dist/esm/{p-portal_2.entry.js → p-helper_2.entry.js}

@@ -1,27 +1,22 @@
-import { r as registerInstance, g as getElement, h, H as Host, c as createEvent } from './index-2ef94580.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-2ef94580.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom.esm-1ee67651.js';
 import { c as cva } from './index-10317a74.js';
 import './clsx-297c1ffe.js';
 
-const Portal = class {
+const helperComponentCss = ".inline-block{display:inline-block!important}.h-\\[0\\.75rem\\]{height:.75rem!important}.w-\\[0\\.75rem\\]{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.bg-center{background-position:50%!important}*{box-sizing:border-box}:host{line-height:.75rem}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.static{position:static!important}.absolute{position:absolute!important}";
+const PHelperStyle0 = helperComponentCss;
+
+const Helper = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-    }
-    get _el() { return getElement(this); }
-    _moved = false;
-    createPortal() {
-        document.body.append(this._el);
-    }
-    componentDidLoad() {
-        this.createPortal();
-    }
-    disconnectedCallback() {
-        this._moved ? this._el.remove() : (this._moved = true);
+        this.strategy = 'absolute';
+        this.placement = 'top';
     }
     render() {
-        return (h(Host, { key: 'ec6767f9ed9924ff88643c804db7c0e9687a9cc2' }, h("slot", { key: '21ebee452f0f173c88840da9a190e4a7b072cd48' })));
+        return (h(Host, { key: '540f0bec4dd767c4be84ec5973d25bae8863f55e', class: 'p-helper' }, h("p-tooltip", { key: 'f814314bc2a7f9751c57db8a1cda799a3b195fa1', placement: this.placement, strategy: this.strategy }, h("div", { key: '999a01bc5b4cf7bc6ebc229b7279ca215a46ca6d', slot: 'content' }, h("slot", { key: '9fb3ed56f75111c8560a8b877dbfd58aedaa2530' })), h("div", { key: 'b8b9b5ca2ce68040531c071e1d24d8dab049321d', slot: 'trigger', class: 'helper' }))));
     }
 };
+Helper.style = PHelperStyle0;
 
 const tooltipComponentCss = "*{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 PTooltipStyle0 = tooltipComponentCss;
@@ -107,19 +102,19 @@ const Tooltip = class {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (h("div", { key: '56d0d0e1a7cb6d1e97b3367aee6adb5ae293b53b', class: popover({
+        const tooltipElement = (h("div", { key: '0a9e167ddc84ee7f583d37aed323c2cf02c1fa9f', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '00d635edb79b804c7424e1d0860e9187ae306e7f', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '3db71eb65444549657f9720e9ab1c8fe06f5b0ca', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: 'df2ac0c2212bdf2d0649ddb2a302fb74c654b262', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '102d4eca5af055bd733edd49191787bf7cffdf02', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (h("p-portal", { key: '34c9d947df9c8724cf6f0a30532fa7a8b8f0d94e', class: portal({
+            tooltip = (h("p-portal", { key: '1b8c71e02362b745c0db665215c3484f730b4261', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (h(Host, { key: '7eb41fb620f29211b4dfa7a8bf788625a8027393', class: 'p-popover flex cursor-pointer' }, h("div", { key: 'baa27f78e76a4a3218a6ca95b14941a71cb860ff', class: 'relative h-inherit w-inherit' }, h("slot", { key: '88c466a87263e47d96e29ef570f6a78298b8529c', name: 'trigger' }), tooltip)));
+        return (h(Host, { key: '7a6070e29497d134306025162f4c6fb23dcf8a37', class: 'p-popover flex cursor-pointer' }, h("div", { key: '0482d4946e076d56d7264727eab6f6467472f195', class: 'relative h-inherit w-inherit' }, h("slot", { key: '7db62f696ce194cdded44a511d2f7dfd06ad7517', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {
@@ -223,6 +218,6 @@ const Tooltip = class {
 };
 Tooltip.style = PTooltipStyle0;
 
-export { Portal as p_portal, Tooltip as p_tooltip };
+export { Helper as p_helper, Tooltip as p_tooltip };
 
-//# sourceMappingURL=p-portal_2.entry.js.map
+//# sourceMappingURL=p-helper_2.entry.js.map

package/dist/esm/p-helper_2.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-helper.p-tooltip.entry.js","mappings":"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","names":[],"sources":["src/components/atoms/helper/helper.component.scss?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":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","// :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"],"version":3}

package/dist/esm/p-icon-deprecated.entry.js

@@ -12,6 +12,9 @@ const Icon = class {
         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 = {
@@ -48,7 +51,7 @@ const Icon = class {
             '-rotate-270': this.rotate === -270,
             '-rotate-315': this.rotate === -315,
         };
-        return (h(Host, { key: 'd277986b0f5d36dd8999eaca58e2e7740799f072', class: styles, innerHTML: icon }));
+        return (h(Host, { key: '5dea07a6c18881f4b6b0ff852886c7ef36819530', class: styles, innerHTML: icon }));
     }
 };
 Icon.style = PIconDeprecatedStyle0;

package/dist/esm/p-icon-deprecated.entry.js.map

@@ -1 +1 @@
-{"file":"p-icon-deprecated.entry.js","mappings":";;;AAAA,MAAM,gBAAgB,GAAG,g2HAAg2H,CAAC;AAC13H,8BAAe,gBAAgB;;MCWlB,IAAI;;;;oBASgB,MAAM;sBAKN,CAAC;oBAKD,MAAM;;IAEtC,MAAM;QACL,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE3C,MAAM,MAAM,GAAG;YACd,aAAa,EAAE,IAAI;YACnB,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;YACjC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;YACjC,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;YAChD,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,YAAY;YAC1C,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;YACxC,UAAU,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC;YAC7B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;YAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;YAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;YAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;SACnC,CAAC;QAEF,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,IAAI,GACR,EACP;KACF;;;;;;","names":[],"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"],"version":3}
+{"file":"p-icon-deprecated.entry.js","mappings":";;;AAAA,MAAM,gBAAgB,GAAG,g2HAAg2H,CAAC;AAC13H,8BAAe,gBAAgB;;MCWlB,IAAI;;;;oBASgB,MAAM;sBAKN,CAAC;oBAKD,MAAM;;IAEtC,gBAAgB;QACf,OAAO,CAAC,IAAI,CAAC,mDAAmD,CAAC,CAAC;KAClE;IAED,MAAM;QACL,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE3C,MAAM,MAAM,GAAG;YACd,aAAa,EAAE,IAAI;YACnB,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;YACjC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;YACjC,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;YAChD,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,YAAY;YAC1C,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;YACxC,UAAU,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC;YAC7B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;YAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;YAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;YAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;SACnC,CAAC;QAEF,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,IAAI,GACR,EACP;KACF;;;;;;","names":[],"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\tcomponentDidLoad() {\n\t\tconsole.warn('[p-icon-deprecated] Deprecated, please use p-icon');\n\t}\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"],"version":3}

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

@@ -8,7 +8,7 @@ const InputError = class {
         this._showTooltip = false;
     }
     render() {
-        return (h(Host, { key: 'ac5ab660850ac1908dd9645aec4e96238946ecf2', class: 'p-input-error' }, h("p-tooltip", { key: 'f9d2588446e1f675c4de4d58fd0d24e7d2af1fe9', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '4e6eaa812e9b30b07299a617c1fcb24261c00fee', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        return (h(Host, { key: '1dfbd30a1da9a7662166b86f498a085c12b23f2a', class: 'p-input-error' }, h("p-tooltip", { key: 'c90ceaf3df4e65de6f52009ac1bd131783849911', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '6cf02d8edb26b1b1a8f0b961ae61ab70fbf38846', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
 };
 

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

@@ -0,0 +1,126 @@
+import { r as registerInstance, g as getElement, h, H as Host } from './index-2ef94580.js';
+
+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}";
+const PInputGroupStyle0 = inputGroupComponentCss;
+
+const InputGroup = class {
+    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 (h(Host, { key: '9848be9dc18dbb66de4ffaeb0fd6377204355127', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '4d4035d525fe79a6afbd669bf49302fbd96ee4a9', class: 'flex items-end justify-between' }, label && (h("div", { key: '859e6c72d70ddd2b62c72170be460452d0d87d11', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '19c99b31a2d0f5b6f03971b6441e459653e3af13', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: '3e2abec6c63ae8d26b42316d48516992c2bc699b', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '1d100f887f1345ccfcf11e97d7667dd94355f026', name: 'header' }), helper && (h("p-helper", { key: '9dbf5401cd26db9421c526bd406c683829abd877', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: '71ef03a090b4311c14d7c935809f147140791e9e', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+                errorVariant === 'element' &&
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: '21bda229af33f22f4080ef66cd2b2821f755edd6', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '21f4e49db797a4ee2e6caee81d952858cc550567', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+            (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '033bc354c872c0b9fb351182d7466515642d3f9b', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("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 ? h("slot", { name: 'helper' }) : this.helper;
+        const label = hasLabelSlot ? h("slot", { name: 'label' }) : this.label;
+        const prefix = hasPrefixSlot ? h("slot", { name: 'prefix' }) : this.prefix;
+        const suffix = hasSuffixSlot ? h("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]();
+    }
+};
+InputGroup.style = PInputGroupStyle0;
+
+export { InputGroup as p_input_group };
+
+//# sourceMappingURL=p-input-group.entry.js.map

package/dist/esm/p-input-group.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-input-group.entry.js","mappings":"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","names":[],"sources":["src/components/molecules/input-group/input-group.component.scss?tag=p-input-group&encapsulation=shadow","src/components/molecules/input-group/input-group.component.tsx"],"sourcesContent":[":host {\n\t@apply flex w-full flex-col;\n\t@apply outline-none #{!important};\n\n\t.input-label {\n\t\t@apply mb-[2px] text-xs font-semibold uppercase tracking-wider text-storm-vague;\n\t}\n\n\t.input-header {\n\t\t@apply mb-[2px] flex items-end gap-2;\n\t}\n\n\t.content {\n\t\t@apply flex w-full;\n\n\t\t.prefix,\n\t\t.suffix {\n\t\t\t@apply box-border flex-1 text-storm;\n\t\t\t@apply h-full;\n\t\t}\n\n\t\t.prefix {\n\t\t\t@apply rounded-br-none rounded-tr-none;\n\t\t\t@apply border-r-0 #{!important};\n\t\t\t@apply order-1;\n\t\t\t@apply pr-2;\n\t\t}\n\n\t\t.suffix {\n\t\t\t@apply rounded-bl-none rounded-tl-none;\n\t\t\t@apply order-3;\n\t\t\t@apply pl-2;\n\t\t\t@apply border-l-0 #{!important};\n\t\t}\n\t}\n}\n\n:host(.focused),\n:host([focused]),\n:host(:focus-within),\n:host(:focus) {\n\t@apply outline-none #{!important};\n\n\t.prefix,\n\t.suffix {\n\t\t@apply text-indigo;\n\t}\n}\n\n:host(.error),\n:host([error]) {\n\t.prefix,\n\t.suffix {\n\t\t@apply text-negative;\n\t}\n\n\t.suffix {\n\t\t@apply items-start py-[calc(0.75rem-1px)];\n\t}\n}\n\n:host(.disabled),\n:host([disabled]) {\n\t.prefix,\n\t.suffix {\n\t}\n}\n\n:host(.size-small.error),\n:host(.size-small[error]) {\n\t.suffix {\n\t\t@apply py-2;\n\t}\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-input-group',\n\tstyleUrl: './input-group.component.scss',\n\tshadow: true,\n})\nexport class InputGroup {\n\t/**\n\t * The size of the input group\n\t */\n\t@Prop() size: 'small' | 'medium' = 'medium';\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 */\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 label of the input group\n\t */\n\t@Prop() label: 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;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string;\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 * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The error variant to use\n\t */\n\t@Prop() errorVariant: 'auto' | 'suffix' | 'element' = 'auto';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _forceShowTooltip = false;\n\n\tprivate _whitelistedTags = ['input', 'textarea'];\n\n\tcomponentDidLoad() {\n\t\tconsole.warn('[p-input-group] Deprecated, please use p-field');\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._setInputClasses();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t\terrorVariant,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-input-group ${this.error?.length && 'error'} ${\n\t\t\t\t\tthis.disabled && 'disabled'\n\t\t\t\t} ${this.focused && 'focused'} size-${this.size}`}\n\t\t\t>\n\t\t\t\t<div class='flex items-end justify-between'>\n\t\t\t\t\t{label && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='input-label'\n\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t{this.required && <span class='ml-1 text-negative'>*</span>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t<div class='input-header'>\n\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\tclass={`flex ${hasHeaderSlot ? 'ml-2' : ''}`}\n\t\t\t\t\t\t\t\t\tplacement='top-end'\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass='w-full'\n\t\t\t\t\tvariant='error'\n\t\t\t\t\tcontent={this.error}\n\t\t\t\t\tshow={\n\t\t\t\t\t\terrorAndErrorIsNotBoolean &&\n\t\t\t\t\t\terrorVariant === 'element' &&\n\t\t\t\t\t\t(this.forceShowTooltip || this._forceShowTooltip)\n\t\t\t\t\t}\n\t\t\t\t\tenableUserInput={false}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='content'\n\t\t\t\t\t\tslot='trigger'\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={`prefix size-${this.size}`}\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\t\t\t\t\t\t{(suffix ||\n\t\t\t\t\t\t\t(errorAndErrorIsNotBoolean && errorVariant === 'icon') ||\n\t\t\t\t\t\t\t(this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={`suffix size-${this.size}`}\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{errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (\n\t\t\t\t\t\t\t\t\t<p-input-error\n\t\t\t\t\t\t\t\t\t\terror={this.error}\n\t\t\t\t\t\t\t\t\t\tforceShowTooltip={\n\t\t\t\t\t\t\t\t\t\t\tthis.forceShowTooltip || this._forceShowTooltip\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\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\n\t\t\t\t\t\t<slot name='input' />\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\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tthis._forceShowTooltip = true;\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tthis._forceShowTooltip = false;\n\t}\n\t/*\n     With this, we shall hack the system in ways no one would ever have thought.\n\n     <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>\n     */\n\tprivate _setInputClasses() {\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\n\t\tif (!input) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst tagName = input.tagName.toLowerCase();\n\t\tif (this._whitelistedTags.indexOf(tagName) === -1) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!input.classList.contains('p-input')) {\n\t\t\tinput.classList.add('p-input');\n\t\t}\n\n\t\tconst { prefix, suffix, errorAndErrorIsNotBoolean, errorVariant } =\n\t\t\tthis._getSlotInfo();\n\n\t\tif (\n\t\t\tsuffix ||\n\t\t\t(errorAndErrorIsNotBoolean && errorVariant === 'icon') ||\n\t\t\t(this.icon && this.iconPosition === 'end')\n\t\t) {\n\t\t\tinput.classList.add(\n\t\t\t\t'border-r-0',\n\t\t\t\t'rounded-tr-none',\n\t\t\t\t'rounded-br-none',\n\t\t\t\t'pr-0'\n\t\t\t);\n\t\t} else {\n\t\t\tinput.classList.remove(\n\t\t\t\t'border-r-0',\n\t\t\t\t'rounded-tr-none',\n\t\t\t\t'rounded-br-none',\n\t\t\t\t'pr-0'\n\t\t\t);\n\t\t}\n\n\t\tif (prefix || (this.icon && this.iconPosition === 'start')) {\n\t\t\tinput.classList.add(\n\t\t\t\t'border-l-0',\n\t\t\t\t'rounded-tl-none',\n\t\t\t\t'rounded-bl-none',\n\t\t\t\t'pl-0'\n\t\t\t);\n\t\t} else {\n\t\t\tinput.classList.remove(\n\t\t\t\t'border-l-0',\n\t\t\t\t'rounded-tl-none',\n\t\t\t\t'rounded-bl-none',\n\t\t\t\t'pl-0'\n\t\t\t);\n\t\t}\n\n\t\tif (this.size === 'small' && !input.classList.contains('size-small')) {\n\t\t\tinput.classList.add('size-small');\n\t\t}\n\n\t\tif (this.size !== 'small' && input.classList.contains('size-small')) {\n\t\t\tinput.classList.remove('size-small');\n\t\t}\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\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\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\thelper,\n\t\t\tlabel,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t\terrorVariant:\n\t\t\t\tthis.errorVariant === 'auto'\n\t\t\t\t\t? this._el.offsetWidth <= 72\n\t\t\t\t\t\t? 'element'\n\t\t\t\t\t\t: 'icon'\n\t\t\t\t\t: this.errorVariant,\n\t\t};\n\t}\n\n\tprivate _focusInput() {\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n}\n"],"version":3}

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

@@ -43,14 +43,14 @@ const Label = class {
         this.keepMobileContent = false;
     }
     render() {
-        return (h(Host, { key: 'f856eed050d7fa75c8cd48bb8f27bce27beb19c5', class: 'p-label' }, h("div", { key: '429ee34de3268f5a94e9996b1d4cde4f8165f67b', class: label({
+        return (h(Host, { key: '04c0b2510fd1ae8cad957ee02d7d54245b7fdbb0', class: 'p-label' }, h("div", { key: '7dfd0871e52cef46c49f0c30e58facfa603c5d0f', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: 'ed98f89a18751466d842f3c731aa253fa4a428b7', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'bc29f59321fa594bfa9925a0ec29c28ddedc7d4a', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (h("p-icon", { key: 'b70587122206d6b26785cbf5e9e8219219aeb7d0', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '5426ae86e86f205b04130628923f3d53747c85d5', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: '81cdfddd2f82d84a26b4c85311cd03171ac6e9a0' }))))));
+            }) }, h("slot", { key: '62413d44b71c12291cb13997e839774d2b047fdd' }))))));
     }
 };
 Label.style = PLabelStyle0;

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

@@ -50,7 +50,7 @@ const Navbar = class {
         this._show = false;
     }
     render() {
-        return (h(Host, { key: '0be6a9de7486fa500e6de008062c9a8cb345ac88', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '26c3e4e10a1ed323f8cba07afc85002e94620f5b', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'fa2ab83012be477a0714bdf3fb9f98a3da5e47a7', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '3754f4bc73857ff1c21a4e2d5c820645fe6b9e67', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '44721cf9d31a51779472c3b698008408d278414d', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'f254e6ad0ca2f3ee02c4144c49df97f051bedea1', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'a3e802ebefcdfbb08ecf4e2d15fafb17c258751f', name: 'company' })), h("div", { key: '7472e66d6805e61bfca371d571bec5ad6d319fcd', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '86792cec9f0c1b0d20d25eb3e33e750e8f465a29', name: 'content' })), h("div", { key: '14bc6301ce2bac663cfd7ab483e691e8e5221977', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '5d2b83b81e46753d083238b114f66cb9cd8a4a6b', name: 'user' }))), h("div", { key: '6b68cc070aa8fa98ff206cc86af3fb151e9dd74d', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'd5870fe60e4e4ea081b4f6cdd55989edb79496d9', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: '5267db6c7f2fce402e318ca018bfd11035a8576c', name: 'topbar' }))));
+        return (h(Host, { key: '5702b79e2c26e706ad4101b89f53de842fcb80b6', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: 'c5fa86a7922261ce0c52a30f397a912da999b705', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'cea2c0276187ee5e86eea96879774d34d4439828', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '7da029ff6de0ce27e5652a2995e1350384a0c83f', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '5bd366656745c2998e979bfb4650e17290c3e288', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '5fc3e1b70f45905c8a6dfbf85251a5edc8571b78', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '99f3a9c3bcf2f53b1bb69c14fd30d8f3dd850a23', name: 'company' })), h("div", { key: '47dbf4bb5cde7b785401df9584ed6ae155329be1', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '8220bc3836bb64fe353d1585003d005cb5c04bd4', name: 'content' })), h("div", { key: 'a04e5098279b15f9526fcba60ce000e552d6b3b4', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '6902b1780e7e8e9642caa22e467adc938c335c2c', name: 'user' }))), h("div", { key: '54e624bd9bed375fe496a7ebb0ea26a92c6cf5f5', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '8b8df57e642e4e4fdc1848271c8104f3489ad269', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'ea415e56ec47a30ca4005d0c138f2c6bdc7abf22', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/esm/p-navigation-item.entry.js

@@ -49,10 +49,10 @@ const NavigationItem = class {
     render() {
         const TagType = this.as;
         const active = this.active || this.class?.includes('active');
-        return (h(Host, { key: '093b9c1c4c03c9b6d8bafe510ff7713f2cde758c', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '275b9172a1d3722d308065185b8c6f898e717bca', class: navigationItem({
+        return (h(Host, { key: '6b12fc10340027d176fc9fa9699ff62a9f200c06', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '447c6dfb9e7cd9a426dfc83a786117ecd809ed23', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: 'c2ca2fee661b6244bff144deaf9c8499ee0afa8b', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'c1974b11f7d21422880f61139c535f0099f91a67', variant: this.icon })), h("span", { key: '71b4f19042174fb8cbf2f0feb6be74bffe5c1303', class: this.counter && 'has-counter' }, h("slot", { key: '72fa6bd043213151eb3e22105102973ad8c7fbef' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'caa907ca2acf8451cfcecc1e8a43ce0ef5bf153b' }, this.counter)), !!this.loading && h("p-loader", { key: 'cf2a8eb51f5a7453b87b87aa44bb4823670ef714', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: 'ee2fb03620b46d75f34887c1426abe3090dd50f8', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '92ae190b1b415939e23476403dfc7ea7065db3f6', variant: this.icon })), h("span", { key: 'd56fbd8fdffc8a20b98d4d4a25dd68eb1e2548e0', class: this.counter && 'has-counter' }, h("slot", { key: 'd1baea6b23dab3cc3db75ab4c6c5b660977475c6' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'd50225f39e08b412b622055438584ad9aa02b4c1' }, this.counter)), !!this.loading && h("p-loader", { key: '10ab89e057f00442ad0dab32c0342ad16daf667a', class: 'ml-auto' }))));
     }
 };
 NavigationItem.style = PNavigationItemStyle0;

package/dist/esm/p-navigation-section.entry.js

@@ -9,7 +9,7 @@ const NavigationSection = class {
         this.header = undefined;
     }
     render() {
-        return (h(Host, { key: 'f4c9cbde8f0bf86e2cc1df10c7f4b2d50e3ac803', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '4be5133078abe4f0b20e75168c49faced844655e' }, this.header)), h("div", { key: 'dc04383133e2f7122bba8d8dbe18f7d6ed2bae0e', class: 'flex flex-col' }, h("slot", { key: '82a5fd7183090458ab036d915b0e0af562183ef4' }))));
+        return (h(Host, { key: '2278321f85bd2cc19317f416174aee1d2797ff56', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '2eba4771425254e503d02470d0b7caeb18cac710' }, this.header)), h("div", { key: 'bf1ffb4905308dbc7694e911ca171be4686e0300', class: 'flex flex-col' }, h("slot", { key: 'e646b3ae3781eea037ff358dc59937d847f2b956' }))));
     }
 };
 NavigationSection.style = PNavigationSectionStyle0;