q2-tecton-elements 1.46.1 → 1.48.0

package/dist/collection/components/q2-input/q2-input.js

@@ -71,6 +71,7 @@ export class Q2Input {
                 this.handleCurrencyDeletion(event);
             const newFormattedValue = this.getFormattedValue(event.target.value, false);
             this.handleDataInput(newFormattedValue);
+            this.validateInput();
         };
         this.onInputPaste = (event) => {
             if (this.type === 'currency') {
@@ -129,6 +130,13 @@ export class Q2Input {
                 setMessageHeight(this);
             }
         };
+        this.validateInput = () => {
+            var _a, _b;
+            this.validity = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.validity;
+            if (((_b = this.validity) === null || _b === void 0 ? void 0 : _b.valid) === false) {
+                this.invalid.emit();
+            }
+        };
         this.autocapitalize = undefined;
         this.autocomplete = undefined;
         this.autocorrect = undefined;
@@ -160,13 +168,16 @@ export class Q2Input {
         this.textHidden = undefined;
         this.type = 'text';
         this._role = undefined;
+        this._preventEntry = undefined;
         this.value = undefined;
+        this.pattern = undefined;
         this.ariaOwns = undefined;
         this.ariaControls = undefined;
         this.ariaHaspopup = undefined;
         this.ariaExpanded = undefined;
         this.ariaActivedescendant = undefined;
         this.ariaLabel = undefined;
+        this.validity = undefined;
         this.formattedValueObject = undefined;
         this.hasFocus = undefined;
         this.isSmall = false;
@@ -478,6 +489,13 @@ export class Q2Input {
             return;
         this.onClearInput();
     }
+    /**
+     * Emulates firing checkValidity on `<input>`, emits `invalid` event if validation failed.
+     */
+    checkValidity() {
+        this.inputRef.checkValidity();
+        this.validateInput();
+    }
     ///////// HOST ELEMENT EVENTS //////
     onHostElementFocus(event) {
         if (!isEventFromElement(event, this.hostElement))
@@ -558,7 +576,7 @@ export class Q2Input {
     }
     /////// VIEW METHODS ///////
     render() {
-        return (h("div", { key: 'db6d18f4b6bfa5ea9d2388884ee87f9ae4a46139', class: this.wrapperClasses }, h("div", { key: 'ac46cce886116a830f70a4d4de725feb4432345e', class: "label-wrapper" }, labelDOM(this), this.countDOM()), this.inputContainerDOM(), messagesDOM(this)));
+        return (h("div", { key: '19da6d9100793def6d020611d86f1b3ff16fcf0d', class: this.wrapperClasses }, h("div", { key: '8540412456ab7214b12f1728e0397da049bb49bd', class: "label-wrapper" }, labelDOM(this), this.countDOM()), this.inputContainerDOM(), messagesDOM(this)));
     }
     countDOM() {
         if (!this.showCount)
@@ -579,7 +597,7 @@ export class Q2Input {
         const { ariaOwns, ariaHaspopup, ariaExpanded, ariaActivedescendant } = this.ariaAttributes;
         if (hasCustomDisplaySlot)
             inputClasses.push('sr');
-        return (h(Fragment, null, hasCustomDisplaySlot && (h("div", { class: "custom-display-container" }, h("slot", { name: "custom-display" }))), h("input", { class: inputClasses.join(' '), id: this.inputId, type: this.computedType, size: this.formattedValueObject.prefix ? 10 : undefined, max: this.max, min: this.min, step: this.step, "aria-current": this.current || undefined, "aria-describedby": this.inputDescribedBy, "aria-required": `${!this.optional}`, "aria-invalid": `${this.hasError}`, "aria-owns": ariaOwns, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-activedescendant": ariaActivedescendant, autocomplete: this.computedAutocomplete, autocapitalize: this.autocapitalize, autocorrect: this.autocorrect === 'on' ? 'on' : 'off', autofocus: this.autofocus, placeholder: (this.placeholder && loc(this.placeholder)) || undefined, role: this._role, "test-id": "inputField", readonly: !!this.readonly, disabled: !!this.disabled, onFocus: this.onInputFocus, onBlur: this.onInputBlur, onClick: this.onInputClick, onKeyDown: this.onInputKeydown, onInput: this.onInputInput, onPaste: this.onInputPaste, inputmode: this.inputMode })));
+        return (h(Fragment, null, hasCustomDisplaySlot && (h("div", { class: "custom-display-container" }, h("slot", { name: "custom-display" }))), h("input", { ref: el => (this.inputRef = el), class: inputClasses.join(' '), id: this.inputId, type: this.computedType, size: this.formattedValueObject.prefix ? 10 : undefined, max: this.max, min: this.min, step: this.step, "aria-current": this.current || undefined, "aria-describedby": this.inputDescribedBy, "aria-required": `${!this.optional}`, "aria-invalid": `${this.hasError}`, "aria-owns": ariaOwns, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-activedescendant": ariaActivedescendant, autocomplete: this.computedAutocomplete, autocapitalize: this.autocapitalize, autocorrect: this.autocorrect === 'on' ? 'on' : 'off', autofocus: this.autofocus, placeholder: (this.placeholder && loc(this.placeholder)) || undefined, role: this._role, "test-id": "inputField", readonly: this.readonly || this._preventEntry, disabled: !!this.disabled, onFocus: this.onInputFocus, onBlur: this.onInputBlur, onClick: this.onInputClick, onKeyDown: this.onInputKeydown, onInput: this.onInputInput, onPaste: this.onInputPaste, inputmode: this.inputMode, pattern: this.pattern || undefined })));
     }
     /* tslint:enable:cyclomatic-complexity */
     pseudoInputDOM() {
@@ -1117,8 +1135,11 @@ export class Q2Input {
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [],
-                    "text": "Indicates the element's intended purpose to assistive technology, according to the [WAI-ARIA Roles Model](https://www.w3.org/WAI/PF/aria/roles)."
+                    "tags": [{
+                            "name": "deprecated",
+                            "text": undefined
+                        }],
+                    "text": "Indicates the element's intended purpose to assistive technology."
                 },
                 "attribute": "role",
                 "reflect": false
@@ -1207,7 +1228,7 @@ export class Q2Input {
                     "references": {
                         "InputType": {
                             "location": "local",
-                            "path": "/workspace/workspace/tecton-production_release_1.46.x/packages/q2-tecton-elements/src/components/q2-input/q2-input.tsx",
+                            "path": "/workspace/workspace/_Gitlab_tecton-production_master/packages/q2-tecton-elements/src/components/q2-input/q2-input.tsx",
                             "id": "src/components/q2-input/q2-input.tsx::InputType"
                         }
                     }
@@ -1243,6 +1264,27 @@ export class Q2Input {
                 "reflect": false,
                 "defaultValue": "undefined"
             },
+            "_preventEntry": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "private",
+                            "text": undefined
+                        }],
+                    "text": "Sets readonly to true on the input without adding the \"read only\" label.\n\nCan be used to prevent user input while still presenting the necessary information for assistive technology."
+                },
+                "attribute": "_prevent-entry",
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
             "value": {
                 "type": "string",
                 "mutable": true,
@@ -1263,6 +1305,26 @@ export class Q2Input {
                 "attribute": "value",
                 "reflect": false
             },
+            "pattern": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "snippet",
+                            "text": "const myInput = document.querySelector('#myInput');\nconsole.log(myInput.validity);"
+                        }],
+                    "text": "The pattern string of the input field, regular expression string is expected.\nThis allows us to check the validity user's input.\nFor instance,\n&lt;q2-input label=\"My input\" pattern=\"[a-zA-Z0-9]{3,5}\" id=\"myInput\"&gt;\n\n- Allows only 3~5 alphanumeric letters\n\nIn Javascript, you can check the validity object in your q2-input\nType \"abcdefgh\", then access the validity object"
+                },
+                "attribute": "pattern",
+                "reflect": true
+            },
             "ariaOwns": {
                 "type": "string",
                 "mutable": false,
@@ -1367,6 +1429,26 @@ export class Q2Input {
                 },
                 "attribute": "aria-label",
                 "reflect": true
+            },
+            "validity": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "ValidityState",
+                    "resolved": "ValidityState",
+                    "references": {
+                        "ValidityState": {
+                            "location": "global",
+                            "id": "global::ValidityState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
             }
         };
     }
@@ -1463,6 +1545,30 @@ export class Q2Input {
                         }
                     }
                 }
+            }, {
+                "method": "invalid",
+                "name": "invalid",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "legacyEvent",
+                            "text": undefined
+                        }],
+                    "text": "Emitted when the validation is updated."
+                },
+                "complexType": {
+                    "original": "IEventDetail",
+                    "resolved": "IEventDetail",
+                    "references": {
+                        "IEventDetail": {
+                            "location": "import",
+                            "path": "./q2-input-types",
+                            "id": "src/components/q2-input/q2-input-types.ts::IEventDetail"
+                        }
+                    }
+                }
             }];
     }
     static get methods() {
@@ -1503,6 +1609,18 @@ export class Q2Input {
                             "text": undefined
                         }]
                 }
+            },
+            "checkValidity": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {},
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Emulates firing checkValidity on `<input>`, emits `invalid` event if validation failed.",
+                    "tags": []
+                }
             }
         };
     }

