q2-tecton-elements 1.60.3 → 1.61.0

package/dist/esm/q2-input.entry.js

@@ -0,0 +1,3554 @@
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-CGkHOjh1.js';
+import { c as createGuid, j as isMobile, s as setMessageHeight, e as handleAriaLabel, o as overrideFocus, a as isEventFromElement, v as getAriaValueFromProp, h as hasSlotContent, l as loc, n as nextPaint, r as renderLabel, g as renderMessages } from './index-LNnzUeDP.js';
+
+function formatNumber(val = '', options = {
+    prefix: '',
+    suffix: '',
+    decimals: 0,
+    decimalSeparator: '.',
+    thousandsSeparator: '',
+    allowDecimal: false,
+    allowNegative: true,
+}, explicit = false) {
+    const isNegative = val[0] === '-';
+    let value = val;
+    const allowDecimal = !!options.allowDecimal && !!options.decimals;
+    if (explicit) {
+        const parsedValue = value.replace(/[^\d.]/g, '');
+        value = (parsedValue && Number(parsedValue).toFixed(allowDecimal ? options.decimals : 0)) || '';
+    }
+    value = value.replace(/[^\d]/g, '');
+    let { integerString, decimalString } = splitValue(value, allowDecimal, options.decimals);
+    // define decimalString
+    let decimalSeparator = options.decimalSeparator;
+    if (!allowDecimal) {
+        decimalSeparator = '';
+        decimalString = '';
+    }
+    // define negative
+    const negativeSymbol = options.allowNegative && isNegative ? '-' : '';
+    value = `${negativeSymbol}${integerString}${decimalSeparator}${decimalString}`;
+    // format integerString
+    integerString = integerString.replace(/\B(?=(\d{3})+(?!\d))/g, options.thousandsSeparator);
+    const formattedValue = negativeSymbol || integerString ? `${negativeSymbol}${integerString}${decimalSeparator}${decimalString}` : '';
+    const fullyFormattedValue = negativeSymbol || integerString
+        ? `${negativeSymbol}${options.prefix}${integerString}${decimalSeparator}${decimalString}${options.suffix}`
+        : '';
+    let formattingCharacterCount = formattedValue.length - value.length;
+    if (decimalSeparator) {
+        formattingCharacterCount = formattingCharacterCount + options.decimalSeparator.length;
+    }
+    const prefix = options.prefix || options.suffix;
+    const maxlength = Number.MAX_SAFE_INTEGER.toString().length + formattingCharacterCount + decimalString.length;
+    const unformattedValue = `${integerString.replace(/[^0-9]/g, '')}${decimalString}`.replace(/^0+/, '');
+    return {
+        value,
+        formattedValue,
+        fullyFormattedValue,
+        prefix,
+        suffix: '',
+        formattingCharacterCount,
+        maxlength,
+        unformattedValue,
+    };
+}
+function splitValue(value, allowDecimal = false, decimals) {
+    if (!allowDecimal) {
+        return {
+            integerString: value,
+            decimalString: '',
+        };
+    }
+    const splitIndex = value.length - decimals;
+    let integerString = value.substring(0, splitIndex).padStart(1, '0');
+    if (integerString.length > 1 && integerString[0] === '0') {
+        integerString = integerString.substring(1);
+    }
+    const decimalString = value.substring(splitIndex).padStart(decimals, '0');
+    return {
+        integerString,
+        decimalString,
+    };
+}
+
+function formatValue(value = '', mask = '', options) {
+    const prefix = (options && options.prefix) || '';
+    const suffix = (options && options.suffix) || '';
+    if (!value || !mask) {
+        const fullyFormattedValue = `${prefix}${value}${suffix}`;
+        return {
+            value,
+            formattedValue: value,
+            fullyFormattedValue,
+            prefix: prefix.trim() || suffix.trim(),
+            formattingCharacterCount: 0,
+            unformattedValue: value,
+        };
+    }
+    const { unformattedValue, formattedValue, formattingCharacterCount } = generateMask(value, mask);
+    const fullyFormattedValue = `${prefix}${formattedValue}${suffix}`;
+    const maxlength = mask.length;
+    const minFormattedLength = getMinimumFormattedLength(mask, prefix, suffix);
+    return {
+        value: unformattedValue,
+        formattedValue,
+        fullyFormattedValue,
+        prefix: prefix.trim() || suffix.trim(),
+        formattingCharacterCount,
+        maxlength,
+        minFormattedLength,
+        unformattedValue,
+    };
+}
+const optionalValidatingChars = ['?'];
+function isOptionalValidatingChar(character) {
+    return optionalValidatingChars.includes(character);
+}
+const knownValidatingChars = ['#', '@', '*', ...optionalValidatingChars];
+function isKnownValidatingChar(character) {
+    return knownValidatingChars.includes(character);
+}
+function getStaticFormattingChars(mask) {
+    const knownChars = knownValidatingChars.join('|');
+    const formattingChars = mask.replace(new RegExp(`[${knownChars}]`, 'g'), '').split('');
+    return new Set(formattingChars);
+}
+function isStaticFormattingChar(character, formattingChars) {
+    return formattingChars.has(character);
+}
+function getValidatedChar(char, matcher) {
+    switch (matcher) {
+        case '#':
+            char = char.replace(/[^\d]/g, '');
+            break;
+        case '@':
+            char = char.toUpperCase().replace(/[^A-Z]+/g, ''); // allows only upper case
+            break;
+        case '*':
+            char = char.toUpperCase().replace(/[^\dA-Z]+/g, '');
+            break;
+        case '?':
+            char = char.replace(/[^\d]/g, '');
+            break;
+        default:
+            return char;
+    }
+    return char;
+}
+function generateMask(value, mask) {
+    const maskArray = mask.split('');
+    const formattingChars = getStaticFormattingChars(mask);
+    let currentValueIndex = 0;
+    let formattingCharacterCount = 0;
+    let unformattedValue = '';
+    const formattedValue = maskArray.reduce((acc, character) => {
+        if (currentValueIndex >= value.length) {
+            return acc;
+        }
+        if (isOptionalValidatingChar(character) && isStaticFormattingChar(value[currentValueIndex], formattingChars)) {
+            return acc;
+        }
+        if (isKnownValidatingChar(character)) {
+            // Step value index if formatting character pushed out of place by user input
+            currentValueIndex = getNextNonFormattingCharIndex(value, currentValueIndex, formattingChars);
+            if (currentValueIndex >= value.length) {
+                return acc;
+            }
+            const validChar = getValidatedChar(value[currentValueIndex], character);
+            acc += validChar;
+            unformattedValue += validChar;
+            currentValueIndex++;
+        }
+        else {
+            // Static formatting characters added directly to formatted string
+            acc += character;
+            formattingCharacterCount++;
+            if (character === value[currentValueIndex]) {
+                // Continue to walk value if next value at this index matches formatting character
+                currentValueIndex++;
+            }
+        }
+        return acc;
+    }, '');
+    return {
+        unformattedValue,
+        formattedValue,
+        formattingCharacterCount,
+    };
+}
+function getNextNonFormattingCharIndex(value, currentValueIndex, formattingChars) {
+    if (isStaticFormattingChar(value[currentValueIndex], formattingChars)) {
+        currentValueIndex++;
+        return getNextNonFormattingCharIndex(value, currentValueIndex, formattingChars);
+    }
+    return currentValueIndex;
+}
+function getMinimumFormattedLength(mask, prefix, suffix) {
+    return (mask.replace(new RegExp(`[${optionalValidatingChars.join('|')}]`, 'g'), '').length +
+        prefix.length +
+        suffix.length);
+}
+
+// decimal data source:  http://www.iso.org/iso/home/standards/currency_codes.htm  09/Nov/2016
+const currencyFormats = {
+    AED: {
+        prefix: '',
+        suffix: 'د.إ',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '9,999.99د.إ'
+    AFN: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.99'
+    ALL: {
+        prefix: 'L',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'L9,999.99'
+    AMD: {
+        prefix: 'դր.',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'դր.9,999.99'
+    ANG: {
+        prefix: 'ƒ',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'ƒ9,999.99'
+    AOA: {
+        prefix: 'Kz',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Kz9,999.99'
+    ARS: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    AUD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    AWG: {
+        prefix: 'ƒ',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'ƒ9,999.99'
+    AZN: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.99'
+    BAM: {
+        prefix: 'КМ',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'КМ9,999.99'
+    BBD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    BDT: {
+        prefix: '৳',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '৳9,999.99'
+    BGN: {
+        prefix: '৳',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '৳9,999.99'
+    BHD: {
+        prefix: '',
+        suffix: 'ب.د',
+        decimals: 3,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '9,999.999ب.د'
+    BIF: {
+        prefix: 'Fr',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Fr9,999'
+    BMD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    BND: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    BOB: {
+        prefix: 'Bs.',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Bs.9,999.99'
+    BRL: {
+        prefix: 'R$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'R$9,999.99'
+    BSD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    BTN: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.99'
+    BWP: {
+        prefix: 'P',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'P9,999.99'
+    BYN: {
+        prefix: 'Br',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Br9,999'
+    BZD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    CAD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    CDF: {
+        prefix: 'Fr',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Fr9,999.99'
+    CHF: {
+        prefix: 'Fr',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Fr9,999.99'
+    CLF: {
+        prefix: 'Fr',
+        suffix: '',
+        decimals: 4,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Fr9.999.9999'
+    CLP: {
+        prefix: '$',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999'
+    CNY: {
+        prefix: '¥',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¥9,999.99'
+    COP: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    CRC: {
+        prefix: '₡',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₡9,999.99'
+    CUC: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    CUP: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    CVE: {
+        prefix: '$',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999'
+    CZK: {
+        prefix: 'Kč',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Kč9,999.99'
+    DJF: {
+        prefix: 'Fr',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Fr9,999'
+    DKK: {
+        prefix: 'kr',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'kr9,999.99'
+    DOP: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    DZD: {
+        prefix: '',
+        suffix: 'د.ج',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '9,999.99د.ج'
+    EEK: {
+        prefix: 'KR',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'KR9,999.99'
+    EGP: {
+        prefix: '£',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '£9,999.99'
+    ERN: {
+        prefix: 'Nfk',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Nfk9,999.99'
+    ETB: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.99'
+    EUR: {
+        prefix: '€',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '€9,999.99'
+    FJD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    FKP: {
+        prefix: '£',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '£9,999.99'
+    GBP: {
+        prefix: '£',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '£9,999.99'
+    GEL: {
+        prefix: 'ლ',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'ლ9,999.99'
+    GHS: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.99'
+    GIP: {
+        prefix: '£',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '£9,999.99'
+    GMD: {
+        prefix: 'D',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'D9,999.99'
+    GNF: {
+        prefix: 'Fr',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Fr9,999'
+    GTQ: {
+        prefix: 'Q',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Q9,999.99'
+    GYD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    HKD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.9'
+    HNL: {
+        prefix: 'L',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'L9,999.99'
+    HRK: {
+        prefix: 'kn',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'kn9,999.99'
+    HTG: {
+        prefix: 'G',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'G9,999.99'
+    HUF: {
+        prefix: 'Ft',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Ft9,999.99'
+    IDR: {
+        prefix: 'Rs',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Rs9,999.99'
+    ILS: {
+        prefix: '₪',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₪9,999.99'
+    INR: {
+        prefix: '₨',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₨9,999.99'
+    IQD: {
+        prefix: '',
+        suffix: 'ع.د',
+        decimals: 3,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '9,999.999ع.د'
+    IRR: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.99'
+    ISK: {
+        prefix: 'kr',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'kr9,999'
+    JMD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    JOD: {
+        prefix: '',
+        suffix: 'د.ا',
+        decimals: 3,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '9,999.99د.ا'
+    JPY: {
+        prefix: '¥',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¥9,999'
+    KES: {
+        prefix: 'Sh',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Sh9,999.99'
+    KGS: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.99'
+    KHR: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.99'
+    KMF: {
+        prefix: 'Fr',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Fr9,999'
+    KPW: {
+        prefix: '₩',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₩9,999.99'
+    KRW: {
+        prefix: '₩',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₩9,999.99'
+    KWD: {
+        prefix: 'د.ك',
+        suffix: '',
+        decimals: 3,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '9,999.999د.ك'
+    KYD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    KZT: {
+        prefix: '〒',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '〒9,999.99'
+    LAK: {
+        prefix: '₭',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₭9,999.99'
+    LBP: {
+        prefix: '',
+        suffix: 'ل.ل',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'ل.ل9,999.99'
+    LKR: {
+        prefix: 'Rs',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Rs9,999.99'
+    LRD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    LSL: {
+        prefix: 'L',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'L9,999.99'
+    LTL: {
+        prefix: 'Lt',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Lt9,999.99'
+    LVL: {
+        prefix: 'Ls',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Ls9,999.99'
+    LYD: {
+        prefix: '',
+        suffix: 'ل.د',
+        decimals: 3,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '9,999.999ل.د'
+    MAD: {
+        prefix: '',
+        suffix: 'د.م.',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '9,999.99د.م.'
+    MDL: {
+        prefix: 'L',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'L9,999.99'
+    MGA: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 1,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.9'
+    MKD: {
+        prefix: 'ден',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'ден9,999.99'
+    MMK: {
+        prefix: 'K',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'K9,999.99'
+    MNT: {
+        prefix: '₮',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₮9,999.99'
+    MOP: {
+        prefix: 'P',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'P9,999.99'
+    MRU: {
+        prefix: 'UM',
+        suffix: '',
+        decimals: 1,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'UM9,999.9'
+    MUR: {
+        prefix: '₨',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₨9,999.99'
+    MVR: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.99'
+    MWK: {
+        prefix: 'MK',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'MK9,999.99'
+    MXN: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    MYR: {
+        prefix: 'RM',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'RM9,999.99'
+    MZN: {
+        prefix: 'MTn',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'MTn9,999.99'
+    NAD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    NGN: {
+        prefix: '₦',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₦9,999.99'
+    NIO: {
+        prefix: 'C$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'C$9,999.99'
+    NOK: {
+        prefix: 'kr',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'kr9,999.99'
+    NPR: {
+        prefix: '₨',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₨9,999.99'
+    NZD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    OMR: {
+        prefix: '',
+        suffix: 'ر.ع.',
+        decimals: 3,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '9,999.999ر.ع.'
+    PAB: {
+        prefix: 'B/.',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'B/.9,999.99'
+    PEN: {
+        prefix: 'S/.',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'S/.9,999.99'
+    PGK: {
+        prefix: 'K',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'K9,999.99'
+    PHP: {
+        prefix: 'p',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'p9,999.99'
+    PKR: {
+        prefix: '₨',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₨9,999.99'
+    PLN: {
+        prefix: 'zł',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'zł9,999.99'
+    PYG: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999'
+    QAR: {
+        prefix: '',
+        suffix: 'ر.ق',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '9,999.99ر.ق'
+    RON: {
+        prefix: 'L',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'L9,999.99'
+    RSD: {
+        prefix: 'дин.',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'дин.9,999.99'
+    RUB: {
+        prefix: 'руб.',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'руб.9,999.99'
+    RWF: {
+        prefix: 'Fr',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Fr9,999'
+    SAR: {
+        prefix: '',
+        suffix: 'ر.س',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '9,999.99ر.س'
+    SBD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    SCR: {
+        prefix: '₨',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₨9,999.99'
+    SDG: {
+        prefix: '£',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '£9,999.99'
+    SEK: {
+        prefix: 'kr',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'kr9,999.99'
+    SGD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    SHP: {
+        prefix: '£',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '£9,999.99'
+    SKK: {
+        prefix: 'Sk',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Sk9,999.99'
+    SLL: {
+        prefix: 'Le',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Le9,999.99'
+    SOS: {
+        prefix: 'Sh',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Sh9,999.99'
+    SRD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    STN: {
+        prefix: 'Db',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Db9,999.99'
+    SVC: {
+        prefix: '₡',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₡9,999.99'
+    SYP: {
+        prefix: '£',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '£9,999.99'
+    SZL: {
+        prefix: 'L',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'L9,999.99'
+    THB: {
+        prefix: '฿',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '฿9,999.99'
+    TJS: {
+        prefix: 'ЅМ',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'ЅМ9,999.99'
+    TMM: {
+        prefix: 'm',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'm9,999.99'
+    TND: {
+        prefix: '',
+        suffix: 'د.ت',
+        decimals: 3,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '9,999.999د.ت'
+    TOP: {
+        prefix: 'T$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'T$9,999.99'
+    TRY: {
+        prefix: 'YTL',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'YTL9,999.99'
+    TTD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    TWD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    TZS: {
+        prefix: 'Sh',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Sh9,999.99'
+    UAH: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.99'
+    UGX: {
+        prefix: 'Sh',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Sh9,999'
+    USD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    UYU: {
+        prefix: '$',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999'
+    UZS: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.99'
+    VEF: {
+        prefix: 'Bs F',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Bs F9,999.99'
+    VND: {
+        prefix: '₫',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '₫9,999'
+    VUV: {
+        prefix: 'Vt',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Vt9,999'
+    WST: {
+        prefix: 'T',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'T9,999.99'
+    XAF: {
+        prefix: 'Fr',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Fr9,999'
+    XCD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+    XOF: {
+        prefix: 'Fr',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Fr9,999'
+    XPF: {
+        prefix: 'Fr',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'Fr9,999'
+    YER: {
+        prefix: '¤',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '¤9,999.99'
+    ZAR: {
+        prefix: 'R',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'R9,999.99'
+    ZMW: {
+        prefix: 'ZK',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // 'ZK9,999.99'
+    ZWD: {
+        prefix: '$',
+        suffix: '',
+        decimals: 2,
+        decimalSeparator: '.',
+        thousandsSeparator: ',',
+    }, // '$9,999.99'
+};
+function formatCurrency(value, currencyCode = 'USD', explicit = false) {
+    let processedCurrencyCode = currencyCode || '';
+    let allowDecimal = true;
+    if (processedCurrencyCode.includes('-integer')) {
+        processedCurrencyCode = processedCurrencyCode.split('-integer')[0];
+        allowDecimal = false;
+    }
+    const currencyFormat = currencyFormats[processedCurrencyCode];
+    if (!currencyFormat) {
+        return formatValue(value);
+    }
+    const options = Object.assign(Object.assign({}, currencyFormat), { allowDecimal: allowDecimal && currencyFormat.decimals > 0, allowNegative: false });
+    return formatNumber(value, options, explicit);
+}
+
+const phoneNumberFormats = {
+    AF: {
+        mask: '(##) #######',
+        prefix: '+93 ',
+    },
+    AL: {
+        mask: '#######',
+        prefix: '+355 ',
+    },
+    DZ: {
+        mask: '(##) ###-###',
+        prefix: '+213 ',
+    },
+    // AS
+    AD: {
+        mask: '(#) #####',
+        prefix: '+376 ',
+    },
+    AO: {
+        mask: '#########',
+        prefix: '+244 ',
+    },
+    AI: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    AG: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    AR: {
+        mask: '##########',
+        prefix: '+54 ',
+    },
+    AM: {
+        mask: '########',
+        prefix: '+375 ',
+    },
+    AQ: {
+        mask: '##-####',
+        prefix: '+672 ',
+    },
+    AW: {
+        mask: '###-####',
+        prefix: '+297 ',
+    },
+    AU: {
+        mask: '(##) ####-####',
+        prefix: '+61 ',
+    },
+    /* AT: {
+        mask:'####?????????',
+        prefix: ''
+    }, */
+    AT: {
+        mask: '#############',
+        prefix: '+43 ',
+    },
+    /* AZ: {
+        mask:'########?',
+        prefix: ''
+    }, */
+    AZ: {
+        mask: '#########',
+        prefix: '+994 ',
+    },
+    BS: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    BH: {
+        mask: '####-####',
+        prefix: '+973 ',
+    },
+    /* BD: {
+        mask:'#######??',
+        prefix: ''
+    }, */
+    BD: {
+        mask: '#########',
+        prefix: '+880 ',
+    },
+    BB: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    BY: {
+        mask: '#########',
+        prefix: '+375 ',
+    },
+    BE: {
+        mask: '########??',
+        prefix: '+32 ',
+    },
+    BZ: {
+        mask: '#######',
+        prefix: '+501 ',
+    },
+    BJ: {
+        mask: '(##) ###-###',
+        prefix: '+229 ',
+    },
+    BM: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    BT: {
+        mask: '(#) ###-###',
+        prefix: '+975 ',
+    },
+    BO: {
+        mask: '(#) ###-####',
+        prefix: '+591 ',
+    },
+    BA: {
+        mask: '(##) ##-##-##',
+        prefix: '+387 ',
+    },
+    /* BW: {
+        mask:'#######?',
+        prefix: ''
+    }, */
+    BW: {
+        mask: '########',
+        prefix: '+267 ',
+    },
+    BR: {
+        mask: '(##) ####-####',
+        prefix: '+55 ',
+    },
+    BN: {
+        mask: '###-####',
+        prefix: '+673 ',
+    },
+    BG: {
+        mask: '#######?',
+        prefix: '+359 ',
+    },
+    BF: {
+        mask: '##-##-##-##',
+        prefix: '+226 ',
+    },
+    BI: {
+        mask: '####-####',
+        prefix: '+257 ',
+    },
+    KH: {
+        mask: '(##) ######',
+        prefix: '+855 ',
+    },
+    CM: {
+        mask: '####-####',
+        prefix: '+237 ',
+    },
+    CA: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    CV: {
+        mask: '###-####',
+        prefix: '+238 ',
+    },
+    KY: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    CF: {
+        mask: '###-###',
+        prefix: '+236 ',
+    },
+    TD: {
+        mask: '###-##-##',
+        prefix: '+235 ',
+    },
+    /* CL: {
+        mask:'########?',
+        prefix: ''
+    }, */
+    CL: {
+        mask: '#########',
+        prefix: '+56 ',
+    },
+    /* CN: {
+        mask:'########???',
+        prefix: ''
+    }, */
+    CN: {
+        mask: '###########',
+        prefix: '+86 ',
+    },
+    /* CO: {
+        mask:'########??',
+        prefix: ''
+    }, */
+    CO: {
+        mask: '##########',
+        prefix: '57 ',
+    },
+    KM: {
+        mask: '###-####',
+        prefix: '+269 ',
+    },
+    CD: {
+        mask: '###-####',
+        prefix: '+243 ',
+    },
+    CG: {
+        mask: '###-####',
+        prefix: '+242 ',
+    },
+    // CK
+    CR: {
+        mask: '####-####',
+        prefix: '+506 ',
+    },
+    CI: {
+        mask: '####-####',
+        prefix: '+225 ',
+    },
+    HR: {
+        mask: '########?',
+        prefix: '+385 ',
+    },
+    /* CU: {
+        mask:'#####?ID:?????',
+        prefix: ''
+    }, */
+    CU: {
+        mask: '###########',
+        prefix: '+53 ',
+    },
+    CY: {
+        mask: '####-####',
+        prefix: '+357 ',
+    },
+    CZ: {
+        mask: '#########',
+        prefix: '+420 ',
+    },
+    DK: {
+        mask: '####-####',
+        prefix: '+45 ',
+    },
+    DJ: {
+        mask: '##-##-##-##',
+        prefix: '+253 ',
+    },
+    DM: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    DO: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    TL: {
+        mask: '###-####',
+        prefix: '+670 ',
+    },
+    EC: {
+        mask: '(##) ###-####',
+        prefix: '+593 ',
+    },
+    /* EG: {
+        mask:'########??',
+        prefix: ''
+    }, */
+    EG: {
+        mask: '##########',
+        prefix: '+20 ',
+    },
+    SV: {
+        mask: '####-####',
+        prefix: '+503 ',
+    },
+    GQ: {
+        mask: '##-####',
+        prefix: '+240 ',
+    },
+    // ER:
+    EE: {
+        mask: '#######?',
+        prefix: '+372 ',
+    },
+    ET: {
+        mask: '(##) ###-####',
+        prefix: '+251 ',
+    },
+    FK: {
+        mask: '#####',
+        prefix: '+500 ',
+    },
+    FO: {
+        mask: '######',
+        prefix: '+298 ',
+    },
+    FJ: {
+        mask: '###-####',
+        prefix: '+679 ',
+    },
+    /* FI: {
+        mask:'#####???????',
+        prefix: ''
+    }, */
+    FI: {
+        mask: '############',
+        prefix: '+358 ',
+    },
+    FR: {
+        mask: '#########',
+        prefix: '+33 ',
+    },
+    /* GF: {
+        mask:'#########?',
+        prefix: ''
+    }, */
+    GF: {
+        mask: '##########',
+        prefix: '+594 ',
+    },
+    PF: {
+        mask: '######',
+        prefix: '+689 ',
+    },
+    GA: {
+        mask: '######?',
+        prefix: '+241 ',
+    },
+    GM: {
+        mask: '###-####',
+        prefix: '+220 ',
+    },
+    GE: {
+        mask: '########?',
+        prefix: '+995 ',
+    },
+    /* DE: {
+        mask:'######?????',
+        prefix: ''
+    }, */
+    DE: {
+        mask: '###########',
+        prefix: '+49 ',
+    },
+    /* GH: {
+        mask:'########?',
+        prefix: ''
+    }, */
+    GH: {
+        mask: '#########',
+        prefix: '+233 ',
+    },
+    GI: {
+        mask: '####-####',
+        prefix: '+350 ',
+    },
+    GR: {
+        mask: '##########',
+        prefix: '+30 ',
+    },
+    GL: {
+        mask: '###-###',
+        prefix: '+299 ',
+    },
+    GD: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    GP: {
+        mask: '##########',
+        prefix: '+590 ',
+    },
+    GU: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    GT: {
+        mask: '####-####',
+        prefix: '+502 ',
+    },
+    GN: {
+        mask: '####-####',
+        prefix: '+224 ',
+    },
+    GW: {
+        mask: '###-####',
+        prefix: '+245 ',
+    },
+    GY: {
+        mask: '(###) ####',
+        prefix: '+592 ',
+    },
+    HK: {
+        mask: '####-####',
+        prefix: '+852 ',
+    },
+    HN: {
+        mask: '########',
+        prefix: '+504 ',
+    },
+    HT: {
+        mask: '####-####',
+        prefix: '+509 ',
+    },
+    HU: {
+        mask: '########??',
+        prefix: '+36 ',
+    },
+    /* IS: {
+        mask:'#######??',
+        prefix: ''
+    }, */
+    IS: {
+        mask: '#########',
+        prefix: '+354 ',
+    },
+    IN: {
+        mask: '##########',
+        prefix: '+91 ',
+    },
+    /* ID: {
+        mask:'#######???',
+        prefix: ''
+    }, */
+    ID: {
+        mask: '#######??????', // allows 7 ~ 13 digits
+        prefix: '+62 ',
+    },
+    IR: {
+        mask: '##########',
+        prefix: '+98 ',
+    },
+    /* IQ: {
+        mask:'########??',
+        prefix: ''
+    }, */
+    IQ: {
+        mask: '##########',
+        prefix: '+964 ',
+    },
+    /* IE: {
+        mask:'#######??',
+        prefix: ''
+    }, */
+    IE: {
+        mask: '#########',
+        prefix: '+353 ',
+    },
+    /* IL: {
+        mask:'########?',
+        prefix: ''
+    }, */
+    IL: {
+        mask: '#########',
+        prefix: '+972 ',
+    },
+    /* IT: {
+        mask:'######????',
+        prefix: ''
+    }, */
+    IT: {
+        mask: '##########',
+        prefix: '+39 ',
+    },
+    JM: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    JP: {
+        mask: '#########??',
+        prefix: '+81 ',
+    },
+    /* JO: {
+        mask:'#######??',
+        prefix: ''
+    }, */
+    JO: {
+        mask: '#########',
+        prefix: '+962 ',
+    },
+    KZ: {
+        mask: '(###) ####-###',
+        prefix: '+7 ',
+    },
+    /* KE: {
+        mask:'######????',
+        prefix: ''
+    }, */
+    KE: {
+        mask: '##########',
+        prefix: '+254 ',
+    },
+    KI: {
+        mask: '##-###',
+        prefix: '+686 ',
+    },
+    // kp
+    /* KR: {
+        mask:'####??????',
+        prefix: ''
+    }, */
+    KR: {
+        mask: '##########',
+        prefix: '+82 ',
+    },
+    KW: {
+        mask: '####-####',
+        prefix: '+965 ',
+    },
+    KG: {
+        mask: '#########',
+        prefix: '+996 ',
+    },
+    LA: {
+        mask: '########?',
+        prefix: '+856 ',
+    },
+    LV: {
+        mask: '####-####',
+        prefix: '+371 ',
+    },
+    LB: {
+        mask: '#######?',
+        prefix: '+961 ',
+    },
+    LS: {
+        mask: '##-###-###',
+        prefix: '+266 ',
+    },
+    // LR
+    /* LY: {
+        mask:'########?',
+        prefix: ''
+    }, */
+    LY: {
+        mask: '########?',
+        prefix: '+218 ',
+    },
+    LI: {
+        mask: '###-####',
+        prefix: '+423 ',
+    },
+    LT: {
+        mask: '########',
+        prefix: '+370 ',
+    },
+    /* LU: {
+        mask:'#####??????',
+        prefix: '+352 '
+    }, */
+    LU: {
+        mask: '###########',
+        prefix: '+352 ',
+    },
+    MO: {
+        mask: '####-####',
+        prefix: '+853 ',
+    },
+    MK: {
+        mask: '########',
+        prefix: '+389 ',
+    },
+    MG: {
+        mask: '##-##-###-##',
+        prefix: '+261 ',
+    },
+    /* MW: {
+        mask:'#######??',
+        prefix: '+265 '
+    }, */
+    MW: {
+        mask: '#########',
+        prefix: '+265 ',
+    },
+    /* MY: {
+        mask:'#######???',
+        prefix: '+60 '
+    }, */
+    MY: {
+        mask: '##########',
+        prefix: '+60 ',
+    },
+    MV: {
+        mask: '###-####',
+        prefix: '+960 ',
+    },
+    ML: {
+        mask: '####-####',
+        prefix: '+223 ',
+    },
+    MT: {
+        mask: '##-##-##-##',
+        prefix: '+356 ',
+    },
+    MH: {
+        mask: '###-####',
+        prefix: '+692 ',
+    },
+    MQ: {
+        mask: '###-######',
+        prefix: '+596 ',
+    },
+    // MR
+    MU: {
+        mask: '###-####',
+        prefix: '+230 ',
+    },
+    // YT
+    MX: {
+        mask: '(###) ###-####',
+        prefix: '+52 ',
+    },
+    // FM
+    MD: {
+        mask: '########',
+        prefix: '+373 ',
+    },
+    MC: {
+        mask: '####-####',
+        prefix: '+377 ',
+    },
+    /* MN: {
+        mask:'######?????',
+        prefix: '+976 '
+    }, */
+    MN: {
+        mask: '###########',
+        prefix: '+976 ',
+    },
+    MS: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    MA: {
+        mask: '#########?', // allows 9 ~ 10 digits
+        prefix: '+212 ',
+    },
+    /* MZ: {
+        mask:'########?',
+        prefix: '+258 '
+    }, */
+    MZ: {
+        mask: '#########',
+        prefix: '+258 ',
+    },
+    /* MM: {
+        mask:'#######?',
+        prefix: '+95 '
+    }, */
+    MM: {
+        mask: '########',
+        prefix: '+95 ',
+    },
+    /* NA: {
+        mask:'######????',
+        prefix: '+264 '
+    }, */
+    NA: {
+        mask: '##########',
+        prefix: '+264 ',
+    },
+    // NR
+    /* NP: {
+        mask:'########??',
+        prefix: '+977 '
+    }, */
+    NP: {
+        mask: '##########',
+        prefix: '+977 ',
+    },
+    NL: {
+        mask: '#########',
+        prefix: '+31 ',
+    },
+    /* AN: {
+        mask:'#######?',
+        prefix: '+599 '
+    }, */
+    AN: {
+        mask: '########',
+        prefix: '+599 ',
+    },
+    NC: {
+        mask: '###-###',
+        prefix: '+687 ',
+    },
+    /* NZ: {
+        mask:'########??',
+        prefix: '+64 '
+    }, */
+    NZ: {
+        mask: '##########',
+        prefix: '+64 ',
+    },
+    NI: {
+        mask: '####-####',
+        prefix: '+505 ',
+    },
+    NE: {
+        mask: '##-###-###',
+        prefix: '+227 ',
+    },
+    /* NG: {
+        mask:'########??',
+        prefix: '+234 '
+    }, */
+    NG: {
+        mask: '##########',
+        prefix: '+234 ',
+    },
+    // NU
+    MP: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    NO: {
+        mask: '####-####',
+        prefix: '+47 ',
+    },
+    OM: {
+        mask: '####-####',
+        prefix: '+968 ',
+    },
+    /* PK: {
+        mask:'#########?',
+        prefix: '+92 '
+    }, */
+    PK: {
+        mask: '##########',
+        prefix: '+92 ',
+    },
+    PW: {
+        mask: '###-####',
+        prefix: '+680 ',
+    },
+    /* PA: {
+        mask:'#######?',
+        prefix: '+507 '
+    }, */
+    PA: {
+        mask: '########',
+        prefix: '+507 ',
+    },
+    /* PG: {
+        mask:'#######?',
+        prefix: '+675 '
+    }, */
+    PG: {
+        mask: '########',
+        prefix: '+675 ',
+    },
+    // PY
+    /* PE: {
+        mask:'#######????',
+        prefix: '+51 '
+    }, */
+    PE: {
+        mask: '###########',
+        prefix: '+51 ',
+    },
+    /* PH: {
+        mask:'########??',
+        prefix: '+63 '
+    }, */
+    PH: {
+        mask: '##########',
+        prefix: '+63 ',
+    },
+    PL: {
+        mask: '#########',
+        prefix: '+48 ',
+    },
+    PT: {
+        mask: '#-####-####',
+        prefix: '+351 ',
+    },
+    PR: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    QA: {
+        mask: '###-####',
+        prefix: '+974 ',
+    },
+    RE: {
+        mask: '###-###-###',
+        prefix: '+262 ',
+    },
+    RO: {
+        mask: '#########',
+        prefix: '+40 ',
+    },
+    RU: {
+        mask: '##########',
+        prefix: '+7 ',
+    },
+    RW: {
+        mask: '###-###-###',
+        prefix: '+250 ',
+    },
+    SH: {
+        mask: '#-###',
+        prefix: '+290 ',
+    },
+    // PM
+    KN: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    LC: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    VC: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    // WS
+    // SM
+    ST: {
+        mask: '##-####',
+        prefix: '+239 ',
+    },
+    /* SA: {
+        mask:'########?',
+        prefix: '+966 '
+    }, */
+    SA: {
+        mask: '#########',
+        prefix: '+966 ',
+    },
+    SN: {
+        mask: '##-###-####',
+        prefix: '+221 ',
+    },
+    SC: {
+        mask: '###-###',
+        prefix: '+248 ',
+    },
+    SL: {
+        mask: '(##) ###-###',
+        prefix: '+232 ',
+    },
+    SG: {
+        mask: '####-####',
+        prefix: '+65 ',
+    },
+    SK: {
+        mask: '#########',
+        prefix: '+421 ',
+    },
+    SI: {
+        mask: '########',
+        prefix: '+386 ',
+    },
+    SB: {
+        mask: '##-###',
+        prefix: '+677 ',
+    },
+    // SO
+    ZA: {
+        mask: '(##) ###-####',
+        prefix: '+27 ',
+    },
+    ES: {
+        mask: '###-###-###',
+        prefix: '+34 ',
+    },
+    LK: {
+        mask: '(##) ###-####',
+        prefix: '+94 ',
+    },
+    SD: {
+        mask: '##-###-####',
+        prefix: '+249 ',
+    },
+    SR: {
+        mask: '######?',
+        prefix: '+597 ',
+    },
+    SZ: {
+        mask: '###-####',
+        prefix: '+268 ',
+    },
+    /* SE: {
+        mask:'######?????',
+        prefix: '+46 '
+    }, */
+    SE: {
+        mask: '###########',
+        prefix: '+46 ',
+    },
+    CH: {
+        mask: '(##) ###-####',
+        prefix: '+41 ',
+    },
+    /* SY: {
+        mask:'########?',
+        prefix: '+963 '
+    }, */
+    SY: {
+        mask: '#########',
+        prefix: '+963 ',
+    },
+    TJ: {
+        mask: '#########',
+        prefix: '+992 ',
+    },
+    TZ: {
+        mask: '#########',
+        prefix: '+255 ',
+    },
+    /* TH: {
+        mask:'########?',
+        prefix: '+66 '
+    }, */
+    TH: {
+        mask: '#########',
+        prefix: '+66 ',
+    },
+    TG: {
+        mask: '###-####',
+        prefix: '+228 ',
+    },
+    // TK
+    // TO
+    TT: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    TN: {
+        mask: '##-###-###',
+        prefix: '+216 ',
+    },
+    TR: {
+        mask: '(###) ###-####',
+        prefix: '+90 ',
+    },
+    TM: {
+        mask: '########',
+        prefix: '+993 ',
+    },
+    TC: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    // TV
+    UG: {
+        mask: '#########',
+        prefix: '+256 ',
+    },
+    UA: {
+        mask: '(##) ###-####',
+        prefix: '+380 ',
+    },
+    /* AE: {
+        mask:'########?',
+        prefix: '+971 '
+    }, */
+    AE: {
+        mask: '#########',
+        prefix: '+971 ',
+    },
+    /* GB: {
+        mask:'##########???',
+        prefix: '+44 '
+    }, */
+    GB: {
+        mask: '#########????',
+        prefix: '+44 ',
+    },
+    UY: {
+        mask: '########?',
+        prefix: '+598 ',
+    },
+    UZ: {
+        mask: '(##) ###-####',
+        prefix: '+998 ',
+    },
+    // VU
+    // VA
+    VE: {
+        mask: '(###) ###-####',
+        prefix: '+58 ',
+    },
+    VN: {
+        mask: '#######????',
+        prefix: '+84 ',
+    },
+    VG: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    VI: {
+        mask: '(###) ###-####',
+        prefix: '+1 ',
+    },
+    // WF
+    /* YE: {
+        mask:'#######??',
+        prefix: '+967 '
+    }, */
+    YE: {
+        mask: '#########',
+        prefix: '+967 ',
+    },
+    // YU
+    ZM: {
+        mask: '#########',
+        prefix: '+260 ',
+    },
+    /* ZW: {
+        mask:'####?????',
+        prefix: '+263 '
+    }, */
+    ZW: {
+        mask: '#########',
+        prefix: '+263 ',
+    },
+    AC: {
+        mask: '####',
+        prefix: '+247 ',
+    },
+    ME: {
+        mask: '(##) ###-###?',
+        prefix: '+382 ',
+    },
+    /* PS: {
+        mask:'########?',
+        prefix: '+970 '
+    }, */
+    PS: {
+        mask: '#########',
+        prefix: '+970 ',
+    },
+    /* RS: {
+        mask:'#######??',
+        prefix: '+381 '
+    }, */
+    RS: {
+        mask: '#########',
+        prefix: '+381 ',
+    },
+    /* TW: {
+        mask:'########?',
+        prefix: '+886 '
+    }, */
+    TW: {
+        mask: '#########',
+        prefix: '+886 ',
+    },
+    CW: {
+        mask: '#-###-####',
+        prefix: '+599 ',
+    },
+    US: {
+        mask: '(###) ###-####',
+        prefix: '',
+    },
+};
+function formatPhoneNumber(value, isoCode = 'US') {
+    const { mask, prefix } = phoneNumberFormats[isoCode] || phoneNumberFormats.US;
+    const options = {
+        prefix,
+    };
+    const val = value || '';
+    // Brazil need edge case handle, mobile: (xx) xxxxx-xxxx, land phone: (xx) xxxx-xxxx
+    if (isoCode === 'BR' && val.replace(/[^0-9]/g, '').length === 11) {
+        return formatValue(val, '(##) #####-####', options);
+    }
+    else {
+        return formatValue(val, mask, options);
+    }
+}
+
+function formatSSN(value) {
+    return formatValue(value, '###-##-####');
+}
+
+function formatTIN(value) {
+    return formatValue(value, '##-#######');
+}
+
+function formatAlphanumeric(value) {
+    const val = (value || '').replace(/[^\da-zA-Z]/g, '');
+    return formatValue(val);
+}
+
+function formatAlpha(value, modifier) {
+    let val = value || '';
+    if (modifier === 'spaced') {
+        val = val.replace(/[^a-zA-Z ]/g, '');
+    }
+    else {
+        val = val.replace(/[^a-zA-Z]/g, '');
+    }
+    return formatValue(val);
+}
+
+function getNumberFormat(formatOptions) {
+    const numberFormat = {
+        prefix: '',
+        suffix: '',
+        decimals: 0,
+        decimalSeparator: '.',
+        thousandsSeparator: '',
+        allowDecimal: false,
+        allowNegative: true,
+    };
+    const formatParts = formatOptions.split('-');
+    // handle deprecated formats
+    if (formatParts[0] === 'delimited') {
+        // `delimited` - to be replaced by `integer-delimited`
+        numberFormat.thousandsSeparator = ',';
+    }
+    else if (formatParts[0].match(/^[0-9]+dec$/)) {
+        // `Ndec` - to be replaced by `Ndecimal`
+        numberFormat.decimals = Number(formatParts[0].replace('dec', ''));
+        numberFormat.allowDecimal = true;
+        numberFormat.thousandsSeparator = ',';
+    }
+    else {
+        // determine number type
+        if (formatParts[0].includes('decimal')) {
+            numberFormat.decimals = Number(formatParts[0].replace('decimal', ''));
+            numberFormat.allowDecimal = true;
+        }
+        else if (formatParts[0] !== 'integer') {
+            // Ignore any formats that don't start with Ndecimal or integer
+            return;
+        }
+        // determine if negative numbers are allowed
+        if (formatParts.includes('positive')) {
+            numberFormat.allowNegative = false;
+        }
+        // determine if number is delimited
+        if (formatParts.includes('delimited')) {
+            numberFormat.thousandsSeparator = ',';
+        }
+    }
+    return numberFormat;
+}
+function formatNumeric(value = '', modifier = '', explicit = false) {
+    const numberFormat = getNumberFormat(modifier);
+    if (!numberFormat) {
+        const val = (value || '').replace(/[^\d.,-]/g, '');
+        return formatValue(val);
+    }
+    return formatNumber(value, numberFormat, explicit);
+}
+function formatPercentage(value = '', modifier = '', explicit = false) {
+    const numberFormat = getNumberFormat(modifier);
+    if (!numberFormat) {
+        const val = (value || '').replace(/[^\d.,-]/g, '');
+        return formatValue(val, undefined, { suffix: '%' });
+    }
+    numberFormat.suffix = '%';
+    return formatNumber(value, numberFormat, explicit);
+}
+
+const postalCodeFormats = {
+    AF: '####',
+    AL: '####',
+    DZ: '#####',
+    AC: 'ASCN 1ZZ',
+    AD: 'AD###', // pre
+    AR: '####',
+    'AR+': '@####@@@',
+    AI: 'AI-2640',
+    AM: '####',
+    AS: '#####',
+    'AS+4': '#####-####',
+    AU: '####',
+    AT: '####',
+    AZ: 'AZ ####', // pre
+    BH: '###?',
+    BD: '####',
+    BB: 'BB#####', // pre
+    BY: '######',
+    BE: '####',
+    BM: '@@ **',
+    BT: '#####',
+    BA: '######',
+    BR: '#####',
+    'BR+3': '#####-###',
+    VG: 'VG####', // pre
+    BN: '@@####',
+    BG: '####',
+    KH: '#####',
+    KY: 'KY#-####', // pre
+    CA: '@#@ #@#',
+    CL: '###-####',
+    CN: '######',
+    CX: '####',
+    CC: '####',
+    CO: '######',
+    CR: '#####',
+    'CR+4': '#####-####',
+    CV: '####',
+    HR: '#####',
+    CU: '#####',
+    CY: '####',
+    CZ: '### ##',
+    DK: '####',
+    DO: '#####',
+    EC: '######',
+    SV: '####',
+    EG: '#####',
+    EE: '#####',
+    ET: '####',
+    FK: 'FIQQ 1ZZ',
+    FO: '###',
+    FI: '#####',
+    FR: '#####',
+    GF: '973##', // pre?
+    PF: '987##', // pre?
+    GI: 'GX11 1AA',
+    GE: '####',
+    DE: '#####',
+    GR: '### ##',
+    GL: '####',
+    GP: '971##', // pre?
+    GU: '#####',
+    'GU+4': '#####-####',
+    GT: '#####',
+    GG: 'GY#? #@@',
+    GN: '###',
+    GS: 'SIQQ 1ZZ',
+    GW: '####',
+    HT: '####',
+    HN: '@@####',
+    'HN-': '#####',
+    HU: '####',
+    IS: '###',
+    IN: '### ###',
+    ID: '#####',
+    IE: '*** ****',
+    IR: '##########',
+    IQ: '#####',
+    IM: 'IM#? #@@', // pre
+    IL: '#######',
+    IT: '#####',
+    JM: '##',
+    JP: '###-####',
+    JE: 'JE#? #@@', // pre
+    JO: '#####',
+    KZ: '######',
+    KE: '#####',
+    KR: '#####',
+    KN: 'KN####',
+    XK: '#####',
+    KW: '#####',
+    KG: '######',
+    LA: '#####',
+    LV: 'LV-####', // pre
+    LB: '####? ????', // also 00000
+    LS: '###',
+    LR: '####',
+    LI: '####',
+    LT: '#####', // pre-
+    LU: '####',
+    MK: '####',
+    MG: '###',
+    MY: '#####',
+    MV: '#####',
+    MT: '@@@ ####',
+    MH: '#####',
+    'MH+4': '#####-####',
+    MU: '#####',
+    MQ: '972##', // pre?
+    MW: '######',
+    YT: '976##', // pre?
+    MX: '#####',
+    FM: '#####',
+    'FM+4': '#####-####',
+    MD: '####', // pre
+    MC: '980##', // pre?
+    MN: '#####',
+    ME: '#####',
+    MA: '#####',
+    MZ: '####',
+    MM: '#####',
+    NA: '#####',
+    NP: '#####',
+    NC: '988##', // pre?
+    NZ: '####',
+    NI: '#####',
+    NE: '####',
+    NG: '######',
+    NF: '####',
+    MP: '#####',
+    NO: '####',
+    OM: '###',
+    PK: '#####',
+    PW: '#####',
+    'PW+4': '#####-####',
+    PS: '###',
+    PA: '####',
+    PG: '###',
+    PY: '####',
+    PE: '#####',
+    'PE+': '####', // pre
+    PH: '####',
+    PL: '##-###',
+    PT: '####',
+    'PT+3': '####-###',
+    PR: '#####',
+    'PR+4': '#####-####',
+    RE: '974##', // pre?
+    PM: '975##',
+    PN: 'PCRN 1ZZ',
+    RO: '######',
+    RU: '######',
+    LC: 'LC## ###', // pre
+    VC: '####', // pre
+    WS: '####', // pre
+    SM: '4879#', // pre?
+    SA: '#####',
+    'SA+4': '#####-####',
+    SN: '#####',
+    RS: '#####',
+    SG: '######',
+    SH: '@@@@ 1ZZ',
+    SK: '### ##',
+    SI: '####', // pre?
+    SO: '@@ #####',
+    ZA: '####',
+    ES: '#####',
+    LK: '#####',
+    SD: '#####',
+    SZ: '@###',
+    SE: '### ##',
+    CH: '####',
+    SJ: '####',
+    TW: '###',
+    'TW+2': '###-##?',
+    TJ: '######',
+    TZ: '#####',
+    TH: '#####',
+    TT: '######',
+    TN: '####',
+    TR: '#####',
+    TM: '######',
+    UA: '#####',
+    UY: '#####',
+    VI: '#####',
+    'VI+4': '#####-####',
+    UZ: '######',
+    VE: '####',
+    'VE-': '####-@',
+    VN: '#####?',
+    YU: '#####',
+    WF: '986##', // pre?
+    ZM: '#####',
+    US: '#####',
+    'US+4': '#####-####',
+};
+function formatPostalCode(value, modifier = 'US') {
+    const mask = postalCodeFormats[modifier];
+    if (!mask) {
+        return formatAlphanumeric(value);
+    }
+    return formatValue(value, mask);
+}
+
+const dateFormats = {
+    'MM/DD/YYYY': '##/##/####',
+    'M/D/YYYY': '#?/#?/####',
+    'MM/DD/YY': '##/##/##',
+    'M/D/YY': '#?/#?/##',
+    'MM/YY': '##/##',
+    'M/YY': '#?/##',
+    'DD/MM/YYYY': '##/##/####',
+    'D/M/YYYY': '#?/#?/####',
+    'DD/MM/YY': '##/##/##',
+    'D/M/YY': '#?/#?/##',
+    'MM-DD-YYYY': '##-##-####',
+    'M-D-YYYY': '#?-#?-####',
+    'MM-DD-YY': '##-##-##',
+    'M-D-YY': '#?-#?-##',
+    'MM-YY': '##-##',
+    'M-YY': '#?-##',
+    'DD-MM-YYYY': '##-##-####',
+    'D-M-YYYY': '#?-#?-####',
+    'DD-MM-YY': '##-##-##',
+    'D-M-YY': '#?-#?-##',
+};
+function formatDate(value, format = 'MM/DD/YYYY') {
+    const mask = dateFormats[format === null || format === void 0 ? void 0 : format.toUpperCase()] || dateFormats['MM/DD/YYYY'];
+    const formattedValueObject = formatValue(value, mask);
+    return Object.assign(Object.assign({}, formattedValueObject), { value: formattedValueObject.formattedValue });
+}
+
+function format(value) {
+    // have a initial generic mask which then converts to specific mask
+    const detectedType = formatCreditCard.detectCreditCardTypeFromValue(value);
+    const formattedValueObject = creditCardFormatters[detectedType](value);
+    if (value.length < 2 && detectedType === 'unknown') {
+        formattedValueObject.leftIcon = 'card';
+    }
+    return formattedValueObject;
+}
+const unknownFormatter = function unknownFn(value) {
+    const valueObject = formatValue(value, '#### #### #### ####');
+    return Object.assign(Object.assign({}, valueObject), { type: 'unknown', leftIcon: 'card-unknown', leftIconMuted: value.length < 16 });
+};
+const amexFormatter = function amexFn(value) {
+    const valueObject = formatValue(value, '#### ###### #####');
+    return Object.assign(Object.assign({}, valueObject), { type: 'amex', leftIcon: 'card-amex-color', leftIconMuted: value.length < 15 });
+};
+const discoverFormatter = function discoverFn(value) {
+    const valueObject = formatValue(value, '#### #### #### ####');
+    return Object.assign(Object.assign({}, valueObject), { type: 'discover', leftIcon: 'card-discover-color', leftIconMuted: value.length < 16 });
+};
+const masterCardFormatter = function masterCardFn(value) {
+    const valueObject = formatValue(value, '#### #### #### ####');
+    return Object.assign(Object.assign({}, valueObject), { type: 'masterCard', leftIcon: 'card-mastercard-color', leftIconMuted: value.length < 16 });
+};
+const visaFormatter = function visaFn(value) {
+    const valueObject = formatValue(value, '#### #### #### ####');
+    return Object.assign(Object.assign({}, valueObject), { type: 'visa', leftIcon: 'card-visa-color', leftIconMuted: value.length < 16 });
+};
+const dinersClubInternationalFormatter = function dinersClub(value) {
+    const valueObject = formatValue(value, '#### ###### ####');
+    return Object.assign(Object.assign({}, valueObject), { type: 'dinersClub', leftIcon: 'card-dinersclub-color', leftIconMuted: value.length < 14 });
+};
+const creditCardFormatters = {
+    discover: discoverFormatter,
+    amex: amexFormatter,
+    masterCard: masterCardFormatter,
+    visa: visaFormatter,
+    dinersClub: dinersClubInternationalFormatter,
+    unknown: unknownFormatter,
+};
+/* tslint:disable:cyclomatic-complexity */
+function detectCreditCardTypeFromValue(value) {
+    // use value and some algorithm from the internet to detect and return card type based on string
+    // return string 'unknown' if algorithm cannot detect or returns a type that is not one of our 5 supported types
+    const firstInt = parseInt(value.charAt(0));
+    const secondInt = parseInt(value.charAt(1));
+    switch (firstInt) {
+        case 2:
+            if (secondInt > 1 && secondInt < 8) {
+                if (value.length >= 4) {
+                    const firstfour = parseInt(value.substr(0, 4));
+                    if (firstfour >= 2221 && firstfour < 2721) {
+                        return 'masterCard';
+                    }
+                }
+                else {
+                    return 'masterCard';
+                }
+            }
+            break;
+        case 3:
+            if (secondInt === 4 || secondInt === 7) {
+                return 'amex';
+            }
+            if (secondInt === 0) {
+                if (value.length > 2) {
+                    const thirdInt = parseInt(value.charAt(2));
+                    if (thirdInt < 6 || thirdInt === 9) {
+                        return 'dinersClub';
+                    }
+                }
+                else {
+                    return 'dinersClub';
+                }
+            }
+            if (secondInt === 6 || secondInt === 8 || secondInt === 9) {
+                return 'dinersClub';
+            }
+            break;
+        case 4:
+            return 'visa';
+        case 5:
+            if (secondInt > 0 && secondInt < 6) {
+                return 'masterCard';
+            }
+            break;
+        case 6:
+            if (secondInt === 0) {
+                if (value.length > 3) {
+                    const firstfour = value.substr(0, 4);
+                    if (firstfour === '6011') {
+                        return 'discover';
+                    }
+                }
+                else {
+                    return 'discover';
+                }
+            }
+            if (secondInt === 4) {
+                if (value.length > 2) {
+                    const firstthree = parseInt(value.substr(0, 3));
+                    if (firstthree > 643) {
+                        return 'discover';
+                    }
+                }
+                else {
+                    return 'discover';
+                }
+            }
+            if (secondInt === 5) {
+                return 'discover';
+            }
+            if (secondInt === 2) {
+                if (value.length > 5) {
+                    const firstsix = parseInt(value.substr(0, 6));
+                    if (firstsix >= 622126 && firstsix <= 622925) {
+                        return 'discover';
+                    }
+                }
+                else {
+                    return 'discover';
+                }
+            }
+            break;
+        default:
+            return 'unknown';
+    }
+    return 'unknown';
+}
+/* tslint:enable:cyclomatic-complexity */
+const formatCreditCard = {
+    detectCreditCardTypeFromValue,
+    format,
+    amexFormatter,
+    dinersClubInternationalFormatter,
+    discoverFormatter,
+    masterCardFormatter,
+    visaFormatter,
+    unknownFormatter,
+};
+
+const q2InputCss = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{--comp-default-input-margin:var(--tct-input-margin-top, var(--t-input-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-input-margin-bottom, var(--t-input-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-input-margin, var(--comp-default-input-margin));font-size:var(--tct-input-font-size, var(--t-input-font-size, var(--app-font-size, inherit)))}:host([hidden]){display:none}.field-container,.input-container{position:relative}.field-container{--comp-input-tween:var(--tct-input-tween, var(--t-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))))}.field-container.is-small .btn-clear{--tct-btn-icon-width:20px;--tct-icon-size:17px}.input-label{--comp-label-padding:var(--tct-input-label-padding, 0 var(--tct-input-label-padding-right, var(--t-input-label-padding-right, 0)) 0 var(--tct-input-label-padding-left, var(--t-input-label-padding-left, 0)));display:block;padding:var(--comp-label-padding);color:var(--tct-input-label-font-color, var(--t-input-label-font-color, inherit));font-size:var(--tct-input-label-font-size, var(--t-input-label-font-size, inherit));font-weight:var(--tct-input-label-font-weight, var(--t-input-label-font-weight, 600));text-transform:var(--tct-input-label-text-transform, var(--t-input-label-text-transform, none));letter-spacing:var(--tct-input-label-letter-spacing, var(--t-input-label-letter-spacing, inherit));transition:color var(--comp-input-tween)}.optional-tag{--comp-label-optional-margin:var(--tct-input-label-optional-margin, 0 0 0 var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px)))));margin:var(--comp-label-optional-margin);color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, var(--app-font-size-small, 12px)));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400));line-height:1em}.count-tag{color:var(--tct-input-count-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77))));font-size:var(--tct-input-count-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-input-count-font-weight, 400);text-align:right;width:var(--tct-input-count-width, auto)}.label-wrapper{--comp-label-margin:var(--tct-input-label-margin, var(--tct-input-label-margin-top, var(--t-input-label-margin-top, 0)) 0 var(--tct-input-label-margin-bottom, var(--t-input-label-margin-bottom, var(--tct-scale-1, var(--app-scale-1x, 5px)))));display:flex;gap:var(--tct-input-label-gap, var(--app-scale-2x, 10px));justify-content:space-between;align-items:end;margin:var(--comp-label-margin);line-height:var(--tct-input-label-line-height, var(--t-input-label-line-height, inherit))}.label-wrapper:has(label.sr){margin:0}.input-container{--comp-input-background:var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--t-gray-14, #fcfcfd))));--comp-input-backdrop-filter:var(--tct-input-backdrop-filter, none);--comp-input-horizontal-gap:var(--tct-input-horizontal-gap, var(--t-input-horizontal-gap, 0));--comp-input-border-top-left-radius:var(--tct-input-border-top-left-radius, var(--t-input-border-top-left-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));--comp-input-border-top-right-radius:var(--tct-input-border-top-right-radius, var(--t-input-border-top-right-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));--comp-input-border-bottom-right-radius:var(--tct-input-border-bottom-right-radius, var(--t-input-border-bottom-right-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));--comp-input-border-bottom-left-radius:var(--tct-input-border-bottom-left-radius, var(--t-input-border-bottom-left-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));--comp-input-border-radius:var(--comp-input-border-top-left-radius) var(--comp-input-border-top-right-radius)\n      var(--comp-input-border-bottom-right-radius) var(--comp-input-border-bottom-left-radius);--comp-input-border-width:var(--tct-input-border-top-width, 1px) var(--tct-input-border-right-width, 1px)\n      var(--tct-input-border-bottom-width, 1px) var(--tct-input-border-left-width, 1px);--comp-input-border-color:var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #404040)));--comp-input-prefix-clearance:calc(3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px));--comp-input-icon-clearance:34px;--comp-input-min-height:var(--tct-input-min-height, var(--t-input-min-height, 44px));--comp-input-max-height:var(--tct-input-max-height, var(--t-input-max-height));--comp-input-hover-ring-color:var(--tct-input-hover-ring-color, var(--t-input-hover-ring-color));--comp-input-hover-ring:0 0 0 2px var(--t-base), 0 0 0 4px var(--comp-input-hover-ring-color), var(--tct-input-hover-box-shadow, var(--t-input-hover-box-shadow, 0 0 transparent));background:var(--comp-input-background);backdrop-filter:var(--comp-input-backdrop-filter);display:flex;align-items:center;gap:var(--tct-input-container-gap, var(--app-scale-2x, 10px));padding-inline:var(--tct-input-container-padding-inline);border-width:var(--comp-input-border-width);border-style:solid;border-color:var(--comp-input-border-color);border-radius:var(--comp-input-border-radius);box-shadow:var(--tct-input-box-shadow, var(--t-input-box-shadow, none));transition:background var(--comp-input-tween), backdrop-filter var(--comp-input-tween), border-width var(--comp-input-tween), border-color var(--comp-input-tween), box-shadow var(--comp-input-tween)}:host([disabled]:not([disabled=false])) .input-container{cursor:not-allowed;opacity:var(--tct-input-disabled-opacity, var(--t-input-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));backdrop-filter:var(--tct-input-disabled-backdrop-filter, var(--comp-input-backdrop-filter))}.has-error .input-container{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a));backdrop-filter:var(--tct-input-error-backdrop-filter, var(--comp-input-backdrop-filter));background:var(--tct-input-error-background, var(--comp-input-background));box-shadow:var(--tct-input-error-box-shadow, var(--comp-input-hover-ring))}.input-container:hover{border-color:var(--tct-input-hover-border-color, var(--comp-input-border-color));background:var(--tct-input-hover-background, var(--comp-input-background));backdrop-filter:var(--tct-input-hover-backdrop-filter, var(--comp-input-backdrop-filter));box-shadow:var(--tct-input-hover-box-shadow, var(--comp-input-hover-ring))}.has-error .input-container:hover{border-color:var(--tct-input-error-hover-border-color, var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a)));backdrop-filter:var(--tct-input-error-hover-backdrop-filter, var(--tct-input-error-backdrop-filter, var(--tct-input-hover-backdrop-filter, var(--comp-input-backdrop-filter))));background:var(--tct-input-error-hover-background, var(--tct-input-error-background, var(--comp-input-background)));box-shadow:var(--tct-input-error-hover-box-shadow, var(--tct-input-error-box-shadow, var(--comp-input-hover-ring)))}.has-focus .input-container{border-color:var(--tct-input-focus-border-color, var(--t-input-focus-border-color, var(--comp-input-border-color)));background:var(--tct-input-focus-background, var(--comp-input-background));backdrop-filter:var(--tct-input-focus-backdrop-filter, var(--comp-input-backdrop-filter));box-shadow:var(--tct-input-focus-box-shadow, var(--const-double-focus-ring))}.has-focus.has-error .input-container,.has-focus.has-error .input-container:hover{border-color:var(--tct-input-error-focus-border-color, var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a)));backdrop-filter:var(--tct-input-error-focus-backdrop-filter, var(--tct-input-error-backdrop-filter, var(--tct-input-focus-backdrop-filter, var(--comp-input-backdrop-filter))));background:var(--tct-input-error-focus-background, var(--tct-input-error-background, var(--comp-input-background)));box-shadow:var(--tct-input-error-focus-box-shadow, var(--tct-input-error-box-shadow, var(--const-double-focus-ring)))}.input-container:has(.input-field:is(:-webkit-autofill,:autofill)){background:var(--tct-input-autofill-background, #faffbc);color:var(--tct-input-autofill-font-color, var(--t-text, inherit))}.input-container:has(.input-field:is(:-webkit-autofill,:autofill)) .input-field{box-shadow:0 0 0 1000px var(--tct-input-autofill-background, #faffbc) inset;color:var(--tct-input-autofill-font-color, var(--t-text, inherit));-webkit-text-fill-color:var(--tct-input-autofill-font-color, var(--t-text, inherit))}.input-field{flex:1;border:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:var(--comp-input-min-height);max-height:var(--comp-input-max-height);overflow-y:hidden;height:var(--tct-input-height, var(--t-input-height, 44px));width:100%;padding:var(--tct-input-padding, 0);background:transparent;color:var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)));display:inline-block;text-align:var(--tct-input-align, \"start\");font-weight:var(--tct-input-font-weight, var(--t-input-font-weight, 400));letter-spacing:var(--tct-input-letter-spacing, var(--t-input-letter-spacing, inherit));}.input-field:focus{outline:none;box-shadow:none}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]{-moz-appearance:textfield}.input-field::-ms-reveal,.input-field::-ms-clear{display:none}.input-field[type=search]::-webkit-search-decoration,.input-field[type=search]::-webkit-search-cancel-button,.input-field[type=search]::-webkit-search-results-button,.input-field[type=search]::-webkit-search-results-decoration{display:none}.input-field[disabled]:not([disabled=false]){cursor:not-allowed}.right-aligned .input-field{text-align:right}.input-field:is(input){flex:1}.input-field:is(button){display:inline-flex;align-items:center}.has-custom-display .input-field:is(button){height:auto;padding:0}.input-field:is(button) span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.custom-display-container{max-width:100%}.has-custom-display .custom-display-container{--comp-default-padding:var(--app-scale-2x, 10px) var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-input-padding, var(--t-input-padding, var(--comp-default-padding)));width:100%}.input-field::placeholder,.placeholder-text{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--t-textA, var(--app-gray-d1, rgba(77, 77, 77, 0.77)))))}.pseudo-input-container{min-width:0;flex:1}.input-icons-container-left,.input-icons-container-right{--tct-btn-icon-hover-background:var(--tct-input-btn-hover-background);--tct-btn-hover-background:var(--tct-input-btn-hover-background);display:flex;flex-direction:row;align-items:center;gap:var(--comp-input-horizontal-gap)}.input-icons-container-left>div:not(.vertical-separator),.input-icons-container-right>div:not(.vertical-separator){min-width:var(--tct-input-icon-container-icon-min-width, 44px);display:flex;justify-content:center;align-items:center;font-size:var(--tct-input-icon-container-font-size, inherit)}.input-icons-container-left:empty,.input-icons-container-right:empty{display:var(--tct-input-icon-container-empty-display, block)}.input-icons-container-left{padding-left:var(--comp-input-horizontal-gap)}.input-icons-container-right{padding-right:var(--comp-input-horizontal-gap);--comp-visibility-toggle-padding:0px var(--app-scale-2x, 10px)}.input-icons-container-right .btn-visibility-toggle{--tct-btn-height:var(--comp-input-min-height);--tct-btn-padding-inline:var(--tct-input-visibility-toggle-padding, var(--app-scale-2x, 10px));--tct-btn-font-weight:var(--tct-input-visibility-toggle-font-weight, 400);color:var(--tct-input-visibility-toggle-font-color, var(--t-primary, #0079c1));font-size:var(--tct-input-visibility-toggle-font-size, var(--app-font-size-small, 12px))}q2-icon{margin-top:calc(var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) / 2);pointer-events:none;color:var(--tct-input-icon-stroke-primary, var(--t-input-icon-stroke-primary, var(--t-a11y-gray-color, var(--t-textA, var(--app-gray, #747474)))));--tct-icon-stroke-primary:var(--tct-input-icon-stroke-primary, var(--t-input-icon-stroke-primary, var(--t-a11y-gray-color, var(--t-textA, var(--app-gray, #747474)))))}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{min-height:var(--comp-input-min-height);max-height:var(--comp-input-max-height);height:var(--tct-input-height, var(--t-input-height, 44px));font-size:var(--tct-input-prefix-font-size, var(--t-input-prefix-font-size, inherit));font-weight:var(--tct-input-prefix-font-weight, 400);color:var(--tct-input-prefix-font-color, var(--t-input-prefix-font-color, inherit));background:var(--tct-input-prefix-background, var(--tct-input-prefix-bg, var(--t-input-prefix-bg, var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2))))))));transition:color var(--comp-input-tween), background var(--comp-input-tween)}.input-prefix{border-top-left-radius:calc(\n        var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) - var(--tct-input-border-left-width, var(--t-input-border-left-width, 1px))\n    );border-bottom-left-radius:calc(\n        var(--comp-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) - var(--tct-input-border-left-width, var(--t-input-border-left-width, 1px))\n    );pointer-events:none;}.input-suffix{border-top-right-radius:calc(\n        var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) - var(--tct-input-border-right-width, var(--t-input-border-right-width, 1px))\n    );border-bottom-right-radius:calc(\n        var(--comp-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) - var(--tct-input-border-right-width, var(--t-input-border-right-width, 1px))\n    )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}.messages-container{height:0px;overflow:hidden;background:var(--tct-message-background, var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))));box-shadow:var(--tct-input-message-box-shadow, var(--t-input-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)))));transition:height var(--tct-input-messages-tween, var(--t-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));margin-top:var(--tct-input-messages-margin-top, 2px);z-index:var(--tct-input-messages-z-index, 5);position:absolute;width:100%;color:var(--tct-input-messages-font-color, var(--t-input-messages-font-color, inherit));border-radius:var(--tct-message-border-radius, --app-border-radius-1, inherit)}.has-error label{color:var(--tct-input-error-label-font-color, var(--t-input-error-label-font-color, var(--tct-input-label-font-color, var(--t-input-label-font-color, inherit))))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, var(--t-input-error-prefix-font-color, inherit));background:var(--tct-input-error-prefix-background, var(--tct-input-error-prefix-bg, var(--t-input-error-prefix-bg, var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))))))}.icon-left{width:26px;height:26px}.vertical-separator{height:calc(var(--comp-input-min-height) - 2px);border-right-width:var(--tct-input-prefix-border-width, 1px);border-right-style:solid;border-right-color:var(--tct-input-prefix-border-color, var(--t-input-prefix-border-color, var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #404040)))))}";
+
+const inputTypeMap = {
+    text: 'text',
+    tel: 'tel',
+    number: 'number',
+    password: 'text',
+    search: 'search',
+    url: 'url',
+    email: 'email',
+    currency: 'text',
+    phone: 'tel',
+    ssn: 'text',
+    alphanumeric: 'text',
+    alpha: 'text',
+    numeric: 'text',
+    percentage: 'text',
+    postal: 'text',
+    date: 'text',
+    'credit-card': 'text',
+};
+const Q2Input = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.change = createEvent(this, "change", 7);
+        this.clear = createEvent(this, "clear", 7);
+        this.formatted = createEvent(this, "formatted", 7);
+        this.input = createEvent(this, "input", 7);
+        this.invalid = createEvent(this, "invalid", 7);
+        // #region Own Properties
+        this.guid = createGuid();
+        this.isClickEvent = false;
+        this.isMobile = isMobile();
+        this.scheduledAfterRender = [];
+        // #endregion
+        // #region State Properties
+        this.checkSlotCount = 0;
+        this.isSmall = false;
+        // #endregion
+        // #region Public Property API
+        /**
+         * Sets readonly to true on the input without adding the "read only" label.
+         *
+         * Can be used to prevent user input while still presenting the necessary information for assistive technology.
+         * @private
+         */
+        this._preventEntry = undefined;
+        /**
+         * Allows for correct semantics of q2-input element when aria-expanded.
+         * @private
+         * Defaults to undefined
+         * Will assign role to combobox when used inside q2-select and q2-calendar.
+         */
+        this._role = undefined;
+        /** Indicates the field cannot be focused or interacted with. */
+        this.disabled = false;
+        /**
+         * Displays a toggle button at the end of the input field which shows or hides the actual value.
+         * @info
+         * Only applicable when `type` is `text`, `password`, or `ssn`.
+         */
+        this.showVisibilityToggle = false;
+        /** Specifies the field's expected [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. */
+        this.type = 'text';
+        /**
+         * Sets textSelectedForDeletion to true if the user has selected text for deletion
+         * This is used to prevent other logic from running when text is deleted
+         */
+        this.handleCurrencyKeydown = (event) => {
+            if (!['Backspace', 'Delete'].includes(event.key))
+                return;
+            const inputElement = this.inputField;
+            this.textSelectedForDeletion = inputElement.selectionStart !== inputElement.selectionEnd;
+        };
+        this.handleValueAndCursor = () => {
+            // ORDER IMPORTANT:  calculate cursor position -> set value -> set cursor position
+            const cursorPosition = this.calculateCursorPositionOnInput();
+            // when type=number: returns only valid decimal on input event, should not update itself (e.g. typing "1." )
+            if (this.type !== 'number')
+                this.inputField.value = this.formattedValueObject.formattedValue;
+            this.input.emit(Object.assign({ value: this.formattedValueObject.value, formattedValue: this.formattedValueObject.fullyFormattedValue, minFormattedLength: this.formattedValueObject.minFormattedLength }, (this.formattedValueObject.type && { type: this.formattedValueObject.type })));
+            if (!this.formattedValueObject.value) {
+                this.clear.emit();
+            }
+            this.setCursorPosition(cursorPosition);
+        };
+        this.initMutationObserver = () => {
+            if (!('MutationObserver' in window))
+                return;
+            const observer = new MutationObserver(this.onMutationObserved);
+            observer.observe(this.hostElement, { childList: true });
+            this.mutationObserver = observer;
+        };
+        this.onClearInput = () => {
+            const eventDetail = {
+                value: '',
+                formattedValue: '',
+                minFormattedLength: this.formattedValueObject.minFormattedLength,
+            };
+            this.input.emit(eventDetail);
+            this.change.emit(eventDetail);
+            this.clear.emit();
+            this.inputField.focus();
+        };
+        this.onInputBlur = () => {
+            this.hasFocus = false;
+            setMessageHeight(this);
+            if (this.valueOnFocus !== this.formattedValueObject.value) {
+                this.valueOnFocus = this.formattedValueObject.value;
+                this.change.emit(Object.assign({ value: this.formattedValueObject.value, formattedValue: this.formattedValueObject.fullyFormattedValue, minFormattedLength: this.formattedValueObject.minFormattedLength }, (this.formattedValueObject.type && { type: this.formattedValueObject.type })));
+            }
+        };
+        this.onInputClick = () => {
+            if (this.shouldCursorStayAtEnd)
+                this.placeCursorAtEnd();
+        };
+        this.onInputFocus = () => {
+            if (this.inputField.tagName === 'INPUT') {
+                this.scheduledAfterRender.push(() => {
+                    if (this.isClickEvent && this.shouldCursorStartAtEnd) {
+                        this.placeCursorAtEnd();
+                    }
+                    else {
+                        this.setCursorPosition(this.calculateCursorPositionOnFocus());
+                    }
+                    this.isClickEvent = false;
+                });
+            }
+            this.hasFocus = true;
+            setMessageHeight(this);
+            this.valueOnFocus = this.value;
+        };
+        this.onInputInput = (event) => {
+            event.stopPropagation();
+            if (this.type === 'currency')
+                this.handleCurrencyDeletion(event);
+            const newFormattedValue = this.getFormattedValue(event.target.value, false);
+            this.handleDataInput(newFormattedValue);
+            this.validateInput();
+        };
+        this.onInputKeydown = (event) => {
+            const keysThatMoveCursor = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'];
+            const { key } = event;
+            if (this.type === 'currency')
+                this.handleCurrencyKeydown(event);
+            if (this.shouldCursorStayAtEnd && keysThatMoveCursor.includes(key))
+                event.preventDefault();
+            if (key === 'Enter' && this.valueOnFocus !== this.formattedValueObject.value) {
+                this.valueOnFocus = this.formattedValueObject.value;
+                this.change.emit(Object.assign({ value: this.formattedValueObject.value, formattedValue: this.formattedValueObject.fullyFormattedValue, minFormattedLength: this.formattedValueObject.minFormattedLength }, (this.formattedValueObject.type && { type: this.formattedValueObject.type })));
+            }
+        };
+        this.onInputMousedown = () => {
+            this.isClickEvent = true;
+        };
+        this.onInputPaste = (event) => {
+            if (this.type === 'currency') {
+                const clipboardData = event.clipboardData.getData('text');
+                const newFormattedValue = this.getFormattedValue(clipboardData, true);
+                event.preventDefault();
+                this.handleDataInput(newFormattedValue);
+            }
+        };
+        this.onMutationObserved = () => {
+            // Updating checkSlotCount to force re-render when slot content changes
+            this.checkSlotCount = this.checkSlotCount + 1;
+        };
+        this.onRefocusInput = () => {
+            if (this.showMessages) {
+                this.inputField.focus();
+                setMessageHeight(this);
+            }
+        };
+        this.onToggleVisibility = () => {
+            this.hostElement.dispatchEvent(new FocusEvent('focus'));
+            this.textHidden = !this.textHidden;
+        };
+        this.validateInput = () => {
+            var _a, _b, _c;
+            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();
+            }
+            return !!((_c = this.validity) === null || _c === void 0 ? void 0 : _c.valid);
+        };
+    }
+    // #endregion
+    // #region Component Lifecycle Events
+    disconnectedCallback() {
+        var _a;
+        this.manageClearableResizeObserver();
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver = null;
+    }
+    componentWillLoad() {
+        if (isNaN(this.maxlength)) {
+            this.maxlength = undefined;
+        }
+        this.formattedValueObject = this.getFormattedValue(this.stringValue, true);
+        Object.defineProperty(this.hostElement, 'formattedValue', {
+            get: () => { var _a, _b; return (_b = (_a = this.formattedValueObject) === null || _a === void 0 ? void 0 : _a.formattedValue) !== null && _b !== void 0 ? _b : ''; },
+        });
+        handleAriaLabel(this);
+        if (this.textHidden === undefined) {
+            this.textHidden = this.type === 'password';
+        }
+        this.manageClearableResizeObserver(this.clearable);
+    }
+    componentDidLoad() {
+        overrideFocus(this.hostElement);
+        if (!this.pseudo)
+            this.inputField.value = this.formattedValueObject.formattedValue;
+        if (!!this.autofocus)
+            this.inputField.focus();
+        this.initMutationObserver();
+    }
+    componentDidRender() {
+        this.scheduledAfterRender.forEach(fn => fn());
+        this.scheduledAfterRender = [];
+    }
+    // #endregion
+    // #region Listeners
+    onHostElementChange(event) {
+        if (!(event instanceof CustomEvent)) {
+            event.stopPropagation();
+            return;
+        }
+        if (event.target === this.hostElement && !this.hostElement.onchange) {
+            this.value = event.detail.value;
+        }
+    }
+    onHostElementFocus(event) {
+        if (!isEventFromElement(event, this.hostElement))
+            return;
+        this.inputField.focus();
+    }
+    // #endregion
+    // #region Public Methods API
+    /**
+     * Emulates firing checkValidity on `<input>`, emits `invalid` event if validation failed.
+     */
+    async checkValidity() {
+        this.inputRef.checkValidity();
+        return this.validateInput();
+    }
+    /**
+     * Emulates clicking the clear button when the input is clearable.
+     *
+     * @warning
+     * Only applicable when the input is clearable.
+     *
+     * @testOnly
+     */
+    async clearValue() {
+        if (!this.clearable)
+            return;
+        this.onClearInput();
+    }
+    /**
+     * Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.
+     *
+     * This method leaves the focus on the `<input>` and as a result does not trigger the `change` event. If you want
+     * to trigger the` change` event, move the focus to another element after calling this method.
+     *
+     * @testOnly
+     */
+    setValue(value) {
+        const { inputField } = this;
+        inputField.focus();
+        inputField.dispatchEvent(new FocusEvent('focus'));
+        inputField.value = value;
+        inputField.dispatchEvent(new InputEvent('input'));
+    }
+    // #endregion
+    // #region Watchers
+    ariaLabelObserver() {
+        handleAriaLabel(this);
+    }
+    manageClearableResizeObserver(clearable) {
+        var _a;
+        if ('ResizeObserver' in window === false)
+            return;
+        const isSmallThreshold = 190;
+        if (clearable) {
+            if (this.resizeObserver)
+                return;
+            if (typeof ResizeObserver === 'undefined')
+                return;
+            this.resizeObserver = new ResizeObserver(([entry]) => {
+                this.isSmall = isSmallThreshold > entry.contentRect.width;
+            });
+            this.resizeObserver.observe(this.hostElement);
+        }
+        else {
+            this.isSmall = false;
+            (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.unobserve(this.hostElement);
+            this.resizeObserver = null;
+        }
+    }
+    errorsObserver() {
+        this.hasFocus && this.scheduledAfterRender.push(() => setMessageHeight(this));
+    }
+    formatModifierObserver() {
+        this.formatAndUpdateValueFromProp();
+    }
+    formattedValueObjectObserver() {
+        this.formatted.emit(this.formattedValueObject);
+    }
+    hintsObserver() {
+        this.hasFocus && this.scheduledAfterRender.push(() => setMessageHeight(this));
+    }
+    typeObserver() {
+        this.formatAndUpdateValueFromProp();
+    }
+    valueObserver() {
+        this.formatAndUpdateValueFromProp();
+    }
+    // #endregion
+    // #region Local Methods
+    get ariaAttributes() {
+        return {
+            ariaActivedescendant: getAriaValueFromProp(this.ariaActivedescendant),
+            ariaControls: getAriaValueFromProp(this.ariaControls),
+            ariaExpanded: getAriaValueFromProp(this.ariaExpanded, ['true', 'false']),
+            ariaHaspopup: getAriaValueFromProp(this.ariaHaspopup, [
+                'true',
+                'false',
+                'menu',
+                'listbox',
+                'tree',
+                'grid',
+                'dialog',
+            ]),
+            ariaOwns: getAriaValueFromProp(this.ariaOwns),
+        };
+    }
+    get canSetSelection() {
+        // email and number type don't support setSelectionRange
+        return !['email', 'number'].includes(this.computedType);
+    }
+    get clearClasses() {
+        var _a;
+        const classes = ['btn-clear'];
+        if (!this.clearable || !(((_a = this.inputField) === null || _a === void 0 ? void 0 : _a.value) || this.value)) {
+            classes.push('hidden');
+        }
+        return classes;
+    }
+    get computedAutocomplete() {
+        // force off for currency type
+        if (this.type === 'currency')
+            return 'transaction-amount';
+        return this.autocomplete || 'off';
+    }
+    get computedClassForIconLeft() {
+        let className = 'icon-left';
+        if (this.formattedValueObject.leftIconMuted) {
+            className += ' icon-left-muted';
+        }
+        return className;
+    }
+    get computedIconLeft() {
+        if (this.formattedValueObject.prefix) {
+            return;
+        }
+        if (this.type === 'search') {
+            return 'search';
+        }
+        if (this.formattedValueObject.leftIcon) {
+            return this.formattedValueObject.leftIcon;
+        }
+        return this.iconLeft;
+    }
+    get computedType() {
+        if (['password', 'text', 'ssn'].includes(this.type) && this.textHidden) {
+            return 'password';
+        }
+        else {
+            return (this.type && inputTypeMap[this.type]) || 'text';
+        }
+    }
+    get hasCustomDisplaySlot() {
+        return hasSlotContent(this.hostElement, 'custom-display');
+    }
+    get hasError() {
+        return Array.isArray(this.errors) && this.errors.length > 0;
+    }
+    get hasInputLeftSlot() {
+        return hasSlotContent(this.hostElement, 'input-left');
+    }
+    get hasInputRightSlot() {
+        return hasSlotContent(this.hostElement, 'input-right');
+    }
+    get inputDescribedBy() {
+        return this.showMessages ? `${this.inputId}-description` : undefined;
+    }
+    get inputField() {
+        return this.hostElement.shadowRoot.querySelector('.input-field');
+    }
+    get inputId() {
+        return `input-guid-${this.guid}`;
+    }
+    get inputMode() {
+        const inputModeMap = {
+            currency: 'numeric',
+            ssn: 'numeric',
+            tin: 'numeric',
+            numeric: 'decimal',
+            percentage: 'decimal',
+            date: 'numeric',
+            'credit-card': 'numeric',
+        };
+        return (this.type && inputModeMap[this.type]) || undefined;
+    }
+    get isMaskedType() {
+        const maskedTypes = [
+            'currency',
+            'phone',
+            'ssn',
+            'tin',
+            'alphanumeric',
+            'alpha',
+            'numeric',
+            'percentage',
+            'postal',
+            'date',
+            'credit-card',
+        ];
+        return maskedTypes.includes(this.type);
+    }
+    get messages() {
+        return ((this.errors && this.errors.length > 0 && this.errors) ||
+            (this.hints && this.hints.length > 0 && this.hints) ||
+            []);
+    }
+    get shouldCursorStartAtEnd() {
+        return this.type === 'currency';
+    }
+    get shouldCursorStayAtEnd() {
+        return this.isMobile && this.type === 'currency';
+    }
+    get showIconSeparator() {
+        return this.type === 'credit-card' || !!this.formattedValueObject.prefix;
+    }
+    get showMessages() {
+        return this.messages.length > 0 && !this.hideMessages;
+    }
+    get stringValue() {
+        const notCoercable = Object.prototype.toString.call(this.value) === '[object Object]';
+        return notCoercable ? '' : (this.value && String(this.value)) || '';
+    }
+    get visibilityToggleAriaLabel() {
+        return `tecton.element.input.toggleAriaLabel.${this.textHidden ? 'show' : 'hide'}`;
+    }
+    get visibilityToggleText() {
+        return loc(`tecton.element.input.toggle.${this.textHidden ? 'show' : 'hide'}`);
+    }
+    get wrapperClasses() {
+        const classNames = ['field-container'];
+        if (this.hasError)
+            classNames.push('has-error');
+        if (!!this.value)
+            classNames.push('has-value');
+        if (this.clearable && !!this.value)
+            classNames.push('has-clear');
+        if (this.hasFocus)
+            classNames.push('has-focus');
+        if (this.isSmall)
+            classNames.push('is-small');
+        if (this.formattedValueObject.prefix)
+            classNames.push('has-prefix');
+        if (this.computedIconLeft)
+            classNames.push('has-icon-left');
+        if (this.showIconSeparator)
+            classNames.push('has-icon-separator');
+        if (this.formattedValueObject.suffix)
+            classNames.push('has-suffix');
+        if (!this.formattedValueObject.suffix && this.iconRight)
+            classNames.push('has-icon-right');
+        if (this.type === 'currency')
+            classNames.push('right-aligned');
+        else
+            classNames.push('left-aligned');
+        if (this.hasCustomDisplaySlot)
+            classNames.push('has-custom-display');
+        return classNames.join(' ');
+    }
+    calculateCursorPositionOnFocus() {
+        var _a, _b, _c;
+        const { inputField } = this;
+        const valueLength = (_b = (_a = inputField === null || inputField === void 0 ? void 0 : inputField.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+        const startingPosition = (_c = inputField === null || inputField === void 0 ? void 0 : inputField.selectionStart) !== null && _c !== void 0 ? _c : valueLength;
+        return {
+            startingPosition,
+            valueLength,
+            previousValueLength: valueLength,
+            hasSelection: window.getSelection().toString().length > 0,
+        };
+    }
+    calculateCursorPositionOnInput() {
+        const input = this.inputField;
+        const formattedLength = this.formattedValueObject.formattedValue.length;
+        const currentValueLength = input.value.length;
+        const defaultPosition = this.type === 'currency' ? formattedLength : 0;
+        return {
+            startingPosition: (input && input.selectionStart) || defaultPosition,
+            valueLength: formattedLength,
+            previousValueLength: input && currentValueLength,
+            hasSelection: false,
+        };
+    }
+    formatAndUpdateValueFromProp() {
+        this.formattedValueObject = this.getFormattedValue(this.stringValue, true);
+        if (!this.pseudo) {
+            const setValue = () => {
+                this.inputField.value = this.formattedValueObject.formattedValue;
+            };
+            this.inputField ? setValue() : this.scheduledAfterRender.push(() => setValue());
+        }
+    }
+    getFormattedValue(value, valueChangedFromProperty) {
+        const formattingFunctions = {
+            currency: formatCurrency,
+            phone: formatPhoneNumber,
+            ssn: formatSSN,
+            tin: formatTIN,
+            alphanumeric: formatAlphanumeric,
+            alpha: formatAlpha,
+            numeric: formatNumeric,
+            percentage: formatPercentage,
+            postal: formatPostalCode,
+            date: formatDate,
+            'credit-card': formatCreditCard.format,
+        };
+        if (formattingFunctions[this.type]) {
+            return formattingFunctions[this.type](value, this.formatModifier, valueChangedFromProperty);
+        }
+        return {
+            value,
+            formattedValue: value,
+            fullyFormattedValue: value,
+            formattingCharacterCount: 0,
+            unformattedValue: value,
+        };
+    }
+    handleCurrencyDeletion(event) {
+        // Don't do anything if text was selected for deletion
+        if (this.textSelectedForDeletion) {
+            this.textSelectedForDeletion = false;
+            return;
+        }
+        // We only care about "Backspace" and "Delete" events
+        if (!['deleteContentBackward', 'deleteContentForward'].includes(event.inputType))
+            return;
+        const input = event.target;
+        const cursorPosition = input.selectionStart;
+        const { formattedValue } = this.formattedValueObject;
+        if (cursorPosition === null)
+            return;
+        let cursorMap;
+        switch (event.inputType) {
+            case 'deleteContentBackward':
+                const valueBeforeCursor = formattedValue.substring(0, cursorPosition + 1);
+                const isPrevCharAlphaNum = /[a-zA-Z0-9]$/.test(valueBeforeCursor);
+                cursorMap = {
+                    leftIndex: isPrevCharAlphaNum ? cursorPosition : cursorPosition - 1,
+                    rightIndex: isPrevCharAlphaNum ? cursorPosition + 1 : cursorPosition,
+                    afterCursorOffset: 0,
+                    newCursorOffset: 1,
+                };
+                break;
+            case 'deleteContentForward':
+                const valueAfterCursor = formattedValue.substring(cursorPosition);
+                const isNextCharAlphaNum = /^[a-zA-Z0-9]/.test(valueAfterCursor);
+                cursorMap = {
+                    leftIndex: isNextCharAlphaNum ? cursorPosition : cursorPosition + 1,
+                    rightIndex: isNextCharAlphaNum ? cursorPosition + 1 : cursorPosition + 2,
+                    afterCursorOffset: 1,
+                    newCursorOffset: 0,
+                };
+                break;
+            default:
+                return;
+        }
+        // Ensure the cursor doesn't move with a newly formatted value
+        const newValue = [
+            formattedValue.substring(0, cursorMap.leftIndex),
+            formattedValue.substring(cursorMap.rightIndex),
+        ].join('');
+        const charactersAfterCursor = formattedValue.length - cursorPosition - cursorMap.afterCursorOffset;
+        const newFormattedValue = this.getFormattedValue(newValue, false).formattedValue;
+        const newCursorPosition = Math.max(newFormattedValue.length - charactersAfterCursor + cursorMap.newCursorOffset, 0);
+        input.value = newFormattedValue;
+        input.setSelectionRange(newCursorPosition, newCursorPosition);
+        // This handles a runtime issue when a character is deleted from the beginning of the input
+        if (newCursorPosition === 0) {
+            nextPaint(() => input.setSelectionRange(newCursorPosition, newCursorPosition));
+        }
+    }
+    handleDataInput(newFormattedValue) {
+        if (this.maxlength === undefined ||
+            newFormattedValue.unformattedValue.length <= this.maxlength ||
+            newFormattedValue.unformattedValue.length <= this.formattedValueObject.unformattedValue.length) {
+            this.formattedValueObject = newFormattedValue;
+        }
+        else if (this.maxlength) {
+            newFormattedValue = this.getFormattedValue(newFormattedValue.unformattedValue.substring(0, this.maxlength), false);
+            this.formattedValueObject = newFormattedValue;
+        }
+        this.handleValueAndCursor();
+    }
+    placeCursorAtEnd() {
+        const { inputField } = this;
+        inputField.selectionStart = inputField.selectionEnd = inputField.value.length;
+    }
+    setCursorPosition(cursorData) {
+        if (this.canSetSelection && !cursorData.hasSelection) {
+            const input = this.inputField;
+            const { valueLength, previousValueLength, startingPosition } = cursorData;
+            if (this.type === 'currency') {
+                if (previousValueLength - valueLength === 1) {
+                    input.setSelectionRange(startingPosition - 1, startingPosition - 1);
+                }
+                else {
+                    const difference = previousValueLength - valueLength;
+                    input.setSelectionRange(startingPosition - difference, startingPosition - difference);
+                }
+            }
+            if (this.type !== 'currency') {
+                const difference = valueLength - previousValueLength;
+                // Never allow the cursor to move in reverse
+                const newPosition = startingPosition + (difference > 0 ? difference : 0);
+                input.setSelectionRange(newPosition, newPosition);
+            }
+        }
+    }
+    // #endregion
+    // #region Render Methods
+    renderCountDOM() {
+        if (!this.showCount)
+            return;
+        const { maxlength, formattedValueObject } = this;
+        return (h("div", { class: "count-tag" }, formattedValueObject.unformattedValue.length, maxlength && `/${maxlength}`));
+    }
+    renderInputContainerDOM() {
+        const { hasInputLeftSlot, hasInputRightSlot } = this;
+        return (h("div", { class: "input-container", tabindex: -1, "test-id": "inputContainer" }, h("div", { class: "input-icons-container-left" }, this.formattedValueObject.prefix && (h("div", { class: "input-prefix" }, this.formattedValueObject.prefix)), this.computedIconLeft && (h("div", null, h("q2-icon", { type: this.computedIconLeft, class: this.computedClassForIconLeft }))), hasInputLeftSlot && h("slot", { name: "input-left" }), this.showIconSeparator && h("div", { class: "vertical-separator" }), this.hasError && this.type === 'currency' && (h("div", { "test-id": "divIconError", onClick: this.onRefocusInput }, h("q2-icon", { type: "error", class: "icon-error", "test-id": "iconError" })))), this.pseudo ? this.renderPseudoInputDOM() : this.renderStandardInputDOM(), h("div", { class: "input-icons-container-right" }, h("q2-btn", { class: this.clearClasses.join(' '), label: loc('tecton.element.input.clear', [this.label]), hideLabel: true, "test-id": "clearButton", onClick: this.onClearInput, onKeyDown: e => e.stopPropagation() }, h("q2-icon", { type: "close", class: "icon-clear" })), ['password', 'text', 'ssn', 'tin'].includes(this.type) && this.showVisibilityToggle && (h("q2-btn", { class: "btn-visibility-toggle", "test-id": "toggleVisibilityButton", onClick: this.onToggleVisibility, label: loc(this.visibilityToggleAriaLabel, { label: this.label }), "hide-label": true }, this.visibilityToggleText)), this.formattedValueObject.suffix && (h("span", { class: "input-suffix" }, this.formattedValueObject.suffix)), this.badgeValue && (h("q2-badge", { size: "large", theme: this.badgeTheme }, this.badgeValue)), this.hasError && this.type !== 'currency' && (h("div", { "test-id": "divIconError", onClick: this.onRefocusInput }, h("q2-icon", { type: "error", class: "icon-error", "test-id": "iconError" }))), this.iconRight && !this.formattedValueObject.suffix && (h("div", null, h("q2-icon", { type: this.iconRight, class: "icon-right" }))), hasInputRightSlot && h("slot", { name: "input-right" }))));
+    }
+    renderPseudoInputDOM() {
+        const showPlaceholder = !this.value && !!this.placeholder;
+        const { ariaOwns, ariaHaspopup, ariaExpanded, ariaActivedescendant } = this.ariaAttributes;
+        return (h("div", { class: "pseudo-input-container" }, h("button", { class: "input-field", type: "button", id: this.inputId, "aria-describedby": this.inputDescribedBy, "aria-invalid": `${this.hasError}`, "aria-owns": ariaOwns, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-activedescendant": ariaActivedescendant, role: (this.role && `${this.role}`) || 'textbox', disabled: !!this.disabled, "test-id": "q2InputInnerClearButton", onFocus: this.onInputFocus, onBlur: this.onInputBlur }, h("div", { class: "custom-display-container" }, h("slot", { name: "custom-display" }, h("span", { class: showPlaceholder ? 'placeholder-text' : '' }, showPlaceholder ? loc(this.placeholder) : loc(this.value)))))));
+    }
+    renderStandardInputDOM() {
+        const { hasCustomDisplaySlot } = this;
+        const inputClasses = ['input-field'];
+        const { ariaOwns, ariaHaspopup, 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", { ref: el => (this.inputRef = el), class: inputClasses.join(' '), id: this.inputId, type: this.computedType, size: this.formattedValueObject.prefix ? 10 : undefined, maxlength: ['date', 'currency'].includes(this.type) ? undefined : this.maxlength || 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-activedescendant": ariaActivedescendant, autocomplete: this.computedAutocomplete, autocapitalize: this.autocapitalize, autocorrect: this.autocorrect === 'on' ? 'on' : 'off', autofocus: this.autofocus, placeholder: (this.placeholder && loc(this.placeholder)) || undefined, "test-id": "inputField", readonly: this.readonly || this._preventEntry, disabled: !!this.disabled, onFocus: this.onInputFocus, onBlur: this.onInputBlur, onClick: this.onInputClick, onKeyDown: this.onInputKeydown, onMouseDown: this.onInputMousedown, onInput: this.onInputInput, onPaste: this.onInputPaste, inputmode: this.inputMode, pattern: this.pattern || undefined })));
+    }
+    render() {
+        const { ariaControls, ariaExpanded } = this.ariaAttributes;
+        return (h(Host, { key: 'ac1668b4b57fe26794243fdac33d3cb9ba74d7c7', role: this._role, "aria-controls": ariaControls, "aria-expanded": ariaExpanded }, h("div", { key: 'aaa97e165fdda3dfb95326bcdc635e8ad56a791a', class: this.wrapperClasses }, h("div", { key: '7c8fe4e94bc2e0b22465b794aaa773ebb53ec83f', class: "label-wrapper" }, renderLabel(this), this.renderCountDOM()), this.renderInputContainerDOM(), renderMessages(this))));
+    }
+    get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "ariaLabel": ["ariaLabelObserver"],
+        "clearable": ["manageClearableResizeObserver"],
+        "errors": ["errorsObserver"],
+        "formatModifier": ["formatModifierObserver"],
+        "formattedValueObject": ["formattedValueObjectObserver"],
+        "hints": ["hintsObserver"],
+        "type": ["typeObserver"],
+        "value": ["valueObserver"]
+    }; }
+};
+Q2Input.style = q2InputCss;
+
+export { Q2Input as q2_input };
+//# sourceMappingURL=q2-input.entry.js.map
+
+//# sourceMappingURL=q2-input.entry.js.map