@ptcwebops/ptcw-design 6.4.18 → 6.4.19

package/dist/esm/ptc-form-checkbox_2.entry.js

@@ -1,4471 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-0bf594c4.js';
-import { V as ValidationMessages } from './validation-messages-1379b825.js';
-import { k as getLanguageFromURL } from './utils-a64ba942.js';
-import { _ as __extends, a as __assign, M as MDCFoundation, n as getCorrectEventName, h as MDCRipple, o as applyPassive, m as matches, i as MDCRippleFoundation, f as __values, e as MDCComponent, k as MDCLineRipple, j as MDCFloatingLabel, l as MDCNotchedOutline } from './component-341e4eaa.js';
-import { c as createCommonjsModule } from './_commonjsHelpers-9943807e.js';
-
-/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var cssClasses$5 = {
-    ANIM_CHECKED_INDETERMINATE: 'mdc-checkbox--anim-checked-indeterminate',
-    ANIM_CHECKED_UNCHECKED: 'mdc-checkbox--anim-checked-unchecked',
-    ANIM_INDETERMINATE_CHECKED: 'mdc-checkbox--anim-indeterminate-checked',
-    ANIM_INDETERMINATE_UNCHECKED: 'mdc-checkbox--anim-indeterminate-unchecked',
-    ANIM_UNCHECKED_CHECKED: 'mdc-checkbox--anim-unchecked-checked',
-    ANIM_UNCHECKED_INDETERMINATE: 'mdc-checkbox--anim-unchecked-indeterminate',
-    BACKGROUND: 'mdc-checkbox__background',
-    CHECKED: 'mdc-checkbox--checked',
-    CHECKMARK: 'mdc-checkbox__checkmark',
-    CHECKMARK_PATH: 'mdc-checkbox__checkmark-path',
-    DISABLED: 'mdc-checkbox--disabled',
-    INDETERMINATE: 'mdc-checkbox--indeterminate',
-    MIXEDMARK: 'mdc-checkbox__mixedmark',
-    NATIVE_CONTROL: 'mdc-checkbox__native-control',
-    ROOT: 'mdc-checkbox',
-    SELECTED: 'mdc-checkbox--selected',
-    UPGRADED: 'mdc-checkbox--upgraded',
-};
-var strings$5 = {
-    ARIA_CHECKED_ATTR: 'aria-checked',
-    ARIA_CHECKED_INDETERMINATE_VALUE: 'mixed',
-    DATA_INDETERMINATE_ATTR: 'data-indeterminate',
-    NATIVE_CONTROL_SELECTOR: '.mdc-checkbox__native-control',
-    TRANSITION_STATE_CHECKED: 'checked',
-    TRANSITION_STATE_INDETERMINATE: 'indeterminate',
-    TRANSITION_STATE_INIT: 'init',
-    TRANSITION_STATE_UNCHECKED: 'unchecked',
-};
-var numbers$1 = {
-    ANIM_END_LATCH_MS: 250,
-};
-
-/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var MDCCheckboxFoundation = /** @class */ (function (_super) {
-    __extends(MDCCheckboxFoundation, _super);
-    function MDCCheckboxFoundation(adapter) {
-        var _this = _super.call(this, __assign(__assign({}, MDCCheckboxFoundation.defaultAdapter), adapter)) || this;
-        _this.currentCheckState = strings$5.TRANSITION_STATE_INIT;
-        _this.currentAnimationClass = '';
-        _this.animEndLatchTimer = 0;
-        _this.enableAnimationEndHandler = false;
-        return _this;
-    }
-    Object.defineProperty(MDCCheckboxFoundation, "cssClasses", {
-        get: function () {
-            return cssClasses$5;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCCheckboxFoundation, "strings", {
-        get: function () {
-            return strings$5;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCCheckboxFoundation, "numbers", {
-        get: function () {
-            return numbers$1;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCCheckboxFoundation, "defaultAdapter", {
-        get: function () {
-            return {
-                addClass: function () { return undefined; },
-                forceLayout: function () { return undefined; },
-                hasNativeControl: function () { return false; },
-                isAttachedToDOM: function () { return false; },
-                isChecked: function () { return false; },
-                isIndeterminate: function () { return false; },
-                removeClass: function () { return undefined; },
-                removeNativeControlAttr: function () { return undefined; },
-                setNativeControlAttr: function () { return undefined; },
-                setNativeControlDisabled: function () { return undefined; },
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MDCCheckboxFoundation.prototype.init = function () {
-        this.currentCheckState = this.determineCheckState();
-        this.updateAriaChecked();
-        this.adapter.addClass(cssClasses$5.UPGRADED);
-    };
-    MDCCheckboxFoundation.prototype.destroy = function () {
-        clearTimeout(this.animEndLatchTimer);
-    };
-    MDCCheckboxFoundation.prototype.setDisabled = function (disabled) {
-        this.adapter.setNativeControlDisabled(disabled);
-        if (disabled) {
-            this.adapter.addClass(cssClasses$5.DISABLED);
-        }
-        else {
-            this.adapter.removeClass(cssClasses$5.DISABLED);
-        }
-    };
-    /**
-     * Handles the animationend event for the checkbox
-     */
-    MDCCheckboxFoundation.prototype.handleAnimationEnd = function () {
-        var _this = this;
-        if (!this.enableAnimationEndHandler) {
-            return;
-        }
-        clearTimeout(this.animEndLatchTimer);
-        this.animEndLatchTimer = setTimeout(function () {
-            _this.adapter.removeClass(_this.currentAnimationClass);
-            _this.enableAnimationEndHandler = false;
-        }, numbers$1.ANIM_END_LATCH_MS);
-    };
-    /**
-     * Handles the change event for the checkbox
-     */
-    MDCCheckboxFoundation.prototype.handleChange = function () {
-        this.transitionCheckState();
-    };
-    MDCCheckboxFoundation.prototype.transitionCheckState = function () {
-        if (!this.adapter.hasNativeControl()) {
-            return;
-        }
-        var oldState = this.currentCheckState;
-        var newState = this.determineCheckState();
-        if (oldState === newState) {
-            return;
-        }
-        this.updateAriaChecked();
-        var TRANSITION_STATE_UNCHECKED = strings$5.TRANSITION_STATE_UNCHECKED;
-        var SELECTED = cssClasses$5.SELECTED;
-        if (newState === TRANSITION_STATE_UNCHECKED) {
-            this.adapter.removeClass(SELECTED);
-        }
-        else {
-            this.adapter.addClass(SELECTED);
-        }
-        // Check to ensure that there isn't a previously existing animation class, in case for example
-        // the user interacted with the checkbox before the animation was finished.
-        if (this.currentAnimationClass.length > 0) {
-            clearTimeout(this.animEndLatchTimer);
-            this.adapter.forceLayout();
-            this.adapter.removeClass(this.currentAnimationClass);
-        }
-        this.currentAnimationClass =
-            this.getTransitionAnimationClass(oldState, newState);
-        this.currentCheckState = newState;
-        // Check for parentNode so that animations are only run when the element is attached
-        // to the DOM.
-        if (this.adapter.isAttachedToDOM() &&
-            this.currentAnimationClass.length > 0) {
-            this.adapter.addClass(this.currentAnimationClass);
-            this.enableAnimationEndHandler = true;
-        }
-    };
-    MDCCheckboxFoundation.prototype.determineCheckState = function () {
-        var TRANSITION_STATE_INDETERMINATE = strings$5.TRANSITION_STATE_INDETERMINATE, TRANSITION_STATE_CHECKED = strings$5.TRANSITION_STATE_CHECKED, TRANSITION_STATE_UNCHECKED = strings$5.TRANSITION_STATE_UNCHECKED;
-        if (this.adapter.isIndeterminate()) {
-            return TRANSITION_STATE_INDETERMINATE;
-        }
-        return this.adapter.isChecked() ? TRANSITION_STATE_CHECKED :
-            TRANSITION_STATE_UNCHECKED;
-    };
-    MDCCheckboxFoundation.prototype.getTransitionAnimationClass = function (oldState, newState) {
-        var TRANSITION_STATE_INIT = strings$5.TRANSITION_STATE_INIT, TRANSITION_STATE_CHECKED = strings$5.TRANSITION_STATE_CHECKED, TRANSITION_STATE_UNCHECKED = strings$5.TRANSITION_STATE_UNCHECKED;
-        var _a = MDCCheckboxFoundation.cssClasses, ANIM_UNCHECKED_CHECKED = _a.ANIM_UNCHECKED_CHECKED, ANIM_UNCHECKED_INDETERMINATE = _a.ANIM_UNCHECKED_INDETERMINATE, ANIM_CHECKED_UNCHECKED = _a.ANIM_CHECKED_UNCHECKED, ANIM_CHECKED_INDETERMINATE = _a.ANIM_CHECKED_INDETERMINATE, ANIM_INDETERMINATE_CHECKED = _a.ANIM_INDETERMINATE_CHECKED, ANIM_INDETERMINATE_UNCHECKED = _a.ANIM_INDETERMINATE_UNCHECKED;
-        switch (oldState) {
-            case TRANSITION_STATE_INIT:
-                if (newState === TRANSITION_STATE_UNCHECKED) {
-                    return '';
-                }
-                return newState === TRANSITION_STATE_CHECKED ? ANIM_INDETERMINATE_CHECKED : ANIM_INDETERMINATE_UNCHECKED;
-            case TRANSITION_STATE_UNCHECKED:
-                return newState === TRANSITION_STATE_CHECKED ? ANIM_UNCHECKED_CHECKED : ANIM_UNCHECKED_INDETERMINATE;
-            case TRANSITION_STATE_CHECKED:
-                return newState === TRANSITION_STATE_UNCHECKED ? ANIM_CHECKED_UNCHECKED : ANIM_CHECKED_INDETERMINATE;
-            default: // TRANSITION_STATE_INDETERMINATE
-                return newState === TRANSITION_STATE_CHECKED ? ANIM_INDETERMINATE_CHECKED : ANIM_INDETERMINATE_UNCHECKED;
-        }
-    };
-    MDCCheckboxFoundation.prototype.updateAriaChecked = function () {
-        // Ensure aria-checked is set to mixed if checkbox is in indeterminate state.
-        if (this.adapter.isIndeterminate()) {
-            this.adapter.setNativeControlAttr(strings$5.ARIA_CHECKED_ATTR, strings$5.ARIA_CHECKED_INDETERMINATE_VALUE);
-        }
-        else {
-            // The on/off state does not need to keep track of aria-checked, since
-            // the screenreader uses the checked property on the checkbox element.
-            this.adapter.removeNativeControlAttr(strings$5.ARIA_CHECKED_ATTR);
-        }
-    };
-    return MDCCheckboxFoundation;
-}(MDCFoundation));
-
-/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var CB_PROTO_PROPS = ['checked', 'indeterminate'];
-var MDCCheckbox = /** @class */ (function (_super) {
-    __extends(MDCCheckbox, _super);
-    function MDCCheckbox() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.rippleSurface = _this.createRipple();
-        return _this;
-    }
-    MDCCheckbox.attachTo = function (root) {
-        return new MDCCheckbox(root);
-    };
-    Object.defineProperty(MDCCheckbox.prototype, "ripple", {
-        get: function () {
-            return this.rippleSurface;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCCheckbox.prototype, "checked", {
-        get: function () {
-            return this.getNativeControl().checked;
-        },
-        set: function (checked) {
-            this.getNativeControl().checked = checked;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCCheckbox.prototype, "indeterminate", {
-        get: function () {
-            return this.getNativeControl().indeterminate;
-        },
-        set: function (indeterminate) {
-            this.getNativeControl().indeterminate = indeterminate;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCCheckbox.prototype, "disabled", {
-        get: function () {
-            return this.getNativeControl().disabled;
-        },
-        set: function (disabled) {
-            this.foundation.setDisabled(disabled);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCCheckbox.prototype, "value", {
-        get: function () {
-            return this.getNativeControl().value;
-        },
-        set: function (value) {
-            this.getNativeControl().value = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MDCCheckbox.prototype.initialize = function () {
-        var DATA_INDETERMINATE_ATTR = strings$5.DATA_INDETERMINATE_ATTR;
-        this.getNativeControl().indeterminate =
-            this.getNativeControl().getAttribute(DATA_INDETERMINATE_ATTR) ===
-                'true';
-        this.getNativeControl().removeAttribute(DATA_INDETERMINATE_ATTR);
-    };
-    MDCCheckbox.prototype.initialSyncWithDOM = function () {
-        var _this = this;
-        this.handleChange = function () {
-            _this.foundation.handleChange();
-        };
-        this.handleAnimationEnd = function () {
-            _this.foundation.handleAnimationEnd();
-        };
-        this.getNativeControl().addEventListener('change', this.handleChange);
-        this.listen(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd);
-        this.installPropertyChangeHooks();
-    };
-    MDCCheckbox.prototype.destroy = function () {
-        this.rippleSurface.destroy();
-        this.getNativeControl().removeEventListener('change', this.handleChange);
-        this.unlisten(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd);
-        this.uninstallPropertyChangeHooks();
-        _super.prototype.destroy.call(this);
-    };
-    MDCCheckbox.prototype.getDefaultFoundation = function () {
-        var _this = this;
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
-        var adapter = {
-            addClass: function (className) { return _this.root.classList.add(className); },
-            forceLayout: function () { return _this.root.offsetWidth; },
-            hasNativeControl: function () { return !!_this.getNativeControl(); },
-            isAttachedToDOM: function () { return Boolean(_this.root.parentNode); },
-            isChecked: function () { return _this.checked; },
-            isIndeterminate: function () { return _this.indeterminate; },
-            removeClass: function (className) {
-                _this.root.classList.remove(className);
-            },
-            removeNativeControlAttr: function (attr) {
-                _this.getNativeControl().removeAttribute(attr);
-            },
-            setNativeControlAttr: function (attr, value) {
-                _this.getNativeControl().setAttribute(attr, value);
-            },
-            setNativeControlDisabled: function (disabled) {
-                _this.getNativeControl().disabled = disabled;
-            },
-        };
-        return new MDCCheckboxFoundation(adapter);
-    };
-    MDCCheckbox.prototype.createRipple = function () {
-        var _this = this;
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
-        var adapter = __assign(__assign({}, MDCRipple.createAdapter(this)), { deregisterInteractionHandler: function (evtType, handler) {
-                _this.getNativeControl().removeEventListener(evtType, handler, applyPassive());
-            }, isSurfaceActive: function () { return matches(_this.getNativeControl(), ':active'); }, isUnbounded: function () { return true; }, registerInteractionHandler: function (evtType, handler) {
-                _this.getNativeControl().addEventListener(evtType, handler, applyPassive());
-            } });
-        return new MDCRipple(this.root, new MDCRippleFoundation(adapter));
-    };
-    MDCCheckbox.prototype.installPropertyChangeHooks = function () {
-        var e_1, _a;
-        var _this = this;
-        var nativeCb = this.getNativeControl();
-        var cbProto = Object.getPrototypeOf(nativeCb);
-        var _loop_1 = function (controlState) {
-            var desc = Object.getOwnPropertyDescriptor(cbProto, controlState);
-            // We have to check for this descriptor, since some browsers (Safari) don't support its return.
-            // See: https://bugs.webkit.org/show_bug.cgi?id=49739
-            if (!validDescriptor(desc)) {
-                return { value: void 0 };
-            }
-            // Type cast is needed for compatibility with Closure Compiler.
-            var nativeGetter = desc.get;
-            var nativeCbDesc = {
-                configurable: desc.configurable,
-                enumerable: desc.enumerable,
-                get: nativeGetter,
-                set: function (state) {
-                    desc.set.call(nativeCb, state);
-                    _this.foundation.handleChange();
-                },
-            };
-            Object.defineProperty(nativeCb, controlState, nativeCbDesc);
-        };
-        try {
-            for (var CB_PROTO_PROPS_1 = __values(CB_PROTO_PROPS), CB_PROTO_PROPS_1_1 = CB_PROTO_PROPS_1.next(); !CB_PROTO_PROPS_1_1.done; CB_PROTO_PROPS_1_1 = CB_PROTO_PROPS_1.next()) {
-                var controlState = CB_PROTO_PROPS_1_1.value;
-                var state_1 = _loop_1(controlState);
-                if (typeof state_1 === "object")
-                    return state_1.value;
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (CB_PROTO_PROPS_1_1 && !CB_PROTO_PROPS_1_1.done && (_a = CB_PROTO_PROPS_1.return)) _a.call(CB_PROTO_PROPS_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-    };
-    MDCCheckbox.prototype.uninstallPropertyChangeHooks = function () {
-        var e_2, _a;
-        var nativeCb = this.getNativeControl();
-        var cbProto = Object.getPrototypeOf(nativeCb);
-        try {
-            for (var CB_PROTO_PROPS_2 = __values(CB_PROTO_PROPS), CB_PROTO_PROPS_2_1 = CB_PROTO_PROPS_2.next(); !CB_PROTO_PROPS_2_1.done; CB_PROTO_PROPS_2_1 = CB_PROTO_PROPS_2.next()) {
-                var controlState = CB_PROTO_PROPS_2_1.value;
-                var desc = Object.getOwnPropertyDescriptor(cbProto, controlState);
-                if (!validDescriptor(desc)) {
-                    return;
-                }
-                Object.defineProperty(nativeCb, controlState, desc);
-            }
-        }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-        finally {
-            try {
-                if (CB_PROTO_PROPS_2_1 && !CB_PROTO_PROPS_2_1.done && (_a = CB_PROTO_PROPS_2.return)) _a.call(CB_PROTO_PROPS_2);
-            }
-            finally { if (e_2) throw e_2.error; }
-        }
-    };
-    MDCCheckbox.prototype.getNativeControl = function () {
-        var NATIVE_CONTROL_SELECTOR = strings$5.NATIVE_CONTROL_SELECTOR;
-        var el = this.root.querySelector(NATIVE_CONTROL_SELECTOR);
-        if (!el) {
-            throw new Error("Checkbox component requires a " + NATIVE_CONTROL_SELECTOR + " element");
-        }
-        return el;
-    };
-    return MDCCheckbox;
-}(MDCComponent));
-function validDescriptor(inputPropDesc) {
-    return !!inputPropDesc && typeof inputPropDesc.set === 'function';
-}
-
-/**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var cssClasses$4 = {
-    ROOT: 'mdc-form-field',
-};
-var strings$4 = {
-    LABEL_SELECTOR: '.mdc-form-field > label',
-};
-
-/**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var MDCFormFieldFoundation = /** @class */ (function (_super) {
-    __extends(MDCFormFieldFoundation, _super);
-    function MDCFormFieldFoundation(adapter) {
-        var _this = _super.call(this, __assign(__assign({}, MDCFormFieldFoundation.defaultAdapter), adapter)) || this;
-        _this.click = function () {
-            _this.handleClick();
-        };
-        return _this;
-    }
-    Object.defineProperty(MDCFormFieldFoundation, "cssClasses", {
-        get: function () {
-            return cssClasses$4;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCFormFieldFoundation, "strings", {
-        get: function () {
-            return strings$4;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCFormFieldFoundation, "defaultAdapter", {
-        get: function () {
-            return {
-                activateInputRipple: function () { return undefined; },
-                deactivateInputRipple: function () { return undefined; },
-                deregisterInteractionHandler: function () { return undefined; },
-                registerInteractionHandler: function () { return undefined; },
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MDCFormFieldFoundation.prototype.init = function () {
-        this.adapter.registerInteractionHandler('click', this.click);
-    };
-    MDCFormFieldFoundation.prototype.destroy = function () {
-        this.adapter.deregisterInteractionHandler('click', this.click);
-    };
-    MDCFormFieldFoundation.prototype.handleClick = function () {
-        var _this = this;
-        this.adapter.activateInputRipple();
-        requestAnimationFrame(function () {
-            _this.adapter.deactivateInputRipple();
-        });
-    };
-    return MDCFormFieldFoundation;
-}(MDCFoundation));
-
-/**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var MDCFormField = /** @class */ (function (_super) {
-    __extends(MDCFormField, _super);
-    function MDCFormField() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MDCFormField.attachTo = function (root) {
-        return new MDCFormField(root);
-    };
-    MDCFormField.prototype.labelEl = function () {
-        var LABEL_SELECTOR = MDCFormFieldFoundation.strings.LABEL_SELECTOR;
-        return this.root.querySelector(LABEL_SELECTOR);
-    };
-    MDCFormField.prototype.getDefaultFoundation = function () {
-        var _this = this;
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
-        var adapter = {
-            activateInputRipple: function () {
-                if (_this.input && _this.input.ripple) {
-                    _this.input.ripple.activate();
-                }
-            },
-            deactivateInputRipple: function () {
-                if (_this.input && _this.input.ripple) {
-                    _this.input.ripple.deactivate();
-                }
-            },
-            deregisterInteractionHandler: function (evtType, handler) {
-                var labelEl = _this.labelEl();
-                if (labelEl) {
-                    labelEl.removeEventListener(evtType, handler);
-                }
-            },
-            registerInteractionHandler: function (evtType, handler) {
-                var labelEl = _this.labelEl();
-                if (labelEl) {
-                    labelEl.addEventListener(evtType, handler);
-                }
-            },
-        };
-        return new MDCFormFieldFoundation(adapter);
-    };
-    return MDCFormField;
-}(MDCComponent));
-
-const ptcFormCheckboxCss = ".mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((40px - 40px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-checkbox:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox .mdc-checkbox__background{top:calc((40px - 18px) / 2);top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((40px - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - 40px) / 2);top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - 40px) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - 40px) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:40px;width:var(--mdc-checkbox-touch-target-size, 40px);height:40px;height:var(--mdc-checkbox-touch-target-size, 40px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786}.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786}.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.38);border-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:transparent;background-color:rgba(0, 0, 0, 0.38);background-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-touch-target-wrapper{display:inline}@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{-webkit-transform:scaleX(0);transform:scaleX(0)}68.2%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{-webkit-transform:scaleX(0);transform:scaleX(0)}68.2%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 1, 1);animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 1, 1);animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes mdc-checkbox-checked-indeterminate-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:1}}@keyframes mdc-checkbox-indeterminate-checked-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:1}}@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{-webkit-animation-timing-function:mdc-animation-deceleration-curve-timing-function;animation-timing-function:mdc-animation-deceleration-curve-timing-function;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}}@keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{-webkit-animation-timing-function:mdc-animation-deceleration-curve-timing-function;animation-timing-function:mdc-animation-deceleration-curve-timing-function;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}}@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(315deg);transform:rotate(315deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(315deg);transform:rotate(315deg);opacity:0}}@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}32.8%,100%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}}@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}32.8%,100%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:100%;width:100%}@media screen and (forced-colors: active){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{border-color:CanvasText}}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{content:\"\";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{border-color:CanvasText}}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled{cursor:default;pointer-events:none}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color, border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__checkmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--upgraded .mdc-checkbox__checkmark{opacity:1}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);stroke:currentColor;stroke-width:3.12px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;-webkit-transform:scaleX(0) rotate(0deg);transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background{-webkit-animation-duration:180ms;animation-duration:180ms;-webkit-animation-timing-function:linear;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{-webkit-animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{-webkit-animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{-webkit-animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{-webkit-animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background{transition:border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}.mdc-checkbox__native-control:disabled{cursor:default;pointer-events:none}.mdc-checkbox--touch{margin:calc((48px - 40px) / 2);margin:calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2)}.mdc-checkbox--touch .mdc-checkbox__native-control{top:calc((40px - 48px) / 2);top:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);right:calc((40px - 48px) / 2);right:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);left:calc((40px - 48px) / 2);left:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);width:48px;width:var(--mdc-checkbox-state-layer-size, 48px);height:48px;height:var(--mdc-checkbox-state-layer-size, 48px)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark{-webkit-transform:scaleX(1) rotate(-45deg);transform:scaleX(1) rotate(-45deg)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark{-webkit-transform:scaleX(1) rotate(0deg);transform:scaleX(1) rotate(0deg);opacity:1}.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{transition:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-checkbox{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-checkbox .mdc-checkbox__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-checkbox .mdc-checkbox__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-checkbox{z-index:0}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{z-index:-1;z-index:var(--mdc-ripple-z-index, -1)}.mdc-checkbox__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:GrayText;border-color:var(--mdc-checkbox-disabled-unselected-icon-color, GrayText);background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:GrayText;background-color:GrayText;background-color:var(--mdc-checkbox-disabled-selected-icon-color, GrayText)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:ButtonText;color:var(--mdc-checkbox-selected-checkmark-color, ButtonText)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:ButtonText;border-color:var(--mdc-checkbox-selected-checkmark-color, ButtonText)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:ButtonFace;color:var(--mdc-checkbox-disabled-selected-checkmark-color, ButtonFace)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:ButtonFace;border-color:var(--mdc-checkbox-disabled-selected-checkmark-color, ButtonFace)}}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0;}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px;}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto;}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0;}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0;}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.ptc-checkbox-field{margin-top:12px;margin-bottom:12px;display:block}.ptc-checkbox-field.invalid-checkbox{position:relative;display:block}.ptc-checkbox-field.invalid-checkbox::before{content:\"\";position:absolute;width:calc(100% + 16px);height:calc(100% + 8px);background:#fef3f3;display:flex;flex-direction:column;justify-content:center;z-index:0;left:50%;top:50%;transform:translate(-50%, -50%)}.mdc-form-field{width:273px;align-items:flex-start;margin-bottom:1px}.mdc-form-field>label{transform:translate(-11px, 7px)}.mdc-form-field>label a{color:var(--color-hyperlink)}.mdc-form-field>label a:hover{color:var(--color-blue-08)}.mdc-form-field>label a:active{color:var(--color-blue-09)}.mdc-checkbox{transform:translateX(-8px);padding:8px;padding:calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2);margin:0px;margin:calc((var(--mdc-checkbox-touch-target-size, 34px) - 34px) / 2)}.mdc-checkbox .mdc-checkbox__background{top:8px;top:calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2);left:8px;left:calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:0px;top:calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);right:0px;right:calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);left:0px;left:calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);width:34px;width:var(--mdc-checkbox-touch-target-size, 34px);height:34px;height:var(--mdc-checkbox-touch-target-size, 34px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{background-color:var(--color-green-06)}.mdc-checkbox .mdc-checkbox__native-control:focus-visible+.mdc-checkbox__background{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.label-only .mdc-checkbox{display:none}.label-only>label{padding-left:10px}.checkbox-helper-wrapper{padding-right:16px;padding-left:8px;margin-bottom:32px;display:flex}.checkbox-helper-wrapper p{position:relative;color:#af3231;font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-style:normal;font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-font-size-xx-small);margin-bottom:0px;margin-top:var(--ptc-element-spacing-02)}.checkbox-helper-wrapper p svg{transform:translate(-8px, 3px)}";
-
-const PtcFormCheckbox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.checkboxChanged = createEvent(this, "checkboxChanged", 7);
-    this.checkboxId = undefined;
-    this.label = undefined;
-    this.isRequired = true;
-    this.isChecked = false;
-    this.name = undefined;
-    this.helpertext = "This field is required";
-    this.hideCheckbox = false;
-    this.disabled = false;
-    this.ptcDataEloquaName = undefined;
-    this.hasError = false;
-    this.language = "en";
-    this.ignoreBlindSubmit = false;
-  }
-  handleChange(event) {
-    if (this.disabled) {
-      event.preventDefault();
-    }
-    else {
-      const isCheckedStatus = event.target.checked;
-      this.checkboxChanged.emit(isCheckedStatus);
-      this.isChecked = isCheckedStatus;
-      this.validateCheckbox();
-    }
-  }
-  componentWillLoad() {
-    this.language = getLanguageFromURL();
-    this.helpertext = this.getValidationMessage("required");
-  }
-  componentDidLoad() {
-    this.mdcCheckboxComponent = MDCCheckbox.attachTo(this.mdcCheckbox);
-    this.mdcFormfieldComponent = MDCFormField.attachTo(this.mdcFormfield);
-    this.mdcCheckboxComponent.checked = this.isChecked;
-    this.mdcCheckboxComponent.disabled = this.disabled;
-  }
-  async validateCheckbox() {
-    // this.isCheckboxChecked = !this.isCheckboxChecked; // Toggle checkbox state
-    if (this.isRequired) {
-      if (!this.isChecked) {
-        this.hasError = true; // Set error state to true
-        if (!this.el.classList.contains("invalid-checkbox")) {
-          this.el.classList.add("invalid-checkbox");
-        }
-      }
-      else {
-        this.hasError = false; // Reset error state
-        if (this.el.classList.contains("invalid-checkbox")) {
-          this.el.classList.remove("invalid-checkbox");
-        }
-      }
-    }
-  }
-  getValidationMessage(type) {
-    return ValidationMessages[this.language][type];
-  }
-  handleKeyDown(event) {
-    if (this.disabled) {
-      return;
-    }
-    if (event.key === "Enter") {
-      event.preventDefault();
-      this.isChecked = !this.isChecked;
-      this.checkboxChanged.emit(this.isChecked);
-      if (this.checkboxInput) {
-        this.checkboxInput.checked = this.isChecked;
-      }
-      if (this.mdcCheckboxComponent) {
-        this.mdcCheckboxComponent.checked = this.isChecked;
-      }
-      this.validateCheckbox();
-    }
-  }
-  render() {
-    return (h(Host, { class: "ptc-checkbox-field" }, [
-      h("div", { class: `mdc-form-field ${this.hideCheckbox ? "label-only" : ""}`, ref: (mdcFormfield) => {
-          this.mdcFormfield = mdcFormfield;
-        }, "aria-labelledby": this.checkboxId }, h("div", { class: "mdc-checkbox", ref: (mdcCheckbox) => {
-          this.mdcCheckbox = mdcCheckbox;
-        }, "aria-checked": this.isChecked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false" }, h("input", Object.assign({ id: this.checkboxId, ref: (checkboxInput) => {
-          this.checkboxInput = checkboxInput;
-        }, type: "checkbox" }, (this.isRequired
-        ? { required: true }
-        : { required: false }), (this.ignoreBlindSubmit
-        ? { ignoreBlindSubmit: true }
-        : null), { "data-eloqua-name": this.ptcDataEloquaName, class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this), onKeyDown: this.handleKeyDown.bind(this), checked: this.isChecked, disabled: this.disabled, "aria-invalid": this.hasError })), h("div", { class: "mdc-checkbox__background" }, h("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, h("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), h("div", { class: "mdc-checkbox__mixedmark" })), h("div", { class: "mdc-checkbox__ripple" })), h("label", { htmlFor: this.checkboxId, innerHTML: this.label })),
-      this.hasError ? (h("div", { class: "checkbox-helper-wrapper" }, h("p", { id: this.name }, h("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_12_1424)" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h("defs", null, h("clipPath", { id: "clip0_12_1424" }, h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext))) : null,
-    ]));
-  }
-  get el() { return getElement(this); }
-};
-PtcFormCheckbox.style = ptcFormCheckboxCss;
-
-/**
- * @license
- * Copyright 2019 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var cssClasses$3 = {
-    ROOT: 'mdc-text-field-character-counter',
-};
-var strings$3 = {
-    ROOT_SELECTOR: "." + cssClasses$3.ROOT,
-};
-
-/**
- * @license
- * Copyright 2019 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var MDCTextFieldCharacterCounterFoundation = /** @class */ (function (_super) {
-    __extends(MDCTextFieldCharacterCounterFoundation, _super);
-    function MDCTextFieldCharacterCounterFoundation(adapter) {
-        return _super.call(this, __assign(__assign({}, MDCTextFieldCharacterCounterFoundation.defaultAdapter), adapter)) || this;
-    }
-    Object.defineProperty(MDCTextFieldCharacterCounterFoundation, "cssClasses", {
-        get: function () {
-            return cssClasses$3;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextFieldCharacterCounterFoundation, "strings", {
-        get: function () {
-            return strings$3;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextFieldCharacterCounterFoundation, "defaultAdapter", {
-        /**
-         * See {@link MDCTextFieldCharacterCounterAdapter} for typing information on parameters and return types.
-         */
-        get: function () {
-            return {
-                setContent: function () { return undefined; },
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MDCTextFieldCharacterCounterFoundation.prototype.setCounterValue = function (currentLength, maxLength) {
-        currentLength = Math.min(currentLength, maxLength);
-        this.adapter.setContent(currentLength + " / " + maxLength);
-    };
-    return MDCTextFieldCharacterCounterFoundation;
-}(MDCFoundation));
-
-/**
- * @license
- * Copyright 2019 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var MDCTextFieldCharacterCounter = /** @class */ (function (_super) {
-    __extends(MDCTextFieldCharacterCounter, _super);
-    function MDCTextFieldCharacterCounter() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MDCTextFieldCharacterCounter.attachTo = function (root) {
-        return new MDCTextFieldCharacterCounter(root);
-    };
-    Object.defineProperty(MDCTextFieldCharacterCounter.prototype, "foundationForTextField", {
-        // Provided for access by MDCTextField component
-        get: function () {
-            return this.foundation;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MDCTextFieldCharacterCounter.prototype.getDefaultFoundation = function () {
-        var _this = this;
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
-        var adapter = {
-            setContent: function (content) {
-                _this.root.textContent = content;
-            },
-        };
-        return new MDCTextFieldCharacterCounterFoundation(adapter);
-    };
-    return MDCTextFieldCharacterCounter;
-}(MDCComponent));
-
-/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var strings$2 = {
-    ARIA_CONTROLS: 'aria-controls',
-    ARIA_DESCRIBEDBY: 'aria-describedby',
-    INPUT_SELECTOR: '.mdc-text-field__input',
-    LABEL_SELECTOR: '.mdc-floating-label',
-    LEADING_ICON_SELECTOR: '.mdc-text-field__icon--leading',
-    LINE_RIPPLE_SELECTOR: '.mdc-line-ripple',
-    OUTLINE_SELECTOR: '.mdc-notched-outline',
-    PREFIX_SELECTOR: '.mdc-text-field__affix--prefix',
-    SUFFIX_SELECTOR: '.mdc-text-field__affix--suffix',
-    TRAILING_ICON_SELECTOR: '.mdc-text-field__icon--trailing'
-};
-var cssClasses$2 = {
-    DISABLED: 'mdc-text-field--disabled',
-    FOCUSED: 'mdc-text-field--focused',
-    HELPER_LINE: 'mdc-text-field-helper-line',
-    INVALID: 'mdc-text-field--invalid',
-    LABEL_FLOATING: 'mdc-text-field--label-floating',
-    NO_LABEL: 'mdc-text-field--no-label',
-    OUTLINED: 'mdc-text-field--outlined',
-    ROOT: 'mdc-text-field',
-    TEXTAREA: 'mdc-text-field--textarea',
-    WITH_LEADING_ICON: 'mdc-text-field--with-leading-icon',
-    WITH_TRAILING_ICON: 'mdc-text-field--with-trailing-icon',
-    WITH_INTERNAL_COUNTER: 'mdc-text-field--with-internal-counter',
-};
-var numbers = {
-    LABEL_SCALE: 0.75,
-};
-/**
- * Whitelist based off of
- * https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation
- * under the "Validation-related attributes" section.
- */
-var VALIDATION_ATTR_WHITELIST = [
-    'pattern',
-    'min',
-    'max',
-    'required',
-    'step',
-    'minlength',
-    'maxlength',
-];
-/**
- * Label should always float for these types as they show some UI even if value
- * is empty.
- */
-var ALWAYS_FLOAT_TYPES = [
-    'color',
-    'date',
-    'datetime-local',
-    'month',
-    'range',
-    'time',
-    'week',
-];
-
-/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var POINTERDOWN_EVENTS = ['mousedown', 'touchstart'];
-var INTERACTION_EVENTS$1 = ['click', 'keydown'];
-var MDCTextFieldFoundation = /** @class */ (function (_super) {
-    __extends(MDCTextFieldFoundation, _super);
-    /**
-     * @param adapter
-     * @param foundationMap Map from subcomponent names to their subfoundations.
-     */
-    function MDCTextFieldFoundation(adapter, foundationMap) {
-        if (foundationMap === void 0) { foundationMap = {}; }
-        var _this = _super.call(this, __assign(__assign({}, MDCTextFieldFoundation.defaultAdapter), adapter)) || this;
-        _this.isFocused = false;
-        _this.receivedUserInput = false;
-        _this.valid = true;
-        _this.useNativeValidation = true;
-        _this.validateOnValueChange = true;
-        _this.helperText = foundationMap.helperText;
-        _this.characterCounter = foundationMap.characterCounter;
-        _this.leadingIcon = foundationMap.leadingIcon;
-        _this.trailingIcon = foundationMap.trailingIcon;
-        _this.inputFocusHandler = function () {
-            _this.activateFocus();
-        };
-        _this.inputBlurHandler = function () {
-            _this.deactivateFocus();
-        };
-        _this.inputInputHandler = function () {
-            _this.handleInput();
-        };
-        _this.setPointerXOffset = function (evt) {
-            _this.setTransformOrigin(evt);
-        };
-        _this.textFieldInteractionHandler = function () {
-            _this.handleTextFieldInteraction();
-        };
-        _this.validationAttributeChangeHandler = function (attributesList) {
-            _this.handleValidationAttributeChange(attributesList);
-        };
-        return _this;
-    }
-    Object.defineProperty(MDCTextFieldFoundation, "cssClasses", {
-        get: function () {
-            return cssClasses$2;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextFieldFoundation, "strings", {
-        get: function () {
-            return strings$2;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextFieldFoundation, "numbers", {
-        get: function () {
-            return numbers;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextFieldFoundation.prototype, "shouldAlwaysFloat", {
-        get: function () {
-            var type = this.getNativeInput().type;
-            return ALWAYS_FLOAT_TYPES.indexOf(type) >= 0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextFieldFoundation.prototype, "shouldFloat", {
-        get: function () {
-            return this.shouldAlwaysFloat || this.isFocused || !!this.getValue() ||
-                this.isBadInput();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextFieldFoundation.prototype, "shouldShake", {
-        get: function () {
-            return !this.isFocused && !this.isValid() && !!this.getValue();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextFieldFoundation, "defaultAdapter", {
-        /**
-         * See {@link MDCTextFieldAdapter} for typing information on parameters and
-         * return types.
-         */
-        get: function () {
-            // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-            return {
-                addClass: function () { return undefined; },
-                removeClass: function () { return undefined; },
-                hasClass: function () { return true; },
-                setInputAttr: function () { return undefined; },
-                removeInputAttr: function () { return undefined; },
-                registerTextFieldInteractionHandler: function () { return undefined; },
-                deregisterTextFieldInteractionHandler: function () { return undefined; },
-                registerInputInteractionHandler: function () { return undefined; },
-                deregisterInputInteractionHandler: function () { return undefined; },
-                registerValidationAttributeChangeHandler: function () {
-                    return new MutationObserver(function () { return undefined; });
-                },
-                deregisterValidationAttributeChangeHandler: function () { return undefined; },
-                getNativeInput: function () { return null; },
-                isFocused: function () { return false; },
-                activateLineRipple: function () { return undefined; },
-                deactivateLineRipple: function () { return undefined; },
-                setLineRippleTransformOrigin: function () { return undefined; },
-                shakeLabel: function () { return undefined; },
-                floatLabel: function () { return undefined; },
-                setLabelRequired: function () { return undefined; },
-                hasLabel: function () { return false; },
-                getLabelWidth: function () { return 0; },
-                hasOutline: function () { return false; },
-                notchOutline: function () { return undefined; },
-                closeOutline: function () { return undefined; },
-            };
-            // tslint:enable:object-literal-sort-keys
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MDCTextFieldFoundation.prototype.init = function () {
-        var e_1, _a, e_2, _b;
-        if (this.adapter.hasLabel() && this.getNativeInput().required) {
-            this.adapter.setLabelRequired(true);
-        }
-        if (this.adapter.isFocused()) {
-            this.inputFocusHandler();
-        }
-        else if (this.adapter.hasLabel() && this.shouldFloat) {
-            this.notchOutline(true);
-            this.adapter.floatLabel(true);
-            this.styleFloating(true);
-        }
-        this.adapter.registerInputInteractionHandler('focus', this.inputFocusHandler);
-        this.adapter.registerInputInteractionHandler('blur', this.inputBlurHandler);
-        this.adapter.registerInputInteractionHandler('input', this.inputInputHandler);
-        try {
-            for (var POINTERDOWN_EVENTS_1 = __values(POINTERDOWN_EVENTS), POINTERDOWN_EVENTS_1_1 = POINTERDOWN_EVENTS_1.next(); !POINTERDOWN_EVENTS_1_1.done; POINTERDOWN_EVENTS_1_1 = POINTERDOWN_EVENTS_1.next()) {
-                var evtType = POINTERDOWN_EVENTS_1_1.value;
-                this.adapter.registerInputInteractionHandler(evtType, this.setPointerXOffset);
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (POINTERDOWN_EVENTS_1_1 && !POINTERDOWN_EVENTS_1_1.done && (_a = POINTERDOWN_EVENTS_1.return)) _a.call(POINTERDOWN_EVENTS_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        try {
-            for (var INTERACTION_EVENTS_1 = __values(INTERACTION_EVENTS$1), INTERACTION_EVENTS_1_1 = INTERACTION_EVENTS_1.next(); !INTERACTION_EVENTS_1_1.done; INTERACTION_EVENTS_1_1 = INTERACTION_EVENTS_1.next()) {
-                var evtType = INTERACTION_EVENTS_1_1.value;
-                this.adapter.registerTextFieldInteractionHandler(evtType, this.textFieldInteractionHandler);
-            }
-        }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-        finally {
-            try {
-                if (INTERACTION_EVENTS_1_1 && !INTERACTION_EVENTS_1_1.done && (_b = INTERACTION_EVENTS_1.return)) _b.call(INTERACTION_EVENTS_1);
-            }
-            finally { if (e_2) throw e_2.error; }
-        }
-        this.validationObserver =
-            this.adapter.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler);
-        this.setcharacterCounter(this.getValue().length);
-    };
-    MDCTextFieldFoundation.prototype.destroy = function () {
-        var e_3, _a, e_4, _b;
-        this.adapter.deregisterInputInteractionHandler('focus', this.inputFocusHandler);
-        this.adapter.deregisterInputInteractionHandler('blur', this.inputBlurHandler);
-        this.adapter.deregisterInputInteractionHandler('input', this.inputInputHandler);
-        try {
-            for (var POINTERDOWN_EVENTS_2 = __values(POINTERDOWN_EVENTS), POINTERDOWN_EVENTS_2_1 = POINTERDOWN_EVENTS_2.next(); !POINTERDOWN_EVENTS_2_1.done; POINTERDOWN_EVENTS_2_1 = POINTERDOWN_EVENTS_2.next()) {
-                var evtType = POINTERDOWN_EVENTS_2_1.value;
-                this.adapter.deregisterInputInteractionHandler(evtType, this.setPointerXOffset);
-            }
-        }
-        catch (e_3_1) { e_3 = { error: e_3_1 }; }
-        finally {
-            try {
-                if (POINTERDOWN_EVENTS_2_1 && !POINTERDOWN_EVENTS_2_1.done && (_a = POINTERDOWN_EVENTS_2.return)) _a.call(POINTERDOWN_EVENTS_2);
-            }
-            finally { if (e_3) throw e_3.error; }
-        }
-        try {
-            for (var INTERACTION_EVENTS_2 = __values(INTERACTION_EVENTS$1), INTERACTION_EVENTS_2_1 = INTERACTION_EVENTS_2.next(); !INTERACTION_EVENTS_2_1.done; INTERACTION_EVENTS_2_1 = INTERACTION_EVENTS_2.next()) {
-                var evtType = INTERACTION_EVENTS_2_1.value;
-                this.adapter.deregisterTextFieldInteractionHandler(evtType, this.textFieldInteractionHandler);
-            }
-        }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
-        finally {
-            try {
-                if (INTERACTION_EVENTS_2_1 && !INTERACTION_EVENTS_2_1.done && (_b = INTERACTION_EVENTS_2.return)) _b.call(INTERACTION_EVENTS_2);
-            }
-            finally { if (e_4) throw e_4.error; }
-        }
-        this.adapter.deregisterValidationAttributeChangeHandler(this.validationObserver);
-    };
-    /**
-     * Handles user interactions with the Text Field.
-     */
-    MDCTextFieldFoundation.prototype.handleTextFieldInteraction = function () {
-        var nativeInput = this.adapter.getNativeInput();
-        if (nativeInput && nativeInput.disabled) {
-            return;
-        }
-        this.receivedUserInput = true;
-    };
-    /**
-     * Handles validation attribute changes
-     */
-    MDCTextFieldFoundation.prototype.handleValidationAttributeChange = function (attributesList) {
-        var _this = this;
-        attributesList.some(function (attributeName) {
-            if (VALIDATION_ATTR_WHITELIST.indexOf(attributeName) > -1) {
-                _this.styleValidity(true);
-                _this.adapter.setLabelRequired(_this.getNativeInput().required);
-                return true;
-            }
-            return false;
-        });
-        if (attributesList.indexOf('maxlength') > -1) {
-            this.setcharacterCounter(this.getValue().length);
-        }
-    };
-    /**
-     * Opens/closes the notched outline.
-     */
-    MDCTextFieldFoundation.prototype.notchOutline = function (openNotch) {
-        if (!this.adapter.hasOutline() || !this.adapter.hasLabel()) {
-            return;
-        }
-        if (openNotch) {
-            var labelWidth = this.adapter.getLabelWidth() * numbers.LABEL_SCALE;
-            this.adapter.notchOutline(labelWidth);
-        }
-        else {
-            this.adapter.closeOutline();
-        }
-    };
-    /**
-     * Activates the text field focus state.
-     */
-    MDCTextFieldFoundation.prototype.activateFocus = function () {
-        this.isFocused = true;
-        this.styleFocused(this.isFocused);
-        this.adapter.activateLineRipple();
-        if (this.adapter.hasLabel()) {
-            this.notchOutline(this.shouldFloat);
-            this.adapter.floatLabel(this.shouldFloat);
-            this.styleFloating(this.shouldFloat);
-            this.adapter.shakeLabel(this.shouldShake);
-        }
-        if (this.helperText &&
-            (this.helperText.isPersistent() || !this.helperText.isValidation() ||
-                !this.valid)) {
-            this.helperText.showToScreenReader();
-        }
-    };
-    /**
-     * Sets the line ripple's transform origin, so that the line ripple activate
-     * animation will animate out from the user's click location.
-     */
-    MDCTextFieldFoundation.prototype.setTransformOrigin = function (evt) {
-        if (this.isDisabled() || this.adapter.hasOutline()) {
-            return;
-        }
-        var touches = evt.touches;
-        var targetEvent = touches ? touches[0] : evt;
-        var targetClientRect = targetEvent.target.getBoundingClientRect();
-        var normalizedX = targetEvent.clientX - targetClientRect.left;
-        this.adapter.setLineRippleTransformOrigin(normalizedX);
-    };
-    /**
-     * Handles input change of text input and text area.
-     */
-    MDCTextFieldFoundation.prototype.handleInput = function () {
-        this.autoCompleteFocus();
-        this.setcharacterCounter(this.getValue().length);
-    };
-    /**
-     * Activates the Text Field's focus state in cases when the input value
-     * changes without user input (e.g. programmatically).
-     */
-    MDCTextFieldFoundation.prototype.autoCompleteFocus = function () {
-        if (!this.receivedUserInput) {
-            this.activateFocus();
-        }
-    };
-    /**
-     * Deactivates the Text Field's focus state.
-     */
-    MDCTextFieldFoundation.prototype.deactivateFocus = function () {
-        this.isFocused = false;
-        this.adapter.deactivateLineRipple();
-        var isValid = this.isValid();
-        this.styleValidity(isValid);
-        this.styleFocused(this.isFocused);
-        if (this.adapter.hasLabel()) {
-            this.notchOutline(this.shouldFloat);
-            this.adapter.floatLabel(this.shouldFloat);
-            this.styleFloating(this.shouldFloat);
-            this.adapter.shakeLabel(this.shouldShake);
-        }
-        if (!this.shouldFloat) {
-            this.receivedUserInput = false;
-        }
-    };
-    MDCTextFieldFoundation.prototype.getValue = function () {
-        return this.getNativeInput().value;
-    };
-    /**
-     * @param value The value to set on the input Element.
-     */
-    MDCTextFieldFoundation.prototype.setValue = function (value) {
-        // Prevent Safari from moving the caret to the end of the input when the
-        // value has not changed.
-        if (this.getValue() !== value) {
-            this.getNativeInput().value = value;
-        }
-        this.setcharacterCounter(value.length);
-        if (this.validateOnValueChange) {
-            var isValid = this.isValid();
-            this.styleValidity(isValid);
-        }
-        if (this.adapter.hasLabel()) {
-            this.notchOutline(this.shouldFloat);
-            this.adapter.floatLabel(this.shouldFloat);
-            this.styleFloating(this.shouldFloat);
-            if (this.validateOnValueChange) {
-                this.adapter.shakeLabel(this.shouldShake);
-            }
-        }
-    };
-    /**
-     * @return The custom validity state, if set; otherwise, the result of a
-     *     native validity check.
-     */
-    MDCTextFieldFoundation.prototype.isValid = function () {
-        return this.useNativeValidation ? this.isNativeInputValid() : this.valid;
-    };
-    /**
-     * @param isValid Sets the custom validity state of the Text Field.
-     */
-    MDCTextFieldFoundation.prototype.setValid = function (isValid) {
-        this.valid = isValid;
-        this.styleValidity(isValid);
-        var shouldShake = !isValid && !this.isFocused && !!this.getValue();
-        if (this.adapter.hasLabel()) {
-            this.adapter.shakeLabel(shouldShake);
-        }
-    };
-    /**
-     * @param shouldValidate Whether or not validity should be updated on
-     *     value change.
-     */
-    MDCTextFieldFoundation.prototype.setValidateOnValueChange = function (shouldValidate) {
-        this.validateOnValueChange = shouldValidate;
-    };
-    /**
-     * @return Whether or not validity should be updated on value change. `true`
-     *     by default.
-     */
-    MDCTextFieldFoundation.prototype.getValidateOnValueChange = function () {
-        return this.validateOnValueChange;
-    };
-    /**
-     * Enables or disables the use of native validation. Use this for custom
-     * validation.
-     * @param useNativeValidation Set this to false to ignore native input
-     *     validation.
-     */
-    MDCTextFieldFoundation.prototype.setUseNativeValidation = function (useNativeValidation) {
-        this.useNativeValidation = useNativeValidation;
-    };
-    MDCTextFieldFoundation.prototype.isDisabled = function () {
-        return this.getNativeInput().disabled;
-    };
-    /**
-     * @param disabled Sets the text-field disabled or enabled.
-     */
-    MDCTextFieldFoundation.prototype.setDisabled = function (disabled) {
-        this.getNativeInput().disabled = disabled;
-        this.styleDisabled(disabled);
-    };
-    /**
-     * @param content Sets the content of the helper text.
-     */
-    MDCTextFieldFoundation.prototype.setHelperTextContent = function (content) {
-        if (this.helperText) {
-            this.helperText.setContent(content);
-        }
-    };
-    /**
-     * Sets the aria label of the leading icon.
-     */
-    MDCTextFieldFoundation.prototype.setLeadingIconAriaLabel = function (label) {
-        if (this.leadingIcon) {
-            this.leadingIcon.setAriaLabel(label);
-        }
-    };
-    /**
-     * Sets the text content of the leading icon.
-     */
-    MDCTextFieldFoundation.prototype.setLeadingIconContent = function (content) {
-        if (this.leadingIcon) {
-            this.leadingIcon.setContent(content);
-        }
-    };
-    /**
-     * Sets the aria label of the trailing icon.
-     */
-    MDCTextFieldFoundation.prototype.setTrailingIconAriaLabel = function (label) {
-        if (this.trailingIcon) {
-            this.trailingIcon.setAriaLabel(label);
-        }
-    };
-    /**
-     * Sets the text content of the trailing icon.
-     */
-    MDCTextFieldFoundation.prototype.setTrailingIconContent = function (content) {
-        if (this.trailingIcon) {
-            this.trailingIcon.setContent(content);
-        }
-    };
-    /**
-     * Sets character counter values that shows characters used and the total
-     * character limit.
-     */
-    MDCTextFieldFoundation.prototype.setcharacterCounter = function (currentLength) {
-        if (!this.characterCounter) {
-            return;
-        }
-        var maxLength = this.getNativeInput().maxLength;
-        if (maxLength === -1) {
-            throw new Error('MDCTextFieldFoundation: Expected maxlength html property on text input or textarea.');
-        }
-        this.characterCounter.setCounterValue(currentLength, maxLength);
-    };
-    /**
-     * @return True if the Text Field input fails in converting the user-supplied
-     *     value.
-     */
-    MDCTextFieldFoundation.prototype.isBadInput = function () {
-        // The badInput property is not supported in IE 11 💩.
-        return this.getNativeInput().validity.badInput || false;
-    };
-    /**
-     * @return The result of native validity checking (ValidityState.valid).
-     */
-    MDCTextFieldFoundation.prototype.isNativeInputValid = function () {
-        return this.getNativeInput().validity.valid;
-    };
-    /**
-     * Styles the component based on the validity state.
-     */
-    MDCTextFieldFoundation.prototype.styleValidity = function (isValid) {
-        var INVALID = MDCTextFieldFoundation.cssClasses.INVALID;
-        if (isValid) {
-            this.adapter.removeClass(INVALID);
-        }
-        else {
-            this.adapter.addClass(INVALID);
-        }
-        if (this.helperText) {
-            this.helperText.setValidity(isValid);
-            // We dynamically set or unset aria-describedby for validation helper text
-            // only, based on whether the field is valid
-            var helperTextValidation = this.helperText.isValidation();
-            if (!helperTextValidation) {
-                return;
-            }
-            var helperTextVisible = this.helperText.isVisible();
-            var helperTextId = this.helperText.getId();
-            if (helperTextVisible && helperTextId) {
-                this.adapter.setInputAttr(strings$2.ARIA_DESCRIBEDBY, helperTextId);
-            }
-            else {
-                this.adapter.removeInputAttr(strings$2.ARIA_DESCRIBEDBY);
-            }
-        }
-    };
-    /**
-     * Styles the component based on the focused state.
-     */
-    MDCTextFieldFoundation.prototype.styleFocused = function (isFocused) {
-        var FOCUSED = MDCTextFieldFoundation.cssClasses.FOCUSED;
-        if (isFocused) {
-            this.adapter.addClass(FOCUSED);
-        }
-        else {
-            this.adapter.removeClass(FOCUSED);
-        }
-    };
-    /**
-     * Styles the component based on the disabled state.
-     */
-    MDCTextFieldFoundation.prototype.styleDisabled = function (isDisabled) {
-        var _a = MDCTextFieldFoundation.cssClasses, DISABLED = _a.DISABLED, INVALID = _a.INVALID;
-        if (isDisabled) {
-            this.adapter.addClass(DISABLED);
-            this.adapter.removeClass(INVALID);
-        }
-        else {
-            this.adapter.removeClass(DISABLED);
-        }
-        if (this.leadingIcon) {
-            this.leadingIcon.setDisabled(isDisabled);
-        }
-        if (this.trailingIcon) {
-            this.trailingIcon.setDisabled(isDisabled);
-        }
-    };
-    /**
-     * Styles the component based on the label floating state.
-     */
-    MDCTextFieldFoundation.prototype.styleFloating = function (isFloating) {
-        var LABEL_FLOATING = MDCTextFieldFoundation.cssClasses.LABEL_FLOATING;
-        if (isFloating) {
-            this.adapter.addClass(LABEL_FLOATING);
-        }
-        else {
-            this.adapter.removeClass(LABEL_FLOATING);
-        }
-    };
-    /**
-     * @return The native text input element from the host environment, or an
-     *     object with the same shape for unit tests.
-     */
-    MDCTextFieldFoundation.prototype.getNativeInput = function () {
-        // this.adapter may be undefined in foundation unit tests. This happens when
-        // testdouble is creating a mock object and invokes the
-        // shouldShake/shouldFloat getters (which in turn call getValue(), which
-        // calls this method) before init() has been called from the MDCTextField
-        // constructor. To work around that issue, we return a dummy object.
-        var nativeInput = this.adapter ? this.adapter.getNativeInput() : null;
-        return nativeInput || {
-            disabled: false,
-            maxLength: -1,
-            required: false,
-            type: 'input',
-            validity: {
-                badInput: false,
-                valid: true,
-            },
-            value: '',
-        };
-    };
-    return MDCTextFieldFoundation;
-}(MDCFoundation));
-
-/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var cssClasses$1 = {
-    HELPER_TEXT_PERSISTENT: 'mdc-text-field-helper-text--persistent',
-    HELPER_TEXT_VALIDATION_MSG: 'mdc-text-field-helper-text--validation-msg',
-    ROOT: 'mdc-text-field-helper-text',
-};
-var strings$1 = {
-    ARIA_HIDDEN: 'aria-hidden',
-    ROLE: 'role',
-    ROOT_SELECTOR: "." + cssClasses$1.ROOT,
-};
-
-/**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var MDCTextFieldHelperTextFoundation = /** @class */ (function (_super) {
-    __extends(MDCTextFieldHelperTextFoundation, _super);
-    function MDCTextFieldHelperTextFoundation(adapter) {
-        return _super.call(this, __assign(__assign({}, MDCTextFieldHelperTextFoundation.defaultAdapter), adapter)) || this;
-    }
-    Object.defineProperty(MDCTextFieldHelperTextFoundation, "cssClasses", {
-        get: function () {
-            return cssClasses$1;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextFieldHelperTextFoundation, "strings", {
-        get: function () {
-            return strings$1;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextFieldHelperTextFoundation, "defaultAdapter", {
-        /**
-         * See {@link MDCTextFieldHelperTextAdapter} for typing information on parameters and return types.
-         */
-        get: function () {
-            // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-            return {
-                addClass: function () { return undefined; },
-                removeClass: function () { return undefined; },
-                hasClass: function () { return false; },
-                getAttr: function () { return null; },
-                setAttr: function () { return undefined; },
-                removeAttr: function () { return undefined; },
-                setContent: function () { return undefined; },
-            };
-            // tslint:enable:object-literal-sort-keys
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MDCTextFieldHelperTextFoundation.prototype.getId = function () {
-        return this.adapter.getAttr('id');
-    };
-    MDCTextFieldHelperTextFoundation.prototype.isVisible = function () {
-        return this.adapter.getAttr(strings$1.ARIA_HIDDEN) !== 'true';
-    };
-    /**
-     * Sets the content of the helper text field.
-     */
-    MDCTextFieldHelperTextFoundation.prototype.setContent = function (content) {
-        this.adapter.setContent(content);
-    };
-    MDCTextFieldHelperTextFoundation.prototype.isPersistent = function () {
-        return this.adapter.hasClass(cssClasses$1.HELPER_TEXT_PERSISTENT);
-    };
-    /**
-     * @param isPersistent Sets the persistency of the helper text.
-     */
-    MDCTextFieldHelperTextFoundation.prototype.setPersistent = function (isPersistent) {
-        if (isPersistent) {
-            this.adapter.addClass(cssClasses$1.HELPER_TEXT_PERSISTENT);
-        }
-        else {
-            this.adapter.removeClass(cssClasses$1.HELPER_TEXT_PERSISTENT);
-        }
-    };
-    /**
-     * @return whether the helper text acts as an error validation message.
-     */
-    MDCTextFieldHelperTextFoundation.prototype.isValidation = function () {
-        return this.adapter.hasClass(cssClasses$1.HELPER_TEXT_VALIDATION_MSG);
-    };
-    /**
-     * @param isValidation True to make the helper text act as an error validation message.
-     */
-    MDCTextFieldHelperTextFoundation.prototype.setValidation = function (isValidation) {
-        if (isValidation) {
-            this.adapter.addClass(cssClasses$1.HELPER_TEXT_VALIDATION_MSG);
-        }
-        else {
-            this.adapter.removeClass(cssClasses$1.HELPER_TEXT_VALIDATION_MSG);
-        }
-    };
-    /**
-     * Makes the helper text visible to the screen reader.
-     */
-    MDCTextFieldHelperTextFoundation.prototype.showToScreenReader = function () {
-        this.adapter.removeAttr(strings$1.ARIA_HIDDEN);
-    };
-    /**
-     * Sets the validity of the helper text based on the input validity.
-     */
-    MDCTextFieldHelperTextFoundation.prototype.setValidity = function (inputIsValid) {
-        var helperTextIsPersistent = this.adapter.hasClass(cssClasses$1.HELPER_TEXT_PERSISTENT);
-        var helperTextIsValidationMsg = this.adapter.hasClass(cssClasses$1.HELPER_TEXT_VALIDATION_MSG);
-        var validationMsgNeedsDisplay = helperTextIsValidationMsg && !inputIsValid;
-        if (validationMsgNeedsDisplay) {
-            this.showToScreenReader();
-            // If role is already alert, refresh it to trigger another announcement
-            // from screenreader.
-            if (this.adapter.getAttr(strings$1.ROLE) === 'alert') {
-                this.refreshAlertRole();
-            }
-            else {
-                this.adapter.setAttr(strings$1.ROLE, 'alert');
-            }
-        }
-        else {
-            this.adapter.removeAttr(strings$1.ROLE);
-        }
-        if (!helperTextIsPersistent && !validationMsgNeedsDisplay) {
-            this.hide();
-        }
-    };
-    /**
-     * Hides the help text from screen readers.
-     */
-    MDCTextFieldHelperTextFoundation.prototype.hide = function () {
-        this.adapter.setAttr(strings$1.ARIA_HIDDEN, 'true');
-    };
-    MDCTextFieldHelperTextFoundation.prototype.refreshAlertRole = function () {
-        var _this = this;
-        this.adapter.removeAttr(strings$1.ROLE);
-        requestAnimationFrame(function () {
-            _this.adapter.setAttr(strings$1.ROLE, 'alert');
-        });
-    };
-    return MDCTextFieldHelperTextFoundation;
-}(MDCFoundation));
-
-/**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var MDCTextFieldHelperText = /** @class */ (function (_super) {
-    __extends(MDCTextFieldHelperText, _super);
-    function MDCTextFieldHelperText() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MDCTextFieldHelperText.attachTo = function (root) {
-        return new MDCTextFieldHelperText(root);
-    };
-    Object.defineProperty(MDCTextFieldHelperText.prototype, "foundationForTextField", {
-        // Provided for access by MDCTextField component
-        get: function () {
-            return this.foundation;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MDCTextFieldHelperText.prototype.getDefaultFoundation = function () {
-        var _this = this;
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
-        // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-        var adapter = {
-            addClass: function (className) { return _this.root.classList.add(className); },
-            removeClass: function (className) { return _this.root.classList.remove(className); },
-            hasClass: function (className) { return _this.root.classList.contains(className); },
-            getAttr: function (attr) { return _this.root.getAttribute(attr); },
-            setAttr: function (attr, value) { return _this.root.setAttribute(attr, value); },
-            removeAttr: function (attr) { return _this.root.removeAttribute(attr); },
-            setContent: function (content) {
-                _this.root.textContent = content;
-            },
-        };
-        // tslint:enable:object-literal-sort-keys
-        return new MDCTextFieldHelperTextFoundation(adapter);
-    };
-    return MDCTextFieldHelperText;
-}(MDCComponent));
-
-/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var strings = {
-    ICON_EVENT: 'MDCTextField:icon',
-    ICON_ROLE: 'button',
-};
-var cssClasses = {
-    ROOT: 'mdc-text-field__icon',
-};
-
-/**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var INTERACTION_EVENTS = ['click', 'keydown'];
-var MDCTextFieldIconFoundation = /** @class */ (function (_super) {
-    __extends(MDCTextFieldIconFoundation, _super);
-    function MDCTextFieldIconFoundation(adapter) {
-        var _this = _super.call(this, __assign(__assign({}, MDCTextFieldIconFoundation.defaultAdapter), adapter)) || this;
-        _this.savedTabIndex = null;
-        _this.interactionHandler = function (evt) {
-            _this.handleInteraction(evt);
-        };
-        return _this;
-    }
-    Object.defineProperty(MDCTextFieldIconFoundation, "strings", {
-        get: function () {
-            return strings;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextFieldIconFoundation, "cssClasses", {
-        get: function () {
-            return cssClasses;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextFieldIconFoundation, "defaultAdapter", {
-        /**
-         * See {@link MDCTextFieldIconAdapter} for typing information on parameters and return types.
-         */
-        get: function () {
-            // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-            return {
-                getAttr: function () { return null; },
-                setAttr: function () { return undefined; },
-                removeAttr: function () { return undefined; },
-                setContent: function () { return undefined; },
-                registerInteractionHandler: function () { return undefined; },
-                deregisterInteractionHandler: function () { return undefined; },
-                notifyIconAction: function () { return undefined; },
-            };
-            // tslint:enable:object-literal-sort-keys
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MDCTextFieldIconFoundation.prototype.init = function () {
-        var e_1, _a;
-        this.savedTabIndex = this.adapter.getAttr('tabindex');
-        try {
-            for (var INTERACTION_EVENTS_1 = __values(INTERACTION_EVENTS), INTERACTION_EVENTS_1_1 = INTERACTION_EVENTS_1.next(); !INTERACTION_EVENTS_1_1.done; INTERACTION_EVENTS_1_1 = INTERACTION_EVENTS_1.next()) {
-                var evtType = INTERACTION_EVENTS_1_1.value;
-                this.adapter.registerInteractionHandler(evtType, this.interactionHandler);
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (INTERACTION_EVENTS_1_1 && !INTERACTION_EVENTS_1_1.done && (_a = INTERACTION_EVENTS_1.return)) _a.call(INTERACTION_EVENTS_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-    };
-    MDCTextFieldIconFoundation.prototype.destroy = function () {
-        var e_2, _a;
-        try {
-            for (var INTERACTION_EVENTS_2 = __values(INTERACTION_EVENTS), INTERACTION_EVENTS_2_1 = INTERACTION_EVENTS_2.next(); !INTERACTION_EVENTS_2_1.done; INTERACTION_EVENTS_2_1 = INTERACTION_EVENTS_2.next()) {
-                var evtType = INTERACTION_EVENTS_2_1.value;
-                this.adapter.deregisterInteractionHandler(evtType, this.interactionHandler);
-            }
-        }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-        finally {
-            try {
-                if (INTERACTION_EVENTS_2_1 && !INTERACTION_EVENTS_2_1.done && (_a = INTERACTION_EVENTS_2.return)) _a.call(INTERACTION_EVENTS_2);
-            }
-            finally { if (e_2) throw e_2.error; }
-        }
-    };
-    MDCTextFieldIconFoundation.prototype.setDisabled = function (disabled) {
-        if (!this.savedTabIndex) {
-            return;
-        }
-        if (disabled) {
-            this.adapter.setAttr('tabindex', '-1');
-            this.adapter.removeAttr('role');
-        }
-        else {
-            this.adapter.setAttr('tabindex', this.savedTabIndex);
-            this.adapter.setAttr('role', strings.ICON_ROLE);
-        }
-    };
-    MDCTextFieldIconFoundation.prototype.setAriaLabel = function (label) {
-        this.adapter.setAttr('aria-label', label);
-    };
-    MDCTextFieldIconFoundation.prototype.setContent = function (content) {
-        this.adapter.setContent(content);
-    };
-    MDCTextFieldIconFoundation.prototype.handleInteraction = function (evt) {
-        var isEnterKey = evt.key === 'Enter' || evt.keyCode === 13;
-        if (evt.type === 'click' || isEnterKey) {
-            evt.preventDefault(); // stop click from causing host label to focus
-            // input
-            this.adapter.notifyIconAction();
-        }
-    };
-    return MDCTextFieldIconFoundation;
-}(MDCFoundation));
-
-/**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var MDCTextFieldIcon = /** @class */ (function (_super) {
-    __extends(MDCTextFieldIcon, _super);
-    function MDCTextFieldIcon() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MDCTextFieldIcon.attachTo = function (root) {
-        return new MDCTextFieldIcon(root);
-    };
-    Object.defineProperty(MDCTextFieldIcon.prototype, "foundationForTextField", {
-        // Provided for access by MDCTextField component
-        get: function () {
-            return this.foundation;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MDCTextFieldIcon.prototype.getDefaultFoundation = function () {
-        var _this = this;
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
-        // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-        var adapter = {
-            getAttr: function (attr) { return _this.root.getAttribute(attr); },
-            setAttr: function (attr, value) { return _this.root.setAttribute(attr, value); },
-            removeAttr: function (attr) { return _this.root.removeAttribute(attr); },
-            setContent: function (content) {
-                _this.root.textContent = content;
-            },
-            registerInteractionHandler: function (evtType, handler) { return _this.listen(evtType, handler); },
-            deregisterInteractionHandler: function (evtType, handler) { return _this.unlisten(evtType, handler); },
-            notifyIconAction: function () { return _this.emit(MDCTextFieldIconFoundation.strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */); },
-        };
-        // tslint:enable:object-literal-sort-keys
-        return new MDCTextFieldIconFoundation(adapter);
-    };
-    return MDCTextFieldIcon;
-}(MDCComponent));
-
-/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var MDCTextField = /** @class */ (function (_super) {
-    __extends(MDCTextField, _super);
-    function MDCTextField() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MDCTextField.attachTo = function (root) {
-        return new MDCTextField(root);
-    };
-    MDCTextField.prototype.initialize = function (rippleFactory, lineRippleFactory, helperTextFactory, characterCounterFactory, iconFactory, labelFactory, outlineFactory) {
-        if (rippleFactory === void 0) { rippleFactory = function (el, foundation) { return new MDCRipple(el, foundation); }; }
-        if (lineRippleFactory === void 0) { lineRippleFactory = function (el) { return new MDCLineRipple(el); }; }
-        if (helperTextFactory === void 0) { helperTextFactory = function (el) {
-            return new MDCTextFieldHelperText(el);
-        }; }
-        if (characterCounterFactory === void 0) { characterCounterFactory = function (el) {
-            return new MDCTextFieldCharacterCounter(el);
-        }; }
-        if (iconFactory === void 0) { iconFactory = function (el) { return new MDCTextFieldIcon(el); }; }
-        if (labelFactory === void 0) { labelFactory = function (el) { return new MDCFloatingLabel(el); }; }
-        if (outlineFactory === void 0) { outlineFactory = function (el) { return new MDCNotchedOutline(el); }; }
-        this.input =
-            this.root.querySelector(strings$2.INPUT_SELECTOR);
-        var labelElement = this.root.querySelector(strings$2.LABEL_SELECTOR);
-        this.label = labelElement ? labelFactory(labelElement) : null;
-        var lineRippleElement = this.root.querySelector(strings$2.LINE_RIPPLE_SELECTOR);
-        this.lineRipple =
-            lineRippleElement ? lineRippleFactory(lineRippleElement) : null;
-        var outlineElement = this.root.querySelector(strings$2.OUTLINE_SELECTOR);
-        this.outline = outlineElement ? outlineFactory(outlineElement) : null;
-        // Helper text
-        var helperTextStrings = MDCTextFieldHelperTextFoundation.strings;
-        var nextElementSibling = this.root.nextElementSibling;
-        var hasHelperLine = (nextElementSibling && nextElementSibling.classList.contains(cssClasses$2.HELPER_LINE));
-        var helperTextEl = hasHelperLine && nextElementSibling && nextElementSibling.querySelector(helperTextStrings.ROOT_SELECTOR);
-        this.helperText = helperTextEl ? helperTextFactory(helperTextEl) : null;
-        // Character counter
-        var characterCounterStrings = MDCTextFieldCharacterCounterFoundation.strings;
-        var characterCounterEl = this.root.querySelector(characterCounterStrings.ROOT_SELECTOR);
-        // If character counter is not found in root element search in sibling element.
-        if (!characterCounterEl && hasHelperLine && nextElementSibling) {
-            characterCounterEl = nextElementSibling.querySelector(characterCounterStrings.ROOT_SELECTOR);
-        }
-        this.characterCounter =
-            characterCounterEl ? characterCounterFactory(characterCounterEl) : null;
-        // Leading icon
-        var leadingIconEl = this.root.querySelector(strings$2.LEADING_ICON_SELECTOR);
-        this.leadingIcon = leadingIconEl ? iconFactory(leadingIconEl) : null;
-        // Trailing icon
-        var trailingIconEl = this.root.querySelector(strings$2.TRAILING_ICON_SELECTOR);
-        this.trailingIcon = trailingIconEl ? iconFactory(trailingIconEl) : null;
-        // Prefix and Suffix
-        this.prefix = this.root.querySelector(strings$2.PREFIX_SELECTOR);
-        this.suffix = this.root.querySelector(strings$2.SUFFIX_SELECTOR);
-        this.ripple = this.createRipple(rippleFactory);
-    };
-    MDCTextField.prototype.destroy = function () {
-        if (this.ripple) {
-            this.ripple.destroy();
-        }
-        if (this.lineRipple) {
-            this.lineRipple.destroy();
-        }
-        if (this.helperText) {
-            this.helperText.destroy();
-        }
-        if (this.characterCounter) {
-            this.characterCounter.destroy();
-        }
-        if (this.leadingIcon) {
-            this.leadingIcon.destroy();
-        }
-        if (this.trailingIcon) {
-            this.trailingIcon.destroy();
-        }
-        if (this.label) {
-            this.label.destroy();
-        }
-        if (this.outline) {
-            this.outline.destroy();
-        }
-        _super.prototype.destroy.call(this);
-    };
-    /**
-     * Initializes the Text Field's internal state based on the environment's
-     * state.
-     */
-    MDCTextField.prototype.initialSyncWithDOM = function () {
-        this.disabled = this.input.disabled;
-    };
-    Object.defineProperty(MDCTextField.prototype, "value", {
-        get: function () {
-            return this.foundation.getValue();
-        },
-        /**
-         * @param value The value to set on the input.
-         */
-        set: function (value) {
-            this.foundation.setValue(value);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "disabled", {
-        get: function () {
-            return this.foundation.isDisabled();
-        },
-        /**
-         * @param disabled Sets the Text Field disabled or enabled.
-         */
-        set: function (disabled) {
-            this.foundation.setDisabled(disabled);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "valid", {
-        get: function () {
-            return this.foundation.isValid();
-        },
-        /**
-         * @param valid Sets the Text Field valid or invalid.
-         */
-        set: function (valid) {
-            this.foundation.setValid(valid);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "required", {
-        get: function () {
-            return this.input.required;
-        },
-        /**
-         * @param required Sets the Text Field to required.
-         */
-        set: function (required) {
-            this.input.required = required;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "pattern", {
-        get: function () {
-            return this.input.pattern;
-        },
-        /**
-         * @param pattern Sets the input element's validation pattern.
-         */
-        set: function (pattern) {
-            this.input.pattern = pattern;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "minLength", {
-        get: function () {
-            return this.input.minLength;
-        },
-        /**
-         * @param minLength Sets the input element's minLength.
-         */
-        set: function (minLength) {
-            this.input.minLength = minLength;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "maxLength", {
-        get: function () {
-            return this.input.maxLength;
-        },
-        /**
-         * @param maxLength Sets the input element's maxLength.
-         */
-        set: function (maxLength) {
-            // Chrome throws exception if maxLength is set to a value less than zero
-            if (maxLength < 0) {
-                this.input.removeAttribute('maxLength');
-            }
-            else {
-                this.input.maxLength = maxLength;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "min", {
-        get: function () {
-            return this.input.min;
-        },
-        /**
-         * @param min Sets the input element's min.
-         */
-        set: function (min) {
-            this.input.min = min;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "max", {
-        get: function () {
-            return this.input.max;
-        },
-        /**
-         * @param max Sets the input element's max.
-         */
-        set: function (max) {
-            this.input.max = max;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "step", {
-        get: function () {
-            return this.input.step;
-        },
-        /**
-         * @param step Sets the input element's step.
-         */
-        set: function (step) {
-            this.input.step = step;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "helperTextContent", {
-        /**
-         * Sets the helper text element content.
-         */
-        set: function (content) {
-            this.foundation.setHelperTextContent(content);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "leadingIconAriaLabel", {
-        /**
-         * Sets the aria label of the leading icon.
-         */
-        set: function (label) {
-            this.foundation.setLeadingIconAriaLabel(label);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "leadingIconContent", {
-        /**
-         * Sets the text content of the leading icon.
-         */
-        set: function (content) {
-            this.foundation.setLeadingIconContent(content);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "trailingIconAriaLabel", {
-        /**
-         * Sets the aria label of the trailing icon.
-         */
-        set: function (label) {
-            this.foundation.setTrailingIconAriaLabel(label);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "trailingIconContent", {
-        /**
-         * Sets the text content of the trailing icon.
-         */
-        set: function (content) {
-            this.foundation.setTrailingIconContent(content);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "useNativeValidation", {
-        /**
-         * Enables or disables the use of native validation. Use this for custom validation.
-         * @param useNativeValidation Set this to false to ignore native input validation.
-         */
-        set: function (useNativeValidation) {
-            this.foundation.setUseNativeValidation(useNativeValidation);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "prefixText", {
-        /**
-         * Gets the text content of the prefix, or null if it does not exist.
-         */
-        get: function () {
-            return this.prefix ? this.prefix.textContent : null;
-        },
-        /**
-         * Sets the text content of the prefix, if it exists.
-         */
-        set: function (prefixText) {
-            if (this.prefix) {
-                this.prefix.textContent = prefixText;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCTextField.prototype, "suffixText", {
-        /**
-         * Gets the text content of the suffix, or null if it does not exist.
-         */
-        get: function () {
-            return this.suffix ? this.suffix.textContent : null;
-        },
-        /**
-         * Sets the text content of the suffix, if it exists.
-         */
-        set: function (suffixText) {
-            if (this.suffix) {
-                this.suffix.textContent = suffixText;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Focuses the input element.
-     */
-    MDCTextField.prototype.focus = function () {
-        this.input.focus();
-    };
-    /**
-     * Recomputes the outline SVG path for the outline element.
-     */
-    MDCTextField.prototype.layout = function () {
-        var openNotch = this.foundation.shouldFloat;
-        this.foundation.notchOutline(openNotch);
-    };
-    MDCTextField.prototype.getDefaultFoundation = function () {
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
-        // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-        var adapter = __assign(__assign(__assign(__assign(__assign({}, this.getRootAdapterMethods()), this.getInputAdapterMethods()), this.getLabelAdapterMethods()), this.getLineRippleAdapterMethods()), this.getOutlineAdapterMethods());
-        // tslint:enable:object-literal-sort-keys
-        return new MDCTextFieldFoundation(adapter, this.getFoundationMap());
-    };
-    MDCTextField.prototype.getRootAdapterMethods = function () {
-        var _this = this;
-        // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-        return {
-            addClass: function (className) { return _this.root.classList.add(className); },
-            removeClass: function (className) { return _this.root.classList.remove(className); },
-            hasClass: function (className) { return _this.root.classList.contains(className); },
-            registerTextFieldInteractionHandler: function (evtType, handler) {
-                _this.listen(evtType, handler);
-            },
-            deregisterTextFieldInteractionHandler: function (evtType, handler) {
-                _this.unlisten(evtType, handler);
-            },
-            registerValidationAttributeChangeHandler: function (handler) {
-                var getAttributesList = function (mutationsList) {
-                    return mutationsList
-                        .map(function (mutation) { return mutation.attributeName; })
-                        .filter(function (attributeName) { return attributeName; });
-                };
-                var observer = new MutationObserver(function (mutationsList) { return handler(getAttributesList(mutationsList)); });
-                var config = { attributes: true };
-                observer.observe(_this.input, config);
-                return observer;
-            },
-            deregisterValidationAttributeChangeHandler: function (observer) {
-                observer.disconnect();
-            },
-        };
-        // tslint:enable:object-literal-sort-keys
-    };
-    MDCTextField.prototype.getInputAdapterMethods = function () {
-        var _this = this;
-        // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-        return {
-            getNativeInput: function () { return _this.input; },
-            setInputAttr: function (attr, value) {
-                _this.input.setAttribute(attr, value);
-            },
-            removeInputAttr: function (attr) {
-                _this.input.removeAttribute(attr);
-            },
-            isFocused: function () { return document.activeElement === _this.input; },
-            registerInputInteractionHandler: function (evtType, handler) {
-                _this.input.addEventListener(evtType, handler, applyPassive());
-            },
-            deregisterInputInteractionHandler: function (evtType, handler) {
-                _this.input.removeEventListener(evtType, handler, applyPassive());
-            },
-        };
-        // tslint:enable:object-literal-sort-keys
-    };
-    MDCTextField.prototype.getLabelAdapterMethods = function () {
-        var _this = this;
-        return {
-            floatLabel: function (shouldFloat) {
-                _this.label && _this.label.float(shouldFloat);
-            },
-            getLabelWidth: function () { return _this.label ? _this.label.getWidth() : 0; },
-            hasLabel: function () { return Boolean(_this.label); },
-            shakeLabel: function (shouldShake) {
-                _this.label && _this.label.shake(shouldShake);
-            },
-            setLabelRequired: function (isRequired) {
-                _this.label && _this.label.setRequired(isRequired);
-            },
-        };
-    };
-    MDCTextField.prototype.getLineRippleAdapterMethods = function () {
-        var _this = this;
-        return {
-            activateLineRipple: function () {
-                if (_this.lineRipple) {
-                    _this.lineRipple.activate();
-                }
-            },
-            deactivateLineRipple: function () {
-                if (_this.lineRipple) {
-                    _this.lineRipple.deactivate();
-                }
-            },
-            setLineRippleTransformOrigin: function (normalizedX) {
-                if (_this.lineRipple) {
-                    _this.lineRipple.setRippleCenter(normalizedX);
-                }
-            },
-        };
-    };
-    MDCTextField.prototype.getOutlineAdapterMethods = function () {
-        var _this = this;
-        return {
-            closeOutline: function () {
-                _this.outline && _this.outline.closeNotch();
-            },
-            hasOutline: function () { return Boolean(_this.outline); },
-            notchOutline: function (labelWidth) {
-                _this.outline && _this.outline.notch(labelWidth);
-            },
-        };
-    };
-    /**
-     * @return A map of all subcomponents to subfoundations.
-     */
-    MDCTextField.prototype.getFoundationMap = function () {
-        return {
-            characterCounter: this.characterCounter ?
-                this.characterCounter.foundationForTextField :
-                undefined,
-            helperText: this.helperText ? this.helperText.foundationForTextField :
-                undefined,
-            leadingIcon: this.leadingIcon ? this.leadingIcon.foundationForTextField :
-                undefined,
-            trailingIcon: this.trailingIcon ?
-                this.trailingIcon.foundationForTextField :
-                undefined,
-        };
-    };
-    MDCTextField.prototype.createRipple = function (rippleFactory) {
-        var _this = this;
-        var isTextArea = this.root.classList.contains(cssClasses$2.TEXTAREA);
-        var isOutlined = this.root.classList.contains(cssClasses$2.OUTLINED);
-        if (isTextArea || isOutlined) {
-            return null;
-        }
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
-        // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-        var adapter = __assign(__assign({}, MDCRipple.createAdapter(this)), { isSurfaceActive: function () { return matches(_this.input, ':active'); }, registerInteractionHandler: function (evtType, handler) {
-                _this.input.addEventListener(evtType, handler, applyPassive());
-            }, deregisterInteractionHandler: function (evtType, handler) {
-                _this.input.removeEventListener(evtType, handler, applyPassive());
-            } });
-        // tslint:enable:object-literal-sort-keys
-        return rippleFactory(this.root, new MDCRippleFoundation(adapter));
-    };
-    return MDCTextField;
-}(MDCComponent));
-
-var intlTelInput$1 = createCommonjsModule(function (module) {
-/*
- * International Telephone Input v18.5.3
- * https://github.com/jackocnr/intl-tel-input.git
- * Licensed under the MIT license
- */
-
-// wrap in UMD
-(function(factory) {
-    if (module.exports) module.exports = factory(); else window.intlTelInput = factory();
-})(function(undefined$1) {
-    return function() {
-        // Array of country objects for the flag dropdown.
-        // Here is the criteria for the plugin to support a given country/territory
-        // - It has an iso2 code: https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
-        // - It has it's own country calling code (it is not a sub-region of another country): https://en.wikipedia.org/wiki/List_of_country_calling_codes
-        // - It has a flag in the region-flags project: https://github.com/behdad/region-flags/tree/gh-pages/png
-        // - It is supported by libphonenumber (it must be listed on this page): https://github.com/googlei18n/libphonenumber/blob/master/resources/ShortNumberMetadata.xml
-        // Each country array has the following information:
-        // [
-        //    Country name,
-        //    iso2 code,
-        //    International dial code,
-        //    Order (if >1 country with same dial code),
-        //    Area codes
-        // ]
-        var allCountries = [ [ "Afghanistan", "af", "93" ], [ "Albania", "al", "355" ], [ "Algeria", "dz", "213" ], [ "American Samoa", "as", "1", 5, [ "684" ] ], [ "Andorra", "ad", "376" ], [ "Angola", "ao", "244" ], [ "Anguilla", "ai", "1", 6, [ "264" ] ], [ "Antigua & Barbuda", "ag", "1", 7, [ "268" ] ], [ "Argentina", "ar", "54" ], [ "Armenia", "am", "374" ], [ "Aruba", "aw", "297" ], [ "Ascension Island", "ac", "247" ], [ "Australia", "au", "61", 0 ], [ "Austria", "at", "43" ], [ "Azerbaijan", "az", "994" ], [ "Bahamas", "bs", "1", 8, [ "242" ] ], [ "Bahrain", "bh", "973" ], [ "Bangladesh", "bd", "880" ], [ "Barbados", "bb", "1", 9, [ "246" ] ], [ "Belarus", "by", "375" ], [ "Belgium", "be", "32" ], [ "Belize", "bz", "501" ], [ "Benin", "bj", "229" ], [ "Bermuda", "bm", "1", 10, [ "441" ] ], [ "Bhutan", "bt", "975" ], [ "Bolivia", "bo", "591" ], [ "Bosnia & Herzegovina", "ba", "387" ], [ "Botswana", "bw", "267" ], [ "Brazil", "br", "55" ], [ "British Indian Ocean Territory", "io", "246" ], [ "British Virgin Islands", "vg", "1", 11, [ "284" ] ], [ "Brunei", "bn", "673" ], [ "Bulgaria", "bg", "359" ], [ "Burkina Faso", "bf", "226" ], [ "Burundi", "bi", "257" ], [ "Cambodia", "kh", "855" ], [ "Cameroon", "cm", "237" ], [ "Canada", "ca", "1", 1, [ "204", "226", "236", "249", "250", "263", "289", "306", "343", "354", "365", "367", "368", "382", "387", "403", "416", "418", "428", "431", "437", "438", "450", "584", "468", "474", "506", "514", "519", "548", "579", "581", "584", "587", "604", "613", "639", "647", "672", "683", "705", "709", "742", "753", "778", "780", "782", "807", "819", "825", "867", "873", "902", "905" ] ], [ "Cape Verde", "cv", "238" ], [ "Caribbean Netherlands", "bq", "599", 1, [ "3", "4", "7" ] ], [ "Cayman Islands", "ky", "1", 12, [ "345" ] ], [ "Central African Republic", "cf", "236" ], [ "Chad", "td", "235" ], [ "Chile", "cl", "56" ], [ "China", "cn", "86" ], [ "Christmas Island", "cx", "61", 2, [ "89164" ] ], [ "Cocos (Keeling) Islands", "cc", "61", 1, [ "89162" ] ], [ "Colombia", "co", "57" ], [ "Comoros", "km", "269" ], [ "Congo - Brazzaville", "cg", "242" ], [ "Congo - Kinshasa", "cd", "243" ], [ "Cook Islands", "ck", "682" ], [ "Costa Rica", "cr", "506" ], [ "Côte d’Ivoire", "ci", "225" ], [ "Croatia", "hr", "385" ], [ "Cuba", "cu", "53" ], [ "Curaçao", "cw", "599", 0 ], [ "Cyprus", "cy", "357" ], [ "Czech Republic", "cz", "420" ], [ "Denmark", "dk", "45" ], [ "Djibouti", "dj", "253" ], [ "Dominica", "dm", "1", 13, [ "767" ] ], [ "Dominican Republic", "do", "1", 2, [ "809", "829", "849" ] ], [ "Ecuador", "ec", "593" ], [ "Egypt", "eg", "20" ], [ "El Salvador", "sv", "503" ], [ "Equatorial Guinea", "gq", "240" ], [ "Eritrea", "er", "291" ], [ "Estonia", "ee", "372" ], [ "Eswatini", "sz", "268" ], [ "Ethiopia", "et", "251" ], [ "Falkland Islands", "fk", "500" ], [ "Faroe Islands", "fo", "298" ], [ "Fiji", "fj", "679" ], [ "Finland", "fi", "358", 0 ], [ "France", "fr", "33" ], [ "French Guiana", "gf", "594" ], [ "French Polynesia", "pf", "689" ], [ "Gabon", "ga", "241" ], [ "Gambia", "gm", "220" ], [ "Georgia", "ge", "995" ], [ "Germany", "de", "49" ], [ "Ghana", "gh", "233" ], [ "Gibraltar", "gi", "350" ], [ "Greece", "gr", "30" ], [ "Greenland", "gl", "299" ], [ "Grenada", "gd", "1", 14, [ "473" ] ], [ "Guadeloupe", "gp", "590", 0 ], [ "Guam", "gu", "1", 15, [ "671" ] ], [ "Guatemala", "gt", "502" ], [ "Guernsey", "gg", "44", 1, [ "1481", "7781", "7839", "7911" ] ], [ "Guinea", "gn", "224" ], [ "Guinea-Bissau", "gw", "245" ], [ "Guyana", "gy", "592" ], [ "Haiti", "ht", "509" ], [ "Honduras", "hn", "504" ], [ "Hong Kong", "hk", "852" ], [ "Hungary", "hu", "36" ], [ "Iceland", "is", "354" ], [ "India", "in", "91" ], [ "Indonesia", "id", "62" ], [ "Iran", "ir", "98" ], [ "Iraq", "iq", "964" ], [ "Ireland", "ie", "353" ], [ "Isle of Man", "im", "44", 2, [ "1624", "74576", "7524", "7924", "7624" ] ], [ "Israel", "il", "972" ], [ "Italy", "it", "39", 0 ], [ "Jamaica", "jm", "1", 4, [ "876", "658" ] ], [ "Japan", "jp", "81" ], [ "Jersey", "je", "44", 3, [ "1534", "7509", "7700", "7797", "7829", "7937" ] ], [ "Jordan", "jo", "962" ], [ "Kazakhstan", "kz", "7", 1, [ "33", "7" ] ], [ "Kenya", "ke", "254" ], [ "Kiribati", "ki", "686" ], [ "Kosovo", "xk", "383" ], [ "Kuwait", "kw", "965" ], [ "Kyrgyzstan", "kg", "996" ], [ "Laos", "la", "856" ], [ "Latvia", "lv", "371" ], [ "Lebanon", "lb", "961" ], [ "Lesotho", "ls", "266" ], [ "Liberia", "lr", "231" ], [ "Libya", "ly", "218" ], [ "Liechtenstein", "li", "423" ], [ "Lithuania", "lt", "370" ], [ "Luxembourg", "lu", "352" ], [ "Macau", "mo", "853" ], [ "Madagascar", "mg", "261" ], [ "Malawi", "mw", "265" ], [ "Malaysia", "my", "60" ], [ "Maldives", "mv", "960" ], [ "Mali", "ml", "223" ], [ "Malta", "mt", "356" ], [ "Marshall Islands", "mh", "692" ], [ "Martinique", "mq", "596" ], [ "Mauritania", "mr", "222" ], [ "Mauritius", "mu", "230" ], [ "Mayotte", "yt", "262", 1, [ "269", "639" ] ], [ "Mexico", "mx", "52" ], [ "Micronesia", "fm", "691" ], [ "Moldova", "md", "373" ], [ "Monaco", "mc", "377" ], [ "Mongolia", "mn", "976" ], [ "Montenegro", "me", "382" ], [ "Montserrat", "ms", "1", 16, [ "664" ] ], [ "Morocco", "ma", "212", 0 ], [ "Mozambique", "mz", "258" ], [ "Myanmar (Burma)", "mm", "95" ], [ "Namibia", "na", "264" ], [ "Nauru", "nr", "674" ], [ "Nepal", "np", "977" ], [ "Netherlands", "nl", "31" ], [ "New Caledonia", "nc", "687" ], [ "New Zealand", "nz", "64" ], [ "Nicaragua", "ni", "505" ], [ "Niger", "ne", "227" ], [ "Nigeria", "ng", "234" ], [ "Niue", "nu", "683" ], [ "Norfolk Island", "nf", "672" ], [ "North Korea", "kp", "850" ], [ "North Macedonia", "mk", "389" ], [ "Northern Mariana Islands", "mp", "1", 17, [ "670" ] ], [ "Norway", "no", "47", 0 ], [ "Oman", "om", "968" ], [ "Pakistan", "pk", "92" ], [ "Palau", "pw", "680" ], [ "Palestine", "ps", "970" ], [ "Panama", "pa", "507" ], [ "Papua New Guinea", "pg", "675" ], [ "Paraguay", "py", "595" ], [ "Peru", "pe", "51" ], [ "Philippines", "ph", "63" ], [ "Poland", "pl", "48" ], [ "Portugal", "pt", "351" ], [ "Puerto Rico", "pr", "1", 3, [ "787", "939" ] ], [ "Qatar", "qa", "974" ], [ "Réunion", "re", "262", 0 ], [ "Romania", "ro", "40" ], [ "Russia", "ru", "7", 0 ], [ "Rwanda", "rw", "250" ], [ "Samoa", "ws", "685" ], [ "San Marino", "sm", "378" ], [ "São Tomé & Príncipe", "st", "239" ], [ "Saudi Arabia", "sa", "966" ], [ "Senegal", "sn", "221" ], [ "Serbia", "rs", "381" ], [ "Seychelles", "sc", "248" ], [ "Sierra Leone", "sl", "232" ], [ "Singapore", "sg", "65" ], [ "Sint Maarten", "sx", "1", 21, [ "721" ] ], [ "Slovakia", "sk", "421" ], [ "Slovenia", "si", "386" ], [ "Solomon Islands", "sb", "677" ], [ "Somalia", "so", "252" ], [ "South Africa", "za", "27" ], [ "South Korea", "kr", "82" ], [ "South Sudan", "ss", "211" ], [ "Spain", "es", "34" ], [ "Sri Lanka", "lk", "94" ], [ "St Barthélemy", "bl", "590", 1 ], [ "St Helena", "sh", "290" ], [ "St Kitts & Nevis", "kn", "1", 18, [ "869" ] ], [ "St Lucia", "lc", "1", 19, [ "758" ] ], [ "St Martin", "mf", "590", 2 ], [ "St Pierre & Miquelon", "pm", "508" ], [ "St Vincent & Grenadines", "vc", "1", 20, [ "784" ] ], [ "Sudan", "sd", "249" ], [ "Suriname", "sr", "597" ], [ "Svalbard & Jan Mayen", "sj", "47", 1, [ "79" ] ], [ "Sweden", "se", "46" ], [ "Switzerland", "ch", "41" ], [ "Syria", "sy", "963" ], [ "Taiwan", "tw", "886" ], [ "Tajikistan", "tj", "992" ], [ "Tanzania", "tz", "255" ], [ "Thailand", "th", "66" ], [ "Timor-Leste", "tl", "670" ], [ "Togo", "tg", "228" ], [ "Tokelau", "tk", "690" ], [ "Tonga", "to", "676" ], [ "Trinidad & Tobago", "tt", "1", 22, [ "868" ] ], [ "Tunisia", "tn", "216" ], [ "Turkey", "tr", "90" ], [ "Turkmenistan", "tm", "993" ], [ "Turks & Caicos Islands", "tc", "1", 23, [ "649" ] ], [ "Tuvalu", "tv", "688" ], [ "Uganda", "ug", "256" ], [ "Ukraine", "ua", "380" ], [ "United Arab Emirates", "ae", "971" ], [ "United Kingdom", "gb", "44", 0 ], [ "United States", "us", "1", 0 ], [ "Uruguay", "uy", "598" ], [ "US Virgin Islands", "vi", "1", 24, [ "340" ] ], [ "Uzbekistan", "uz", "998" ], [ "Vanuatu", "vu", "678" ], [ "Vatican City", "va", "39", 1, [ "06698" ] ], [ "Venezuela", "ve", "58" ], [ "Vietnam", "vn", "84" ], [ "Wallis & Futuna", "wf", "681" ], [ "Western Sahara", "eh", "212", 1, [ "5288", "5289" ] ], [ "Yemen", "ye", "967" ], [ "Zambia", "zm", "260" ], [ "Zimbabwe", "zw", "263" ], [ "Åland Islands", "ax", "358", 1, [ "18" ] ] ];
-        // loop over all of the countries above, restructuring the data to be objects with named keys
-        for (var i = 0; i < allCountries.length; i++) {
-            var c = allCountries[i];
-            allCountries[i] = {
-                name: c[0],
-                iso2: c[1],
-                dialCode: c[2],
-                priority: c[3] || 0,
-                areaCodes: c[4] || null
-            };
-        }
-        function _objectSpread(target) {
-            for (var i = 1; i < arguments.length; i++) {
-                var source = arguments[i] != null ? Object(arguments[i]) : {};
-                var ownKeys = Object.keys(source);
-                if (typeof Object.getOwnPropertySymbols === "function") {
-                    ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function(sym) {
-                        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-                    }));
-                }
-                ownKeys.forEach(function(key) {
-                    _defineProperty(target, key, source[key]);
-                });
-            }
-            return target;
-        }
-        function _defineProperty(obj, key, value) {
-            key = _toPropertyKey(key);
-            if (key in obj) {
-                Object.defineProperty(obj, key, {
-                    value: value,
-                    enumerable: true,
-                    configurable: true,
-                    writable: true
-                });
-            } else {
-                obj[key] = value;
-            }
-            return obj;
-        }
-        function _classCallCheck(instance, Constructor) {
-            if (!(instance instanceof Constructor)) {
-                throw new TypeError("Cannot call a class as a function");
-            }
-        }
-        function _defineProperties(target, props) {
-            for (var i = 0; i < props.length; i++) {
-                var descriptor = props[i];
-                descriptor.enumerable = descriptor.enumerable || false;
-                descriptor.configurable = true;
-                if ("value" in descriptor) descriptor.writable = true;
-                Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-            }
-        }
-        function _createClass(Constructor, protoProps, staticProps) {
-            if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-            if (staticProps) _defineProperties(Constructor, staticProps);
-            Object.defineProperty(Constructor, "prototype", {
-                writable: false
-            });
-            return Constructor;
-        }
-        function _toPropertyKey(arg) {
-            var key = _toPrimitive(arg, "string");
-            return typeof key === "symbol" ? key : String(key);
-        }
-        function _toPrimitive(input, hint) {
-            if (typeof input !== "object" || input === null) return input;
-            var prim = input[Symbol.toPrimitive];
-            if (prim !== undefined$1) {
-                var res = prim.call(input, hint || "default");
-                if (typeof res !== "object") return res;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
-            }
-            return (hint === "string" ? String : Number)(input);
-        }
-        var intlTelInputGlobals = {
-            getInstance: function getInstance(input) {
-                var id = input.getAttribute("data-intl-tel-input-id");
-                return window.intlTelInputGlobals.instances[id];
-            },
-            instances: {},
-            // using a global like this allows us to mock it in the tests
-            documentReady: function documentReady() {
-                return document.readyState === "complete";
-            }
-        };
-        if (typeof window === "object") {
-            window.intlTelInputGlobals = intlTelInputGlobals;
-        }
-        // these vars persist through all instances of the plugin
-        var id = 0;
-        var defaults = {
-            // whether or not to allow the dropdown
-            allowDropdown: true,
-            // auto insert dial code (A) on init, (B) on user selecting a country, (C) on calling setCountry
-            // also listen for blur/submit and auto remove dial code if that's all there is
-            autoInsertDialCode: false,
-            // add a placeholder in the input with an example number for the selected country
-            autoPlaceholder: "polite",
-            // add a country search input at the top of the dropdown
-            countrySearch: false,
-            // modify the parentClass
-            customContainer: "",
-            // modify the auto placeholder
-            customPlaceholder: null,
-            // append menu to specified element
-            dropdownContainer: null,
-            // don't display these countries
-            excludeCountries: [],
-            // fix the dropdown width to the input width (rather than being as wide as the longest country name)
-            fixDropdownWidth: false,
-            // format the input value during initialisation and on setNumber
-            formatOnDisplay: true,
-            // geoIp lookup function
-            geoIpLookup: null,
-            // inject a hidden input with this name, and on submit, populate it with the result of getNumber
-            hiddenInput: "",
-            // initial country
-            initialCountry: "",
-            // localized country names e.g. { 'de': 'Deutschland' }
-            localizedCountries: null,
-            // national vs international formatting for numbers e.g. placeholders and displaying existing numbers
-            nationalMode: true,
-            // display only these countries
-            onlyCountries: [],
-            // number type to use for placeholders
-            placeholderNumberType: "MOBILE",
-            // the countries at the top of the list. defaults to united states and united kingdom
-            preferredCountries: [ "us", "gb" ],
-            // display the country dial code next to the selected flag
-            separateDialCode: false,
-            // option to hide the flags - must be used with separateDialCode, or allowDropdown=false
-            showFlags: true,
-            // use full screen popup instead of dropdown for country list
-            useFullscreenPopup: typeof navigator !== "undefined" && typeof window !== "undefined" ? // we cannot just test screen size as some smartphones/website meta tags will report desktop
-            // resolutions
-            // Note: to target Android Mobiles (and not Tablets), we must find 'Android' and 'Mobile'
-            /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 500 : false,
-            // specify the path to the libphonenumber script to enable validation/formatting
-            utilsScript: ""
-        };
-        // https://en.wikipedia.org/wiki/List_of_North_American_Numbering_Plan_area_codes#Non-geographic_area_codes
-        var regionlessNanpNumbers = [ "800", "822", "833", "844", "855", "866", "877", "880", "881", "882", "883", "884", "885", "886", "887", "888", "889" ];
-        // utility function to iterate over an object. can't use Object.entries or native forEach because
-        // of IE11
-        var forEachProp = function forEachProp(obj, callback) {
-            var keys = Object.keys(obj);
-            for (var i = 0; i < keys.length; i++) {
-                callback(keys[i], obj[keys[i]]);
-            }
-        };
-        // run a method on each instance of the plugin
-        var forEachInstance = function forEachInstance(method) {
-            forEachProp(window.intlTelInputGlobals.instances, function(key) {
-                window.intlTelInputGlobals.instances[key][method]();
-            });
-        };
-        // this is our plugin class that we will create an instance of
-        // eslint-disable-next-line no-unused-vars
-        var Iti = /*#__PURE__*/ function() {
-            function Iti(input, options) {
-                var _this = this;
-                _classCallCheck(this, Iti);
-                this.id = id++;
-                this.telInput = input;
-                this.activeItem = null;
-                this.highlightedItem = null;
-                // process specified options / defaults
-                // alternative to Object.assign, which isn't supported by IE11
-                var customOptions = options || {};
-                this.options = {};
-                forEachProp(defaults, function(key, value) {
-                    _this.options[key] = customOptions.hasOwnProperty(key) ? customOptions[key] : value;
-                });
-                this.hadInitialPlaceholder = Boolean(input.getAttribute("placeholder"));
-            }
-            _createClass(Iti, [ {
-                key: "_init",
-                value: function _init() {
-                    var _this2 = this;
-                    // if showing fullscreen popup, do not fix the width
-                    if (this.options.useFullscreenPopup) {
-                        this.options.fixDropdownWidth = false;
-                    }
-                    // when search enabled, we must fix the width else it would change with different results
-                    if (this.options.countrySearch && !this.options.useFullscreenPopup) {
-                        this.options.fixDropdownWidth = true;
-                    }
-                    // if in nationalMode, do not insert dial codes
-                    if (this.options.nationalMode) {
-                        this.options.autoInsertDialCode = false;
-                    }
-                    // if separateDialCode enabled, do not insert dial codes
-                    if (this.options.separateDialCode) {
-                        this.options.autoInsertDialCode = false;
-                    }
-                    // force showFlags=true if there's a dropdown and we're not displaying the dial code,
-                    // as otherwise you just have a down arrow on it's own which doesn't make sense
-                    var forceShowFlags = this.options.allowDropdown && !this.options.separateDialCode;
-                    if (!this.options.showFlags && forceShowFlags) {
-                        this.options.showFlags = true;
-                    }
-                    // on mobile, we want a full screen dropdown, so we must append it to the body
-                    if (this.options.useFullscreenPopup && !this.options.dropdownContainer) {
-                        this.options.dropdownContainer = document.body;
-                    }
-                    // check if input has one parent with RTL
-                    this.isRTL = !!this.telInput.closest("[dir=rtl]");
-                    // these promises get resolved when their individual requests complete
-                    // this way the dev can do something like iti.promise.then(...) to know when all requests are
-                    // complete
-                    if (typeof Promise !== "undefined") {
-                        var autoCountryPromise = new Promise(function(resolve, reject) {
-                            _this2.resolveAutoCountryPromise = resolve;
-                            _this2.rejectAutoCountryPromise = reject;
-                        });
-                        var utilsScriptPromise = new Promise(function(resolve, reject) {
-                            _this2.resolveUtilsScriptPromise = resolve;
-                            _this2.rejectUtilsScriptPromise = reject;
-                        });
-                        this.promise = Promise.all([ autoCountryPromise, utilsScriptPromise ]);
-                    } else {
-                        // prevent errors when Promise doesn't exist
-                        this.resolveAutoCountryPromise = this.rejectAutoCountryPromise = function() {};
-                        this.resolveUtilsScriptPromise = this.rejectUtilsScriptPromise = function() {};
-                    }
-                    // in various situations there could be no country selected initially, but we need to be able
-                    // to assume this variable exists
-                    this.selectedCountryData = {};
-                    // process all the data: onlyCountries, excludeCountries, preferredCountries etc
-                    this._processCountryData();
-                    // generate the markup
-                    this._generateMarkup();
-                    // set the initial state of the input value and the selected flag
-                    this._setInitialState();
-                    // start all of the event listeners: autoInsertDialCode, input keydown, selectedFlag click
-                    this._initListeners();
-                    // utils script, and auto country
-                    this._initRequests();
-                }
-            }, {
-                key: "_processCountryData",
-                value: function _processCountryData() {
-                    // process onlyCountries or excludeCountries array if present
-                    this._processAllCountries();
-                    // process the countryCodes map
-                    this._processCountryCodes();
-                    // process the preferredCountries
-                    this._processPreferredCountries();
-                    // translate countries according to localizedCountries option
-                    if (this.options.localizedCountries) {
-                        this._translateCountriesByLocale();
-                    }
-                    // sort countries by name
-                    if (this.options.onlyCountries.length || this.options.localizedCountries) {
-                        this.countries.sort(this._countryNameSort);
-                    }
-                }
-            }, {
-                key: "_addCountryCode",
-                value: function _addCountryCode(iso2, countryCode, priority) {
-                    if (countryCode.length > this.countryCodeMaxLen) {
-                        this.countryCodeMaxLen = countryCode.length;
-                    }
-                    if (!this.countryCodes.hasOwnProperty(countryCode)) {
-                        this.countryCodes[countryCode] = [];
-                    }
-                    // bail if we already have this country for this countryCode
-                    for (var i = 0; i < this.countryCodes[countryCode].length; i++) {
-                        if (this.countryCodes[countryCode][i] === iso2) {
-                            return;
-                        }
-                    }
-                    // check for undefined as 0 is falsy
-                    var index = priority !== undefined$1 ? priority : this.countryCodes[countryCode].length;
-                    this.countryCodes[countryCode][index] = iso2;
-                }
-            }, {
-                key: "_processAllCountries",
-                value: function _processAllCountries() {
-                    if (this.options.onlyCountries.length) {
-                        var lowerCaseOnlyCountries = this.options.onlyCountries.map(function(country) {
-                            return country.toLowerCase();
-                        });
-                        this.countries = allCountries.filter(function(country) {
-                            return lowerCaseOnlyCountries.indexOf(country.iso2) > -1;
-                        });
-                    } else if (this.options.excludeCountries.length) {
-                        var lowerCaseExcludeCountries = this.options.excludeCountries.map(function(country) {
-                            return country.toLowerCase();
-                        });
-                        this.countries = allCountries.filter(function(country) {
-                            return lowerCaseExcludeCountries.indexOf(country.iso2) === -1;
-                        });
-                    } else {
-                        this.countries = allCountries;
-                    }
-                }
-            }, {
-                key: "_translateCountriesByLocale",
-                value: function _translateCountriesByLocale() {
-                    for (var i = 0; i < this.countries.length; i++) {
-                        var iso = this.countries[i].iso2.toLowerCase();
-                        if (this.options.localizedCountries.hasOwnProperty(iso)) {
-                            this.countries[i].name = this.options.localizedCountries[iso];
-                        }
-                    }
-                }
-            }, {
-                key: "_countryNameSort",
-                value: function _countryNameSort(a, b) {
-                    if (a.name < b.name) {
-                        return -1;
-                    }
-                    if (a.name > b.name) {
-                        return 1;
-                    }
-                    return 0;
-                }
-            }, {
-                key: "_processCountryCodes",
-                value: function _processCountryCodes() {
-                    this.countryCodeMaxLen = 0;
-                    // here we store just dial codes
-                    this.dialCodes = {};
-                    // here we store "country codes" (both dial codes and their area codes)
-                    this.countryCodes = {};
-                    // first: add dial codes
-                    for (var i = 0; i < this.countries.length; i++) {
-                        var c = this.countries[i];
-                        if (!this.dialCodes[c.dialCode]) {
-                            this.dialCodes[c.dialCode] = true;
-                        }
-                        this._addCountryCode(c.iso2, c.dialCode, c.priority);
-                    }
-                    // next: add area codes
-                    // this is a second loop over countries, to make sure we have all of the "root" countries
-                    // already in the map, so that we can access them, as each time we add an area code substring
-                    // to the map, we also need to include the "root" country's code, as that also matches
-                    for (var _i = 0; _i < this.countries.length; _i++) {
-                        var _c = this.countries[_i];
-                        // area codes
-                        if (_c.areaCodes) {
-                            var rootCountryCode = this.countryCodes[_c.dialCode][0];
-                            // for each area code
-                            for (var j = 0; j < _c.areaCodes.length; j++) {
-                                var areaCode = _c.areaCodes[j];
-                                // for each digit in the area code to add all partial matches as well
-                                for (var k = 1; k < areaCode.length; k++) {
-                                    var partialDialCode = _c.dialCode + areaCode.substr(0, k);
-                                    // start with the root country, as that also matches this dial code
-                                    this._addCountryCode(rootCountryCode, partialDialCode);
-                                    this._addCountryCode(_c.iso2, partialDialCode);
-                                }
-                                // add the full area code
-                                this._addCountryCode(_c.iso2, _c.dialCode + areaCode);
-                            }
-                        }
-                    }
-                }
-            }, {
-                key: "_processPreferredCountries",
-                value: function _processPreferredCountries() {
-                    this.preferredCountries = [];
-                    for (var i = 0; i < this.options.preferredCountries.length; i++) {
-                        var countryCode = this.options.preferredCountries[i].toLowerCase();
-                        var countryData = this._getCountryData(countryCode, false, true);
-                        if (countryData) {
-                            this.preferredCountries.push(countryData);
-                        }
-                    }
-                }
-            }, {
-                key: "_createEl",
-                value: function _createEl(name, attrs, container) {
-                    var el = document.createElement(name);
-                    if (attrs) {
-                        forEachProp(attrs, function(key, value) {
-                            return el.setAttribute(key, value);
-                        });
-                    }
-                    if (container) {
-                        container.appendChild(el);
-                    }
-                    return el;
-                }
-            }, {
-                key: "_generateMarkup",
-                value: function _generateMarkup() {
-                    this.telInput.classList.add("iti__tel-input");
-                    // if autocomplete does not exist on the element and its form, then
-                    // prevent autocomplete as there's no safe, cross-browser event we can react to, so it can
-                    // easily put the plugin in an inconsistent state e.g. the wrong flag selected for the
-                    // autocompleted number, which on submit could mean wrong number is saved
-                    if (!this.telInput.hasAttribute("autocomplete") && !(this.telInput.form && this.telInput.form.hasAttribute("autocomplete"))) {
-                        this.telInput.setAttribute("autocomplete", "off");
-                    }
-                    var _this$options = this.options, allowDropdown = _this$options.allowDropdown, separateDialCode = _this$options.separateDialCode, showFlags = _this$options.showFlags, customContainer = _this$options.customContainer, hiddenInput = _this$options.hiddenInput, dropdownContainer = _this$options.dropdownContainer, fixDropdownWidth = _this$options.fixDropdownWidth, useFullscreenPopup = _this$options.useFullscreenPopup, countrySearch = _this$options.countrySearch;
-                    // containers (mostly for positioning)
-                    var parentClass = "iti";
-                    if (allowDropdown) {
-                        parentClass += " iti--allow-dropdown";
-                    }
-                    if (separateDialCode) {
-                        parentClass += " iti--separate-dial-code";
-                    }
-                    if (showFlags) {
-                        parentClass += " iti--show-flags";
-                    }
-                    if (customContainer) {
-                        parentClass += " ".concat(customContainer);
-                    }
-                    var wrapper = this._createEl("div", {
-                        "class": parentClass
-                    });
-                    this.telInput.parentNode.insertBefore(wrapper, this.telInput);
-                    // only hide the flagsContainer if allowDropdown, showFlags and separateDialCode are all false
-                    var showFlagsContainer = allowDropdown || showFlags || separateDialCode;
-                    if (showFlagsContainer) {
-                        this.flagsContainer = this._createEl("div", {
-                            "class": "iti__flag-container"
-                        }, wrapper);
-                    }
-                    wrapper.appendChild(this.telInput);
-                    // selected flag (displayed to left of input)
-                    // using Aria tags for "Select-Only Combobox Example"
-                    // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
-                    if (showFlagsContainer) {
-                        this.selectedFlag = this._createEl("div", _objectSpread({
-                            "class": "iti__selected-flag"
-                        }, allowDropdown && {
-                            role: "combobox",
-                            "aria-haspopup": "listbox",
-                            "aria-controls": "iti-".concat(this.id, "__country-listbox"),
-                            "aria-expanded": "false",
-                            "aria-label": "Telephone country code"
-                        }), this.flagsContainer);
-                    }
-                    if (showFlags) {
-                        this.selectedFlagInner = this._createEl("div", {
-                            "class": "iti__flag"
-                        }, this.selectedFlag);
-                    }
-                    if (this.selectedFlag && this.telInput.disabled) {
-                        this.selectedFlag.setAttribute("aria-disabled", "true");
-                    }
-                    if (separateDialCode) {
-                        this.selectedDialCode = this._createEl("div", {
-                            "class": "iti__selected-dial-code"
-                        }, this.selectedFlag);
-                    }
-                    if (allowDropdown) {
-                        if (!this.telInput.disabled) {
-                            // make element focusable and tab navigable
-                            this.selectedFlag.setAttribute("tabindex", "0");
-                        }
-                        this.dropdownArrow = this._createEl("div", {
-                            "class": "iti__arrow"
-                        }, this.selectedFlag);
-                        var extraClasses = fixDropdownWidth ? "" : "iti--flexible-dropdown-width";
-                        this.dropdownContent = this._createEl("div", {
-                            "class": "iti__dropdown-content iti__hide ".concat(extraClasses)
-                        });
-                        if (countrySearch) {
-                            this.searchInput = this._createEl("input", {
-                                type: "text",
-                                "class": "iti__search-input",
-                                placeholder: "Search"
-                            }, this.dropdownContent);
-                        }
-                        // country list: preferred countries, then divider, then all countries
-                        this.countryList = this._createEl("ul", {
-                            "class": "iti__country-list",
-                            id: "iti-".concat(this.id, "__country-listbox"),
-                            role: "listbox",
-                            "aria-label": "List of countries"
-                        }, this.dropdownContent);
-                        if (this.preferredCountries.length && !countrySearch) {
-                            this._appendListItems(this.preferredCountries, "iti__preferred", true);
-                            this._createEl("li", {
-                                "class": "iti__divider",
-                                "aria-hidden": "true"
-                            }, this.countryList);
-                        }
-                        this._appendListItems(this.countries, "iti__standard");
-                        // create dropdownContainer markup
-                        if (dropdownContainer) {
-                            var dropdownClasses = "iti iti--container";
-                            if (useFullscreenPopup) {
-                                dropdownClasses += " iti--fullscreen-popup";
-                            }
-                            if (countrySearch) {
-                                dropdownClasses += " iti--country-search";
-                            }
-                            this.dropdown = this._createEl("div", {
-                                "class": dropdownClasses
-                            });
-                            this.dropdown.appendChild(this.dropdownContent);
-                        } else {
-                            this.flagsContainer.appendChild(this.dropdownContent);
-                        }
-                    }
-                    if (hiddenInput) {
-                        var hiddenInputName = hiddenInput;
-                        var name = this.telInput.getAttribute("name");
-                        if (name) {
-                            var i = name.lastIndexOf("[");
-                            // if input name contains square brackets, then give the hidden input the same name,
-                            // replacing the contents of the last set of brackets with the given hiddenInput name
-                            if (i !== -1) {
-                                hiddenInputName = "".concat(name.substr(0, i), "[").concat(hiddenInputName, "]");
-                            }
-                        }
-                        this.hiddenInput = this._createEl("input", {
-                            type: "hidden",
-                            name: hiddenInputName
-                        });
-                        wrapper.appendChild(this.hiddenInput);
-                    }
-                }
-            }, {
-                key: "_appendListItems",
-                value: function _appendListItems(countries, className, preferred) {
-                    for (var i = 0; i < countries.length; i++) {
-                        var c = countries[i];
-                        var idSuffix = preferred ? "-preferred" : "";
-                        var listItem = this._createEl("li", {
-                            id: "iti-".concat(this.id, "__item-").concat(c.iso2).concat(idSuffix),
-                            "class": "iti__country ".concat(className),
-                            tabindex: "-1",
-                            role: "option",
-                            "data-dial-code": c.dialCode,
-                            "data-country-code": c.iso2,
-                            "aria-selected": "false"
-                        }, this.countryList);
-                        // store this for later use e.g. country search filtering
-                        c.node = listItem;
-                        var content = "";
-                        // add the flag
-                        if (this.options.showFlags) {
-                            content += "<div class='iti__flag-box'><div class='iti__flag iti__".concat(c.iso2, "'></div></div>");
-                        }
-                        // and the country name and dial code
-                        content += "<span class='iti__country-name'>".concat(c.name, "</span>");
-                        content += "<span class='iti__dial-code'>+".concat(c.dialCode, "</span>");
-                        listItem.insertAdjacentHTML("beforeend", content);
-                    }
-                }
-            }, {
-                key: "_setInitialState",
-                value: function _setInitialState() {
-                    // fix firefox bug: when first load page (with input with value set to number with intl dial
-                    // code) and initialising plugin removes the dial code from the input, then refresh page,
-                    // and we try to init plugin again but this time on number without dial code so get grey flag
-                    var attributeValue = this.telInput.getAttribute("value");
-                    var inputValue = this.telInput.value;
-                    var useAttribute = attributeValue && attributeValue.charAt(0) === "+" && (!inputValue || inputValue.charAt(0) !== "+");
-                    var val = useAttribute ? attributeValue : inputValue;
-                    var dialCode = this._getDialCode(val);
-                    var isRegionlessNanp = this._isRegionlessNanp(val);
-                    var _this$options2 = this.options, initialCountry = _this$options2.initialCountry, autoInsertDialCode = _this$options2.autoInsertDialCode;
-                    // if we already have a dial code, and it's not a regionlessNanp, we can go ahead and set the
-                    // flag, else fall back to the default country
-                    if (dialCode && !isRegionlessNanp) {
-                        this._updateFlagFromNumber(val);
-                    } else if (initialCountry !== "auto") {
-                        var isValidInitialCountry = initialCountry && this._getCountryData(initialCountry, false, true);
-                        // see if we should select a flag
-                        if (isValidInitialCountry) {
-                            this._setFlag(initialCountry.toLowerCase());
-                        } else {
-                            if (dialCode && isRegionlessNanp) {
-                                // has intl dial code, is regionless nanp, and no initialCountry, so default to US
-                                this._setFlag("us");
-                            } else {
-                                // no dial code and no initialCountry, so default to first in list
-                                this.defaultCountry = this.preferredCountries.length ? this.preferredCountries[0].iso2 : this.countries[0].iso2;
-                                if (!val) {
-                                    this._setFlag(this.defaultCountry);
-                                }
-                            }
-                        }
-                        // if empty and autoInsertDialCode then insert the dial code
-                        if (!val && autoInsertDialCode) {
-                            this.telInput.value = "+".concat(this.selectedCountryData.dialCode);
-                        }
-                    }
-                    // NOTE: if initialCountry is set to auto, that will be handled separately
-                    // format - note this wont be run after _updateDialCode as that's only called if no val
-                    if (val) {
-                        this._updateValFromNumber(val);
-                    }
-                }
-            }, {
-                key: "_initListeners",
-                value: function _initListeners() {
-                    this._initKeyListeners();
-                    if (this.options.autoInsertDialCode) {
-                        this._initBlurListeners();
-                    }
-                    if (this.options.allowDropdown) {
-                        this._initDropdownListeners();
-                    }
-                    if (this.hiddenInput) {
-                        this._initHiddenInputListener();
-                    }
-                }
-            }, {
-                key: "_initHiddenInputListener",
-                value: function _initHiddenInputListener() {
-                    var _this3 = this;
-                    this._handleHiddenInputSubmit = function() {
-                        _this3.hiddenInput.value = _this3.getNumber();
-                    };
-                    if (this.telInput.form) {
-                        this.telInput.form.addEventListener("submit", this._handleHiddenInputSubmit);
-                    }
-                }
-            }, {
-                key: "_getClosestLabel",
-                value: function _getClosestLabel() {
-                    var el = this.telInput;
-                    while (el && el.tagName !== "LABEL") {
-                        el = el.parentNode;
-                    }
-                    return el;
-                }
-            }, {
-                key: "_initDropdownListeners",
-                value: function _initDropdownListeners() {
-                    var _this4 = this;
-                    // hack for input nested inside label (which is valid markup): clicking the selected-flag to
-                    // open the dropdown would then automatically trigger a 2nd click on the input which would
-                    // close it again
-                    this._handleLabelClick = function(e) {
-                        // if the dropdown is closed, then focus the input, else ignore the click
-                        if (_this4.dropdownContent.classList.contains("iti__hide")) {
-                            _this4.telInput.focus();
-                        } else {
-                            e.preventDefault();
-                        }
-                    };
-                    var label = this._getClosestLabel();
-                    if (label) {
-                        label.addEventListener("click", this._handleLabelClick);
-                    }
-                    // toggle country dropdown on click
-                    this._handleClickSelectedFlag = function() {
-                        // only intercept this event if we're opening the dropdown
-                        // else let it bubble up to the top ("click-off-to-close" listener)
-                        // we cannot just stopPropagation as it may be needed to close another instance
-                        if (_this4.dropdownContent.classList.contains("iti__hide") && !_this4.telInput.disabled && !_this4.telInput.readOnly) {
-                            _this4._showDropdown();
-                        }
-                    };
-                    this.selectedFlag.addEventListener("click", this._handleClickSelectedFlag);
-                    // open dropdown if selected flag is focused and they press up/down/space/enter
-                    this._handleFlagsContainerKeydown = function(e) {
-                        var isDropdownHidden = _this4.dropdownContent.classList.contains("iti__hide");
-                        if (isDropdownHidden && [ "ArrowUp", "ArrowDown", " ", "Enter" ].includes(e.key)) {
-                            // prevent form from being submitted if "ENTER" was pressed
-                            e.preventDefault();
-                            // prevent event from being handled again by document
-                            e.stopPropagation();
-                            _this4._showDropdown();
-                        }
-                        // allow navigation from dropdown to input on TAB
-                        if (e.key === "Tab") {
-                            _this4._closeDropdown();
-                        }
-                    };
-                    this.flagsContainer.addEventListener("keydown", this._handleFlagsContainerKeydown);
-                }
-            }, {
-                key: "_initRequests",
-                value: function _initRequests() {
-                    var _this5 = this;
-                    // if the user has specified the path to the utils script, fetch it on window.load, else resolve
-                    if (this.options.utilsScript && !window.intlTelInputUtils) {
-                        // if the plugin is being initialised after the window.load event has already been fired
-                        if (window.intlTelInputGlobals.documentReady()) {
-                            window.intlTelInputGlobals.loadUtils(this.options.utilsScript);
-                        } else {
-                            // wait until the load event so we don't block any other requests e.g. the flags image
-                            window.addEventListener("load", function() {
-                                window.intlTelInputGlobals.loadUtils(_this5.options.utilsScript);
-                            });
-                        }
-                    } else {
-                        this.resolveUtilsScriptPromise();
-                    }
-                    if (this.options.initialCountry === "auto") {
-                        this._loadAutoCountry();
-                    } else {
-                        this.resolveAutoCountryPromise();
-                    }
-                }
-            }, {
-                key: "_loadAutoCountry",
-                value: function _loadAutoCountry() {
-                    // 3 options:
-                    // 1) already loaded (we're done)
-                    // 2) not already started loading (start)
-                    // 3) already started loading (do nothing - just wait for loading callback to fire)
-                    if (window.intlTelInputGlobals.autoCountry) {
-                        this.handleAutoCountry();
-                    } else if (!window.intlTelInputGlobals.startedLoadingAutoCountry) {
-                        // don't do this twice!
-                        window.intlTelInputGlobals.startedLoadingAutoCountry = true;
-                        if (typeof this.options.geoIpLookup === "function") {
-                            this.options.geoIpLookup(function(countryCode) {
-                                window.intlTelInputGlobals.autoCountry = countryCode.toLowerCase();
-                                // tell all instances the auto country is ready
-                                // TODO: this should just be the current instances
-                                // UPDATE: use setTimeout in case their geoIpLookup function calls this callback straight
-                                // away (e.g. if they have already done the geo ip lookup somewhere else). Using
-                                // setTimeout means that the current thread of execution will finish before executing
-                                // this, which allows the plugin to finish initialising.
-                                setTimeout(function() {
-                                    return forEachInstance("handleAutoCountry");
-                                });
-                            }, function() {
-                                return forEachInstance("rejectAutoCountryPromise");
-                            });
-                        }
-                    }
-                }
-            }, {
-                key: "_initKeyListeners",
-                value: function _initKeyListeners() {
-                    var _this6 = this;
-                    // update flag on keyup
-                    this._handleKeyupEvent = function() {
-                        if (_this6._updateFlagFromNumber(_this6.telInput.value)) {
-                            _this6._triggerCountryChange();
-                        }
-                    };
-                    this.telInput.addEventListener("keyup", this._handleKeyupEvent);
-                    // update flag on cut/paste events (now supported in all major browsers)
-                    this._handleClipboardEvent = function() {
-                        // hack because "paste" event is fired before input is updated
-                        setTimeout(_this6._handleKeyupEvent);
-                    };
-                    this.telInput.addEventListener("cut", this._handleClipboardEvent);
-                    this.telInput.addEventListener("paste", this._handleClipboardEvent);
-                }
-            }, {
-                key: "_cap",
-                value: function _cap(number) {
-                    var max = this.telInput.getAttribute("maxlength");
-                    return max && number.length > max ? number.substr(0, max) : number;
-                }
-            }, {
-                key: "_initBlurListeners",
-                value: function _initBlurListeners() {
-                    var _this7 = this;
-                    // on blur or form submit: if just a dial code then remove it
-                    this._handleSubmitOrBlurEvent = function() {
-                        _this7._removeEmptyDialCode();
-                    };
-                    if (this.telInput.form) {
-                        this.telInput.form.addEventListener("submit", this._handleSubmitOrBlurEvent);
-                    }
-                    this.telInput.addEventListener("blur", this._handleSubmitOrBlurEvent);
-                }
-            }, {
-                key: "_removeEmptyDialCode",
-                value: function _removeEmptyDialCode() {
-                    if (this.telInput.value.charAt(0) === "+") {
-                        var numeric = this._getNumeric(this.telInput.value);
-                        // if just a plus, or if just a dial code
-                        if (!numeric || this.selectedCountryData.dialCode === numeric) {
-                            this.telInput.value = "";
-                        }
-                    }
-                }
-            }, {
-                key: "_getNumeric",
-                value: function _getNumeric(s) {
-                    return s.replace(/\D/g, "");
-                }
-            }, {
-                key: "_trigger",
-                value: function _trigger(name) {
-                    // have to use old school document.createEvent as IE11 doesn't support `new Event()` syntax
-                    var e = document.createEvent("Event");
-                    e.initEvent(name, true, true);
-                    // can bubble, and is cancellable
-                    this.telInput.dispatchEvent(e);
-                }
-            }, {
-                key: "_showDropdown",
-                value: function _showDropdown() {
-                    if (this.options.fixDropdownWidth) {
-                        this.dropdownContent.style.width = "".concat(this.telInput.offsetWidth, "px");
-                    }
-                    this.dropdownContent.classList.remove("iti__hide");
-                    this.selectedFlag.setAttribute("aria-expanded", "true");
-                    this._setDropdownPosition();
-                    if (this.options.countrySearch) {
-                        // start by highlighting the first item in the list
-                        this._highlightListItem(this.countryList.firstElementChild, false);
-                        this.searchInput.focus();
-                    } else if (this.activeItem) {
-                        // update highlighting and scroll to active list item
-                        this._highlightListItem(this.activeItem, false);
-                        this._scrollTo(this.activeItem, true);
-                    }
-                    // bind all the dropdown-related listeners: mouseover, click, click-off, keydown
-                    this._bindDropdownListeners();
-                    // update the arrow
-                    this.dropdownArrow.classList.add("iti__arrow--up");
-                    this._trigger("open:countrydropdown");
-                }
-            }, {
-                key: "_toggleClass",
-                value: function _toggleClass(el, className, shouldHaveClass) {
-                    if (shouldHaveClass && !el.classList.contains(className)) {
-                        el.classList.add(className);
-                    } else if (!shouldHaveClass && el.classList.contains(className)) {
-                        el.classList.remove(className);
-                    }
-                }
-            }, {
-                key: "_setDropdownPosition",
-                value: function _setDropdownPosition() {
-                    var _this8 = this;
-                    if (this.options.dropdownContainer) {
-                        this.options.dropdownContainer.appendChild(this.dropdown);
-                    }
-                    if (!this.options.useFullscreenPopup) {
-                        var pos = this.telInput.getBoundingClientRect();
-                        // windowTop from https://stackoverflow.com/a/14384091/217866
-                        var windowTop = window.pageYOffset || document.documentElement.scrollTop;
-                        var inputTop = pos.top + windowTop;
-                        var dropdownHeight = this.dropdownContent.offsetHeight;
-                        // dropdownFitsBelow = (dropdownBottom < windowBottom)
-                        var dropdownFitsBelow = inputTop + this.telInput.offsetHeight + dropdownHeight < windowTop + window.innerHeight;
-                        var dropdownFitsAbove = inputTop - dropdownHeight > windowTop;
-                        // dont allow positioning above when country search enabled as the search box jumps around as you filter countries
-                        var positionDropdownAboveInput = !this.options.countrySearch && !dropdownFitsBelow && dropdownFitsAbove;
-                        // by default, the dropdown will be below the input. If we want to position it above the
-                        // input, we add the dropup class.
-                        this._toggleClass(this.dropdownContent, "iti__dropdown-content--dropup", positionDropdownAboveInput);
-                        // if dropdownContainer is enabled, calculate postion
-                        if (this.options.dropdownContainer) {
-                            // by default the dropdown will be directly over the input because it's not in the flow.
-                            // If we want to position it below, we need to add some extra top value.
-                            var extraTop = positionDropdownAboveInput ? 0 : this.telInput.offsetHeight;
-                            // calculate placement
-                            this.dropdown.style.top = "".concat(inputTop + extraTop, "px");
-                            this.dropdown.style.left = "".concat(pos.left + document.body.scrollLeft, "px");
-                            // close menu on window scroll
-                            this._handleWindowScroll = function() {
-                                return _this8._closeDropdown();
-                            };
-                            window.addEventListener("scroll", this._handleWindowScroll);
-                        }
-                    }
-                }
-            }, {
-                key: "_getClosestListItem",
-                value: function _getClosestListItem(target) {
-                    var el = target;
-                    while (el && el !== this.countryList && !el.classList.contains("iti__country")) {
-                        el = el.parentNode;
-                    }
-                    // if we reached the countryList element, then return null
-                    return el === this.countryList ? null : el;
-                }
-            }, {
-                key: "_bindDropdownListeners",
-                value: function _bindDropdownListeners() {
-                    var _this9 = this;
-                    // when mouse over a list item, just highlight that one
-                    // we add the class "highlight", so if they hit "enter" we know which one to select
-                    this._handleMouseoverCountryList = function(e) {
-                        // handle event delegation, as we're listening for this event on the countryList
-                        var listItem = _this9._getClosestListItem(e.target);
-                        if (listItem) {
-                            _this9._highlightListItem(listItem, false);
-                        }
-                    };
-                    this.countryList.addEventListener("mouseover", this._handleMouseoverCountryList);
-                    // listen for country selection
-                    this._handleClickCountryList = function(e) {
-                        var listItem = _this9._getClosestListItem(e.target);
-                        if (listItem) {
-                            _this9._selectListItem(listItem);
-                        }
-                    };
-                    this.countryList.addEventListener("click", this._handleClickCountryList);
-                    // click off to close
-                    // (except when this initial opening click is bubbling up)
-                    // we cannot just stopPropagation as it may be needed to close another instance
-                    var isOpening = true;
-                    this._handleClickOffToClose = function() {
-                        if (!isOpening) {
-                            _this9._closeDropdown();
-                        }
-                        isOpening = false;
-                    };
-                    document.documentElement.addEventListener("click", this._handleClickOffToClose);
-                    // listen for up/down scrolling, enter to select, or escape to close
-                    // use keydown as keypress doesn't fire for non-char keys and we want to catch if they
-                    // just hit down and hold it to scroll down (no keyup event).
-                    // listen on the document because that's where key events are triggered if no input has focus
-                    var query = "";
-                    var queryTimer = null;
-                    this._handleKeydownOnDropdown = function(e) {
-                        // prevent down key from scrolling the whole page,
-                        // and enter key from submitting a form etc
-                        if ([ "ArrowUp", "ArrowDown", "Enter", "Escape" ].includes(e.key)) {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            // up and down to navigate
-                            if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-                                _this9._handleUpDownKey(e.key);
-                            } else if (e.key === "Enter") {
-                                _this9._handleEnterKey();
-                            } else if (e.key === "Escape") {
-                                _this9._closeDropdown();
-                            }
-                        }
-                        // alpha chars to perform search
-                        // regex allows one latin alpha char or space, based on https://stackoverflow.com/a/26900132/217866)
-                        if (!_this9.options.countrySearch && /^[a-zA-ZÀ-ÿа-яА-Я ]$/.test(e.key)) {
-                            e.stopPropagation();
-                            // jump to countries that start with the query string
-                            if (queryTimer) {
-                                clearTimeout(queryTimer);
-                            }
-                            query += e.key.toLowerCase();
-                            _this9._searchForCountry(query);
-                            // if the timer hits 1 second, reset the query
-                            queryTimer = setTimeout(function() {
-                                query = "";
-                            }, 1e3);
-                        }
-                    };
-                    document.addEventListener("keydown", this._handleKeydownOnDropdown);
-                    if (this.options.countrySearch) {
-                        var doFilter = function doFilter() {
-                            var inputQuery = _this9.searchInput.value.trim();
-                            if (inputQuery) {
-                                _this9._filterCountries(inputQuery.toLowerCase());
-                            } else {
-                                _this9._filterCountries(null, true);
-                            }
-                        };
-                        var keyupTimer = null;
-                        this._handleSearchChange = function() {
-                            // filtering country nodes is expensive (lots of DOM manipulation), so rate limit it
-                            if (keyupTimer) {
-                                clearTimeout(keyupTimer);
-                            }
-                            keyupTimer = setTimeout(function() {
-                                doFilter();
-                                keyupTimer = null;
-                            }, 100);
-                        };
-                        this.searchInput.addEventListener("input", this._handleSearchChange);
-                        // stop propagation on search input click, so doesn't trigger click-off-to-close listener
-                        this.searchInput.addEventListener("click", function(e) {
-                            return e.stopPropagation();
-                        });
-                    }
-                }
-            }, {
-                key: "_filterCountries",
-                value: function _filterCountries(query) {
-                    var isReset = arguments.length > 1 && arguments[1] !== undefined$1 ? arguments[1] : false;
-                    var isFirst = true;
-                    this.countryList.innerHTML = "";
-                    for (var i = 0; i < this.countries.length; i++) {
-                        var c = this.countries[i];
-                        var nameLower = c.name.toLowerCase();
-                        var fullDialCode = "+".concat(c.dialCode);
-                        if (isReset || nameLower.includes(query) || fullDialCode.includes(query)) {
-                            this.countryList.appendChild(c.node);
-                            // highlight the first item
-                            if (isFirst) {
-                                this._highlightListItem(c.node, false);
-                                isFirst = false;
-                            }
-                        }
-                    }
-                }
-            }, {
-                key: "_handleUpDownKey",
-                value: function _handleUpDownKey(key) {
-                    var next = key === "ArrowUp" ? this.highlightedItem.previousElementSibling : this.highlightedItem.nextElementSibling;
-                    if (next) {
-                        // skip the divider
-                        if (next.classList.contains("iti__divider")) {
-                            next = key === "ArrowUp" ? next.previousElementSibling : next.nextElementSibling;
-                        }
-                    } else if (this.countryList.childElementCount > 1) {
-                        // otherwise, we must be at the end, so loop round again
-                        next = key === "ArrowUp" ? this.countryList.lastElementChild : this.countryList.firstElementChild;
-                    }
-                    if (next) {
-                        // if country search enabled, dont lose focus from the search input on up/down
-                        var doFocus = !this.options.countrySearch;
-                        this._highlightListItem(next, doFocus);
-                        if (this.options.countrySearch) {
-                            this._scrollTo(next, false);
-                        }
-                    }
-                }
-            }, {
-                key: "_handleEnterKey",
-                value: function _handleEnterKey() {
-                    if (this.highlightedItem) {
-                        this._selectListItem(this.highlightedItem);
-                    }
-                }
-            }, {
-                key: "_searchForCountry",
-                value: function _searchForCountry(query) {
-                    for (var i = 0; i < this.countries.length; i++) {
-                        if (this._startsWith(this.countries[i].name, query)) {
-                            var listItem = this.countries[i].node;
-                            // update highlighting and scroll
-                            this._highlightListItem(listItem, false);
-                            this._scrollTo(listItem, true);
-                            break;
-                        }
-                    }
-                }
-            }, {
-                key: "_startsWith",
-                value: function _startsWith(a, b) {
-                    return a.substr(0, b.length).toLowerCase() === b;
-                }
-            }, {
-                key: "_updateValFromNumber",
-                value: function _updateValFromNumber(fullNumber) {
-                    var number = fullNumber;
-                    if (this.options.formatOnDisplay && window.intlTelInputUtils && this.selectedCountryData) {
-                        var useNational = this.options.nationalMode || number.charAt(0) !== "+" && !this.options.separateDialCode;
-                        var _intlTelInputUtils$nu = intlTelInputUtils.numberFormat, NATIONAL = _intlTelInputUtils$nu.NATIONAL, INTERNATIONAL = _intlTelInputUtils$nu.INTERNATIONAL;
-                        var format = useNational ? NATIONAL : INTERNATIONAL;
-                        number = intlTelInputUtils.formatNumber(number, this.selectedCountryData.iso2, format);
-                    }
-                    number = this._beforeSetNumber(number);
-                    this.telInput.value = number;
-                }
-            }, {
-                key: "_updateFlagFromNumber",
-                value: function _updateFlagFromNumber(fullNumber) {
-                    var plusIndex = fullNumber.indexOf("+");
-                    // if it contains a plus, discard any chars before it e.g. accidental space char.
-                    // this keeps the selected country auto-updating correctly, which we want as
-                    // libphonenumber's validation/getNumber methods will ignore these chars anyway
-                    var number = plusIndex ? fullNumber.substring(plusIndex) : fullNumber;
-                    // if we already have US/Canada selected, make sure the number starts
-                    // with a +1 so _getDialCode will be able to extract the area code
-                    // update: if we dont yet have selectedCountryData, but we're here (trying to update the flag
-                    // from the number), that means we're initialising the plugin with a number that already has a
-                    // dial code, so fine to ignore this bit
-                    var selectedDialCode = this.selectedCountryData.dialCode;
-                    var isNanp = selectedDialCode === "1";
-                    if (number && isNanp && number.charAt(0) !== "+") {
-                        if (number.charAt(0) !== "1") {
-                            number = "1".concat(number);
-                        }
-                        number = "+".concat(number);
-                    }
-                    // if separateDialCode enabled, then consider the selected dial code to be part of the number
-                    if (this.options.separateDialCode && selectedDialCode && number.charAt(0) !== "+") {
-                        number = "+".concat(selectedDialCode).concat(number);
-                    }
-                    // try and extract valid dial code from input
-                    var dialCode = this._getDialCode(number, true);
-                    var numeric = this._getNumeric(number);
-                    var countryCode = null;
-                    if (dialCode) {
-                        var countryCodes = this.countryCodes[this._getNumeric(dialCode)];
-                        // check if the right country is already selected. this should be false if the number is
-                        // longer than the matched dial code because in this case we need to make sure that if
-                        // there are multiple country matches, that the first one is selected (note: we could
-                        // just check that here, but it requires the same loop that we already have later)
-                        var alreadySelected = countryCodes.indexOf(this.selectedCountryData.iso2) !== -1 && numeric.length <= dialCode.length - 1;
-                        var isRegionlessNanpNumber = selectedDialCode === "1" && this._isRegionlessNanp(numeric);
-                        // only update the flag if:
-                        // A) NOT (we currently have a NANP flag selected, and the number is a regionlessNanp)
-                        // AND
-                        // B) the right country is not already selected
-                        if (!isRegionlessNanpNumber && !alreadySelected) {
-                            // if using onlyCountries option, countryCodes[0] may be empty, so we must find the first
-                            // non-empty index
-                            for (var j = 0; j < countryCodes.length; j++) {
-                                if (countryCodes[j]) {
-                                    countryCode = countryCodes[j];
-                                    break;
-                                }
-                            }
-                        }
-                    } else if (number.charAt(0) === "+" && numeric.length) {
-                        // invalid dial code, so empty
-                        // Note: use getNumeric here because the number has not been formatted yet, so could contain
-                        // bad chars
-                        countryCode = "";
-                    } else if (!number || number === "+") {
-                        // empty, or just a plus, so default
-                        countryCode = this.defaultCountry;
-                    }
-                    if (countryCode !== null) {
-                        return this._setFlag(countryCode);
-                    }
-                    return false;
-                }
-            }, {
-                key: "_isRegionlessNanp",
-                value: function _isRegionlessNanp(number) {
-                    var numeric = this._getNumeric(number);
-                    if (numeric.charAt(0) === "1") {
-                        var areaCode = numeric.substr(1, 3);
-                        return regionlessNanpNumbers.indexOf(areaCode) !== -1;
-                    }
-                    return false;
-                }
-            }, {
-                key: "_highlightListItem",
-                value: function _highlightListItem(listItem, shouldFocus) {
-                    var prevItem = this.highlightedItem;
-                    if (prevItem) {
-                        prevItem.classList.remove("iti__highlight");
-                    }
-                    this.highlightedItem = listItem;
-                    this.highlightedItem.classList.add("iti__highlight");
-                    this.selectedFlag.setAttribute("aria-activedescendant", listItem.getAttribute("id"));
-                    if (shouldFocus) {
-                        this.highlightedItem.focus();
-                    }
-                }
-            }, {
-                key: "_getCountryData",
-                value: function _getCountryData(countryCode, ignoreOnlyCountriesOption, allowFail) {
-                    var countryList = ignoreOnlyCountriesOption ? allCountries : this.countries;
-                    for (var i = 0; i < countryList.length; i++) {
-                        if (countryList[i].iso2 === countryCode) {
-                            return countryList[i];
-                        }
-                    }
-                    if (allowFail) {
-                        return null;
-                    }
-                    throw new Error("No country data for '".concat(countryCode, "'"));
-                }
-            }, {
-                key: "_setFlag",
-                value: function _setFlag(countryCode) {
-                    var _this$options3 = this.options, allowDropdown = _this$options3.allowDropdown, separateDialCode = _this$options3.separateDialCode, showFlags = _this$options3.showFlags;
-                    var prevCountry = this.selectedCountryData.iso2 ? this.selectedCountryData : {};
-                    // do this first as it will throw an error and stop if countryCode is invalid
-                    this.selectedCountryData = countryCode ? this._getCountryData(countryCode, false, false) : {};
-                    // update the defaultCountry - we only need the iso2 from now on, so just store that
-                    if (this.selectedCountryData.iso2) {
-                        this.defaultCountry = this.selectedCountryData.iso2;
-                    }
-                    if (showFlags) {
-                        this.selectedFlagInner.setAttribute("class", "iti__flag iti__".concat(countryCode));
-                    }
-                    this._setSelectedCountryFlagTitleAttribute(countryCode, separateDialCode);
-                    if (separateDialCode) {
-                        var dialCode = this.selectedCountryData.dialCode ? "+".concat(this.selectedCountryData.dialCode) : "";
-                        this.selectedDialCode.innerHTML = dialCode;
-                        // offsetWidth is zero if input is in a hidden container during initialisation
-                        var selectedFlagWidth = this.selectedFlag.offsetWidth || this._getHiddenSelectedFlagWidth();
-                        // add 6px of padding after the grey selected-dial-code box, as this is what we use in the css
-                        if (this.isRTL) {
-                            this.telInput.style.paddingRight = "".concat(selectedFlagWidth + 6, "px");
-                        } else {
-                            this.telInput.style.paddingLeft = "".concat(selectedFlagWidth + 6, "px");
-                        }
-                    }
-                    // and the input's placeholder
-                    this._updatePlaceholder();
-                    // update the active list item
-                    if (allowDropdown) {
-                        var prevItem = this.activeItem;
-                        if (prevItem) {
-                            prevItem.classList.remove("iti__active");
-                            prevItem.setAttribute("aria-selected", "false");
-                        }
-                        if (countryCode) {
-                            // check if there is a preferred item first, else fall back to standard
-                            var nextItem = this.countryList.querySelector("#iti-".concat(this.id, "__item-").concat(countryCode, "-preferred")) || this.countryList.querySelector("#iti-".concat(this.id, "__item-").concat(countryCode));
-                            nextItem.setAttribute("aria-selected", "true");
-                            nextItem.classList.add("iti__active");
-                            this.activeItem = nextItem;
-                        }
-                    }
-                    // return if the flag has changed or not
-                    return prevCountry.iso2 !== countryCode;
-                }
-            }, {
-                key: "_setSelectedCountryFlagTitleAttribute",
-                value: function _setSelectedCountryFlagTitleAttribute(countryCode, separateDialCode) {
-                    if (!this.selectedFlag) {
-                        return;
-                    }
-                    var title;
-                    if (countryCode && !separateDialCode) {
-                        title = "".concat(this.selectedCountryData.name, ": +").concat(this.selectedCountryData.dialCode);
-                    } else if (countryCode) {
-                        // For screen reader output, we don't want to include the dial code in the reader output twice
-                        // so just use the selected country name here:
-                        title = this.selectedCountryData.name;
-                    } else {
-                        title = "Unknown";
-                    }
-                    this.selectedFlag.setAttribute("title", title);
-                }
-            }, {
-                key: "_getHiddenSelectedFlagWidth",
-                value: function _getHiddenSelectedFlagWidth() {
-                    // to get the right styling to apply, all we need is a shallow clone of the container,
-                    // and then to inject a deep clone of the selectedFlag element
-                    var containerClone = this.telInput.parentNode.cloneNode();
-                    containerClone.style.visibility = "hidden";
-                    document.body.appendChild(containerClone);
-                    var flagsContainerClone = this.flagsContainer.cloneNode();
-                    containerClone.appendChild(flagsContainerClone);
-                    var selectedFlagClone = this.selectedFlag.cloneNode(true);
-                    flagsContainerClone.appendChild(selectedFlagClone);
-                    var width = selectedFlagClone.offsetWidth;
-                    containerClone.parentNode.removeChild(containerClone);
-                    return width;
-                }
-            }, {
-                key: "_updatePlaceholder",
-                value: function _updatePlaceholder() {
-                    var shouldSetPlaceholder = this.options.autoPlaceholder === "aggressive" || !this.hadInitialPlaceholder && this.options.autoPlaceholder === "polite";
-                    if (window.intlTelInputUtils && shouldSetPlaceholder) {
-                        var numberType = intlTelInputUtils.numberType[this.options.placeholderNumberType];
-                        var placeholder = this.selectedCountryData.iso2 ? intlTelInputUtils.getExampleNumber(this.selectedCountryData.iso2, this.options.nationalMode, numberType) : "";
-                        placeholder = this._beforeSetNumber(placeholder);
-                        if (typeof this.options.customPlaceholder === "function") {
-                            placeholder = this.options.customPlaceholder(placeholder, this.selectedCountryData);
-                        }
-                        this.telInput.setAttribute("placeholder", placeholder);
-                    }
-                }
-            }, {
-                key: "_selectListItem",
-                value: function _selectListItem(listItem) {
-                    // update selected flag and active list item
-                    var flagChanged = this._setFlag(listItem.getAttribute("data-country-code"));
-                    this._closeDropdown();
-                    this._updateDialCode(listItem.getAttribute("data-dial-code"));
-                    // focus the input
-                    this.telInput.focus();
-                    // put cursor at end - this fix is required for FF and IE11 (with auto inserting dial code),
-                    // who try to put the cursor at the beginning the first time
-                    var len = this.telInput.value.length;
-                    this.telInput.setSelectionRange(len, len);
-                    if (flagChanged) {
-                        this._triggerCountryChange();
-                    }
-                }
-            }, {
-                key: "_closeDropdown",
-                value: function _closeDropdown() {
-                    this.dropdownContent.classList.add("iti__hide");
-                    this.selectedFlag.setAttribute("aria-expanded", "false");
-                    this.selectedFlag.removeAttribute("aria-activedescendant");
-                    // update the arrow
-                    this.dropdownArrow.classList.remove("iti__arrow--up");
-                    // unbind key events
-                    document.removeEventListener("keydown", this._handleKeydownOnDropdown);
-                    if (this.options.countrySearch) {
-                        this.searchInput.removeEventListener("input", this._handleSearchChange);
-                    }
-                    document.documentElement.removeEventListener("click", this._handleClickOffToClose);
-                    this.countryList.removeEventListener("mouseover", this._handleMouseoverCountryList);
-                    this.countryList.removeEventListener("click", this._handleClickCountryList);
-                    // remove menu from container
-                    if (this.options.dropdownContainer) {
-                        if (!this.options.useFullscreenPopup) {
-                            window.removeEventListener("scroll", this._handleWindowScroll);
-                        }
-                        if (this.dropdown.parentNode) {
-                            this.dropdown.parentNode.removeChild(this.dropdown);
-                        }
-                    }
-                    this._trigger("close:countrydropdown");
-                }
-            }, {
-                key: "_scrollTo",
-                value: function _scrollTo(element, middle) {
-                    var container = this.dropdownContent;
-                    // windowTop from https://stackoverflow.com/a/14384091/217866
-                    var windowTop = window.pageYOffset || document.documentElement.scrollTop;
-                    var containerHeight = container.offsetHeight;
-                    var containerTop = container.getBoundingClientRect().top + windowTop;
-                    var containerBottom = containerTop + containerHeight;
-                    var elementHeight = element.offsetHeight;
-                    var elementTop = element.getBoundingClientRect().top + windowTop;
-                    var elementBottom = elementTop + elementHeight;
-                    var newScrollTop = elementTop - containerTop + container.scrollTop;
-                    var middleOffset = containerHeight / 2 - elementHeight / 2;
-                    if (elementTop < containerTop) {
-                        // scroll up
-                        if (middle) {
-                            newScrollTop -= middleOffset;
-                        }
-                        container.scrollTop = newScrollTop;
-                    } else if (elementBottom > containerBottom) {
-                        // scroll down
-                        if (middle) {
-                            newScrollTop += middleOffset;
-                        }
-                        var heightDifference = containerHeight - elementHeight;
-                        container.scrollTop = newScrollTop - heightDifference;
-                    }
-                }
-            }, {
-                key: "_updateDialCode",
-                value: function _updateDialCode(newDialCodeBare) {
-                    var inputVal = this.telInput.value;
-                    // save having to pass this every time
-                    var newDialCode = "+".concat(newDialCodeBare);
-                    var newNumber;
-                    if (inputVal.charAt(0) === "+") {
-                        // there's a plus so we're dealing with a replacement
-                        var prevDialCode = this._getDialCode(inputVal);
-                        if (prevDialCode) {
-                            // current number contains a valid dial code, so replace it
-                            newNumber = inputVal.replace(prevDialCode, newDialCode);
-                        } else {
-                            // current number contains an invalid dial code, so ditch it
-                            // (no way to determine where the invalid dial code ends and the rest of the number begins)
-                            newNumber = newDialCode;
-                        }
-                        this.telInput.value = newNumber;
-                    } else if (this.options.autoInsertDialCode) {
-                        if (inputVal) {
-                            // there is an existing value with no dial code: prefix the new dial code
-                            newNumber = newDialCode + inputVal;
-                        } else {
-                            newNumber = newDialCode;
-                        }
-                        this.telInput.value = newNumber;
-                    }
-                }
-            }, {
-                key: "_getDialCode",
-                value: function _getDialCode(number, includeAreaCode) {
-                    var dialCode = "";
-                    // only interested in international numbers (starting with a plus)
-                    if (number.charAt(0) === "+") {
-                        var numericChars = "";
-                        // iterate over chars
-                        for (var i = 0; i < number.length; i++) {
-                            var c = number.charAt(i);
-                            // if char is number (https://stackoverflow.com/a/8935649/217866)
-                            if (!isNaN(parseInt(c, 10))) {
-                                numericChars += c;
-                                // if current numericChars make a valid dial code
-                                if (includeAreaCode) {
-                                    if (this.countryCodes[numericChars]) {
-                                        // store the actual raw string (useful for matching later)
-                                        dialCode = number.substr(0, i + 1);
-                                    }
-                                } else {
-                                    if (this.dialCodes[numericChars]) {
-                                        dialCode = number.substr(0, i + 1);
-                                        // if we're just looking for a dial code, we can break as soon as we find one
-                                        break;
-                                    }
-                                }
-                                // stop searching as soon as we can - in this case when we hit max len
-                                if (numericChars.length === this.countryCodeMaxLen) {
-                                    break;
-                                }
-                            }
-                        }
-                    }
-                    return dialCode;
-                }
-            }, {
-                key: "_getFullNumber",
-                value: function _getFullNumber() {
-                    var val = this.telInput.value.trim();
-                    var dialCode = this.selectedCountryData.dialCode;
-                    var prefix;
-                    var numericVal = this._getNumeric(val);
-                    if (this.options.separateDialCode && val.charAt(0) !== "+" && dialCode && numericVal) {
-                        // when using separateDialCode, it is visible so is effectively part of the typed number
-                        prefix = "+".concat(dialCode);
-                    } else {
-                        prefix = "";
-                    }
-                    return prefix + val;
-                }
-            }, {
-                key: "_beforeSetNumber",
-                value: function _beforeSetNumber(fullNumber) {
-                    var number = fullNumber;
-                    if (this.options.separateDialCode) {
-                        var dialCode = this._getDialCode(number);
-                        // if there is a valid dial code
-                        if (dialCode) {
-                            // in case _getDialCode returned an area code as well
-                            dialCode = "+".concat(this.selectedCountryData.dialCode);
-                            // a lot of numbers will have a space separating the dial code and the main number, and
-                            // some NANP numbers will have a hyphen e.g. +1 684-733-1234 - in both cases we want to get
-                            // rid of it
-                            // NOTE: don't just trim all non-numerics as may want to preserve an open parenthesis etc
-                            var start = number[dialCode.length] === " " || number[dialCode.length] === "-" ? dialCode.length + 1 : dialCode.length;
-                            number = number.substr(start);
-                        }
-                    }
-                    return this._cap(number);
-                }
-            }, {
-                key: "_triggerCountryChange",
-                value: function _triggerCountryChange() {
-                    this._trigger("countrychange");
-                }
-            }, {
-                key: "handleAutoCountry",
-                value: function handleAutoCountry() {
-                    if (this.options.initialCountry === "auto") {
-                        // we must set this even if there is an initial val in the input: in case the initial val is
-                        // invalid and they delete it - they should see their auto country
-                        this.defaultCountry = window.intlTelInputGlobals.autoCountry;
-                        // if there's no initial value in the input, then update the flag
-                        if (!this.telInput.value) {
-                            this.setCountry(this.defaultCountry);
-                        }
-                        this.resolveAutoCountryPromise();
-                    }
-                }
-            }, {
-                key: "handleUtils",
-                value: function handleUtils() {
-                    // if the request was successful
-                    if (window.intlTelInputUtils) {
-                        // if there's an initial value in the input, then format it
-                        if (this.telInput.value) {
-                            this._updateValFromNumber(this.telInput.value);
-                        }
-                        this._updatePlaceholder();
-                    }
-                    this.resolveUtilsScriptPromise();
-                }
-            }, {
-                key: "destroy",
-                value: function destroy() {
-                    var form = this.telInput.form;
-                    if (this.options.allowDropdown) {
-                        // make sure the dropdown is closed (and unbind listeners)
-                        this._closeDropdown();
-                        this.selectedFlag.removeEventListener("click", this._handleClickSelectedFlag);
-                        this.flagsContainer.removeEventListener("keydown", this._handleFlagsContainerKeydown);
-                        // label click hack
-                        var label = this._getClosestLabel();
-                        if (label) {
-                            label.removeEventListener("click", this._handleLabelClick);
-                        }
-                    }
-                    // unbind hiddenInput listeners
-                    if (this.hiddenInput && form) {
-                        form.removeEventListener("submit", this._handleHiddenInputSubmit);
-                    }
-                    // unbind autoInsertDialCode listeners
-                    if (this.options.autoInsertDialCode) {
-                        if (form) {
-                            form.removeEventListener("submit", this._handleSubmitOrBlurEvent);
-                        }
-                        this.telInput.removeEventListener("blur", this._handleSubmitOrBlurEvent);
-                    }
-                    // unbind key events, and cut/paste events
-                    this.telInput.removeEventListener("keyup", this._handleKeyupEvent);
-                    this.telInput.removeEventListener("cut", this._handleClipboardEvent);
-                    this.telInput.removeEventListener("paste", this._handleClipboardEvent);
-                    // remove attribute of id instance: data-intl-tel-input-id
-                    this.telInput.removeAttribute("data-intl-tel-input-id");
-                    // remove markup (but leave the original input)
-                    var wrapper = this.telInput.parentNode;
-                    wrapper.parentNode.insertBefore(this.telInput, wrapper);
-                    wrapper.parentNode.removeChild(wrapper);
-                    delete window.intlTelInputGlobals.instances[this.id];
-                }
-            }, {
-                key: "getExtension",
-                value: function getExtension() {
-                    if (window.intlTelInputUtils) {
-                        return intlTelInputUtils.getExtension(this._getFullNumber(), this.selectedCountryData.iso2);
-                    }
-                    return "";
-                }
-            }, {
-                key: "getNumber",
-                value: function getNumber(format) {
-                    if (window.intlTelInputUtils) {
-                        var iso2 = this.selectedCountryData.iso2;
-                        return intlTelInputUtils.formatNumber(this._getFullNumber(), iso2, format);
-                    }
-                    return "";
-                }
-            }, {
-                key: "getNumberType",
-                value: function getNumberType() {
-                    if (window.intlTelInputUtils) {
-                        return intlTelInputUtils.getNumberType(this._getFullNumber(), this.selectedCountryData.iso2);
-                    }
-                    return -99;
-                }
-            }, {
-                key: "getSelectedCountryData",
-                value: function getSelectedCountryData() {
-                    return this.selectedCountryData;
-                }
-            }, {
-                key: "getValidationError",
-                value: function getValidationError() {
-                    if (window.intlTelInputUtils) {
-                        var iso2 = this.selectedCountryData.iso2;
-                        return intlTelInputUtils.getValidationError(this._getFullNumber(), iso2);
-                    }
-                    return -99;
-                }
-            }, {
-                key: "isValidNumber",
-                value: function isValidNumber() {
-                    var val = this._getFullNumber().trim();
-                    return window.intlTelInputUtils ? intlTelInputUtils.isValidNumber(val, this.selectedCountryData.iso2) : null;
-                }
-            }, {
-                key: "isPossibleNumber",
-                value: function isPossibleNumber() {
-                    var val = this._getFullNumber().trim();
-                    return window.intlTelInputUtils ? intlTelInputUtils.isPossibleNumber(val, this.selectedCountryData.iso2) : null;
-                }
-            }, {
-                key: "setCountry",
-                value: function setCountry(originalCountryCode) {
-                    var countryCode = originalCountryCode.toLowerCase();
-                    // check if already selected
-                    if (this.selectedCountryData.iso2 !== countryCode) {
-                        this._setFlag(countryCode);
-                        this._updateDialCode(this.selectedCountryData.dialCode);
-                        this._triggerCountryChange();
-                    }
-                }
-            }, {
-                key: "setNumber",
-                value: function setNumber(number) {
-                    // we must update the flag first, which updates this.selectedCountryData, which is used for
-                    // formatting the number before displaying it
-                    var flagChanged = this._updateFlagFromNumber(number);
-                    this._updateValFromNumber(number);
-                    if (flagChanged) {
-                        this._triggerCountryChange();
-                    }
-                }
-            }, {
-                key: "setPlaceholderNumberType",
-                value: function setPlaceholderNumberType(type) {
-                    this.options.placeholderNumberType = type;
-                    this._updatePlaceholder();
-                }
-            } ]);
-            return Iti;
-        }();
-        /********************
- *  STATIC METHODS
- ********************/
-        // get the country data object
-        intlTelInputGlobals.getCountryData = function() {
-            return allCountries;
-        };
-        // inject a <script> element to load utils.js
-        var injectScript = function injectScript(path, handleSuccess, handleFailure) {
-            // inject a new script element into the page
-            var script = document.createElement("script");
-            script.onload = function() {
-                forEachInstance("handleUtils");
-                if (handleSuccess) {
-                    handleSuccess();
-                }
-            };
-            script.onerror = function() {
-                forEachInstance("rejectUtilsScriptPromise");
-                if (handleFailure) {
-                    handleFailure();
-                }
-            };
-            script.className = "iti-load-utils";
-            script.async = true;
-            script.src = path;
-            document.body.appendChild(script);
-        };
-        // load the utils script
-        intlTelInputGlobals.loadUtils = function(path) {
-            // 2 options:
-            // 1) not already started loading (start)
-            // 2) already started loading (do nothing - just wait for the onload callback to fire, which will
-            // trigger handleUtils on all instances, invoking their resolveUtilsScriptPromise functions)
-            if (!window.intlTelInputUtils && !window.intlTelInputGlobals.startedLoadingUtilsScript) {
-                // only do this once
-                window.intlTelInputGlobals.startedLoadingUtilsScript = true;
-                // if we have promises, then return a promise
-                if (typeof Promise !== "undefined") {
-                    return new Promise(function(resolve, reject) {
-                        return injectScript(path, resolve, reject);
-                    });
-                }
-                injectScript(path);
-            }
-            return null;
-        };
-        // default options
-        intlTelInputGlobals.defaults = defaults;
-        // version
-        intlTelInputGlobals.version = "18.5.3";
-        // convenience wrapper
-        return function(input, options) {
-            var iti = new Iti(input, options);
-            iti._init();
-            input.setAttribute("data-intl-tel-input-id", iti.id);
-            window.intlTelInputGlobals.instances[iti.id] = iti;
-            return iti;
-        };
-    }();
-});
-});
-
-/**
- * Exposing intl-tel-input as a component
- */
-var intlTelInput = intlTelInput$1;
-
-const ptcTextfieldCss = ".mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right;}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:\"*\"}[dir=rtl] .mdc-floating-label--required,.mdc-floating-label--required[dir=rtl]{}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-standard 250ms 1;animation:mdc-floating-label-shake-float-above-standard 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:\"\"}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{-webkit-transform:scaleX(0);transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right;}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid;}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none;}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0;}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-text-field--filled{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-text-field--filled .mdc-text-field__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-text-field--filled .mdc-text-field__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-text-field__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-text-field{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity, transform, color}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.54)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}}.mdc-text-field .mdc-text-field__input{caret-color:#6200ee;caret-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field .mdc-floating-label{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;min-width:0;border:none;border-radius:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}.mdc-text-field__input::-ms-clear{display:none}.mdc-text-field__input::-webkit-calendar-picker-indicator{display:none}.mdc-text-field__input:focus{outline:none}.mdc-text-field__input:invalid{box-shadow:none}@media all{.mdc-text-field__input::-webkit-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input::-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input::placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}@media all{.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;white-space:nowrap}.mdc-text-field--label-floating .mdc-text-field__affix,.mdc-text-field--no-label .mdc-text-field__affix{opacity:1}@supports (-webkit-hyphens: none){.mdc-text-field--outlined .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field__affix--prefix,.mdc-text-field__affix--prefix[dir=rtl]{padding-left:2px;padding-right:0;}.mdc-text-field--end-aligned .mdc-text-field__affix--prefix{padding-left:0;padding-right:12px}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl]{padding-left:12px;padding-right:0;}.mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field__affix--suffix,.mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:12px;}.mdc-text-field--end-aligned .mdc-text-field__affix--suffix{padding-left:2px;padding-right:0}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:2px;}.mdc-text-field--filled{height:56px}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled::before{display:inline-block;width:0;height:40px;content:\"\";vertical-align:0}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-text-field--filled .mdc-floating-label,.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px;}.mdc-text-field--filled .mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{height:100%}.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label{display:none}.mdc-text-field--filled.mdc-text-field--no-label::before{display:none}@supports (-webkit-hyphens: none){.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field--outlined{height:56px;overflow:visible}.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) scale(1);transform:translateY(-37.25px) scale(1)}.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) scale(0.75);transform:translateY(-34.75px) scale(0.75)}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--outlined .mdc-text-field__input{height:100%}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0;}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2)}}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px);}@supports (top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-right:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-left:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-right:max(16px, var(--mdc-shape-small, 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-right:0;}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-right:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{background-color:transparent;background-color:var(--mdc-ripple-color, transparent)}.mdc-text-field--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px;}.mdc-text-field--outlined .mdc-text-field__input{display:flex;border:none !important;background-color:transparent}.mdc-text-field--outlined .mdc-notched-outline{z-index:1}.mdc-text-field--textarea{flex-direction:column;align-items:center;width:auto;height:auto;padding:0;transition:none}.mdc-text-field--textarea .mdc-floating-label{top:19px}.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above){-webkit-transform:none;transform:none}.mdc-text-field--textarea .mdc-text-field__input{flex-grow:1;height:auto;min-height:1.5rem;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;padding:0 16px;line-height:1.5rem}.mdc-text-field--textarea.mdc-text-field--filled::before{display:none}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above{-webkit-transform:translateY(-10.25px) scale(0.75);transform:translateY(-10.25px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1;animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input{margin-top:23px;margin-bottom:9px}.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-27.25px) scale(1);transform:translateY(-27.25px) scale(1)}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-24.75px) scale(0.75);transform:translateY(-24.75px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label{top:18px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input{margin-bottom:2px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter{align-self:flex-end;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after{display:inline-block;width:0;height:16px;content:\"\";vertical-align:-16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before{display:none}.mdc-text-field__resizer{align-self:stretch;display:inline-flex;flex-direction:column;flex-grow:1;max-height:100%;max-width:100%;min-height:56px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;min-width:-moz-available;min-width:-webkit-fill-available;overflow:hidden;resize:both}.mdc-text-field--filled .mdc-text-field__resizer{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter{-webkit-transform:translateY(1px);transform:translateY(1px)}.mdc-text-field--outlined .mdc-text-field__resizer{-webkit-transform:translateX(-1px) translateY(-1px);transform:translateX(-1px) translateY(-1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl]{-webkit-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px);}.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter{-webkit-transform:translateX(1px) translateY(1px);transform:translateX(1px) translateY(1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl]{-webkit-transform:translateX(-1px) translateY(1px);transform:translateX(-1px) translateY(1px);}.mdc-text-field--with-leading-icon{padding-left:0;padding-right:16px}[dir=rtl] .mdc-text-field--with-leading-icon,.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:16px;padding-right:0;}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px);left:48px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:48px;}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px;}.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) translateX(-32px) scale(1);transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-37.25px) translateX(32px) scale(1);transform:translateY(-37.25px) translateX(32px) scale(1);}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) translateX(-32px) scale(0.75);transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-34.75px) translateX(32px) scale(0.75);transform:translateY(-34.75px) translateX(32px) scale(0.75);}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl]{}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--with-trailing-icon{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field--with-trailing-icon,.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:16px;}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-text-field-helper-line{display:flex;justify-content:space-between;box-sizing:border-box}.mdc-text-field+.mdc-text-field-helper-line{padding-right:16px;padding-left:16px}.mdc-form-field>.mdc-text-field+label{align-self:flex-start}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(98, 0, 238, 0.87)}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:2px}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:#b00020;caret-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{opacity:1}.mdc-text-field--disabled{pointer-events:none}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}@media screen and (forced-colors: active){.mdc-text-field--disabled .mdc-text-field__input{background-color:Window}.mdc-text-field--disabled .mdc-floating-label{z-index:1}}.mdc-text-field--disabled .mdc-floating-label{cursor:default}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple{display:none}.mdc-text-field--disabled .mdc-text-field__input{pointer-events:auto}.mdc-text-field--end-aligned .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl]{text-align:left;}[dir=rtl] .mdc-text-field--ltr-text,.mdc-text-field--ltr-text[dir=rtl]{}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix{direction:ltr}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{order:2}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input{order:3}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{order:4}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing{order:5}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl]{}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix{padding-right:12px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix{padding-left:2px}.mdc-text-field-helper-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;opacity:0;will-change:opacity;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-text-field-helper-text::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}.mdc-text-field-helper-text--persistent{transition:none;opacity:1;will-change:initial}.mdc-text-field-character-counter{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-left:auto;margin-right:0;padding-left:16px;padding-right:0;white-space:nowrap}.mdc-text-field-character-counter::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{margin-left:0;margin-right:auto;}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{padding-left:0;padding-right:16px;}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex=\"-1\"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px;}.mdc-text-field__icon--trailing{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field__icon--trailing[dir=rtl]{margin-left:0px;margin-right:0px;}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input.iti__tel-input,.iti input.iti__tel-input[type=text],.iti input.iti__tel-input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__dropdown-content{position:absolute;z-index:2;margin-left:-1px;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);background-color:white;border:1px solid #ccc;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__dropdown-content--dropup{bottom:100%;margin-bottom:-1px}.iti__search-input{width:100%;border-width:0}.iti__country-list{list-style:none;padding:0;margin:0}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width: 500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:5px 10px;outline:none}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0, 0, 0, 0.05)}.iti__flag-box,.iti__country-name{margin-right:6px}[dir=rtl] .iti__flag-box,[dir=rtl] .iti__country-name{margin-right:0;margin-left:6px}.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=text],.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--separate-dial-code input.iti__tel-input,.iti--separate-dial-code input.iti__tel-input[type=text],.iti--separate-dial-code input.iti__tel-input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--separate-dial-code input.iti__tel-input,[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text],[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0, 0, 0, 0.05)}.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover{cursor:default}.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover .iti__selected-flag,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0, 0, 0, 0.05)}.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:rgba(0, 0, 0, 0.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:30px;display:flex;flex-direction:column;justify-content:center}.iti--fullscreen-popup.iti--container.iti--country-search{justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (min-resolution: 2x){.iti__flag{background-size:5762px 15px}}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:12px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cq{height:12px;background-position:-1115px 0px}.iti__flag.iti__cr{height:12px;background-position:-1137px 0px}.iti__flag.iti__cu{height:10px;background-position:-1159px 0px}.iti__flag.iti__cv{height:12px;background-position:-1181px 0px}.iti__flag.iti__cw{height:14px;background-position:-1203px 0px}.iti__flag.iti__cx{height:10px;background-position:-1225px 0px}.iti__flag.iti__cy{height:14px;background-position:-1247px 0px}.iti__flag.iti__cz{height:14px;background-position:-1269px 0px}.iti__flag.iti__de{height:12px;background-position:-1291px 0px}.iti__flag.iti__dg{height:10px;background-position:-1313px 0px}.iti__flag.iti__dj{height:14px;background-position:-1335px 0px}.iti__flag.iti__dk{height:15px;background-position:-1357px 0px}.iti__flag.iti__dm{height:10px;background-position:-1379px 0px}.iti__flag.iti__do{height:14px;background-position:-1401px 0px}.iti__flag.iti__dz{height:14px;background-position:-1423px 0px}.iti__flag.iti__ea{height:14px;background-position:-1445px 0px}.iti__flag.iti__ec{height:14px;background-position:-1467px 0px}.iti__flag.iti__ee{height:13px;background-position:-1489px 0px}.iti__flag.iti__eg{height:14px;background-position:-1511px 0px}.iti__flag.iti__eh{height:10px;background-position:-1533px 0px}.iti__flag.iti__er{height:10px;background-position:-1555px 0px}.iti__flag.iti__es{height:14px;background-position:-1577px 0px}.iti__flag.iti__et{height:10px;background-position:-1599px 0px}.iti__flag.iti__eu{height:14px;background-position:-1621px 0px}.iti__flag.iti__ez{height:14px;background-position:-1643px 0px}.iti__flag.iti__fi{height:12px;background-position:-1665px 0px}.iti__flag.iti__fj{height:10px;background-position:-1687px 0px}.iti__flag.iti__fk{height:10px;background-position:-1709px 0px}.iti__flag.iti__fm{height:11px;background-position:-1731px 0px}.iti__flag.iti__fo{height:15px;background-position:-1753px 0px}.iti__flag.iti__fr{height:14px;background-position:-1775px 0px}.iti__flag.iti__fx{height:14px;background-position:-1797px 0px}.iti__flag.iti__ga{height:15px;background-position:-1819px 0px}.iti__flag.iti__gb{height:10px;background-position:-1841px 0px}.iti__flag.iti__gd{height:12px;background-position:-1863px 0px}.iti__flag.iti__ge{height:14px;background-position:-1885px 0px}.iti__flag.iti__gf{height:14px;background-position:-1907px 0px}.iti__flag.iti__gg{height:14px;background-position:-1929px 0px}.iti__flag.iti__gh{height:14px;background-position:-1951px 0px}.iti__flag.iti__gi{height:10px;background-position:-1973px 0px}.iti__flag.iti__gl{height:14px;background-position:-1995px 0px}.iti__flag.iti__gm{height:14px;background-position:-2017px 0px}.iti__flag.iti__gn{height:14px;background-position:-2039px 0px}.iti__flag.iti__gp{height:14px;background-position:-2061px 0px}.iti__flag.iti__gq{height:14px;background-position:-2083px 0px}.iti__flag.iti__gr{height:14px;background-position:-2105px 0px}.iti__flag.iti__gs{height:10px;background-position:-2127px 0px}.iti__flag.iti__gt{height:13px;background-position:-2149px 0px}.iti__flag.iti__gu{height:11px;background-position:-2171px 0px}.iti__flag.iti__gw{height:10px;background-position:-2193px 0px}.iti__flag.iti__gy{height:12px;background-position:-2215px 0px}.iti__flag.iti__hk{height:14px;background-position:-2237px 0px}.iti__flag.iti__hm{height:10px;background-position:-2259px 0px}.iti__flag.iti__hn{height:10px;background-position:-2281px 0px}.iti__flag.iti__hr{height:10px;background-position:-2303px 0px}.iti__flag.iti__ht{height:12px;background-position:-2325px 0px}.iti__flag.iti__hu{height:10px;background-position:-2347px 0px}.iti__flag.iti__ic{height:14px;background-position:-2369px 0px}.iti__flag.iti__id{height:14px;background-position:-2391px 0px}.iti__flag.iti__ie{height:10px;background-position:-2413px 0px}.iti__flag.iti__il{height:15px;background-position:-2435px 0px}.iti__flag.iti__im{height:10px;background-position:-2457px 0px}.iti__flag.iti__in{height:14px;background-position:-2479px 0px}.iti__flag.iti__io{height:10px;background-position:-2501px 0px}.iti__flag.iti__iq{height:14px;background-position:-2523px 0px}.iti__flag.iti__ir{height:12px;background-position:-2545px 0px}.iti__flag.iti__is{height:15px;background-position:-2567px 0px}.iti__flag.iti__it{height:14px;background-position:-2589px 0px}.iti__flag.iti__je{height:12px;background-position:-2611px 0px}.iti__flag.iti__jm{height:10px;background-position:-2633px 0px}.iti__flag.iti__jo{height:10px;background-position:-2655px 0px}.iti__flag.iti__jp{height:14px;background-position:-2677px 0px}.iti__flag.iti__ke{height:14px;background-position:-2699px 0px}.iti__flag.iti__kg{height:12px;background-position:-2721px 0px}.iti__flag.iti__kh{height:13px;background-position:-2743px 0px}.iti__flag.iti__ki{height:10px;background-position:-2765px 0px}.iti__flag.iti__km{height:12px;background-position:-2787px 0px}.iti__flag.iti__kn{height:14px;background-position:-2809px 0px}.iti__flag.iti__kp{height:10px;background-position:-2831px 0px}.iti__flag.iti__kr{height:14px;background-position:-2853px 0px}.iti__flag.iti__kw{height:10px;background-position:-2875px 0px}.iti__flag.iti__ky{height:10px;background-position:-2897px 0px}.iti__flag.iti__kz{height:10px;background-position:-2919px 0px}.iti__flag.iti__la{height:14px;background-position:-2941px 0px}.iti__flag.iti__lb{height:14px;background-position:-2963px 0px}.iti__flag.iti__lc{height:10px;background-position:-2985px 0px}.iti__flag.iti__li{height:12px;background-position:-3007px 0px}.iti__flag.iti__lk{height:10px;background-position:-3029px 0px}.iti__flag.iti__lr{height:11px;background-position:-3051px 0px}.iti__flag.iti__ls{height:14px;background-position:-3073px 0px}.iti__flag.iti__lt{height:12px;background-position:-3095px 0px}.iti__flag.iti__lu{height:12px;background-position:-3117px 0px}.iti__flag.iti__lv{height:10px;background-position:-3139px 0px}.iti__flag.iti__ly{height:10px;background-position:-3161px 0px}.iti__flag.iti__ma{height:14px;background-position:-3183px 0px}.iti__flag.iti__mc{height:15px;background-position:-3205px 0px}.iti__flag.iti__md{height:10px;background-position:-3226px 0px}.iti__flag.iti__me{height:10px;background-position:-3248px 0px}.iti__flag.iti__mf{height:14px;background-position:-3270px 0px}.iti__flag.iti__mg{height:14px;background-position:-3292px 0px}.iti__flag.iti__mh{height:11px;background-position:-3314px 0px}.iti__flag.iti__mk{height:10px;background-position:-3336px 0px}.iti__flag.iti__ml{height:14px;background-position:-3358px 0px}.iti__flag.iti__mm{height:14px;background-position:-3380px 0px}.iti__flag.iti__mn{height:10px;background-position:-3402px 0px}.iti__flag.iti__mo{height:14px;background-position:-3424px 0px}.iti__flag.iti__mp{height:10px;background-position:-3446px 0px}.iti__flag.iti__mq{height:14px;background-position:-3468px 0px}.iti__flag.iti__mr{height:14px;background-position:-3490px 0px}.iti__flag.iti__ms{height:10px;background-position:-3512px 0px}.iti__flag.iti__mt{height:14px;background-position:-3534px 0px}.iti__flag.iti__mu{height:14px;background-position:-3556px 0px}.iti__flag.iti__mv{height:14px;background-position:-3578px 0px}.iti__flag.iti__mw{height:14px;background-position:-3600px 0px}.iti__flag.iti__mx{height:12px;background-position:-3622px 0px}.iti__flag.iti__my{height:10px;background-position:-3644px 0px}.iti__flag.iti__mz{height:14px;background-position:-3666px 0px}.iti__flag.iti__na{height:14px;background-position:-3688px 0px}.iti__flag.iti__nc{height:10px;background-position:-3710px 0px}.iti__flag.iti__ne{height:15px;background-position:-3732px 0px}.iti__flag.iti__nf{height:10px;background-position:-3752px 0px}.iti__flag.iti__ng{height:10px;background-position:-3774px 0px}.iti__flag.iti__ni{height:12px;background-position:-3796px 0px}.iti__flag.iti__nl{height:14px;background-position:-3818px 0px}.iti__flag.iti__no{height:15px;background-position:-3840px 0px}.iti__flag.iti__np{height:15px;background-position:-3862px 0px}.iti__flag.iti__nr{height:10px;background-position:-3877px 0px}.iti__flag.iti__nu{height:10px;background-position:-3899px 0px}.iti__flag.iti__nz{height:10px;background-position:-3921px 0px}.iti__flag.iti__om{height:10px;background-position:-3943px 0px}.iti__flag.iti__pa{height:14px;background-position:-3965px 0px}.iti__flag.iti__pe{height:14px;background-position:-3987px 0px}.iti__flag.iti__pf{height:14px;background-position:-4009px 0px}.iti__flag.iti__pg{height:15px;background-position:-4031px 0px}.iti__flag.iti__ph{height:10px;background-position:-4053px 0px}.iti__flag.iti__pk{height:14px;background-position:-4075px 0px}.iti__flag.iti__pl{height:13px;background-position:-4097px 0px}.iti__flag.iti__pm{height:14px;background-position:-4119px 0px}.iti__flag.iti__pn{height:10px;background-position:-4141px 0px}.iti__flag.iti__pr{height:14px;background-position:-4163px 0px}.iti__flag.iti__ps{height:10px;background-position:-4185px 0px}.iti__flag.iti__pt{height:14px;background-position:-4207px 0px}.iti__flag.iti__pw{height:13px;background-position:-4229px 0px}.iti__flag.iti__py{height:11px;background-position:-4251px 0px}.iti__flag.iti__qa{height:8px;background-position:-4273px 0px}.iti__flag.iti__re{height:14px;background-position:-4295px 0px}.iti__flag.iti__ro{height:14px;background-position:-4317px 0px}.iti__flag.iti__rs{height:14px;background-position:-4339px 0px}.iti__flag.iti__ru{height:14px;background-position:-4361px 0px}.iti__flag.iti__rw{height:14px;background-position:-4383px 0px}.iti__flag.iti__sa{height:14px;background-position:-4405px 0px}.iti__flag.iti__sb{height:10px;background-position:-4427px 0px}.iti__flag.iti__sc{height:10px;background-position:-4449px 0px}.iti__flag.iti__sd{height:10px;background-position:-4471px 0px}.iti__flag.iti__se{height:13px;background-position:-4493px 0px}.iti__flag.iti__sg{height:14px;background-position:-4515px 0px}.iti__flag.iti__sh{height:10px;background-position:-4537px 0px}.iti__flag.iti__si{height:10px;background-position:-4559px 0px}.iti__flag.iti__sj{height:15px;background-position:-4581px 0px}.iti__flag.iti__sk{height:14px;background-position:-4603px 0px}.iti__flag.iti__sl{height:14px;background-position:-4625px 0px}.iti__flag.iti__sm{height:15px;background-position:-4647px 0px}.iti__flag.iti__sn{height:14px;background-position:-4669px 0px}.iti__flag.iti__so{height:14px;background-position:-4691px 0px}.iti__flag.iti__sr{height:14px;background-position:-4713px 0px}.iti__flag.iti__ss{height:10px;background-position:-4735px 0px}.iti__flag.iti__st{height:10px;background-position:-4757px 0px}.iti__flag.iti__su{height:10px;background-position:-4779px 0px}.iti__flag.iti__sv{height:12px;background-position:-4801px 0px}.iti__flag.iti__sx{height:14px;background-position:-4823px 0px}.iti__flag.iti__sy{height:14px;background-position:-4845px 0px}.iti__flag.iti__sz{height:14px;background-position:-4867px 0px}.iti__flag.iti__ta{height:10px;background-position:-4889px 0px}.iti__flag.iti__tc{height:10px;background-position:-4911px 0px}.iti__flag.iti__td{height:14px;background-position:-4933px 0px}.iti__flag.iti__tf{height:14px;background-position:-4955px 0px}.iti__flag.iti__tg{height:13px;background-position:-4977px 0px}.iti__flag.iti__th{height:14px;background-position:-4999px 0px}.iti__flag.iti__tj{height:10px;background-position:-5021px 0px}.iti__flag.iti__tk{height:10px;background-position:-5043px 0px}.iti__flag.iti__tl{height:10px;background-position:-5065px 0px}.iti__flag.iti__tm{height:14px;background-position:-5087px 0px}.iti__flag.iti__tn{height:14px;background-position:-5109px 0px}.iti__flag.iti__to{height:10px;background-position:-5131px 0px}.iti__flag.iti__tr{height:14px;background-position:-5153px 0px}.iti__flag.iti__tt{height:12px;background-position:-5175px 0px}.iti__flag.iti__tv{height:10px;background-position:-5197px 0px}.iti__flag.iti__tw{height:14px;background-position:-5219px 0px}.iti__flag.iti__tz{height:14px;background-position:-5241px 0px}.iti__flag.iti__ua{height:14px;background-position:-5263px 0px}.iti__flag.iti__ug{height:14px;background-position:-5285px 0px}.iti__flag.iti__uk{height:10px;background-position:-5307px 0px}.iti__flag.iti__um{height:11px;background-position:-5329px 0px}.iti__flag.iti__un{height:14px;background-position:-5351px 0px}.iti__flag.iti__us{height:11px;background-position:-5373px 0px}.iti__flag.iti__uy{height:14px;background-position:-5395px 0px}.iti__flag.iti__uz{height:10px;background-position:-5417px 0px}.iti__flag.iti__va{height:15px;background-position:-5439px 0px}.iti__flag.iti__vc{height:14px;background-position:-5456px 0px}.iti__flag.iti__ve{height:14px;background-position:-5478px 0px}.iti__flag.iti__vg{height:10px;background-position:-5500px 0px}.iti__flag.iti__vi{height:14px;background-position:-5522px 0px}.iti__flag.iti__vn{height:14px;background-position:-5544px 0px}.iti__flag.iti__vu{height:12px;background-position:-5566px 0px}.iti__flag.iti__wf{height:14px;background-position:-5588px 0px}.iti__flag.iti__ws{height:10px;background-position:-5610px 0px}.iti__flag.iti__xk{height:15px;background-position:-5632px 0px}.iti__flag.iti__ye{height:14px;background-position:-5654px 0px}.iti__flag.iti__yt{height:14px;background-position:-5676px 0px}.iti__flag.iti__za{height:14px;background-position:-5698px 0px}.iti__flag.iti__zm{height:14px;background-position:-5720px 0px}.iti__flag.iti__zw{height:10px;background-position:-5742px 0px}.iti__flag{height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url(\"../img/flags.png?1\");background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (min-resolution: 2x){.iti__flag{background-image:url(\"../img/flags@2x.png?1\")}}.iti__flag.iti__np{background-color:transparent}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.ptc-text-field{display:block;margin-bottom:var(--ptc-element-spacing-04)}.ptc-text-field.invalid-field{position:relative}.ptc-text-field.invalid-field::before{content:\"\";position:absolute;width:calc(100% + 16px);height:calc(100% + 8px);background:#fef3f3;display:flex;flex-direction:column;justify-content:center;z-index:0;left:50%;top:50%;transform:translate(-50%, -50%)}.ptc-text-field.textfield-hidden{margin-bottom:0px}.ptc-text-field .phone-field-style{z-index:3}.ptc-text-field form{width:273px;display:flex;flex-direction:column;justify-content:center;align-items:center}.ptc-text-field .ptc-label{display:block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:normal;margin-bottom:var(--ptc-element-spacing-01);position:relative;z-index:1;color:var(--color-gray-13)}.ptc-text-field .mdc-text-field-helper-line{display:flex;flex-direction:column;height:0}.ptc-text-field .mdc-text-field+.mdc-text-field-helper-line{padding-left:8px}.ptc-text-field .mdc-text-field-helper-text{color:var(--color-gray-13);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-style:normal;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);max-width:240px;opacity:0;margin-top:var(--ptc-element-spacing-02)}.ptc-text-field .mdc-text-field--invalid+.mdc-text-field-helper-line{height:auto}.ptc-text-field .mdc-text-field--invalid+.mdc-text-field-helper-line .input-error-svg{transform:translate(-8px, 3px)}.ptc-text-field .mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text{opacity:1}.ptc-text-field .field-with-counter{position:relative}.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused.mouse-focus .mdc-notched-outline__leading,.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused.mouse-focus .mdc-notched-outline__notch,.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused.mouse-focus .mdc-notched-outline__trailing,.ptc-text-field .mdc-text-field--outlined.mouse-focus .mdc-notched-outline__leading,.ptc-text-field .mdc-text-field--outlined.mouse-focus .mdc-notched-outline__notch,.ptc-text-field .mdc-text-field--outlined.mouse-focus .mdc-notched-outline__trailing{border-color:var(--color-blue-07)}.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused.keyboard-focus .mdc-notched-outline__leading,.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused.keyboard-focus .mdc-notched-outline__notch,.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused.keyboard-focus .mdc-notched-outline__trailing,.ptc-text-field .mdc-text-field--outlined.keyboard-focus .mdc-notched-outline__leading,.ptc-text-field .mdc-text-field--outlined.keyboard-focus .mdc-notched-outline__notch,.ptc-text-field .mdc-text-field--outlined.keyboard-focus .mdc-notched-outline__trailing{border-color:var(--keyboard-nav-outline);border-width:5px}.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused.keyboard-focus .mdc-notched-outline__leading,.ptc-text-field .mdc-text-field--outlined.keyboard-focus .mdc-notched-outline__leading{border-top-left-radius:var(--ptc-border-radius-standard) !important;border-bottom-left-radius:var(--ptc-border-radius-standard) !important}.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused.keyboard-focus .mdc-notched-outline__trailing,.ptc-text-field .mdc-text-field--outlined.keyboard-focus .mdc-notched-outline__trailing{border-top-right-radius:var(--ptc-border-radius-standard) !important;border-bottom-right-radius:var(--ptc-border-radius-standard) !important}.ptc-text-field .mdc-text-field--outlined{height:34px;width:273px;padding-left:8px;padding-right:8px}.ptc-text-field .mdc-text-field--outlined .mdc-notched-outline__trailing{border-radius:0px !important}.ptc-text-field .mdc-text-field--outlined .mdc-notched-outline__leading{border-radius:0px !important}.ptc-text-field .ptc-textfield-outline{background-color:var(--color-white)}.ptc-text-field .mdc-text-field-helper-text--validation-msg{color:#af3231 !important;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold) !important;line-height:var(--ptc-line-height-densest);max-width:240px}.ptc-text-field .ptc-text-field-alert-line{position:relative;z-index:2}.ptc-text-field .mdc-text-field-helper-text--alert-msg{color:var(--color-hyperlink) !important;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold) !important;line-height:var(--ptc-line-height-densest);max-width:240px}.ptc-text-field .mdc-text-field-helper-text--alert-msg .alert-msg-svg{margin-right:var(--ptc-element-spacing-02);transform:translateY(3px)}.ptc-text-field .mdc-text-field-helper-text--alert-content-msg{color:#40434a;font-feature-settings:\"clig\" off, \"liga\" off;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-style:normal;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);padding-left:var(--ptc-element-spacing-06)}.ptc-text-field .mdc-text-field-helper-text--info-msg{transform:translateX(16px)}.ptc-text-field .mdc-text-field__input{z-index:2;color:var(--color-gray-12) !important;font-family:\"Open Sans\", Arial, sans-serif;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);line-height:24px}.ptc-text-field .mdc-text-field--with-internal-counter{padding-right:56px}.ptc-text-field .mdc-text-field-character-counter{position:absolute;right:16px;top:0px;transform:translateY(-150%);font-family:\"Open Sans\", Arial, sans-serif;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-font-size-xx-small)}.ptc-text-field .iti{height:35px;z-index:3}.ptc-text-field .iti__flag{background-image:url(\"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/img/flags.png\")}@media (min-resolution: 192dpi){.ptc-text-field .iti__flag{background-image:url(\"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/img/flags@2x.png\")}}.ptc-text-field .intl-phone-adjustments{padding-left:0px;z-index:3}.ptc-text-field .intl-phone-adjustments .iti__selected-flag:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);outline-offset:-4px}.ptc-text-field .intl-phone-adjustments ul{width:273px}.ptc-text-field .mdc-text-field--focused:not(.mdc-text-field--invalid)+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:0}.ptc-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:var(--color-gray-13)}.ptc-text-field .mdc-text-field__input::-moz-placeholder{font-family:\"Open Sans\", Arial, sans-serif;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);line-height:24px}.ptc-text-field .mdc-text-field__input::placeholder{font-family:\"Open Sans\", Arial, sans-serif;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);line-height:24px}.ptc-text-field.email-signup{margin-bottom:0;width:100%;height:51px}.ptc-text-field.email-signup::before{background-color:transparent}.ptc-text-field.email-signup .mdc-text-field--outlined{height:100%;width:100%}.ptc-text-field.email-signup .mdc-text-field--outlined .mdc-notched-outline__trailing,.ptc-text-field.email-signup .mdc-text-field--outlined .mdc-notched-outline__leading{border-color:transparent}.ptc-text-field.email-signup .mdc-text-field--outlined .mdc-notched-outline__leading{border-top-left-radius:var(--ptc-border-radius-standard) !important;border-bottom-left-radius:var(--ptc-border-radius-standard) !important}.ptc-text-field.email-signup .mdc-text-field--outlined.mdc-text-field--invalid .mdc-notched-outline__trailing,.ptc-text-field.email-signup .mdc-text-field--outlined.mdc-text-field--invalid .mdc-notched-outline__leading{border-color:var(--color-red-08)}.ptc-text-field.email-signup .ptc-textfield-outline{border-top-left-radius:var(--ptc-border-radius-standard);border-bottom-left-radius:var(--ptc-border-radius-standard)}.ptc-text-field.email-signup .mdc-text-field-helper-line{position:absolute;position:absolute;bottom:-37px;width:auto;left:-4px;width:-moz-max-content;width:max-content}.ptc-text-field.email-signup .mdc-text-field-helper-line .mdc-text-field-helper-text{background-color:var(--color-white);padding:4px 8px 4px 16px;box-sizing:border-box;margin:0}.ptc-text-field.email-signup .mdc-text-field__input{padding:12px 8px;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}.ptc-text-field.email-signup .mdc-text-field__input::-moz-placeholder{font-size:var(--ptc-font-size-small)}.ptc-text-field.email-signup .mdc-text-field__input::placeholder{font-size:var(--ptc-font-size-small)}.ptc-text-field textarea.mdc-text-field__input{min-height:56px;max-height:200px;overflow-y:auto;font-size:var(--ptc-font-size-xx-small);width:100%;box-sizing:border-box;resize:vertical;display:block;margin:0;position:static;padding-right:8px;padding-top:8px;padding-bottom:8px;line-height:var(--ptc-font-size-small)}.ptc-text-field .mdc-text-field--outlined{height:34px;width:273px;padding-left:8px;padding-right:8px}.ptc-text-field .mdc-text-field--outlined .mdc-notched-outline__trailing{border-radius:0px !important}.ptc-text-field .mdc-text-field--outlined .mdc-notched-outline__leading{border-radius:0px !important}.ptc-text-field .mdc-text-field--outlined:has(textarea.mdc-text-field__input){min-height:34px;height:auto;display:flex;flex-direction:column;align-items:stretch}.ptc-text-field .mdc-text-field:has(textarea.mdc-text-field__input){padding-right:8px;padding-top:2px;padding-bottom:8px}.ptc-text-field .mdc-text-field--with-internal-counter textarea.mdc-text-field__input{padding-bottom:32px;overflow-y:auto;word-break:break-word}.ptc-text-field .textarea-wrapper{position:relative;z-index:9;padding-bottom:20px}.ptc-text-field .textarea-wrapper .mdc-text-field-character-counter{position:absolute;top:unset;bottom:-28px;right:0;z-index:9}";
-
-const PtcTextfield = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.lastInteraction = "mouse";
-    this.phoneValidity = "validating";
-    this.matchStatus = true;
-    this.fieldId = undefined;
-    this.type = "text";
-    this.required = true;
-    this.ptcMaxLength = undefined;
-    this.labelText = "Email";
-    this.helpertext = "";
-    this.infoText = undefined;
-    this.alertText = undefined;
-    this.alertTextContent = undefined;
-    this.disabled = false;
-    this.fieldName = "email";
-    this.ptcDataEloquaName = undefined;
-    this.ptcDataTargetEloquaName = undefined;
-    this.inputValue = "";
-    this.customValidation = undefined;
-    this.language = "en";
-    this.ignoreBlindSubmit = false;
-    this.placeholderText = undefined;
-    this.styles = undefined;
-    this.textfieldForm = "default";
-  }
-  handleInput(event) {
-    this.inputValue = event.target.value;
-    if (this.customInput.id === "confirm-email") {
-      const emailInput = document.getElementById("contact-email");
-      if (emailInput.value === this.customInput.value) {
-        this.customInput.setCustomValidity("");
-        this.matchStatus = true;
-      }
-      else if (this.customInput.value &&
-        emailInput.value !== this.customInput.value) {
-        this.customInput.setCustomValidity("Email addresses must match.");
-        this.matchStatus = false;
-      }
-    }
-  }
-  handleFocus(event) {
-    const target = event.target;
-    if (target.tagName === "INPUT") {
-      this.inputValue = event.target.value;
-      this.setHelperText();
-    }
-  }
-  inputBlurHandler() {
-    this.validateTextField();
-  }
-  async syncCountry(countryCode) {
-    this.iti.setCountry(countryCode);
-  }
-  async validateTextField() {
-    if (this.customInput) {
-      if (this.customValidation) {
-        let message = this.customValidation(this.customInput);
-        this.customInput.setCustomValidity(message);
-        this.customInput.checkValidity();
-        this.infoText = message;
-        this.setErrorBackground();
-        this.setHelperText();
-      }
-      else {
-        this.setErrorBackground();
-        this.setHelperText();
-        setTimeout(() => {
-          this.getPhoneValidation();
-        }, 100);
-      }
-      this.mdcTextfieldComponent.valid = this.customInput.checkValidity();
-    }
-  }
-  async getValidationMessage(type) {
-    return ValidationMessages[this.language][type];
-  }
-  componentWillLoad() {
-    this.language = getLanguageFromURL();
-  }
-  componentDidLoad() {
-    if (this.type !== "hidden") {
-      this.mdcTextfieldComponent = MDCTextField.attachTo(this.mdcTextfield);
-    }
-    if (this.fieldId === "contact-phone" && this.fieldName === "phone") {
-      this.iti = intlTelInput(this.customInput, {
-        separateDialCode: true,
-        initialCountry: "auto",
-        nationalMode: true,
-        geoIpLookup: (callback) => {
-          fetch("https://ipapi.co/json")
-            .then((res) => res.json())
-            .then((data) => callback(data.country_code))
-            .catch(() => callback("us"));
-        },
-        utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/js/utils.min.js", // Required for formatting/validation
-      });
-    }
-    this.setupFocusHandlers();
-  }
-  getPhoneValidation() {
-    if (this.fieldId === "contact-phone" && this.fieldName === "phone") {
-      if (!this.required && this.inputValue === "") {
-        if (this.mdcTextfield.classList.contains("mdc-text-field--invalid")) {
-          this.mdcTextfield.classList.remove("mdc-text-field--invalid");
-        }
-        if (this.el.classList.contains("invalid-field")) {
-          this.el.classList.remove("invalid-field");
-        }
-      }
-      else {
-        if (this.iti.isValidNumber()) {
-          if (this.mdcTextfield.classList.contains("mdc-text-field--invalid")) {
-            this.mdcTextfield.classList.remove("mdc-text-field--invalid");
-          }
-          if (this.el.classList.contains("invalid-field")) {
-            this.el.classList.remove("invalid-field");
-          }
-          this.inputValue = this.iti.getNumber();
-        }
-        else if (!this.iti.isValidNumber()) {
-          if (!this.mdcTextfield.classList.contains("mdc-text-field--invalid")) {
-            this.mdcTextfield.classList.add("mdc-text-field--invalid");
-          }
-          if (!this.el.classList.contains("invalid-field")) {
-            this.el.classList.add("invalid-field");
-          }
-        }
-      }
-    }
-  }
-  setErrorBackground() {
-    if (this.customInput.checkValidity()) {
-      if (this.el.classList.contains("invalid-field")) {
-        this.el.classList.remove("invalid-field");
-      }
-    }
-    else if (!this.customInput.checkValidity()) {
-      if (!this.el.classList.contains("invalid-field")) {
-        this.el.classList.add("invalid-field");
-      }
-    }
-  }
-  getInputClassName() {
-    let className = "mdc-text-field__input";
-    if (this.type === "tel" && this.fieldName === "phone") {
-      className = `${className}  intl-tel-input`;
-    }
-    else if (this.type === "text" && this.ptcMaxLength) {
-      className = `${className}  mdc-text-field--with-internal-counter`;
-    }
-    return className;
-  }
-  getValidationPattern() {
-    let validationPattern = "";
-    if ((this.type === "email" && this.fieldName === "email") ||
-      (this.type === "email" && this.fieldName === "companyemail")) {
-      validationPattern =
-        "[a-zA-Z0-9._%+\\-]+@[a-zA-Z0-9.\\-]+\\.(?!.*\\..*\\.)[a-zA-Z]{2,15}$"; //updated TLD character limit from 7 to 15
-    }
-    if (this.fieldName === "firstname" || this.fieldName === "lastname") {
-      validationPattern = "^[^!*@&$¥£€>#^~+=<>%]+$";
-    }
-    return validationPattern;
-  }
-  async setHelperText() {
-    this.helpertext = await this.getValidationMessage("required");
-    if ((this.type === "email" && this.fieldName === "email") ||
-      (this.type === "email" && this.fieldName === "companyemail")) {
-      if (this.customInput.validity.valueMissing) {
-        this.helpertext = await this.getValidationMessage("email");
-      }
-      else if (!this.customInput.validity.valid) {
-        this.helpertext = await this.getValidationMessage("validemail");
-      }
-      else if (this.customInput.validity.valid) {
-        this.helpertext = "";
-      }
-    }
-    else if (this.fieldName === "firstname") {
-      if (this.customInput.validity.valueMissing) {
-        this.helpertext = await this.getValidationMessage("required");
-      }
-      else if (this.customInput.validity.patternMismatch) {
-        this.helpertext = await this.getValidationMessage("firstname");
-      }
-    }
-    else if (this.fieldName === "lastname") {
-      if (this.customInput.validity.valueMissing) {
-        this.helpertext = await this.getValidationMessage("required");
-      }
-      else if (this.customInput.validity.patternMismatch) {
-        this.helpertext = await this.getValidationMessage("lastname");
-      }
-    }
-    else if (this.fieldId === "contact-phone") {
-      if (this.iti) {
-        if (this.inputValue === "" && this.required) {
-          this.helpertext = await this.getValidationMessage("tel");
-        }
-        else if (!this.iti.isValidNumber()) {
-          this.helpertext =
-            await this.getValidationMessage("validtel");
-        }
-      }
-    }
-    else if (this.fieldId === "confirm-email") {
-      if (!this.matchStatus && !!this.customInput.value) {
-        this.helpertext =
-          await this.getValidationMessage("confirmemail");
-      }
-    }
-  }
-  setupFocusHandlers() {
-    // Track the last interaction type
-    document.addEventListener("mousedown", () => {
-      this.lastInteraction = "mouse";
-    });
-    document.addEventListener("keydown", (e) => {
-      if (e.key === "Tab") {
-        this.lastInteraction = "keyboard";
-      }
-    });
-    // Select all elements with the class `mdc-text-field`
-    const textFields = document.querySelectorAll(".mdc-text-field");
-    textFields.forEach((textField) => {
-      const input = textField.querySelector("input");
-      const textArea = textField.querySelector("textarea");
-      if (input) {
-        input.addEventListener("focus", () => {
-          if (this.lastInteraction === "keyboard") {
-            textField.classList.add("keyboard-focus");
-            textField.classList.remove("mouse-focus");
-          }
-          else {
-            textField.classList.add("mouse-focus");
-            textField.classList.remove("keyboard-focus");
-          }
-        });
-        input.addEventListener("blur", () => {
-          textField.classList.remove("keyboard-focus", "mouse-focus");
-        });
-      }
-      if (textArea) {
-        textArea.addEventListener("focus", () => {
-          if (this.lastInteraction === "keyboard") {
-            textField.classList.add("keyboard-focus");
-            textField.classList.remove("mouse-focus");
-          }
-          else {
-            textField.classList.add("mouse-focus");
-            textField.classList.remove("keyboard-focus");
-          }
-        });
-        textArea.addEventListener("blur", () => {
-          textField.classList.remove("keyboard-focus", "mouse-focus");
-        });
-      }
-    });
-  }
-  render() {
-    return (h(Host, { class: `ptc-text-field ${this.textfieldForm}
-        ${this.fieldId === "contact-phone" ? "phone-field-style" : ""}
-        ${this.type === "hidden" ? "textfield-hidden" : ""}` }, this.styles && h("style", null, this.styles), this.type !== "hidden" ? ([
-      this.labelText ? (h("label", { class: "ptc-label" }, this.labelText)) : null,
-      h("div", { class: `mdc-text-field mdc-text-field--outlined mdc-text-field--no-label
-          ${this.fieldId === "contact-phone" ? "intl-phone-adjustments" : ""}`, ref: (mdcTextfield) => {
-          this.mdcTextfield = mdcTextfield;
-        } }, h("span", { class: "mdc-notched-outline ptc-textfield-outline" }, h("span", { class: "mdc-notched-outline__leading" }), h("span", { class: "mdc-notched-outline__trailing" })), this.type === "textarea" ? (h("div", { class: "textarea-wrapper" }, h("textarea", Object.assign({ ref: (customInput) => {
-          this.customInput =
-            customInput;
-        }, id: this.fieldId, class: this.getInputClassName() }, (this.required
-        ? { required: true }
-        : null), (this.ptcMaxLength
-        ? { maxLength: this.ptcMaxLength }
-        : null), { "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName, value: this.inputValue, name: this.fieldName, placeholder: this.placeholderText }, (this.getValidationPattern()
-        ? {
-          pattern: this.getValidationPattern(),
-        }
-        : null), (this.ignoreBlindSubmit
-        ? { ignoreBlindSubmit: true }
-        : null), { onInput: (e) => this.handleInput(e) })), this.ptcMaxLength ? (h("div", { class: "mdc-text-field-character-counter" }, this.inputValue.length, " /", " ", this.ptcMaxLength)) : null)) : (h("input", Object.assign({ ref: (customInput) => {
-          this.customInput =
-            customInput;
-        }, id: this.fieldId }, (this.getInputClassName()
-        ? { class: this.getInputClassName() }
-        : null), { type: this.type }, (this.required
-        ? { required: true }
-        : null), (this.ptcMaxLength
-        ? { maxLength: this.ptcMaxLength }
-        : null), { "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName, value: this.inputValue, name: this.fieldName }, (this.getValidationPattern()
-        ? {
-          pattern: this.getValidationPattern(),
-        }
-        : null), (this.ignoreBlindSubmit
-        ? { ignoreBlindSubmit: true }
-        : null), { placeholder: this.placeholderText })))),
-      h("div", { class: `mdc-text-field-helper-line
-                   ${!!this.ptcMaxLength ? "field-with-counter" : ""}` }, h("div", { class: "mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg", id: this.fieldName }, h("svg", { class: "input-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_12_1424)" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h("defs", null, h("clipPath", { id: "clip0_12_1424" }, h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? (h("div", { class: "mdc-text-field-helper-text mdc-text-field-helper-text--info-msg" }, this.infoText)) : null, this.ptcMaxLength && this.type === "text" ? (h("div", { class: "mdc-text-field-character-counter" }, this.inputValue.length, " /", " ", this.ptcMaxLength)) : null),
-      /* Alert message */
-      h("div", { class: "ptc-text-field-alert-line" }, !!this.alertText ? (h("div", { class: "mdc-text-field-helper-text--alert-msg" }, h("svg", { class: "alert-msg-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { id: "Info", "clip-path": "url(#clip0_227_7670)" }, h("path", { id: "Vector", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM9 6V13H7V6H9ZM8 5C8.55229 5 9 4.55228 9 4C9 3.44772 8.55229 3 8 3C7.44772 3 7 3.44772 7 4C7 4.55228 7.44772 5 8 5Z", fill: "#197BC0" })), h("defs", null, h("clipPath", { id: "clip0_227_7670" }, h("rect", { width: "16", height: "16", fill: "white" })))), this.alertText)) : null, !!this.alertText && this.alertTextContent ? (h("div", { class: "mdc-text-field-helper-text--alert-content-msg" }, this.alertTextContent)) : null),
-    ]) : (h("input", { id: this.fieldId, name: this.fieldName, type: "hidden", "data-eloqua-name": this.ptcDataEloquaName, value: this.inputValue }))));
-  }
-  get el() { return getElement(this); }
-};
-PtcTextfield.style = ptcTextfieldCss;
-
-export { PtcFormCheckbox as ptc_form_checkbox, PtcTextfield as ptc_textfield };