package/dist/collection/components/q2-input/q2-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-input.js","sourceRoot":"","sources":["../../../../src/components/q2-input/q2-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Prop,\n    Element,\n    State,\n    Event,\n    EventEmitter,\n    h,\n    Watch,\n    Listen,\n    Fragment,\n    Method,\n} from '@stencil/core';\nimport {\n    createGuid,\n    getAriaValueFromProp,\n    labelDOM,\n    loc,\n    messagesDOM,\n    setMessageHeight,\n    handleAriaLabel,\n    overrideFocus,\n    isEventFromElement,\n    isMobile,\n    hasSlotContent,\n    nextPaint,\n} from 'src/utils';\nimport { IFormatterValueObject, ICursorData, IEventDetail } from './q2-input-types';\nimport formatCurrency from './formatting/currency';\nimport formatPhoneNumber from './formatting/phone';\nimport formatSSN from './formatting/ssn';\nimport formatTIN from './formatting/tin';\nimport formatAlphanumeric from './formatting/alphanumeric';\nimport formatAlpha from './formatting/alpha';\nimport formatNumeric, { formatPercentage } from './formatting/numeric';\nimport formatPostalCode from './formatting/postal';\nimport formatDate from './formatting/date';\nimport formatCreditCard from './formatting/credit-card';\nimport { Q2Icon } from '../q2-icon/q2-icon';\nimport { Q2Badge } from '../q2-badge/q2-badge';\n\nconst inputTypeMap = {\n    text: 'text',\n    tel: 'tel',\n    number: 'number',\n    password: 'text',\n    search: 'search',\n    url: 'url',\n    email: 'email',\n    currency: 'text',\n    phone: 'tel',\n    ssn: 'text',\n    alphanumeric: 'text',\n    alpha: 'text',\n    numeric: 'text',\n    percentage: 'text',\n    postal: 'text',\n    date: 'text',\n    'credit-card': 'text',\n};\n\nexport type InputType = keyof typeof inputTypeMap;\n\n@Component({ tag: 'q2-input', shadow: true, styleUrl: 'q2-input.scss' })\nexport class Q2Input {\n    /**\n     * The `autocapitalize` attribute is an enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user.\n     * @info\n     * This attribute only affects the behavior of input mechanisms like virtual keyboards on mobile devices and voice input.\n     */\n    @Prop({ reflect: true }) autocapitalize: string;\n\n    /**\n     * The HTML autocomplete attribute lets web developers specify what permission (if any) the user agent has to provide automated assistance in filling out form field values,\n     * as well as guidance to the browser as to the type of information expected in the field.\n     *\n     * [See MDN for a list of supported values](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values).\n     */\n    @Prop({ reflect: true }) autocomplete: string;\n\n    /**\n     * A string that indicates whether or not to activate automatic correction while the user is editing this field.\n     * @warning\n     * This is currently only supported in Safari.\n     */\n    @Prop({ reflect: true }) autocorrect: 'on' | 'off';\n\n    /**\n     * Autofocus is enabled when the property is added to an element. To disable, remove attribute or set it to false.\n     * If applied to multiple elements, the first one will receive focus.\n     */\n    @Prop({ reflect: true }) autofocus: boolean;\n\n    /** The color of the badge when in the active state. */\n    @Prop({ reflect: true }) badgeTheme: Q2Badge['theme'];\n\n    /** Displays a `q2-badge` element on the right side of the input. */\n    @Prop({ reflect: true }) badgeValue: string;\n\n    /** Renders an icon button when the field is non-empty. Pressing the button clears all input from the field. */\n    @Prop({ reflect: true }) clearable: boolean;\n\n    /**\n     * If provided a value, it sets the `aria-current` attribute on the inner input.\n     * [See MDN for more information on aria-current](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).\n     */\n    @Prop() current: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';\n\n    /** Indicates the field cannot be focused or interacted with. */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * Each item in the `errors` array will appear below the input field when the field is focused.\n     * @localizable\n     */\n    @Prop() errors: string[];\n\n    /**\n     * Defines the field's expected input format, and automatically masks user input to conform.\n     * Specific types support different modifier options. See the section on Format Modifiers for all available options.\n     */\n    @Prop({ reflect: true }) formatModifier: string;\n\n    /**\n     * Hide's the field's `<label>` element from view.\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true, mutable: true }) hideLabel: boolean;\n\n    /**\n     * When `true` and the input field has an active validation error, the field shows the error state without displaying associated error messages below the field (from the errors array above).\n     * Primarily used for dropdown selects and date pickers whose controls appear below the input field (where the error messages, if displayed, would also appear).\n     */\n    @Prop({ reflect: true }) hideMessages: boolean;\n\n    /**\n     * Each item in the `hints` array will appear below the input field when the field is focused.\n     * @info\n     * The `errors` array takes precedence over the `hints` array. If an input field has both hints and errors, only the errors will display.\n     * Once all errors are resolved, the hints display the next time the field is focused.\n     * @localizable\n     */\n    @Prop() hints: string[];\n\n    /** Shows a left-aligned [q2-icon](https://tecton.q2developer.com/ui/q2-icon/) within the field. */\n    @Prop({ reflect: true }) iconLeft: Q2Icon['type'];\n\n    /** Shows a right-aligned [q2-icon](https://tecton.q2developer.com/ui/q2-icon/) within the field. */\n    @Prop({ reflect: true }) iconRight: Q2Icon['type'];\n\n    /**\n     * The label that appears above the field. This is announced by screen readers when the field is focused.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true }) label: string;\n\n    /**\n     * When present, it does not allow a value greater than `max` when the user uses the Up/Down arrow keys to change the value.\n     * @info\n     * Only applicable when `type=\"number\"`.\n     */\n    @Prop({ reflect: true }) max: number;\n\n    /**\n     * Defines the maximum allowed input length in characters. Formatting characters (e.g. `.`, `-`, etc) are included in the `maxlength` comparison.\n     * Make sure you account for them when setting the `maxlength` value. Input types that use masks have their own inherent `maxlength`.\n     */\n    @Prop({ reflect: true, mutable: true }) maxlength: number;\n\n    /**\n     * When present, it does not allow a value less than the `min` when the user uses the Up/Down arrow keys to change the value.\n     * @info\n     * Only applicable when `type=\"number\"`.\n     */\n    @Prop({ reflect: true }) min: number;\n\n    /** Appends \"(optional)\" to the field label, and sets `aria-required` on the nested input tag to `false`. */\n    @Prop({ reflect: true }) optional: boolean;\n\n    /**\n     * Text that appears within the field when it is blurred and empty.\n     * Placeholder text disappears when the user focuses on the field and provides input.\n     * @info\n     * Primarily used for rare cases in which a visible form label is not expected (e.g., search fields).\n     * @localizable\n     */\n    @Prop({ reflect: true }) placeholder: string;\n\n    /** Component will display as a clickable `<button>` styled to be identical to the default `<input>` field. */\n    @Prop({ reflect: true }) pseudo: boolean;\n\n    /**\n     * Appends \"(read only)\" to the field label, and field becomes unusable, but remains focusable.\n     * Takes priority over `optional` if both are `true`.\n     */\n    @Prop({ reflect: true }) readonly: boolean;\n\n    /** Indicates the element's intended purpose to assistive technology, according to the [WAI-ARIA Roles Model](https://www.w3.org/WAI/PF/aria/roles). */\n    @Prop() role: string;\n\n    /**\n     * Shows a character counter above the input field to track the number of characters currently in the field.\n     * If `maxlength` is set, `showCount` displays the number of characters in relation the `maxlength` value.\n     */\n    @Prop({ reflect: true }) showCount: boolean;\n\n    /**\n     * Displays a toggle button at the end of the input field which shows or hides the actual value.\n     * @info\n     * Only applicable when `type` is `text`, `password`, or `ssn`.\n     */\n    @Prop({ reflect: true }) showVisibilityToggle: boolean = false;\n\n    /**\n     * When present, it jumps the value in incremens of `step` when the user uses the Up/Down arrow keys to change the value.\n     * @info\n     * Only applicable when `type=\"number\"`.\n     */\n    @Prop({ reflect: true }) step: number;\n\n    /**\n     * Controls visibility of the value when the type is `text`, `password`, or `ssn`.\n     * When the input type is `password`, it will default to `true`, hiding the text.\n     */\n    @Prop({ reflect: true, mutable: true }) textHidden: boolean;\n\n    /** Specifies the field's expeted [input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types), and provides the optimal keyboard on mobile devices. */\n    @Prop({ reflect: true }) type: InputType = 'text';\n\n    /**\n     * Allows for correct semantics of q2-input element when aria-expanded.\n     * @private\n     * Defaults to undefined\n     * Will assign role to combobox when used inside q2-select and q2-calendar.\n     */\n    @Prop({ mutable: true }) _role: 'combobox' | undefined = undefined;\n\n    /**\n     * The value of the input field.\n     * @info\n     * The visible value of formatted input fields may not match the element's `value` property.\n     * When setting an input's value programmatically (e.g. pre-populating a form), ensure that the supplied value is in a format that can be handled by its consuming logic.\n     * `q2-input` does not change its own `value` outside of its default change event handler.\n     *\n     * In `q2-input` where `type=\"currency\"`\n     * - element.value = 1234.56\n     * - visible value: $1,234.56\n     *\n     */\n    @Prop({ mutable: true }) value: string;\n\n    @Prop() ariaOwns: string;\n    @Prop() ariaControls: string;\n    @Prop() ariaHaspopup: string;\n    @Prop() ariaExpanded: string;\n    @Prop() ariaActivedescendant: string;\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true }) ariaLabel: string;\n\n    @State() formattedValueObject: IFormatterValueObject;\n    @State() hasFocus: boolean;\n    @State() isSmall: boolean = false;\n    @State() checkSlotCount: number = 0;\n\n    @Element() hostElement: HTMLElement;\n\n    resizeObserver: ResizeObserver;\n    scheduledAfterRender: (() => void)[] = [];\n    valueOnFocus: string;\n    isMobile: boolean = isMobile();\n    mutationObserver: MutationObserver;\n    textSelectedForDeletion: boolean;\n\n    /////// LIFECYCLE HOOKS ////////\n\n    componentWillLoad() {\n        if (isNaN(this.maxlength)) {\n            this.maxlength = undefined;\n        }\n        this.formattedValueObject = this.getFormattedValue(this.stringValue, true);\n\n        Object.defineProperty(this.hostElement, 'formattedValue', {\n            get: () => this.formattedValueObject?.formattedValue ?? '',\n        });\n\n        handleAriaLabel(this);\n        if (this.textHidden === undefined) {\n            this.textHidden = this.type === 'password';\n        }\n\n        this.manageClearableResizeObserver(this.clearable);\n    }\n\n    componentDidLoad() {\n        if (!this.pseudo) {\n            this.inputField.value = this.formattedValueObject.formattedValue;\n        }\n\n        if (this.autofocus === true) {\n            this.inputField.focus();\n        }\n\n        overrideFocus(this.hostElement);\n        const observer = new MutationObserver(this.onMutationObserved);\n        observer.observe(this.hostElement, { childList: true });\n        this.mutationObserver = observer;\n    }\n\n    componentDidRender() {\n        this.scheduledAfterRender.forEach(fn => fn());\n        this.scheduledAfterRender = [];\n    }\n\n    disconnectedCallback() {\n        this.manageClearableResizeObserver();\n        this.mutationObserver?.disconnect();\n        this.mutationObserver = null;\n    }\n\n    onMutationObserved = () => {\n        // Updating checkSlotCount to force re-render when slot content changes\n        this.checkSlotCount = this.checkSlotCount + 1;\n    };\n\n    getFormattedValue(value: string, valueChangedFromProperty: boolean): IFormatterValueObject {\n        const formattingFunctions = {\n            currency: formatCurrency,\n            phone: formatPhoneNumber,\n            ssn: formatSSN,\n            tin: formatTIN,\n            alphanumeric: formatAlphanumeric,\n            alpha: formatAlpha,\n            numeric: formatNumeric,\n            percentage: formatPercentage,\n            postal: formatPostalCode,\n            date: formatDate,\n            'credit-card': formatCreditCard.format,\n        };\n\n        if (formattingFunctions[this.type]) {\n            return formattingFunctions[this.type](value, this.formatModifier, valueChangedFromProperty);\n        }\n\n        return {\n            value,\n            formattedValue: value,\n            fullyFormattedValue: value,\n            formattingCharacterCount: 0,\n            unformattedValue: value,\n        };\n    }\n\n    get ariaAttributes() {\n        return {\n            ariaOwns: getAriaValueFromProp(this.ariaOwns),\n            ariaHaspopup: getAriaValueFromProp(this.ariaHaspopup, [\n                'true',\n                'false',\n                'menu',\n                'listbox',\n                'tree',\n                'grid',\n                'dialog',\n            ]),\n            ariaExpanded: getAriaValueFromProp(this.ariaExpanded, ['true', 'false']),\n            ariaActivedescendant: getAriaValueFromProp(this.ariaActivedescendant),\n        };\n    }\n\n    get hasCustomDisplaySlot() {\n        return !!this.hostElement.querySelector('[slot=custom-display]');\n    }\n\n    get clearClasses() {\n        const classes = ['btn-clear'];\n        if (!this.clearable || !(this.inputField?.value || this.value)) {\n            classes.push('hidden');\n        }\n        return classes;\n    }\n\n    get shouldCursorStartAtEnd() {\n        return this.type === 'currency';\n    }\n\n    get shouldCursorStayAtEnd() {\n        return this.isMobile && this.type === 'currency';\n    }\n\n    get hasError() {\n        return Array.isArray(this.errors) && this.errors.length > 0;\n    }\n\n    get messages(): string[] {\n        return (\n            (this.errors && this.errors.length > 0 && this.errors) ||\n            (this.hints && this.hints.length > 0 && this.hints) ||\n            []\n        );\n    }\n\n    get inputField() {\n        return this.hostElement.shadowRoot.querySelector<HTMLInputElement>('.input-field');\n    }\n\n    get showMessages() {\n        return this.messages.length > 0 && !this.hideMessages;\n    }\n\n    guid = createGuid();\n\n    get inputId() {\n        return `input-guid-${this.guid}`;\n    }\n\n    get inputDescribedBy() {\n        return this.showMessages ? `${this.inputId}-description` : undefined;\n    }\n\n    get hasInputLeftSlot() {\n        return hasSlotContent(this.hostElement, 'input-left');\n    }\n\n    get hasInputRightSlot() {\n        return hasSlotContent(this.hostElement, 'input-right');\n    }\n\n    get isMaskedType(): boolean {\n        const maskedTypes: string[] = [\n            'currency',\n            'phone',\n            'ssn',\n            'tin',\n            'alphanumeric',\n            'alpha',\n            'numeric',\n            'percentage',\n            'postal',\n            'date',\n            'credit-card',\n        ];\n\n        return maskedTypes.includes(this.type);\n    }\n\n    get wrapperClasses() {\n        const classNames = ['field-container'];\n        if (this.hasError) classNames.push('has-error');\n        if (!!this.value) classNames.push('has-value');\n        if (this.clearable && !!this.value) classNames.push('has-clear');\n        if (this.hasFocus) classNames.push('has-focus');\n        if (this.isSmall) classNames.push('is-small');\n        if (this.formattedValueObject.prefix) classNames.push('has-prefix');\n        if (this.computedIconLeft) classNames.push('has-icon-left');\n        if (this.showIconSeparator) classNames.push('has-icon-separator');\n        if (this.formattedValueObject.suffix) classNames.push('has-suffix');\n        if (!this.formattedValueObject.suffix && this.iconRight) classNames.push('has-icon-right');\n        if (this.type === 'currency') classNames.push('right-aligned');\n        else classNames.push('left-aligned');\n        if (this.hasCustomDisplaySlot) classNames.push('has-custom-display');\n\n        return classNames.join(' ');\n    }\n\n    get computedType() {\n        if (['password', 'text', 'ssn'].includes(this.type) && this.textHidden) {\n            return 'password';\n        } else {\n            return (this.type && inputTypeMap[this.type]) || 'text';\n        }\n    }\n\n    get computedAutocomplete() {\n        // force off for currency type\n        if (this.type === 'currency') return 'transaction-amount';\n        return this.autocomplete || 'off';\n    }\n\n    get computedIconLeft(): string | undefined {\n        if (this.formattedValueObject.prefix) {\n            return;\n        }\n\n        if (this.type === 'search') {\n            return 'search';\n        }\n\n        if (this.formattedValueObject.leftIcon) {\n            return this.formattedValueObject.leftIcon;\n        }\n\n        return this.iconLeft;\n    }\n\n    get showIconSeparator(): boolean {\n        return this.type === 'credit-card' || !!this.formattedValueObject.prefix;\n    }\n\n    get computedClassForIconLeft(): string | undefined {\n        let className = 'icon-left';\n        if (this.formattedValueObject.leftIconMuted) {\n            className += ' icon-left-muted';\n        }\n        return className;\n    }\n\n    get stringValue(): string {\n        return (this.value && String(this.value)) || '';\n    }\n\n    get canSetSelection(): boolean {\n        // email and number type don't support setSelectionRange\n        return !['email', 'number'].includes(this.computedType);\n    }\n\n    get visibilityToggleText(): string {\n        return loc(`tecton.element.input.toggle.${this.textHidden ? 'show' : 'hide'}`);\n    }\n\n    get visibilityToggleAriaLabel(): string {\n        return `tecton.element.input.toggleAriaLabel.${this.textHidden ? 'show' : 'hide'}`;\n    }\n\n    formatAndUpdateValueFromProp() {\n        this.formattedValueObject = this.getFormattedValue(this.stringValue, true);\n\n        if (!this.pseudo) {\n            const setValue = () => {\n                this.inputField.value = this.formattedValueObject.formattedValue;\n            };\n\n            this.inputField ? setValue() : this.scheduledAfterRender.push(() => setValue());\n        }\n    }\n\n    get inputMode() {\n        const inputModeMap = {\n            currency: 'numeric',\n            ssn: 'numeric',\n            tin: 'numeric',\n            numeric: 'decimal',\n            percentage: 'decimal',\n            postal: 'numeric',\n            date: 'numeric',\n            'credit-card': 'numeric',\n        };\n\n        return (this.type && inputModeMap[this.type]) || undefined;\n    }\n\n    //////// OBSERVERS //////////\n\n    @Watch('clearable')\n    manageClearableResizeObserver(clearable?: boolean) {\n        const isSmallThreshold = 190;\n        if (clearable) {\n            if (this.resizeObserver) return;\n            this.resizeObserver = new ResizeObserver(([entry]) => {\n                this.isSmall = isSmallThreshold > entry.contentRect.width;\n            });\n            this.resizeObserver.observe(this.hostElement);\n        } else {\n            this.isSmall = false;\n            this.resizeObserver?.unobserve(this.hostElement);\n            this.resizeObserver = null;\n        }\n    }\n\n    @Watch('ariaLabel')\n    ariaLabelObserver() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('value')\n    valueObserver() {\n        this.formatAndUpdateValueFromProp();\n    }\n\n    @Watch('formattedValueObject')\n    formattedValueObjectObserver() {\n        this.formatted.emit(this.formattedValueObject);\n    }\n\n    @Watch('type')\n    typeObserver() {\n        this.formatAndUpdateValueFromProp();\n    }\n\n    @Watch('formatModifier')\n    formatModifierObserver() {\n        this.formatAndUpdateValueFromProp();\n    }\n\n    @Watch('hints')\n    hintsObserver() {\n        this.hasFocus && this.scheduledAfterRender.push(() => setMessageHeight(this));\n    }\n\n    @Watch('errors')\n    errorsObserver() {\n        this.hasFocus && this.scheduledAfterRender.push(() => setMessageHeight(this));\n    }\n\n    /// Methods ///\n    /**\n     * Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.\n     *\n     * This method leaves the focus on the `<input>` and as a result does not trigger the `change` event. If you want\n     * to trigger the` change` event, move the focus to another element after calling this method.\n     *\n     * @testOnly\n     */\n    @Method()\n    setValue(value: string) {\n        const { inputField } = this;\n        inputField.focus();\n        inputField.dispatchEvent(new FocusEvent('focus'));\n        inputField.value = value;\n        inputField.dispatchEvent(new InputEvent('input'));\n    }\n\n    /**\n     * Emulates clicking the clear button when the input is clearable.\n     *\n     * @warning\n     * Only applicable when the input is clearable.\n     *\n     * @testOnly\n     */\n    @Method()\n    clearValue() {\n        if (!this.clearable) return;\n        this.onClearInput();\n    }\n\n    ///////// HOST ELEMENT EVENTS //////\n    @Listen('focus')\n    onHostElementFocus(event) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.inputField.focus();\n    }\n\n    @Listen('change')\n    onHostElementChange(event: CustomEvent) {\n        event.stopPropagation();\n        if (event.target === this.hostElement && !this.hostElement.onchange) {\n            this.value = event.detail.value;\n        }\n    }\n\n    ///////// Events /////////\n\n    /**\n     * Emitted when the field value is updated.\n     * @legacyEvent\n     */\n    @Event() input: EventEmitter<IEventDetail>;\n\n    /**\n     * Emitted when the field loses focus after the value has been changed.\n     * @legacyEvent\n     */\n    @Event() change: EventEmitter<IEventDetail>;\n\n    /**\n     * Emitted when the field value is cleared.\n     *\n     * Requires the `clearable` prop to be set to `true`.\n     */\n    @Event() clear: EventEmitter<undefined>;\n\n    /**\n     * Emitted when the field value is formatted.\n     */\n    @Event() formatted: EventEmitter<IFormatterValueObject>;\n\n    ///// ACTIONS ////////\n\n    onToggleVisibility = () => {\n        this.hostElement.dispatchEvent(new FocusEvent('focus'));\n        this.textHidden = !this.textHidden;\n    };\n\n    onInputClick = () => {\n        if (this.shouldCursorStayAtEnd) this.placeCursorAtEnd();\n    };\n\n    onInputFocus = () => {\n        if (this.inputField.tagName === 'INPUT') {\n            this.scheduledAfterRender.push(() =>\n                this.shouldCursorStartAtEnd\n                    ? this.placeCursorAtEnd()\n                    : this.setCursorPosition(this.calculateCursorPositionOnFocus())\n            );\n        }\n        this.hasFocus = true;\n        setMessageHeight(this);\n        this.valueOnFocus = this.value;\n    };\n\n    onInputBlur = () => {\n        this.hasFocus = false;\n        setMessageHeight(this);\n        if (this.valueOnFocus !== this.formattedValueObject.value) {\n            this.valueOnFocus = this.formattedValueObject.value;\n            this.change.emit({\n                value: this.formattedValueObject.value,\n                formattedValue: this.formattedValueObject.fullyFormattedValue,\n                minFormattedLength: this.formattedValueObject.minFormattedLength,\n                ...(this.formattedValueObject.type && { type: this.formattedValueObject.type }),\n            });\n        }\n    };\n\n    onInputInput = (event: InputEvent) => {\n        event.stopPropagation();\n\n        if (this.type === 'currency') this.handleCurrencyDeletion(event);\n        const newFormattedValue = this.getFormattedValue((event.target as HTMLInputElement).value, false);\n        this.handleDataInput(newFormattedValue);\n    };\n\n    handleCurrencyDeletion(event: InputEvent) {\n        // Don't do anything if text was selected for deletion\n        if (this.textSelectedForDeletion) {\n            this.textSelectedForDeletion = false;\n            return;\n        }\n        // We only care about \"Backspace\" and \"Delete\" events\n        if (event.inputType !== 'deleteContentBackward' && event.inputType !== 'deleteContentForward') return;\n\n        const input = event.target as HTMLInputElement;\n        const cursorPosition = input.selectionStart;\n        const { formattedValue } = this.formattedValueObject;\n\n        if (cursorPosition === null) return;\n\n        let cursorMap;\n        switch (event.inputType) {\n            case 'deleteContentBackward':\n                const valueBeforeCursor = formattedValue.substring(0, cursorPosition + 1);\n                const isPrevCharAlphaNum = /[a-zA-Z0-9]$/.test(valueBeforeCursor);\n                cursorMap = {\n                    leftIndex: isPrevCharAlphaNum ? cursorPosition : cursorPosition - 1,\n                    rightIndex: isPrevCharAlphaNum ? cursorPosition + 1 : cursorPosition,\n                    afterCursorOffset: 0,\n                    newCursorOffset: 1,\n                };\n                break;\n            case 'deleteContentForward':\n                const valueAfterCursor = formattedValue.substring(cursorPosition);\n                const isNextCharAlphaNum = /^[a-zA-Z0-9]/.test(valueAfterCursor);\n                cursorMap = {\n                    leftIndex: isNextCharAlphaNum ? cursorPosition : cursorPosition + 1,\n                    rightIndex: isNextCharAlphaNum ? cursorPosition + 1 : cursorPosition + 2,\n                    afterCursorOffset: 1,\n                    newCursorOffset: 0,\n                };\n                break;\n            default:\n                return;\n        }\n\n        // Ensure the cursor doesn't move with a newly formatted value\n        const newValue = [\n            formattedValue.substring(0, cursorMap.leftIndex),\n            formattedValue.substring(cursorMap.rightIndex),\n        ].join('');\n        const charactersAfterCursor = formattedValue.length - cursorPosition - cursorMap.afterCursorOffset;\n        const newFormattedValue = this.getFormattedValue(newValue, false).formattedValue;\n        const newCursorPosition = Math.max(\n            newFormattedValue.length - charactersAfterCursor + cursorMap.newCursorOffset,\n            0\n        );\n\n        input.value = newFormattedValue;\n        input.setSelectionRange(newCursorPosition, newCursorPosition);\n\n        // This handles a runtime issue when a character is deleted from the beginning of the input\n        if (newCursorPosition === 0) {\n            nextPaint(() => input.setSelectionRange(newCursorPosition, newCursorPosition));\n        }\n    }\n\n    onInputPaste = (event: ClipboardEvent) => {\n        if (this.type === 'currency') {\n            const clipboardData = event.clipboardData.getData('text');\n            const newFormattedValue = this.getFormattedValue(clipboardData, true);\n            event.preventDefault();\n            this.handleDataInput(newFormattedValue);\n        }\n    };\n\n    handleDataInput(newFormattedValue: IFormatterValueObject) {\n        if (\n            this.maxlength === undefined ||\n            newFormattedValue.unformattedValue.length <= this.maxlength ||\n            newFormattedValue.unformattedValue.length <= this.formattedValueObject.unformattedValue.length\n        ) {\n            this.formattedValueObject = newFormattedValue;\n        } else if (this.maxlength) {\n            newFormattedValue = this.getFormattedValue(\n                newFormattedValue.unformattedValue.substring(0, this.maxlength),\n                false\n            );\n            this.formattedValueObject = newFormattedValue;\n        }\n        this.handleValueAndCursor();\n    }\n\n    handleValueAndCursor = () => {\n        // ORDER IMPORTANT:  calculate cursor position -> set value -> set cursor position\n        const cursorPosition = this.calculateCursorPositionOnInput();\n        // when type=number: returns only valid decimal on input event, should not update itself (e.g. typing \"1.\" )\n        if (this.type !== 'number') this.inputField.value = this.formattedValueObject.formattedValue;\n        this.input.emit({\n            value: this.formattedValueObject.value,\n            formattedValue: this.formattedValueObject.fullyFormattedValue,\n            minFormattedLength: this.formattedValueObject.minFormattedLength,\n            ...(this.formattedValueObject.type && { type: this.formattedValueObject.type }),\n        });\n        if (!this.formattedValueObject.value) {\n            this.clear.emit();\n        }\n        this.setCursorPosition(cursorPosition);\n    };\n\n    // Sets textSelectedForDeletion to true if the user has selected text for deletion\n    // This is used to prevent other logic from running when text is deleted\n    handleCurrencyKeydown = (event: KeyboardEvent) => {\n        if (event.key !== 'Backspace' && event.key !== 'Delete') return;\n        const inputElement = this.inputField;\n        this.textSelectedForDeletion = inputElement.selectionStart !== inputElement.selectionEnd;\n    };\n\n    onInputKeydown = (event: KeyboardEvent) => {\n        const keysThatMoveCursor = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'];\n        const { key } = event;\n\n        if (this.type === 'currency') this.handleCurrencyKeydown(event);\n        if (this.shouldCursorStayAtEnd && keysThatMoveCursor.includes(key)) event.preventDefault();\n        if (key === 'Enter' && this.valueOnFocus !== this.formattedValueObject.value) {\n            this.valueOnFocus = this.formattedValueObject.value;\n            this.change.emit({\n                value: this.formattedValueObject.value,\n                formattedValue: this.formattedValueObject.fullyFormattedValue,\n                minFormattedLength: this.formattedValueObject.minFormattedLength,\n                ...(this.formattedValueObject.type && { type: this.formattedValueObject.type }),\n            });\n        }\n    };\n\n    onClearInput = () => {\n        const eventDetail = {\n            value: '',\n            formattedValue: '',\n            minFormattedLength: this.formattedValueObject.minFormattedLength,\n        };\n        this.input.emit(eventDetail);\n        this.change.emit(eventDetail);\n        this.clear.emit();\n        this.inputField.focus();\n    };\n\n    onRefocusInput = () => {\n        if (this.showMessages) {\n            this.inputField.focus();\n            setMessageHeight(this);\n        }\n    };\n\n    /////// VIEW METHODS ///////\n\n    render() {\n        return (\n            <div class={this.wrapperClasses}>\n                <div class=\"label-wrapper\">\n                    {labelDOM(this)}\n                    {this.countDOM()}\n                </div>\n                {this.inputContainerDOM()}\n                {messagesDOM(this)}\n            </div>\n        );\n    }\n\n    countDOM() {\n        if (!this.showCount) return;\n        const { maxlength, formattedValueObject } = this;\n\n        return (\n            <div class=\"count-tag\">\n                {formattedValueObject.unformattedValue.length}\n                {maxlength && `/${maxlength}`}\n            </div>\n        );\n    }\n\n    /* tslint:disable:cyclomatic-complexity */\n    inputContainerDOM() {\n        const { hasInputLeftSlot, hasInputRightSlot } = this;\n        return (\n            <div\n                class=\"input-container\"\n                tabindex={-1}\n                test-id=\"inputContainer\"\n            >\n                <div class=\"input-icons-container-left\">\n                    {this.formattedValueObject.prefix && (\n                        <div class=\"input-prefix\">{this.formattedValueObject.prefix}</div>\n                    )}\n                    {this.computedIconLeft && (\n                        <div>\n                            <q2-icon\n                                type={this.computedIconLeft}\n                                class={this.computedClassForIconLeft}\n                            />\n                        </div>\n                    )}\n                    {hasInputLeftSlot && <slot name=\"input-left\" />}\n                    {this.showIconSeparator && <div class=\"vertical-separator\" />}\n                    {this.hasError && this.type === 'currency' && (\n                        <div\n                            test-id=\"divIconError\"\n                            onClick={this.onRefocusInput}\n                        >\n                            <q2-icon\n                                type=\"error\"\n                                class=\"icon-error\"\n                                test-id=\"iconError\"\n                            />\n                        </div>\n                    )}\n                </div>\n                {this.pseudo ? this.pseudoInputDOM() : this.standardInputDOM()}\n                <div class=\"input-icons-container-right\">\n                    <q2-btn\n                        class={this.clearClasses.join(' ')}\n                        ariaLabel={loc('tecton.element.input.clear', [this.label])}\n                        test-id=\"clearButton\"\n                        onClick={this.onClearInput}\n                    >\n                        <q2-icon\n                            type=\"close\"\n                            class=\"icon-clear\"\n                        />\n                    </q2-btn>\n                    {['password', 'text', 'ssn', 'tin'].includes(this.type) && this.showVisibilityToggle && (\n                        <q2-btn\n                            class=\"btn-visibility-toggle\"\n                            test-id=\"toggleVisibilityButton\"\n                            onClick={this.onToggleVisibility}\n                            label={loc(this.visibilityToggleAriaLabel, { label: this.label })}\n                            hide-label={true}\n                        >\n                            {this.visibilityToggleText}\n                        </q2-btn>\n                    )}\n                    {this.formattedValueObject.suffix && (\n                        <span class=\"input-suffix\">{this.formattedValueObject.suffix}</span>\n                    )}\n                    {this.badgeValue && (\n                        <q2-badge\n                            size=\"large\"\n                            theme={this.badgeTheme}\n                        >\n                            {this.badgeValue}\n                        </q2-badge>\n                    )}\n                    {this.hasError && this.type !== 'currency' && (\n                        <div\n                            test-id=\"divIconError\"\n                            onClick={this.onRefocusInput}\n                        >\n                            <q2-icon\n                                type=\"error\"\n                                class=\"icon-error\"\n                                test-id=\"iconError\"\n                            />\n                        </div>\n                    )}\n                    {this.iconRight && !this.formattedValueObject.suffix && (\n                        <div>\n                            <q2-icon\n                                type={this.iconRight}\n                                class=\"icon-right\"\n                            />\n                        </div>\n                    )}\n                    {hasInputRightSlot && <slot name=\"input-right\" />}\n                </div>\n            </div>\n        );\n    }\n    /* tslint:enable:cyclomatic-complexity */\n\n    /* tslint:disable:cyclomatic-complexity */\n    standardInputDOM() {\n        const { hasCustomDisplaySlot } = this;\n        const inputClasses = ['input-field'];\n        const { ariaOwns, ariaHaspopup, ariaExpanded, ariaActivedescendant } = this.ariaAttributes;\n        if (hasCustomDisplaySlot) inputClasses.push('sr');\n        return (\n            <Fragment>\n                {hasCustomDisplaySlot && (\n                    <div class=\"custom-display-container\">\n                        <slot name=\"custom-display\"></slot>\n                    </div>\n                )}\n                <input\n                    class={inputClasses.join(' ')}\n                    id={this.inputId}\n                    type={this.computedType}\n                    size={this.formattedValueObject.prefix ? 10 : undefined}\n                    max={this.max}\n                    min={this.min}\n                    step={this.step}\n                    aria-current={this.current || undefined}\n                    aria-describedby={this.inputDescribedBy}\n                    aria-required={`${!this.optional}`}\n                    aria-invalid={`${this.hasError}`}\n                    aria-owns={ariaOwns}\n                    aria-haspopup={ariaHaspopup}\n                    aria-expanded={ariaExpanded}\n                    aria-activedescendant={ariaActivedescendant}\n                    autocomplete={this.computedAutocomplete}\n                    autocapitalize={this.autocapitalize}\n                    autocorrect={this.autocorrect === 'on' ? 'on' : 'off'}\n                    autofocus={this.autofocus}\n                    placeholder={(this.placeholder && loc(this.placeholder)) || undefined}\n                    role={this._role}\n                    test-id=\"inputField\"\n                    readonly={!!this.readonly}\n                    disabled={!!this.disabled}\n                    onFocus={this.onInputFocus}\n                    onBlur={this.onInputBlur}\n                    onClick={this.onInputClick}\n                    onKeyDown={this.onInputKeydown}\n                    onInput={this.onInputInput}\n                    onPaste={this.onInputPaste}\n                    inputmode={this.inputMode}\n                />\n            </Fragment>\n        );\n    }\n    /* tslint:enable:cyclomatic-complexity */\n\n    pseudoInputDOM() {\n        const showPlaceholder = !this.value && !!this.placeholder;\n        const { ariaOwns, ariaHaspopup, ariaExpanded, ariaActivedescendant } = this.ariaAttributes;\n\n        return (\n            <div class=\"pseudo-input-container\">\n                <button\n                    class=\"input-field\"\n                    type=\"button\"\n                    id={this.inputId}\n                    aria-describedby={this.inputDescribedBy}\n                    aria-invalid={`${this.hasError}`}\n                    aria-owns={ariaOwns}\n                    aria-haspopup={ariaHaspopup}\n                    aria-expanded={ariaExpanded}\n                    aria-activedescendant={ariaActivedescendant}\n                    role={(this.role && `${this.role}`) || 'textbox'}\n                    disabled={!!this.disabled}\n                    test-id=\"q2InputInnerClearButton\"\n                    onFocus={this.onInputFocus}\n                    onBlur={this.onInputBlur}\n                >\n                    <div class=\"custom-display-container\">\n                        <slot name=\"custom-display\">\n                            <span class={showPlaceholder ? 'placeholder-text' : ''}>\n                                {showPlaceholder ? this.placeholder : this.value}\n                            </span>\n                        </slot>\n                    </div>\n                </button>\n            </div>\n        );\n    }\n\n    placeCursorAtEnd() {\n        const { inputField } = this;\n        inputField.selectionStart = inputField.selectionEnd = inputField.value.length;\n    }\n\n    calculateCursorPositionOnInput(): ICursorData {\n        const input = this.inputField;\n        const formattedLength = this.formattedValueObject.formattedValue.length;\n        const currentValueLength = input.value.length;\n        const defaultPosition = this.type === 'currency' ? formattedLength : 0;\n        return {\n            startingPosition: (input && input.selectionStart) || defaultPosition,\n            valueLength: formattedLength,\n            previousValueLength: input && currentValueLength,\n            hasSelection: false,\n        };\n    }\n\n    calculateCursorPositionOnFocus(): ICursorData {\n        const { inputField } = this;\n        const valueLength = inputField?.value?.length ?? 0;\n        const startingPosition = inputField?.selectionStart ?? valueLength;\n\n        return {\n            startingPosition,\n            valueLength,\n            previousValueLength: valueLength,\n            hasSelection: getSelection().toString().length > 0,\n        };\n    }\n\n    setCursorPosition(cursorData: ICursorData) {\n        if (this.canSetSelection && !cursorData.hasSelection) {\n            const input = this.inputField;\n            const { valueLength, previousValueLength, startingPosition } = cursorData;\n\n            if (this.type === 'currency') {\n                if (previousValueLength - valueLength === 1) {\n                    input.setSelectionRange(startingPosition - 1, startingPosition - 1);\n                } else {\n                    const difference = previousValueLength - valueLength;\n                    input.setSelectionRange(startingPosition - difference, startingPosition - difference);\n                }\n            }\n\n            if (this.type !== 'currency') {\n                const difference = valueLength - previousValueLength;\n                // Never allow the cursor to move in reverse\n                const newPosition = startingPosition + (difference > 0 ? difference : 0);\n                input.setSelectionRange(newPosition, newPosition);\n            }\n        }\n    }\n}\n"]}
+{"version":3,"file":"q2-input.js","sourceRoot":"","sources":["../../../../src/components/q2-input/q2-input.tsx"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {\n    Component,\n    Prop,\n    Element,\n    State,\n    Event,\n    EventEmitter,\n    h,\n    Watch,\n    Listen,\n    Fragment,\n    Method,\n} from '@stencil/core';\nimport {\n    createGuid,\n    getAriaValueFromProp,\n    labelDOM,\n    loc,\n    messagesDOM,\n    setMessageHeight,\n    handleAriaLabel,\n    overrideFocus,\n    isEventFromElement,\n    isMobile,\n    hasSlotContent,\n    nextPaint,\n} from 'src/utils';\nimport { IFormatterValueObject, ICursorData, IEventDetail } from './q2-input-types';\nimport formatCurrency from './formatting/currency';\nimport formatPhoneNumber from './formatting/phone';\nimport formatSSN from './formatting/ssn';\nimport formatTIN from './formatting/tin';\nimport formatAlphanumeric from './formatting/alphanumeric';\nimport formatAlpha from './formatting/alpha';\nimport formatNumeric, { formatPercentage } from './formatting/numeric';\nimport formatPostalCode from './formatting/postal';\nimport formatDate from './formatting/date';\nimport formatCreditCard from './formatting/credit-card';\nimport { Q2Icon } from '../q2-icon/q2-icon';\nimport { Q2Badge } from '../q2-badge/q2-badge';\n\nconst inputTypeMap = {\n    text: 'text',\n    tel: 'tel',\n    number: 'number',\n    password: 'text',\n    search: 'search',\n    url: 'url',\n    email: 'email',\n    currency: 'text',\n    phone: 'tel',\n    ssn: 'text',\n    alphanumeric: 'text',\n    alpha: 'text',\n    numeric: 'text',\n    percentage: 'text',\n    postal: 'text',\n    date: 'text',\n    'credit-card': 'text',\n};\n\nexport type InputType = keyof typeof inputTypeMap;\n\n@Component({ tag: 'q2-input', shadow: true, styleUrl: 'q2-input.scss' })\nexport class Q2Input {\n    /**\n     * The `autocapitalize` attribute is an enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user.\n     * @info\n     * This attribute only affects the behavior of input mechanisms like virtual keyboards on mobile devices and voice input.\n     */\n    @Prop({ reflect: true }) autocapitalize: string;\n\n    /**\n     * The HTML autocomplete attribute lets web developers specify what permission (if any) the user agent has to provide automated assistance in filling out form field values,\n     * as well as guidance to the browser as to the type of information expected in the field.\n     *\n     * [See MDN for a list of supported values](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values).\n     */\n    @Prop({ reflect: true }) autocomplete: string;\n\n    /**\n     * A string that indicates whether or not to activate automatic correction while the user is editing this field.\n     * @warning\n     * This is currently only supported in Safari.\n     */\n    @Prop({ reflect: true }) autocorrect: 'on' | 'off';\n\n    /**\n     * Autofocus is enabled when the property is added to an element. To disable, remove attribute or set it to false.\n     * If applied to multiple elements, the first one will receive focus.\n     */\n    @Prop({ reflect: true }) autofocus: boolean;\n\n    /** The color of the badge when in the active state. */\n    @Prop({ reflect: true }) badgeTheme: Q2Badge['theme'];\n\n    /** Displays a `q2-badge` element on the right side of the input. */\n    @Prop({ reflect: true }) badgeValue: string;\n\n    /** Renders an icon button when the field is non-empty. Pressing the button clears all input from the field. */\n    @Prop({ reflect: true }) clearable: boolean;\n\n    /**\n     * If provided a value, it sets the `aria-current` attribute on the inner input.\n     * [See MDN for more information on aria-current](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).\n     */\n    @Prop() current: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';\n\n    /** Indicates the field cannot be focused or interacted with. */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * Each item in the `errors` array will appear below the input field when the field is focused.\n     * @localizable\n     */\n    @Prop() errors: string[];\n\n    /**\n     * Defines the field's expected input format, and automatically masks user input to conform.\n     * Specific types support different modifier options. See the section on Format Modifiers for all available options.\n     */\n    @Prop({ reflect: true }) formatModifier: string;\n\n    /**\n     * Hide's the field's `<label>` element from view.\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true, mutable: true }) hideLabel: boolean;\n\n    /**\n     * When `true` and the input field has an active validation error, the field shows the error state without displaying associated error messages below the field (from the errors array above).\n     * Primarily used for dropdown selects and date pickers whose controls appear below the input field (where the error messages, if displayed, would also appear).\n     */\n    @Prop({ reflect: true }) hideMessages: boolean;\n\n    /**\n     * Each item in the `hints` array will appear below the input field when the field is focused.\n     * @info\n     * The `errors` array takes precedence over the `hints` array. If an input field has both hints and errors, only the errors will display.\n     * Once all errors are resolved, the hints display the next time the field is focused.\n     * @localizable\n     */\n    @Prop() hints: string[];\n\n    /** Shows a left-aligned [q2-icon](https://tecton.q2developer.com/ui/q2-icon/) within the field. */\n    @Prop({ reflect: true }) iconLeft: Q2Icon['type'];\n\n    /** Shows a right-aligned [q2-icon](https://tecton.q2developer.com/ui/q2-icon/) within the field. */\n    @Prop({ reflect: true }) iconRight: Q2Icon['type'];\n\n    /**\n     * The label that appears above the field. This is announced by screen readers when the field is focused.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true }) label: string;\n\n    /**\n     * When present, it does not allow a value greater than `max` when the user uses the Up/Down arrow keys to change the value.\n     * @info\n     * Only applicable when `type=\"number\"`.\n     */\n    @Prop({ reflect: true }) max: number;\n\n    /**\n     * Defines the maximum allowed input length in characters. Formatting characters (e.g. `.`, `-`, etc) are included in the `maxlength` comparison.\n     * Make sure you account for them when setting the `maxlength` value. Input types that use masks have their own inherent `maxlength`.\n     */\n    @Prop({ reflect: true, mutable: true }) maxlength: number;\n\n    /**\n     * When present, it does not allow a value less than the `min` when the user uses the Up/Down arrow keys to change the value.\n     * @info\n     * Only applicable when `type=\"number\"`.\n     */\n    @Prop({ reflect: true }) min: number;\n\n    /** Appends \"(optional)\" to the field label, and sets `aria-required` on the nested input tag to `false`. */\n    @Prop({ reflect: true }) optional: boolean;\n\n    /**\n     * Text that appears within the field when it is blurred and empty.\n     * Placeholder text disappears when the user focuses on the field and provides input.\n     * @info\n     * Primarily used for rare cases in which a visible form label is not expected (e.g., search fields).\n     * @localizable\n     */\n    @Prop({ reflect: true }) placeholder: string;\n\n    /** Component will display as a clickable `<button>` styled to be identical to the default `<input>` field. */\n    @Prop({ reflect: true }) pseudo: boolean;\n\n    /**\n     * Appends \"(read only)\" to the field label, and field becomes unusable, but remains focusable.\n     * Takes priority over `optional` if both are `true`.\n     */\n    @Prop({ reflect: true }) readonly: boolean;\n\n    /**\n     * Indicates the element's intended purpose to assistive technology.\n     * @deprecated\n     */\n    @Prop() role: string;\n\n    /**\n     * Shows a character counter above the input field to track the number of characters currently in the field.\n     * If `maxlength` is set, `showCount` displays the number of characters in relation the `maxlength` value.\n     */\n    @Prop({ reflect: true }) showCount: boolean;\n\n    /**\n     * Displays a toggle button at the end of the input field which shows or hides the actual value.\n     * @info\n     * Only applicable when `type` is `text`, `password`, or `ssn`.\n     */\n    @Prop({ reflect: true }) showVisibilityToggle: boolean = false;\n\n    /**\n     * When present, it jumps the value in incremens of `step` when the user uses the Up/Down arrow keys to change the value.\n     * @info\n     * Only applicable when `type=\"number\"`.\n     */\n    @Prop({ reflect: true }) step: number;\n\n    /**\n     * Controls visibility of the value when the type is `text`, `password`, or `ssn`.\n     * When the input type is `password`, it will default to `true`, hiding the text.\n     */\n    @Prop({ reflect: true, mutable: true }) textHidden: boolean;\n\n    /** Specifies the field's expeted [input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types), and provides the optimal keyboard on mobile devices. */\n    @Prop({ reflect: true }) type: InputType = 'text';\n\n    /**\n     * Allows for correct semantics of q2-input element when aria-expanded.\n     * @private\n     * Defaults to undefined\n     * Will assign role to combobox when used inside q2-select and q2-calendar.\n     */\n    @Prop({ mutable: true }) _role: 'combobox' | undefined = undefined;\n\n    /**\n     * Sets readonly to true on the input without adding the \"read only\" label.\n     *\n     * Can be used to prevent user input while still presenting the necessary information for assistive technology.\n     * @private\n     */\n    @Prop({ mutable: true }) _preventEntry: boolean = undefined;\n\n    /**\n     * The value of the input field.\n     * @info\n     * The visible value of formatted input fields may not match the element's `value` property.\n     * When setting an input's value programmatically (e.g. pre-populating a form), ensure that the supplied value is in a format that can be handled by its consuming logic.\n     * `q2-input` does not change its own `value` outside of its default change event handler.\n     *\n     * In `q2-input` where `type=\"currency\"`\n     * - element.value = 1234.56\n     * - visible value: $1,234.56\n     *\n     */\n    @Prop({ mutable: true }) value: string;\n\n    /**\n     * The pattern string of the input field, regular expression string is expected.\n     * This allows us to check the validity user's input.\n     * For instance,\n     * &lt;q2-input label=\"My input\" pattern=\"[a-zA-Z0-9]{3,5}\" id=\"myInput\"&gt;\n     *\n     * - Allows only 3~5 alphanumeric letters\n     *\n     * In Javascript, you can check the validity object in your q2-input\n     * Type \"abcdefgh\", then access the validity object\n     * @snippet\n     * const myInput = document.querySelector('#myInput');\n     * console.log(myInput.validity);\n     */\n    @Prop({ reflect: true, mutable: true }) pattern: string;\n\n    @Prop() ariaOwns: string;\n    @Prop() ariaControls: string;\n    @Prop() ariaHaspopup: string;\n    @Prop() ariaExpanded: string;\n    @Prop() ariaActivedescendant: string;\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true }) ariaLabel: string;\n    @Prop({ reflect: true, mutable: true }) validity: ValidityState;\n\n    @State() formattedValueObject: IFormatterValueObject;\n    @State() hasFocus: boolean;\n    @State() isSmall: boolean = false;\n    @State() checkSlotCount: number = 0;\n\n    @Element() hostElement: HTMLElement;\n\n    resizeObserver: ResizeObserver;\n    scheduledAfterRender: (() => void)[] = [];\n    valueOnFocus: string;\n    isMobile: boolean = isMobile();\n    mutationObserver: MutationObserver;\n    textSelectedForDeletion: boolean;\n    inputRef: HTMLInputElement;\n\n    /////// LIFECYCLE HOOKS ////////\n\n    componentWillLoad() {\n        if (isNaN(this.maxlength)) {\n            this.maxlength = undefined;\n        }\n        this.formattedValueObject = this.getFormattedValue(this.stringValue, true);\n\n        Object.defineProperty(this.hostElement, 'formattedValue', {\n            get: () => this.formattedValueObject?.formattedValue ?? '',\n        });\n\n        handleAriaLabel(this);\n        if (this.textHidden === undefined) {\n            this.textHidden = this.type === 'password';\n        }\n\n        this.manageClearableResizeObserver(this.clearable);\n    }\n\n    componentDidLoad() {\n        if (!this.pseudo) {\n            this.inputField.value = this.formattedValueObject.formattedValue;\n        }\n\n        if (this.autofocus === true) {\n            this.inputField.focus();\n        }\n\n        overrideFocus(this.hostElement);\n        const observer = new MutationObserver(this.onMutationObserved);\n        observer.observe(this.hostElement, { childList: true });\n        this.mutationObserver = observer;\n    }\n\n    componentDidRender() {\n        this.scheduledAfterRender.forEach(fn => fn());\n        this.scheduledAfterRender = [];\n    }\n\n    disconnectedCallback() {\n        this.manageClearableResizeObserver();\n        this.mutationObserver?.disconnect();\n        this.mutationObserver = null;\n    }\n\n    onMutationObserved = () => {\n        // Updating checkSlotCount to force re-render when slot content changes\n        this.checkSlotCount = this.checkSlotCount + 1;\n    };\n\n    getFormattedValue(value: string, valueChangedFromProperty: boolean): IFormatterValueObject {\n        const formattingFunctions = {\n            currency: formatCurrency,\n            phone: formatPhoneNumber,\n            ssn: formatSSN,\n            tin: formatTIN,\n            alphanumeric: formatAlphanumeric,\n            alpha: formatAlpha,\n            numeric: formatNumeric,\n            percentage: formatPercentage,\n            postal: formatPostalCode,\n            date: formatDate,\n            'credit-card': formatCreditCard.format,\n        };\n\n        if (formattingFunctions[this.type]) {\n            return formattingFunctions[this.type](value, this.formatModifier, valueChangedFromProperty);\n        }\n\n        return {\n            value,\n            formattedValue: value,\n            fullyFormattedValue: value,\n            formattingCharacterCount: 0,\n            unformattedValue: value,\n        };\n    }\n\n    get ariaAttributes() {\n        return {\n            ariaOwns: getAriaValueFromProp(this.ariaOwns),\n            ariaHaspopup: getAriaValueFromProp(this.ariaHaspopup, [\n                'true',\n                'false',\n                'menu',\n                'listbox',\n                'tree',\n                'grid',\n                'dialog',\n            ]),\n            ariaExpanded: getAriaValueFromProp(this.ariaExpanded, ['true', 'false']),\n            ariaActivedescendant: getAriaValueFromProp(this.ariaActivedescendant),\n        };\n    }\n\n    get hasCustomDisplaySlot() {\n        return !!this.hostElement.querySelector('[slot=custom-display]');\n    }\n\n    get clearClasses() {\n        const classes = ['btn-clear'];\n        if (!this.clearable || !(this.inputField?.value || this.value)) {\n            classes.push('hidden');\n        }\n        return classes;\n    }\n\n    get shouldCursorStartAtEnd() {\n        return this.type === 'currency';\n    }\n\n    get shouldCursorStayAtEnd() {\n        return this.isMobile && this.type === 'currency';\n    }\n\n    get hasError() {\n        return Array.isArray(this.errors) && this.errors.length > 0;\n    }\n\n    get messages(): string[] {\n        return (\n            (this.errors && this.errors.length > 0 && this.errors) ||\n            (this.hints && this.hints.length > 0 && this.hints) ||\n            []\n        );\n    }\n\n    get inputField() {\n        return this.hostElement.shadowRoot.querySelector<HTMLInputElement>('.input-field');\n    }\n\n    get showMessages() {\n        return this.messages.length > 0 && !this.hideMessages;\n    }\n\n    guid = createGuid();\n\n    get inputId() {\n        return `input-guid-${this.guid}`;\n    }\n\n    get inputDescribedBy() {\n        return this.showMessages ? `${this.inputId}-description` : undefined;\n    }\n\n    get hasInputLeftSlot() {\n        return hasSlotContent(this.hostElement, 'input-left');\n    }\n\n    get hasInputRightSlot() {\n        return hasSlotContent(this.hostElement, 'input-right');\n    }\n\n    get isMaskedType(): boolean {\n        const maskedTypes: string[] = [\n            'currency',\n            'phone',\n            'ssn',\n            'tin',\n            'alphanumeric',\n            'alpha',\n            'numeric',\n            'percentage',\n            'postal',\n            'date',\n            'credit-card',\n        ];\n\n        return maskedTypes.includes(this.type);\n    }\n\n    get wrapperClasses() {\n        const classNames = ['field-container'];\n        if (this.hasError) classNames.push('has-error');\n        if (!!this.value) classNames.push('has-value');\n        if (this.clearable && !!this.value) classNames.push('has-clear');\n        if (this.hasFocus) classNames.push('has-focus');\n        if (this.isSmall) classNames.push('is-small');\n        if (this.formattedValueObject.prefix) classNames.push('has-prefix');\n        if (this.computedIconLeft) classNames.push('has-icon-left');\n        if (this.showIconSeparator) classNames.push('has-icon-separator');\n        if (this.formattedValueObject.suffix) classNames.push('has-suffix');\n        if (!this.formattedValueObject.suffix && this.iconRight) classNames.push('has-icon-right');\n        if (this.type === 'currency') classNames.push('right-aligned');\n        else classNames.push('left-aligned');\n        if (this.hasCustomDisplaySlot) classNames.push('has-custom-display');\n\n        return classNames.join(' ');\n    }\n\n    get computedType() {\n        if (['password', 'text', 'ssn'].includes(this.type) && this.textHidden) {\n            return 'password';\n        } else {\n            return (this.type && inputTypeMap[this.type]) || 'text';\n        }\n    }\n\n    get computedAutocomplete() {\n        // force off for currency type\n        if (this.type === 'currency') return 'transaction-amount';\n        return this.autocomplete || 'off';\n    }\n\n    get computedIconLeft(): string | undefined {\n        if (this.formattedValueObject.prefix) {\n            return;\n        }\n\n        if (this.type === 'search') {\n            return 'search';\n        }\n\n        if (this.formattedValueObject.leftIcon) {\n            return this.formattedValueObject.leftIcon;\n        }\n\n        return this.iconLeft;\n    }\n\n    get showIconSeparator(): boolean {\n        return this.type === 'credit-card' || !!this.formattedValueObject.prefix;\n    }\n\n    get computedClassForIconLeft(): string | undefined {\n        let className = 'icon-left';\n        if (this.formattedValueObject.leftIconMuted) {\n            className += ' icon-left-muted';\n        }\n        return className;\n    }\n\n    get stringValue(): string {\n        return (this.value && String(this.value)) || '';\n    }\n\n    get canSetSelection(): boolean {\n        // email and number type don't support setSelectionRange\n        return !['email', 'number'].includes(this.computedType);\n    }\n\n    get visibilityToggleText(): string {\n        return loc(`tecton.element.input.toggle.${this.textHidden ? 'show' : 'hide'}`);\n    }\n\n    get visibilityToggleAriaLabel(): string {\n        return `tecton.element.input.toggleAriaLabel.${this.textHidden ? 'show' : 'hide'}`;\n    }\n\n    formatAndUpdateValueFromProp() {\n        this.formattedValueObject = this.getFormattedValue(this.stringValue, true);\n\n        if (!this.pseudo) {\n            const setValue = () => {\n                this.inputField.value = this.formattedValueObject.formattedValue;\n            };\n\n            this.inputField ? setValue() : this.scheduledAfterRender.push(() => setValue());\n        }\n    }\n\n    get inputMode() {\n        const inputModeMap = {\n            currency: 'numeric',\n            ssn: 'numeric',\n            tin: 'numeric',\n            numeric: 'decimal',\n            percentage: 'decimal',\n            postal: 'numeric',\n            date: 'numeric',\n            'credit-card': 'numeric',\n        };\n\n        return (this.type && inputModeMap[this.type]) || undefined;\n    }\n\n    //////// OBSERVERS //////////\n\n    @Watch('clearable')\n    manageClearableResizeObserver(clearable?: boolean) {\n        const isSmallThreshold = 190;\n        if (clearable) {\n            if (this.resizeObserver) return;\n            this.resizeObserver = new ResizeObserver(([entry]) => {\n                this.isSmall = isSmallThreshold > entry.contentRect.width;\n            });\n            this.resizeObserver.observe(this.hostElement);\n        } else {\n            this.isSmall = false;\n            this.resizeObserver?.unobserve(this.hostElement);\n            this.resizeObserver = null;\n        }\n    }\n\n    @Watch('ariaLabel')\n    ariaLabelObserver() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('value')\n    valueObserver() {\n        this.formatAndUpdateValueFromProp();\n    }\n\n    @Watch('formattedValueObject')\n    formattedValueObjectObserver() {\n        this.formatted.emit(this.formattedValueObject);\n    }\n\n    @Watch('type')\n    typeObserver() {\n        this.formatAndUpdateValueFromProp();\n    }\n\n    @Watch('formatModifier')\n    formatModifierObserver() {\n        this.formatAndUpdateValueFromProp();\n    }\n\n    @Watch('hints')\n    hintsObserver() {\n        this.hasFocus && this.scheduledAfterRender.push(() => setMessageHeight(this));\n    }\n\n    @Watch('errors')\n    errorsObserver() {\n        this.hasFocus && this.scheduledAfterRender.push(() => setMessageHeight(this));\n    }\n\n    /// Methods ///\n    /**\n     * Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.\n     *\n     * This method leaves the focus on the `<input>` and as a result does not trigger the `change` event. If you want\n     * to trigger the` change` event, move the focus to another element after calling this method.\n     *\n     * @testOnly\n     */\n    @Method()\n    setValue(value: string) {\n        const { inputField } = this;\n        inputField.focus();\n        inputField.dispatchEvent(new FocusEvent('focus'));\n        inputField.value = value;\n        inputField.dispatchEvent(new InputEvent('input'));\n    }\n\n    /**\n     * Emulates clicking the clear button when the input is clearable.\n     *\n     * @warning\n     * Only applicable when the input is clearable.\n     *\n     * @testOnly\n     */\n    @Method()\n    clearValue() {\n        if (!this.clearable) return;\n        this.onClearInput();\n    }\n\n    /**\n     * Emulates firing checkValidity on `<input>`, emits `invalid` event if validation failed.\n     */\n    @Method()\n    checkValidity() {\n        this.inputRef.checkValidity();\n        this.validateInput();\n    }\n\n    ///////// HOST ELEMENT EVENTS //////\n    @Listen('focus')\n    onHostElementFocus(event) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.inputField.focus();\n    }\n\n    @Listen('change')\n    onHostElementChange(event: CustomEvent) {\n        event.stopPropagation();\n        if (event.target === this.hostElement && !this.hostElement.onchange) {\n            this.value = event.detail.value;\n        }\n    }\n\n    ///////// Events /////////\n\n    /**\n     * Emitted when the field value is updated.\n     * @legacyEvent\n     */\n    @Event() input: EventEmitter<IEventDetail>;\n\n    /**\n     * Emitted when the field loses focus after the value has been changed.\n     * @legacyEvent\n     */\n    @Event() change: EventEmitter<IEventDetail>;\n\n    /**\n     * Emitted when the field value is cleared.\n     *\n     * Requires the `clearable` prop to be set to `true`.\n     */\n    @Event() clear: EventEmitter<undefined>;\n\n    /**\n     * Emitted when the field value is formatted.\n     */\n    @Event() formatted: EventEmitter<IFormatterValueObject>;\n\n    /**\n     * Emitted when the validation is updated.\n     * @legacyEvent\n     */\n    @Event() invalid: EventEmitter<IEventDetail>;\n\n    ///// ACTIONS ////////\n\n    onToggleVisibility = () => {\n        this.hostElement.dispatchEvent(new FocusEvent('focus'));\n        this.textHidden = !this.textHidden;\n    };\n\n    onInputClick = () => {\n        if (this.shouldCursorStayAtEnd) this.placeCursorAtEnd();\n    };\n\n    onInputFocus = () => {\n        if (this.inputField.tagName === 'INPUT') {\n            this.scheduledAfterRender.push(() =>\n                this.shouldCursorStartAtEnd\n                    ? this.placeCursorAtEnd()\n                    : this.setCursorPosition(this.calculateCursorPositionOnFocus())\n            );\n        }\n        this.hasFocus = true;\n        setMessageHeight(this);\n        this.valueOnFocus = this.value;\n    };\n\n    onInputBlur = () => {\n        this.hasFocus = false;\n        setMessageHeight(this);\n        if (this.valueOnFocus !== this.formattedValueObject.value) {\n            this.valueOnFocus = this.formattedValueObject.value;\n            this.change.emit({\n                value: this.formattedValueObject.value,\n                formattedValue: this.formattedValueObject.fullyFormattedValue,\n                minFormattedLength: this.formattedValueObject.minFormattedLength,\n                ...(this.formattedValueObject.type && { type: this.formattedValueObject.type }),\n            });\n        }\n    };\n\n    onInputInput = (event: InputEvent) => {\n        event.stopPropagation();\n        if (this.type === 'currency') this.handleCurrencyDeletion(event);\n        const newFormattedValue = this.getFormattedValue((event.target as HTMLInputElement).value, false);\n        this.handleDataInput(newFormattedValue);\n        this.validateInput();\n    };\n\n    handleCurrencyDeletion(event: InputEvent) {\n        // Don't do anything if text was selected for deletion\n        if (this.textSelectedForDeletion) {\n            this.textSelectedForDeletion = false;\n            return;\n        }\n        // We only care about \"Backspace\" and \"Delete\" events\n        if (event.inputType !== 'deleteContentBackward' && event.inputType !== 'deleteContentForward') return;\n\n        const input = event.target as HTMLInputElement;\n        const cursorPosition = input.selectionStart;\n        const { formattedValue } = this.formattedValueObject;\n\n        if (cursorPosition === null) return;\n\n        let cursorMap;\n        switch (event.inputType) {\n            case 'deleteContentBackward':\n                const valueBeforeCursor = formattedValue.substring(0, cursorPosition + 1);\n                const isPrevCharAlphaNum = /[a-zA-Z0-9]$/.test(valueBeforeCursor);\n                cursorMap = {\n                    leftIndex: isPrevCharAlphaNum ? cursorPosition : cursorPosition - 1,\n                    rightIndex: isPrevCharAlphaNum ? cursorPosition + 1 : cursorPosition,\n                    afterCursorOffset: 0,\n                    newCursorOffset: 1,\n                };\n                break;\n            case 'deleteContentForward':\n                const valueAfterCursor = formattedValue.substring(cursorPosition);\n                const isNextCharAlphaNum = /^[a-zA-Z0-9]/.test(valueAfterCursor);\n                cursorMap = {\n                    leftIndex: isNextCharAlphaNum ? cursorPosition : cursorPosition + 1,\n                    rightIndex: isNextCharAlphaNum ? cursorPosition + 1 : cursorPosition + 2,\n                    afterCursorOffset: 1,\n                    newCursorOffset: 0,\n                };\n                break;\n            default:\n                return;\n        }\n\n        // Ensure the cursor doesn't move with a newly formatted value\n        const newValue = [\n            formattedValue.substring(0, cursorMap.leftIndex),\n            formattedValue.substring(cursorMap.rightIndex),\n        ].join('');\n        const charactersAfterCursor = formattedValue.length - cursorPosition - cursorMap.afterCursorOffset;\n        const newFormattedValue = this.getFormattedValue(newValue, false).formattedValue;\n        const newCursorPosition = Math.max(\n            newFormattedValue.length - charactersAfterCursor + cursorMap.newCursorOffset,\n            0\n        );\n\n        input.value = newFormattedValue;\n        input.setSelectionRange(newCursorPosition, newCursorPosition);\n\n        // This handles a runtime issue when a character is deleted from the beginning of the input\n        if (newCursorPosition === 0) {\n            nextPaint(() => input.setSelectionRange(newCursorPosition, newCursorPosition));\n        }\n    }\n\n    onInputPaste = (event: ClipboardEvent) => {\n        if (this.type === 'currency') {\n            const clipboardData = event.clipboardData.getData('text');\n            const newFormattedValue = this.getFormattedValue(clipboardData, true);\n            event.preventDefault();\n            this.handleDataInput(newFormattedValue);\n        }\n    };\n\n    handleDataInput(newFormattedValue: IFormatterValueObject) {\n        if (\n            this.maxlength === undefined ||\n            newFormattedValue.unformattedValue.length <= this.maxlength ||\n            newFormattedValue.unformattedValue.length <= this.formattedValueObject.unformattedValue.length\n        ) {\n            this.formattedValueObject = newFormattedValue;\n        } else if (this.maxlength) {\n            newFormattedValue = this.getFormattedValue(\n                newFormattedValue.unformattedValue.substring(0, this.maxlength),\n                false\n            );\n            this.formattedValueObject = newFormattedValue;\n        }\n        this.handleValueAndCursor();\n    }\n\n    handleValueAndCursor = () => {\n        // ORDER IMPORTANT:  calculate cursor position -> set value -> set cursor position\n        const cursorPosition = this.calculateCursorPositionOnInput();\n        // when type=number: returns only valid decimal on input event, should not update itself (e.g. typing \"1.\" )\n        if (this.type !== 'number') this.inputField.value = this.formattedValueObject.formattedValue;\n        this.input.emit({\n            value: this.formattedValueObject.value,\n            formattedValue: this.formattedValueObject.fullyFormattedValue,\n            minFormattedLength: this.formattedValueObject.minFormattedLength,\n            ...(this.formattedValueObject.type && { type: this.formattedValueObject.type }),\n        });\n        if (!this.formattedValueObject.value) {\n            this.clear.emit();\n        }\n        this.setCursorPosition(cursorPosition);\n    };\n\n    // Sets textSelectedForDeletion to true if the user has selected text for deletion\n    // This is used to prevent other logic from running when text is deleted\n    handleCurrencyKeydown = (event: KeyboardEvent) => {\n        if (event.key !== 'Backspace' && event.key !== 'Delete') return;\n        const inputElement = this.inputField;\n        this.textSelectedForDeletion = inputElement.selectionStart !== inputElement.selectionEnd;\n    };\n\n    onInputKeydown = (event: KeyboardEvent) => {\n        const keysThatMoveCursor = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'];\n        const { key } = event;\n\n        if (this.type === 'currency') this.handleCurrencyKeydown(event);\n        if (this.shouldCursorStayAtEnd && keysThatMoveCursor.includes(key)) event.preventDefault();\n        if (key === 'Enter' && this.valueOnFocus !== this.formattedValueObject.value) {\n            this.valueOnFocus = this.formattedValueObject.value;\n            this.change.emit({\n                value: this.formattedValueObject.value,\n                formattedValue: this.formattedValueObject.fullyFormattedValue,\n                minFormattedLength: this.formattedValueObject.minFormattedLength,\n                ...(this.formattedValueObject.type && { type: this.formattedValueObject.type }),\n            });\n        }\n    };\n\n    onClearInput = () => {\n        const eventDetail = {\n            value: '',\n            formattedValue: '',\n            minFormattedLength: this.formattedValueObject.minFormattedLength,\n        };\n        this.input.emit(eventDetail);\n        this.change.emit(eventDetail);\n        this.clear.emit();\n        this.inputField.focus();\n    };\n\n    onRefocusInput = () => {\n        if (this.showMessages) {\n            this.inputField.focus();\n            setMessageHeight(this);\n        }\n    };\n\n    validateInput = () => {\n        this.validity = this.inputRef?.validity;\n        if (this.validity?.valid === false) {\n            this.invalid.emit();\n        }\n    };\n\n    /////// VIEW METHODS ///////\n\n    render() {\n        return (\n            <div class={this.wrapperClasses}>\n                <div class=\"label-wrapper\">\n                    {labelDOM(this)}\n                    {this.countDOM()}\n                </div>\n                {this.inputContainerDOM()}\n                {messagesDOM(this)}\n            </div>\n        );\n    }\n\n    countDOM() {\n        if (!this.showCount) return;\n        const { maxlength, formattedValueObject } = this;\n\n        return (\n            <div class=\"count-tag\">\n                {formattedValueObject.unformattedValue.length}\n                {maxlength && `/${maxlength}`}\n            </div>\n        );\n    }\n\n    /* tslint:disable:cyclomatic-complexity */\n    inputContainerDOM() {\n        const { hasInputLeftSlot, hasInputRightSlot } = this;\n        return (\n            <div\n                class=\"input-container\"\n                tabindex={-1}\n                test-id=\"inputContainer\"\n            >\n                <div class=\"input-icons-container-left\">\n                    {this.formattedValueObject.prefix && (\n                        <div class=\"input-prefix\">{this.formattedValueObject.prefix}</div>\n                    )}\n                    {this.computedIconLeft && (\n                        <div>\n                            <q2-icon\n                                type={this.computedIconLeft}\n                                class={this.computedClassForIconLeft}\n                            />\n                        </div>\n                    )}\n                    {hasInputLeftSlot && <slot name=\"input-left\" />}\n                    {this.showIconSeparator && <div class=\"vertical-separator\" />}\n                    {this.hasError && this.type === 'currency' && (\n                        <div\n                            test-id=\"divIconError\"\n                            onClick={this.onRefocusInput}\n                        >\n                            <q2-icon\n                                type=\"error\"\n                                class=\"icon-error\"\n                                test-id=\"iconError\"\n                            />\n                        </div>\n                    )}\n                </div>\n                {this.pseudo ? this.pseudoInputDOM() : this.standardInputDOM()}\n                <div class=\"input-icons-container-right\">\n                    <q2-btn\n                        class={this.clearClasses.join(' ')}\n                        ariaLabel={loc('tecton.element.input.clear', [this.label])}\n                        test-id=\"clearButton\"\n                        onClick={this.onClearInput}\n                    >\n                        <q2-icon\n                            type=\"close\"\n                            class=\"icon-clear\"\n                        />\n                    </q2-btn>\n                    {['password', 'text', 'ssn', 'tin'].includes(this.type) && this.showVisibilityToggle && (\n                        <q2-btn\n                            class=\"btn-visibility-toggle\"\n                            test-id=\"toggleVisibilityButton\"\n                            onClick={this.onToggleVisibility}\n                            label={loc(this.visibilityToggleAriaLabel, { label: this.label })}\n                            hide-label={true}\n                        >\n                            {this.visibilityToggleText}\n                        </q2-btn>\n                    )}\n                    {this.formattedValueObject.suffix && (\n                        <span class=\"input-suffix\">{this.formattedValueObject.suffix}</span>\n                    )}\n                    {this.badgeValue && (\n                        <q2-badge\n                            size=\"large\"\n                            theme={this.badgeTheme}\n                        >\n                            {this.badgeValue}\n                        </q2-badge>\n                    )}\n                    {this.hasError && this.type !== 'currency' && (\n                        <div\n                            test-id=\"divIconError\"\n                            onClick={this.onRefocusInput}\n                        >\n                            <q2-icon\n                                type=\"error\"\n                                class=\"icon-error\"\n                                test-id=\"iconError\"\n                            />\n                        </div>\n                    )}\n                    {this.iconRight && !this.formattedValueObject.suffix && (\n                        <div>\n                            <q2-icon\n                                type={this.iconRight}\n                                class=\"icon-right\"\n                            />\n                        </div>\n                    )}\n                    {hasInputRightSlot && <slot name=\"input-right\" />}\n                </div>\n            </div>\n        );\n    }\n    /* tslint:enable:cyclomatic-complexity */\n\n    /* tslint:disable:cyclomatic-complexity */\n    standardInputDOM() {\n        const { hasCustomDisplaySlot } = this;\n        const inputClasses = ['input-field'];\n        const { ariaOwns, ariaHaspopup, ariaExpanded, ariaActivedescendant } = this.ariaAttributes;\n        if (hasCustomDisplaySlot) inputClasses.push('sr');\n        return (\n            <Fragment>\n                {hasCustomDisplaySlot && (\n                    <div class=\"custom-display-container\">\n                        <slot name=\"custom-display\"></slot>\n                    </div>\n                )}\n                <input\n                    ref={el => (this.inputRef = el)}\n                    class={inputClasses.join(' ')}\n                    id={this.inputId}\n                    type={this.computedType}\n                    size={this.formattedValueObject.prefix ? 10 : undefined}\n                    max={this.max}\n                    min={this.min}\n                    step={this.step}\n                    aria-current={this.current || undefined}\n                    aria-describedby={this.inputDescribedBy}\n                    aria-required={`${!this.optional}`}\n                    aria-invalid={`${this.hasError}`}\n                    aria-owns={ariaOwns}\n                    aria-haspopup={ariaHaspopup}\n                    aria-expanded={ariaExpanded}\n                    aria-activedescendant={ariaActivedescendant}\n                    autocomplete={this.computedAutocomplete}\n                    autocapitalize={this.autocapitalize}\n                    autocorrect={this.autocorrect === 'on' ? 'on' : 'off'}\n                    autofocus={this.autofocus}\n                    placeholder={(this.placeholder && loc(this.placeholder)) || undefined}\n                    role={this._role}\n                    test-id=\"inputField\"\n                    readonly={this.readonly || this._preventEntry}\n                    disabled={!!this.disabled}\n                    onFocus={this.onInputFocus}\n                    onBlur={this.onInputBlur}\n                    onClick={this.onInputClick}\n                    onKeyDown={this.onInputKeydown}\n                    onInput={this.onInputInput}\n                    onPaste={this.onInputPaste}\n                    inputmode={this.inputMode}\n                    pattern={this.pattern || undefined}\n                />\n            </Fragment>\n        );\n    }\n    /* tslint:enable:cyclomatic-complexity */\n\n    pseudoInputDOM() {\n        const showPlaceholder = !this.value && !!this.placeholder;\n        const { ariaOwns, ariaHaspopup, ariaExpanded, ariaActivedescendant } = this.ariaAttributes;\n\n        return (\n            <div class=\"pseudo-input-container\">\n                <button\n                    class=\"input-field\"\n                    type=\"button\"\n                    id={this.inputId}\n                    aria-describedby={this.inputDescribedBy}\n                    aria-invalid={`${this.hasError}`}\n                    aria-owns={ariaOwns}\n                    aria-haspopup={ariaHaspopup}\n                    aria-expanded={ariaExpanded}\n                    aria-activedescendant={ariaActivedescendant}\n                    role={(this.role && `${this.role}`) || 'textbox'}\n                    disabled={!!this.disabled}\n                    test-id=\"q2InputInnerClearButton\"\n                    onFocus={this.onInputFocus}\n                    onBlur={this.onInputBlur}\n                >\n                    <div class=\"custom-display-container\">\n                        <slot name=\"custom-display\">\n                            <span class={showPlaceholder ? 'placeholder-text' : ''}>\n                                {showPlaceholder ? this.placeholder : this.value}\n                            </span>\n                        </slot>\n                    </div>\n                </button>\n            </div>\n        );\n    }\n\n    placeCursorAtEnd() {\n        const { inputField } = this;\n        inputField.selectionStart = inputField.selectionEnd = inputField.value.length;\n    }\n\n    calculateCursorPositionOnInput(): ICursorData {\n        const input = this.inputField;\n        const formattedLength = this.formattedValueObject.formattedValue.length;\n        const currentValueLength = input.value.length;\n        const defaultPosition = this.type === 'currency' ? formattedLength : 0;\n        return {\n            startingPosition: (input && input.selectionStart) || defaultPosition,\n            valueLength: formattedLength,\n            previousValueLength: input && currentValueLength,\n            hasSelection: false,\n        };\n    }\n\n    calculateCursorPositionOnFocus(): ICursorData {\n        const { inputField } = this;\n        const valueLength = inputField?.value?.length ?? 0;\n        const startingPosition = inputField?.selectionStart ?? valueLength;\n\n        return {\n            startingPosition,\n            valueLength,\n            previousValueLength: valueLength,\n            hasSelection: getSelection().toString().length > 0,\n        };\n    }\n\n    setCursorPosition(cursorData: ICursorData) {\n        if (this.canSetSelection && !cursorData.hasSelection) {\n            const input = this.inputField;\n            const { valueLength, previousValueLength, startingPosition } = cursorData;\n\n            if (this.type === 'currency') {\n                if (previousValueLength - valueLength === 1) {\n                    input.setSelectionRange(startingPosition - 1, startingPosition - 1);\n                } else {\n                    const difference = previousValueLength - valueLength;\n                    input.setSelectionRange(startingPosition - difference, startingPosition - difference);\n                }\n            }\n\n            if (this.type !== 'currency') {\n                const difference = valueLength - previousValueLength;\n                // Never allow the cursor to move in reverse\n                const newPosition = startingPosition + (difference > 0 ? difference : 0);\n                input.setSelectionRange(newPosition, newPosition);\n            }\n        }\n    }\n}\n"]}

package/dist/collection/components/q2-item/q2-item.js

@@ -98,7 +98,7 @@ export class Q2Item {
     // #region Render methods
     render() {
         const { clickable } = this;
-        return (h("div", { key: 'e47a8eca70918d8b62cd3122d7644545deecf980', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: 'c9a92c8cb52de32d6f1ada5a18568fe9c725d228', class: this.bulletClasses }, h("slot", { key: 'ff2e786d4e87b3007a9cdef5e542032b539bafe7', name: "bullet" }))), h("div", { key: '5eabdf0c77e39b3122a6175b0345de03835d2268', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: 'a896ca8f38e6e74fe103301f627b2fd89af5dfe6', class: "header" }, h("slot", { key: '74bf5817d988bb2ff071b87fe4f38839139e4e6b', name: "header" }))), this.hasBodySlotContent && (h("div", { key: '054dd186f287e72263d1a4bdcc14d5f1bafc17ce', class: "body" }, h("slot", { key: 'eaeec1e3dfb76e488dad07cb6f54ddc47c62fe4c', name: "body" })))), this.hasActionSlotContent && (h("div", { key: 'aa7917a7ff6873210b2f847b0b3c6ee4f14b960d', class: this.actionClasses }, h("slot", { key: '4c7d248e21810ee0af44421161ed5bb64ee259d1', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: '1e129f8c181f6d2d11fafd1fad67733ffd4b07cc', class: this.footerClasses }, h("slot", { key: '4b677f2888bbb65b525a6603b9f7e4e4d1f8f8bf', name: "footer" })))));
+        return (h("div", { key: 'ce737f24d1ef503c916c69cc05289e7a4515e2f5', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: 'a881a9cf8ba8f6476cb6d059feefc8372fdd3812', class: this.bulletClasses }, h("slot", { key: '65e691900697671c596f5dc7d6153fb61de2cf76', name: "bullet" }))), h("div", { key: 'fa160b4955d806674069e0be8bc58b873720d43e', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: 'abf0b9a23d1c8f0ed60d79979821feb7d8549970', class: "header" }, h("slot", { key: '02c2fff60bcd138da194417725f91c4a60f6536d', name: "header" }))), this.hasBodySlotContent && (h("div", { key: '0152eb33c1e50b4d21f2f2d17e1a54f87a95cd9a', class: "body" }, h("slot", { key: '6f902b7116b90e67cd1c320a83dc0ced5d4d5307', name: "body" })))), this.hasActionSlotContent && (h("div", { key: '82a7da347afd34c7a8d8cc2d806700d7fa911e88', class: this.actionClasses }, h("slot", { key: 'a863cbc215f1e3d67bc40b58e348281d0ab336e9', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: '3258a9d72fa42ef630ab1dbad84d7248ba9a907c', class: this.footerClasses }, h("slot", { key: '6ddf529a02ed675990446ed5aff94212417eb21f', name: "footer" })))));
     }
     static get is() { return "q2-item"; }
     static get encapsulation() { return "shadow"; }