@shoper/phoenix_design_system 1.18.1 → 1.18.2

package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js

@@ -1,346 +1,343 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../external/tslib/tslib.es6.js';
+var _InputMaskController_host, _InputMaskController_input, _InputMaskController_mask, _InputMaskController_pattern, _InputMaskController_validPattern, _InputMaskController_skipCharacters, _InputMaskController_skipKeys, _InputMaskController_patternRegexp, _InputMaskController_patternCheck, _InputMaskController_keydownValue, _InputMaskController_isFirstPosition, _InputMaskController_isLastPosition;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import 'lit';
-import 'lit-html/directives/ref.js';
-
-var _InputMaskController_host, _InputMaskController_input, _InputMaskController_mask, _InputMaskController_pattern, _InputMaskController_validPattern, _InputMaskController_skipCharacters, _InputMaskController_skipKeys, _InputMaskController_patternRegexp, _InputMaskController_patternCheck, _InputMaskController_keydownValue, _InputMaskController_isFirstPosition, _InputMaskController_isLastPosition;
-const MASK_CHARACTER = '_';
-class InputMaskController {
-    constructor({ host, input, mask, pattern, validPattern }) {
-        _InputMaskController_host.set(this, void 0);
-        _InputMaskController_input.set(this, void 0);
-        _InputMaskController_mask.set(this, void 0);
-        _InputMaskController_pattern.set(this, void 0);
-        _InputMaskController_validPattern.set(this, void 0);
-        _InputMaskController_skipCharacters.set(this, []);
-        _InputMaskController_skipKeys.set(this, [
-            'Backspace',
-            'Enter',
-            'Escape',
-            'ArrowLeft',
-            'ArrowUp',
-            'ArrowRight',
-            'ArrowDown',
-            'Delete',
-            'CapsLock',
-            'Shift',
-            'Control',
-            'Alt',
-            'AltGraph',
-            'Tab'
-        ]);
-        _InputMaskController_patternRegexp.set(this, void 0);
-        _InputMaskController_patternCheck.set(this, false);
-        _InputMaskController_keydownValue.set(this, '');
-        _InputMaskController_isFirstPosition.set(this, false);
-        _InputMaskController_isLastPosition.set(this, false);
-        this.isEnabled = false;
-        this.enable = () => {
-            if (!this.isEnabled) {
-                const $input = this._getInput();
-                if (!this._isValidPattern($input.value))
-                    $input.value = '';
-                this.isEnabled = true;
-            }
-        };
-        this.disable = () => {
-            if (this.isEnabled) {
-                this.isEnabled = false;
-            }
-        };
-        this.setInitialMaskWhenEmpty = (ev) => {
-            if (ev.target instanceof HTMLInputElement) {
-                const $input = ev.target;
-                if (!$input.value) {
-                    $input.value = __classPrivateFieldGet(this, _InputMaskController_mask, "f");
-                    this._setCursorPosition();
-                }
-            }
-        };
-        this.setCursorOnStartWhenEmpty = (ev) => {
-            if (ev.target instanceof HTMLInputElement) {
-                const $input = ev.target;
-                if ($input.value === __classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
-                    this._setCursorPosition();
-                }
-            }
-        };
-        this.setEmptyValueForNoValue = (ev) => {
-            if (ev.target instanceof HTMLInputElement) {
-                const $input = ev.target;
-                if ($input.value === __classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
-                    $input.value = '';
-                }
-            }
-        };
-        this.onKeyDown = (ev) => {
-            if (ev.target instanceof HTMLInputElement) {
-                const $input = ev.target;
-                const value = $input.value;
-                const isBackspacePressed = ev.key === 'Backspace' || ev.keyCode === 8;
-                const isDeletePressed = ev.key === 'Delete' || ev.keyCode === 46;
-                const isBackspaceOrDeletePressed = isBackspacePressed || isDeletePressed;
-                if (value === '' && !isBackspaceOrDeletePressed) {
-                    this.setInitialMaskWhenEmpty(ev);
-                }
-                let currentPosition = this._getCursorPosition();
-                /**
-                 *selection more than one character was made
-                 */
-                if (currentPosition[0] !== currentPosition[1]) {
-                    if (isBackspaceOrDeletePressed) {
-                        const startSubstring = value.substring(0, currentPosition[0]);
-                        const middleSubstring = value.substring(currentPosition[0], currentPosition[1]);
-                        const endSubstring = value.substring(currentPosition[1], value.length);
-                        const deleteRegexp = new RegExp('[^' + __classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").join('') + ']', 'g');
-                        const newValue = startSubstring + middleSubstring.replace(deleteRegexp, MASK_CHARACTER) + endSubstring;
-                        $input.value = newValue;
-                        __classPrivateFieldSet(this, _InputMaskController_keydownValue, newValue, "f");
-                        if (ev.key === 'Backspace' || ev.keyCode === 8) {
-                            this._setCursorPosition(currentPosition[0] + 2);
-                            if (currentPosition[0] == 5) {
-                                __classPrivateFieldSet(this, _InputMaskController_isLastPosition, true, "f");
-                            }
-                        }
-                        else {
-                            this._setCursorPosition(currentPosition[0]);
-                        }
-                        return false;
-                    }
-                    else if (!this._areKeysCombined(ev) && __classPrivateFieldGet(this, _InputMaskController_skipKeys, "f").indexOf(ev.key) < 0) {
-                        currentPosition = [currentPosition[0], currentPosition[0]];
-                    }
-                }
-                /**
-                 * Added keyCode for older browser compatibility, keyCode 8 == backspace, keyCode 46 === delete
-                 */
-                if (isBackspaceOrDeletePressed) {
-                    if (isBackspacePressed) {
-                        if (__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[currentPosition[0] - 1]) >= 0) {
-                            // skip special characters that are part of the mask
-                            __classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
-                            this._setCursorPosition(currentPosition[0] + 1);
-                            return false;
-                        }
-                        if (currentPosition[0] !== 0) {
-                            // do nothing if cursor is at the start of the input
-                            ev.target.value = this._insertCharAt(value, MASK_CHARACTER, currentPosition[0]);
-                            this._setCursorPosition(currentPosition);
-                        }
-                    }
-                    if (isDeletePressed) {
-                        if (__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[currentPosition[0]]) >= 0) {
-                            // skip special characters that are part of the mask
-                            __classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
-                            this._setCursorPosition(currentPosition[0] + 1);
-                            return false;
-                        }
-                        if (currentPosition[0] !== value.length) {
-                            ev.target.value = this._replaceCharAt(value, MASK_CHARACTER, currentPosition[0]);
-                            __classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
-                            setTimeout(() => {
-                                this._setCursorPosition(currentPosition.map(function (position) {
-                                    return (position += 1);
-                                }));
-                            });
-                            return false;
-                        }
-                    }
-                    return true;
-                }
-                if (__classPrivateFieldGet(this, _InputMaskController_skipKeys, "f").indexOf(ev.key) >= 0 || this._areKeysCombined(ev)) {
-                    // no special behaviour for selected keys
-                    return true;
-                }
-                currentPosition[1] += 1;
-                if (window.navigator.userAgent.indexOf('Edge/') > -1) {
-                    ev.target.value = this._replaceCharAt(ev.target.value, ev.key, currentPosition[0]);
-                }
-                this._setCursorPosition(currentPosition);
-                __classPrivateFieldSet(this, _InputMaskController_keydownValue, value, "f");
-            }
-        };
-        this.onInput = (ev) => {
-            if (ev.target instanceof HTMLInputElement) {
-                const $input = ev.target;
-                const value = $input.value;
-                const currentPosition = this._getCursorPosition();
-                const skipBy = this._skipCharactersBy.call(this, value, currentPosition[0], 0);
-                if (skipBy > 0 && value.length !== currentPosition[0] + skipBy) {
-                    this._setCursorPosition(currentPosition.map((position) => {
-                        return position + skipBy;
-                    }));
-                }
-                if (!this._isValidPattern(value)) {
-                    const currentPosition = this._getCursorPosition();
-                    $input.value = __classPrivateFieldGet(this, _InputMaskController_keydownValue, "f");
-                    if (__classPrivateFieldGet(this, _InputMaskController_isLastPosition, "f") || __classPrivateFieldGet(this, _InputMaskController_isFirstPosition, "f")) {
-                        this._setCursorPosition(currentPosition[0]);
-                        __classPrivateFieldSet(this, _InputMaskController_isLastPosition, false, "f");
-                        __classPrivateFieldSet(this, _InputMaskController_isFirstPosition, false, "f");
-                    }
-                    else {
-                        this._setCursorPosition(currentPosition[0] - 1);
-                    }
-                    return false;
-                }
-                if (__classPrivateFieldGet(this, _InputMaskController_mask, "f").length !== value.length) {
-                    $input.value = value.slice(0, __classPrivateFieldGet(this, _InputMaskController_mask, "f").length);
-                    const lastMaskCharacterPos = value.indexOf(MASK_CHARACTER);
-                    if (lastMaskCharacterPos >= 0) {
-                        this._setCursorPosition(lastMaskCharacterPos);
-                    }
-                }
-            }
-        };
-        this.onKeyUp = (ev) => {
-            if (ev.target instanceof HTMLInputElement) {
-                const $input = ev.target;
-                const value = $input.value;
-                const currentPosition = this._getCursorPosition();
-                let skipBy;
-                if (ev.key === 'Backspace' || ev.keyCode === 8) {
-                    skipBy = this._skipCharactersBy(value, currentPosition[0] - 1, 0, true);
-                    if (skipBy > 0) {
-                        this._setCursorPosition(currentPosition.map((position) => {
-                            return position - skipBy;
-                        }));
-                    }
-                    return true;
-                }
-                if (ev.key === 'Delete' || ev.keyCode === 46) {
-                    skipBy = this._skipCharactersBy(value, currentPosition[0], 0);
-                    if (skipBy > 0) {
-                        this._setCursorPosition(currentPosition.map((position) => {
-                            return position + skipBy;
-                        }));
-                    }
-                    return true;
-                }
-                if (__classPrivateFieldGet(this, _InputMaskController_skipKeys, "f").indexOf(ev.key) >= 0 || this._areKeysCombined(ev)) {
-                    return true;
-                }
-                if (!value) {
-                    $input.value = __classPrivateFieldGet(this, _InputMaskController_mask, "f");
-                    this._setCursorPosition();
-                }
-            }
-        };
-        this.onPaste = (ev) => {
-            var _a;
-            if (ev.target instanceof HTMLInputElement) {
-                const $input = ev.target;
-                const value = $input.value;
-                const valueLength = value.length;
-                const pastedValue = (_a = ev.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('Text');
-                const currentPosition = this._getCursorPosition();
-                let newValue = '';
-                ev.preventDefault();
-                for (let i = 0, j = 0; i < valueLength; i += 1) {
-                    if (i >= currentPosition[0] && pastedValue[j] && __classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[i]) < 0) {
-                        if (__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(pastedValue[j]) < 0) {
-                            newValue = newValue + pastedValue[j];
-                        }
-                        else {
-                            i -= 1;
-                        }
-                        j += 1;
-                    }
-                    else {
-                        newValue = newValue + value[i];
-                    }
-                }
-                if (this._isValidPattern(newValue)) {
-                    ev.target.value = newValue;
-                    this._setCursorPosition($input.value.indexOf(MASK_CHARACTER));
-                }
-            }
-        };
-        __classPrivateFieldSet(this, _InputMaskController_host, host, "f");
-        __classPrivateFieldSet(this, _InputMaskController_input, input, "f");
-        __classPrivateFieldSet(this, _InputMaskController_mask, mask, "f");
-        __classPrivateFieldSet(this, _InputMaskController_pattern, pattern, "f");
-        __classPrivateFieldSet(this, _InputMaskController_validPattern, validPattern, "f");
-        if (pattern) {
-            __classPrivateFieldSet(this, _InputMaskController_patternRegexp, new RegExp(__classPrivateFieldGet(this, _InputMaskController_pattern, "f"), 'g'), "f");
-            __classPrivateFieldSet(this, _InputMaskController_patternCheck, true, "f");
-        }
-        __classPrivateFieldGet(this, _InputMaskController_host, "f").addController(this);
-    }
-    hostConnected() {
-        const maskRegexp = new RegExp(MASK_CHARACTER, 'g');
-        __classPrivateFieldSet(this, _InputMaskController_skipCharacters, this._uniqueArr(__classPrivateFieldGet(this, _InputMaskController_mask, "f").replace(maskRegexp, '').split('')), "f");
-    }
-    hostDisconnected() {
-        // this.#basePropsObservable?.unsubscribe(this.#propsObserver);
-    }
-    _setCursorPosition(positionStart = 0, positionEnd = positionStart) {
-        const $input = this._getInput();
-        if (typeof positionStart !== 'number') {
-            $input.selectionStart = positionStart[0];
-            $input.selectionEnd = positionEnd[1];
-            return;
-        }
-        $input.selectionStart = positionStart;
-        if (typeof positionEnd === 'number')
-            $input.selectionEnd = positionEnd;
-    }
-    _getCursorPosition() {
-        var _a, _b;
-        const $input = this._getInput();
-        return [(_a = $input.selectionStart) !== null && _a !== void 0 ? _a : 0, (_b = $input.selectionEnd) !== null && _b !== void 0 ? _b : 0];
-    }
-    _uniqueArr(arr) {
-        const uniqueArr = [];
-        const arrLength = arr.length;
-        for (let i = 0; i < arrLength; i++) {
-            if (uniqueArr.indexOf(arr[i]) === -1 && arr[i] !== '') {
-                uniqueArr.push(arr[i]);
-            }
-        }
-        return uniqueArr;
-    }
-    _getInput() {
-        if (!__classPrivateFieldGet(this, _InputMaskController_input, "f").value) {
-            throw new Error('Input element is not defined');
-        }
-        return __classPrivateFieldGet(this, _InputMaskController_input, "f").value;
-    }
-    _areKeysCombined(ev) {
-        return ev.altKey || ev.ctrlKey || ev.metaKey;
-    }
-    _insertCharAt(string, char, position) {
-        return string.slice(0, position) + char + string.slice(position);
-    }
-    _replaceCharAt(string, char, position) {
-        return string.substr(0, position) + char + string.substr(position + 1);
-    }
-    _skipCharactersBy(value, position, skipBy, backward) {
-        backward = backward ? backward : false;
-        if (__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[position]) >= 0) {
-            if (backward) {
-                position -= 1;
-            }
-            else {
-                position += 1;
-            }
-            skipBy += 1;
-            return this._skipCharactersBy.call(this, value, position, skipBy, backward);
-        }
-        return skipBy;
-    }
-    _isValidPattern(value) {
-        if (__classPrivateFieldGet(this, _InputMaskController_patternCheck, "f")) {
-            const valueLength = value.length;
-            let partialValue = '';
-            for (let i = 0; i < valueLength; i += 1) {
-                partialValue += value[i] !== '_' ? value[i] : __classPrivateFieldGet(this, _InputMaskController_validPattern, "f")[i];
-            }
-            return partialValue.match(__classPrivateFieldGet(this, _InputMaskController_patternRegexp, "f")) !== null;
-        }
-        return true;
-    }
-}
+import 'lit/directives/ref.js';
+const MASK_CHARACTER = '_';
+export class InputMaskController {
+    constructor({ host, input, mask, pattern, validPattern }) {
+        _InputMaskController_host.set(this, void 0);
+        _InputMaskController_input.set(this, void 0);
+        _InputMaskController_mask.set(this, void 0);
+        _InputMaskController_pattern.set(this, void 0);
+        _InputMaskController_validPattern.set(this, void 0);
+        _InputMaskController_skipCharacters.set(this, []);
+        _InputMaskController_skipKeys.set(this, [
+            'Backspace',
+            'Enter',
+            'Escape',
+            'ArrowLeft',
+            'ArrowUp',
+            'ArrowRight',
+            'ArrowDown',
+            'Delete',
+            'CapsLock',
+            'Shift',
+            'Control',
+            'Alt',
+            'AltGraph',
+            'Tab'
+        ]);
+        _InputMaskController_patternRegexp.set(this, void 0);
+        _InputMaskController_patternCheck.set(this, false);
+        _InputMaskController_keydownValue.set(this, '');
+        _InputMaskController_isFirstPosition.set(this, false);
+        _InputMaskController_isLastPosition.set(this, false);
+        this.isEnabled = false;
+        this.enable = () => {
+            if (!this.isEnabled) {
+                const $input = this._getInput();
+                if (!this._isValidPattern($input.value))
+                    $input.value = '';
+                this.isEnabled = true;
+            }
+        };
+        this.disable = () => {
+            if (this.isEnabled) {
+                this.isEnabled = false;
+            }
+        };
+        this.setInitialMaskWhenEmpty = (ev) => {
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                if (!$input.value) {
+                    $input.value = __classPrivateFieldGet(this, _InputMaskController_mask, "f");
+                    this._setCursorPosition();
+                }
+            }
+        };
+        this.setCursorOnStartWhenEmpty = (ev) => {
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                if ($input.value === __classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
+                    this._setCursorPosition();
+                }
+            }
+        };
+        this.setEmptyValueForNoValue = (ev) => {
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                if ($input.value === __classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
+                    $input.value = '';
+                }
+            }
+        };
+        this.onKeyDown = (ev) => {
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                const value = $input.value;
+                const isBackspacePressed = ev.key === 'Backspace' || ev.keyCode === 8;
+                const isDeletePressed = ev.key === 'Delete' || ev.keyCode === 46;
+                const isBackspaceOrDeletePressed = isBackspacePressed || isDeletePressed;
+                if (value === '' && !isBackspaceOrDeletePressed) {
+                    this.setInitialMaskWhenEmpty(ev);
+                }
+                let currentPosition = this._getCursorPosition();
+                /**
+                 *selection more than one character was made
+                 */
+                if (currentPosition[0] !== currentPosition[1]) {
+                    if (isBackspaceOrDeletePressed) {
+                        const startSubstring = value.substring(0, currentPosition[0]);
+                        const middleSubstring = value.substring(currentPosition[0], currentPosition[1]);
+                        const endSubstring = value.substring(currentPosition[1], value.length);
+                        const deleteRegexp = new RegExp('[^' + __classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").join('') + ']', 'g');
+                        const newValue = startSubstring + middleSubstring.replace(deleteRegexp, MASK_CHARACTER) + endSubstring;
+                        $input.value = newValue;
+                        __classPrivateFieldSet(this, _InputMaskController_keydownValue, newValue, "f");
+                        if (ev.key === 'Backspace' || ev.keyCode === 8) {
+                            this._setCursorPosition(currentPosition[0] + 2);
+                            if (currentPosition[0] == 5) {
+                                __classPrivateFieldSet(this, _InputMaskController_isLastPosition, true, "f");
+                            }
+                        }
+                        else {
+                            this._setCursorPosition(currentPosition[0]);
+                        }
+                        return false;
+                    }
+                    else if (!this._areKeysCombined(ev) && __classPrivateFieldGet(this, _InputMaskController_skipKeys, "f").indexOf(ev.key) < 0) {
+                        currentPosition = [currentPosition[0], currentPosition[0]];
+                    }
+                }
+                /**
+                 * Added keyCode for older browser compatibility, keyCode 8 == backspace, keyCode 46 === delete
+                 */
+                if (isBackspaceOrDeletePressed) {
+                    if (isBackspacePressed) {
+                        if (__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[currentPosition[0] - 1]) >= 0) {
+                            // skip special characters that are part of the mask
+                            __classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
+                            this._setCursorPosition(currentPosition[0] + 1);
+                            return false;
+                        }
+                        if (currentPosition[0] !== 0) {
+                            // do nothing if cursor is at the start of the input
+                            ev.target.value = this._insertCharAt(value, MASK_CHARACTER, currentPosition[0]);
+                            this._setCursorPosition(currentPosition);
+                        }
+                    }
+                    if (isDeletePressed) {
+                        if (__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[currentPosition[0]]) >= 0) {
+                            // skip special characters that are part of the mask
+                            __classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
+                            this._setCursorPosition(currentPosition[0] + 1);
+                            return false;
+                        }
+                        if (currentPosition[0] !== value.length) {
+                            ev.target.value = this._replaceCharAt(value, MASK_CHARACTER, currentPosition[0]);
+                            __classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
+                            setTimeout(() => {
+                                this._setCursorPosition(currentPosition.map(function (position) {
+                                    return (position += 1);
+                                }));
+                            });
+                            return false;
+                        }
+                    }
+                    return true;
+                }
+                if (__classPrivateFieldGet(this, _InputMaskController_skipKeys, "f").indexOf(ev.key) >= 0 || this._areKeysCombined(ev)) {
+                    // no special behaviour for selected keys
+                    return true;
+                }
+                currentPosition[1] += 1;
+                if (window.navigator.userAgent.indexOf('Edge/') > -1) {
+                    ev.target.value = this._replaceCharAt(ev.target.value, ev.key, currentPosition[0]);
+                }
+                this._setCursorPosition(currentPosition);
+                __classPrivateFieldSet(this, _InputMaskController_keydownValue, value, "f");
+            }
+        };
+        this.onInput = (ev) => {
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                const value = $input.value;
+                const currentPosition = this._getCursorPosition();
+                const skipBy = this._skipCharactersBy.call(this, value, currentPosition[0], 0);
+                if (skipBy > 0 && value.length !== currentPosition[0] + skipBy) {
+                    this._setCursorPosition(currentPosition.map((position) => {
+                        return position + skipBy;
+                    }));
+                }
+                if (!this._isValidPattern(value)) {
+                    const currentPosition = this._getCursorPosition();
+                    $input.value = __classPrivateFieldGet(this, _InputMaskController_keydownValue, "f");
+                    if (__classPrivateFieldGet(this, _InputMaskController_isLastPosition, "f") || __classPrivateFieldGet(this, _InputMaskController_isFirstPosition, "f")) {
+                        this._setCursorPosition(currentPosition[0]);
+                        __classPrivateFieldSet(this, _InputMaskController_isLastPosition, false, "f");
+                        __classPrivateFieldSet(this, _InputMaskController_isFirstPosition, false, "f");
+                    }
+                    else {
+                        this._setCursorPosition(currentPosition[0] - 1);
+                    }
+                    return false;
+                }
+                if (__classPrivateFieldGet(this, _InputMaskController_mask, "f").length !== value.length) {
+                    $input.value = value.slice(0, __classPrivateFieldGet(this, _InputMaskController_mask, "f").length);
+                    const lastMaskCharacterPos = value.indexOf(MASK_CHARACTER);
+                    if (lastMaskCharacterPos >= 0) {
+                        this._setCursorPosition(lastMaskCharacterPos);
+                    }
+                }
+            }
+        };
+        this.onKeyUp = (ev) => {
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                const value = $input.value;
+                const currentPosition = this._getCursorPosition();
+                let skipBy;
+                if (ev.key === 'Backspace' || ev.keyCode === 8) {
+                    skipBy = this._skipCharactersBy(value, currentPosition[0] - 1, 0, true);
+                    if (skipBy > 0) {
+                        this._setCursorPosition(currentPosition.map((position) => {
+                            return position - skipBy;
+                        }));
+                    }
+                    return true;
+                }
+                if (ev.key === 'Delete' || ev.keyCode === 46) {
+                    skipBy = this._skipCharactersBy(value, currentPosition[0], 0);
+                    if (skipBy > 0) {
+                        this._setCursorPosition(currentPosition.map((position) => {
+                            return position + skipBy;
+                        }));
+                    }
+                    return true;
+                }
+                if (__classPrivateFieldGet(this, _InputMaskController_skipKeys, "f").indexOf(ev.key) >= 0 || this._areKeysCombined(ev)) {
+                    return true;
+                }
+                if (!value) {
+                    $input.value = __classPrivateFieldGet(this, _InputMaskController_mask, "f");
+                    this._setCursorPosition();
+                }
+            }
+        };
+        this.onPaste = (ev) => {
+            var _a;
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                const value = $input.value;
+                const valueLength = value.length;
+                const pastedValue = (_a = ev.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('Text');
+                const currentPosition = this._getCursorPosition();
+                let newValue = '';
+                ev.preventDefault();
+                for (let i = 0, j = 0; i < valueLength; i += 1) {
+                    if (i >= currentPosition[0] && pastedValue[j] && __classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[i]) < 0) {
+                        if (__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(pastedValue[j]) < 0) {
+                            newValue = newValue + pastedValue[j];
+                        }
+                        else {
+                            i -= 1;
+                        }
+                        j += 1;
+                    }
+                    else {
+                        newValue = newValue + value[i];
+                    }
+                }
+                if (this._isValidPattern(newValue)) {
+                    ev.target.value = newValue;
+                    this._setCursorPosition($input.value.indexOf(MASK_CHARACTER));
+                }
+            }
+        };
+        __classPrivateFieldSet(this, _InputMaskController_host, host, "f");
+        __classPrivateFieldSet(this, _InputMaskController_input, input, "f");
+        __classPrivateFieldSet(this, _InputMaskController_mask, mask, "f");
+        __classPrivateFieldSet(this, _InputMaskController_pattern, pattern, "f");
+        __classPrivateFieldSet(this, _InputMaskController_validPattern, validPattern, "f");
+        if (pattern) {
+            __classPrivateFieldSet(this, _InputMaskController_patternRegexp, new RegExp(__classPrivateFieldGet(this, _InputMaskController_pattern, "f"), 'g'), "f");
+            __classPrivateFieldSet(this, _InputMaskController_patternCheck, true, "f");
+        }
+        __classPrivateFieldGet(this, _InputMaskController_host, "f").addController(this);
+    }
+    hostConnected() {
+        const maskRegexp = new RegExp(MASK_CHARACTER, 'g');
+        __classPrivateFieldSet(this, _InputMaskController_skipCharacters, this._uniqueArr(__classPrivateFieldGet(this, _InputMaskController_mask, "f").replace(maskRegexp, '').split('')), "f");
+    }
+    hostDisconnected() {
+        // this.#basePropsObservable?.unsubscribe(this.#propsObserver);
+    }
+    _setCursorPosition(positionStart = 0, positionEnd = positionStart) {
+        const $input = this._getInput();
+        if (typeof positionStart !== 'number') {
+            $input.selectionStart = positionStart[0];
+            $input.selectionEnd = positionEnd[1];
+            return;
+        }
+        $input.selectionStart = positionStart;
+        if (typeof positionEnd === 'number')
+            $input.selectionEnd = positionEnd;
+    }
+    _getCursorPosition() {
+        var _a, _b;
+        const $input = this._getInput();
+        return [(_a = $input.selectionStart) !== null && _a !== void 0 ? _a : 0, (_b = $input.selectionEnd) !== null && _b !== void 0 ? _b : 0];
+    }
+    _uniqueArr(arr) {
+        const uniqueArr = [];
+        const arrLength = arr.length;
+        for (let i = 0; i < arrLength; i++) {
+            if (uniqueArr.indexOf(arr[i]) === -1 && arr[i] !== '') {
+                uniqueArr.push(arr[i]);
+            }
+        }
+        return uniqueArr;
+    }
+    _getInput() {
+        if (!__classPrivateFieldGet(this, _InputMaskController_input, "f").value) {
+            throw new Error('Input element is not defined');
+        }
+        return __classPrivateFieldGet(this, _InputMaskController_input, "f").value;
+    }
+    _areKeysCombined(ev) {
+        return ev.altKey || ev.ctrlKey || ev.metaKey;
+    }
+    _insertCharAt(string, char, position) {
+        return string.slice(0, position) + char + string.slice(position);
+    }
+    _replaceCharAt(string, char, position) {
+        return string.substr(0, position) + char + string.substr(position + 1);
+    }
+    _skipCharactersBy(value, position, skipBy, backward) {
+        backward = backward ? backward : false;
+        if (__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[position]) >= 0) {
+            if (backward) {
+                position -= 1;
+            }
+            else {
+                position += 1;
+            }
+            skipBy += 1;
+            return this._skipCharactersBy.call(this, value, position, skipBy, backward);
+        }
+        return skipBy;
+    }
+    _isValidPattern(value) {
+        if (__classPrivateFieldGet(this, _InputMaskController_patternCheck, "f")) {
+            const valueLength = value.length;
+            let partialValue = '';
+            for (let i = 0; i < valueLength; i += 1) {
+                partialValue += value[i] !== '_' ? value[i] : __classPrivateFieldGet(this, _InputMaskController_validPattern, "f")[i];
+            }
+            return partialValue.match(__classPrivateFieldGet(this, _InputMaskController_patternRegexp, "f")) !== null;
+        }
+        return true;
+    }
+}
 _InputMaskController_host = new WeakMap(), _InputMaskController_input = new WeakMap(), _InputMaskController_mask = new WeakMap(), _InputMaskController_pattern = new WeakMap(), _InputMaskController_validPattern = new WeakMap(), _InputMaskController_skipCharacters = new WeakMap(), _InputMaskController_skipKeys = new WeakMap(), _InputMaskController_patternRegexp = new WeakMap(), _InputMaskController_patternCheck = new WeakMap(), _InputMaskController_keydownValue = new WeakMap(), _InputMaskController_isFirstPosition = new WeakMap(), _InputMaskController_isLastPosition = new WeakMap();
-
-export { InputMaskController };
-//# sourceMappingURL=input_mask_controller.js.map
+//# sourceMappingURL=input_mask_controller.js.map