matcha-components 20.45.0 → 20.47.0

package/fesm2022/matcha-components.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, HostBinding, Input, Component, ContentChildren, ElementRef, Renderer2, Inject, PLATFORM_ID, Injectable, ViewChild, ContentChild, HostListener, Directive, forwardRef, ChangeDetectionStrategy, InjectionToken, inject, DOCUMENT, TemplateRef, Optional, ViewEncapsulation, NgModule, createComponent, input, output, signal, Pipe } from '@angular/core';
+import { EventEmitter, Output, HostBinding, Input, Component, ContentChildren, ElementRef, Renderer2, Inject, PLATFORM_ID, Injectable, ViewChild, ContentChild, HostListener, Directive, forwardRef, ChangeDetectionStrategy, InjectionToken, inject, TemplateRef, Optional, ViewEncapsulation, NgModule, createComponent, Pipe } from '@angular/core';
 import { animation, style, animate, trigger, transition, useAnimation, state, query, stagger, animateChild, sequence, group } from '@angular/animations';
 import { Subscription, Subject, BehaviorSubject, of, fromEvent } from 'rxjs';
 import { debounceTime, startWith, map, distinctUntilChanged, takeUntil, filter } from 'rxjs/operators';
 import * as i1 from '@angular/common';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
+import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
 import { FormControlName, NG_VALUE_ACCESSOR, NgControl, NG_VALIDATORS, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$1 from '@angular/common/http';
@@ -11619,15 +11619,15 @@ const compatibleOptions = {
     outputTransformFn: (v) => v,
     maskFilled: new EventEmitter()
 };
-class MatchaMaskCompatibleModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskCompatibleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskCompatibleModule, declarations: [MatchaMaskCompatibleDirective], imports: [CommonModule], exports: [MatchaMaskCompatibleDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskCompatibleModule, providers: [
+class MatchaMaskModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, declarations: [MatchaMaskCompatibleDirective], imports: [CommonModule], exports: [MatchaMaskCompatibleDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, providers: [
             MatchaMaskService,
             { provide: MATCHA_MASK_CONFIG, useValue: compatibleOptions }
         ], imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskCompatibleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MatchaMaskCompatibleDirective],
@@ -11649,11 +11649,11 @@ class MatchaInputPhoneModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneModule, declarations: [MatchaInputPhoneComponent], imports: [CommonModule,
             MatchaFormFieldModule,
             FormsModule,
-            MatchaMaskCompatibleModule], exports: [MatchaInputPhoneComponent] }); }
+            MatchaMaskModule], exports: [MatchaInputPhoneComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneModule, imports: [CommonModule,
             MatchaFormFieldModule,
             FormsModule,
-            MatchaMaskCompatibleModule] }); }
+            MatchaMaskModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaInputPhoneModule, decorators: [{
             type: NgModule,
@@ -11663,7 +11663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         CommonModule,
                         MatchaFormFieldModule,
                         FormsModule,
-                        MatchaMaskCompatibleModule
+                        MatchaMaskModule
                     ],
                     exports: [MatchaInputPhoneComponent]
                 }]
@@ -11855,7 +11855,7 @@ class MatchaComponentsModule {
             MatchaPageLayoutModule,
             MatchaDrawerModule,
             MatchaHighlightModule,
-            MatchaMaskCompatibleModule], exports: [MatchaAccordionModule,
+            MatchaMaskModule], exports: [MatchaAccordionModule,
             MatchaAutocompleteModule,
             MatchaOptionModule,
             MatchaPanelModule,
@@ -11900,7 +11900,7 @@ class MatchaComponentsModule {
             MatchaAvatarModule,
             MatchaDrawerModule,
             MatchaHighlightModule,
-            MatchaMaskCompatibleModule] }); }
+            MatchaMaskModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaComponentsModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -11948,7 +11948,7 @@ class MatchaComponentsModule {
             MatchaPageLayoutModule,
             MatchaDrawerModule,
             MatchaHighlightModule,
-            MatchaMaskCompatibleModule, MatchaAccordionModule,
+            MatchaMaskModule, MatchaAccordionModule,
             MatchaAutocompleteModule,
             MatchaOptionModule,
             MatchaPanelModule,
@@ -11993,7 +11993,7 @@ class MatchaComponentsModule {
             MatchaAvatarModule,
             MatchaDrawerModule,
             MatchaHighlightModule,
-            MatchaMaskCompatibleModule] }); }
+            MatchaMaskModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaComponentsModule, decorators: [{
             type: NgModule,
@@ -12047,7 +12047,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         MatchaPageLayoutModule,
                         MatchaDrawerModule,
                         MatchaHighlightModule,
-                        MatchaMaskCompatibleModule
+                        MatchaMaskModule
                     ],
                     exports: [MatchaAccordionModule,
                         MatchaAutocompleteModule,
@@ -12094,7 +12094,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         MatchaAvatarModule,
                         MatchaDrawerModule,
                         MatchaHighlightModule,
-                        MatchaMaskCompatibleModule
+                        MatchaMaskModule
                     ],
                 }]
         }] });
@@ -12145,945 +12145,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 }]
         }] });
 
-class MatchaMaskDirective {
-    constructor() {
-        this.mask = input('', ...(ngDevMode ? [{ debugName: "mask" }] : []));
-        this.specialCharacters = input([], ...(ngDevMode ? [{ debugName: "specialCharacters" }] : []));
-        this.patterns = input({}, ...(ngDevMode ? [{ debugName: "patterns" }] : []));
-        this.prefix = input('', ...(ngDevMode ? [{ debugName: "prefix" }] : []));
-        this.suffix = input('', ...(ngDevMode ? [{ debugName: "suffix" }] : []));
-        this.thousandSeparator = input(' ', ...(ngDevMode ? [{ debugName: "thousandSeparator" }] : []));
-        this.decimalMarker = input('.', ...(ngDevMode ? [{ debugName: "decimalMarker" }] : []));
-        this.dropSpecialCharacters = input(null, ...(ngDevMode ? [{ debugName: "dropSpecialCharacters" }] : []));
-        this.hiddenInput = input(null, ...(ngDevMode ? [{ debugName: "hiddenInput" }] : []));
-        this.showMaskTyped = input(null, ...(ngDevMode ? [{ debugName: "showMaskTyped" }] : []));
-        this.placeHolderCharacter = input(null, ...(ngDevMode ? [{ debugName: "placeHolderCharacter" }] : []));
-        this.shownMaskExpression = input(null, ...(ngDevMode ? [{ debugName: "shownMaskExpression" }] : []));
-        this.clearIfNotMatch = input(null, ...(ngDevMode ? [{ debugName: "clearIfNotMatch" }] : []));
-        this.validation = input(null, ...(ngDevMode ? [{ debugName: "validation" }] : []));
-        this.separatorLimit = input('', ...(ngDevMode ? [{ debugName: "separatorLimit" }] : []));
-        this.allowNegativeNumbers = input(null, ...(ngDevMode ? [{ debugName: "allowNegativeNumbers" }] : []));
-        this.leadZeroDateTime = input(null, ...(ngDevMode ? [{ debugName: "leadZeroDateTime" }] : []));
-        this.leadZero = input(null, ...(ngDevMode ? [{ debugName: "leadZero" }] : []));
-        this.triggerOnMaskChange = input(null, ...(ngDevMode ? [{ debugName: "triggerOnMaskChange" }] : []));
-        this.apm = input(null, ...(ngDevMode ? [{ debugName: "apm" }] : []));
-        this.inputTransformFn = input(null, ...(ngDevMode ? [{ debugName: "inputTransformFn" }] : []));
-        this.outputTransformFn = input(null, ...(ngDevMode ? [{ debugName: "outputTransformFn" }] : []));
-        this.keepCharacterPositions = input(null, ...(ngDevMode ? [{ debugName: "keepCharacterPositions" }] : []));
-        this.instantPrefix = input(null, ...(ngDevMode ? [{ debugName: "instantPrefix" }] : []));
-        this.maskFilled = output();
-        this._maskValue = signal('', ...(ngDevMode ? [{ debugName: "_maskValue" }] : []));
-        this._inputValue = signal('', ...(ngDevMode ? [{ debugName: "_inputValue" }] : []));
-        this._position = signal(null, ...(ngDevMode ? [{ debugName: "_position" }] : []));
-        this._code = signal('', ...(ngDevMode ? [{ debugName: "_code" }] : []));
-        this._maskExpressionArray = signal([], ...(ngDevMode ? [{ debugName: "_maskExpressionArray" }] : []));
-        this._justPasted = signal(false, ...(ngDevMode ? [{ debugName: "_justPasted" }] : []));
-        this._isFocused = signal(false, ...(ngDevMode ? [{ debugName: "_isFocused" }] : []));
-        /**For IME composition event */
-        this._isComposing = signal(false, ...(ngDevMode ? [{ debugName: "_isComposing" }] : []));
-        this._maskService = inject(MatchaMaskService, { self: true });
-        this.document = inject(DOCUMENT);
-        this._config = inject(MATCHA_MASK_CONFIG);
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (_) => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onTouch = () => { };
-    }
-    ngOnChanges(changes) {
-        const { mask, specialCharacters, patterns, prefix, suffix, thousandSeparator, decimalMarker, dropSpecialCharacters, hiddenInput, showMaskTyped, placeHolderCharacter, shownMaskExpression, clearIfNotMatch, validation, separatorLimit, allowNegativeNumbers, leadZeroDateTime, leadZero, triggerOnMaskChange, apm, inputTransformFn, outputTransformFn, keepCharacterPositions, instantPrefix, } = changes;
-        if (mask) {
-            if (mask.currentValue !== mask.previousValue && !mask.firstChange) {
-                this._maskService.maskChanged = true;
-            }
-            if (mask.currentValue && mask.currentValue.split("||" /* MaskExpression.OR */).length > 1) {
-                this._maskExpressionArray.set(mask.currentValue.split("||" /* MaskExpression.OR */).sort((a, b) => {
-                    return a.length - b.length;
-                }));
-                this._setMask();
-            }
-            else {
-                this._maskExpressionArray.set([]);
-                this._maskValue.set(mask.currentValue || "" /* MaskExpression.EMPTY_STRING */);
-                this._maskService.maskExpression = this._maskValue();
-            }
-        }
-        if (specialCharacters) {
-            if (!specialCharacters.currentValue || !Array.isArray(specialCharacters.currentValue)) {
-                return;
-            }
-            else {
-                this._maskService.specialCharacters = specialCharacters.currentValue || [];
-            }
-        }
-        if (allowNegativeNumbers) {
-            this._maskService.allowNegativeNumbers = allowNegativeNumbers.currentValue;
-            if (this._maskService.allowNegativeNumbers) {
-                this._maskService.specialCharacters = this._maskService.specialCharacters.filter((c) => c !== "-" /* MaskExpression.MINUS */);
-            }
-        }
-        // Only overwrite the mask available patterns if a pattern has actually been passed in
-        if (patterns && patterns.currentValue) {
-            this._maskService.patterns = patterns.currentValue;
-        }
-        if (apm && apm.currentValue) {
-            this._maskService.apm = apm.currentValue;
-        }
-        if (instantPrefix) {
-            this._maskService.instantPrefix = instantPrefix.currentValue;
-        }
-        if (prefix) {
-            this._maskService.prefix = prefix.currentValue;
-        }
-        if (suffix) {
-            this._maskService.suffix = suffix.currentValue;
-        }
-        if (thousandSeparator) {
-            this._maskService.thousandSeparator = thousandSeparator.currentValue;
-            if (thousandSeparator.previousValue && thousandSeparator.currentValue) {
-                const previousDecimalMarker = this._maskService.decimalMarker;
-                if (thousandSeparator.currentValue === this._maskService.decimalMarker) {
-                    this._maskService.decimalMarker =
-                        thousandSeparator.currentValue === "," /* MaskExpression.COMMA */
-                            ? "." /* MaskExpression.DOT */
-                            : "," /* MaskExpression.COMMA */;
-                }
-                if (this._maskService.dropSpecialCharacters === true) {
-                    this._maskService.specialCharacters = this._config.specialCharacters;
-                }
-                if (typeof previousDecimalMarker === 'string' &&
-                    typeof this._maskService.decimalMarker === 'string') {
-                    this._inputValue.set(this._inputValue()
-                        .split(thousandSeparator.previousValue)
-                        .join('')
-                        .replace(previousDecimalMarker, this._maskService.decimalMarker));
-                    this._maskService.actualValue = this._inputValue();
-                }
-                this._maskService.writingValue = true;
-            }
-        }
-        if (decimalMarker) {
-            this._maskService.decimalMarker = decimalMarker.currentValue;
-        }
-        if (dropSpecialCharacters) {
-            this._maskService.dropSpecialCharacters = dropSpecialCharacters.currentValue;
-        }
-        if (hiddenInput) {
-            this._maskService.hiddenInput = hiddenInput.currentValue;
-            if (hiddenInput.previousValue === true && hiddenInput.currentValue === false) {
-                this._inputValue.set(this._maskService.actualValue);
-            }
-        }
-        if (showMaskTyped) {
-            this._maskService.showMaskTyped = showMaskTyped.currentValue;
-            if (showMaskTyped.previousValue === false &&
-                showMaskTyped.currentValue === true &&
-                this._isFocused()) {
-                requestAnimationFrame(() => {
-                    this._maskService._elementRef?.nativeElement.click();
-                });
-            }
-        }
-        if (placeHolderCharacter) {
-            this._maskService.placeHolderCharacter = placeHolderCharacter.currentValue;
-        }
-        if (shownMaskExpression) {
-            this._maskService.shownMaskExpression = shownMaskExpression.currentValue;
-        }
-        if (clearIfNotMatch) {
-            this._maskService.clearIfNotMatch = clearIfNotMatch.currentValue;
-        }
-        if (validation) {
-            this._maskService.validation = validation.currentValue;
-        }
-        if (separatorLimit) {
-            this._maskService.separatorLimit = separatorLimit.currentValue;
-        }
-        if (leadZeroDateTime) {
-            this._maskService.leadZeroDateTime = leadZeroDateTime.currentValue;
-        }
-        if (leadZero) {
-            this._maskService.leadZero = leadZero.currentValue;
-        }
-        if (triggerOnMaskChange) {
-            this._maskService.triggerOnMaskChange = triggerOnMaskChange.currentValue;
-        }
-        if (inputTransformFn) {
-            this._maskService.inputTransformFn = inputTransformFn.currentValue;
-        }
-        if (outputTransformFn) {
-            this._maskService.outputTransformFn = outputTransformFn.currentValue;
-        }
-        if (keepCharacterPositions) {
-            this._maskService.keepCharacterPositions = keepCharacterPositions.currentValue;
-        }
-        this._applyMask();
-    }
-    validate({ value }) {
-        const processedValue = typeof value === 'number' ? String(value) : value;
-        const maskValue = this._maskValue();
-        if (!this._maskService.validation || !maskValue) {
-            return null;
-        }
-        if (this._maskService.ipError) {
-            return this._createValidationError(processedValue);
-        }
-        if (this._maskService.cpfCnpjError) {
-            return this._createValidationError(processedValue);
-        }
-        if (maskValue.startsWith("separator" /* MaskExpression.SEPARATOR */)) {
-            return null;
-        }
-        if (withoutValidation.includes(maskValue)) {
-            return null;
-        }
-        if (this._maskService.clearIfNotMatch) {
-            return null;
-        }
-        if (timeMasks.includes(maskValue)) {
-            return this._validateTime(processedValue);
-        }
-        if (maskValue === "A*@A*.A*" /* MaskExpression.EMAIL_MASK */) {
-            const emailPattern = /^[^@]+@[^@]+\.[^@]+$/;
-            if (!emailPattern.test(processedValue) && processedValue) {
-                return this._createValidationError(processedValue);
-            }
-            else {
-                return null;
-            }
-        }
-        if (processedValue && processedValue.length >= 1) {
-            let counterOfOpt = 0;
-            if (maskValue.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */) &&
-                maskValue.includes("}" /* MaskExpression.CURLY_BRACKETS_RIGHT */)) {
-                const lengthInsideCurlyBrackets = maskValue.slice(maskValue.indexOf("{" /* MaskExpression.CURLY_BRACKETS_LEFT */) + 1, maskValue.indexOf("}" /* MaskExpression.CURLY_BRACKETS_RIGHT */));
-                return lengthInsideCurlyBrackets === String(processedValue.length)
-                    ? null
-                    : this._createValidationError(processedValue);
-            }
-            if (maskValue.startsWith("percent" /* MaskExpression.PERCENT */)) {
-                return null;
-            }
-            for (const key in this._maskService.patterns) {
-                if (this._maskService.patterns[key]?.optional) {
-                    if (maskValue.indexOf(key) !== maskValue.lastIndexOf(key)) {
-                        const opt = maskValue
-                            .split("" /* MaskExpression.EMPTY_STRING */)
-                            .filter((i) => i === key)
-                            .join("" /* MaskExpression.EMPTY_STRING */);
-                        counterOfOpt += opt.length;
-                    }
-                    else if (maskValue.indexOf(key) !== -1) {
-                        counterOfOpt++;
-                    }
-                    if (maskValue.indexOf(key) !== -1 &&
-                        processedValue.length >= maskValue.indexOf(key)) {
-                        return null;
-                    }
-                    if (counterOfOpt === maskValue.length) {
-                        return null;
-                    }
-                }
-            }
-            if ((maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */) > 1 &&
-                processedValue.length < maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */)) ||
-                (maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */) > 1 &&
-                    processedValue.length < maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */))) {
-                return this._createValidationError(processedValue);
-            }
-            if (maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */) === -1 ||
-                maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */) === -1) {
-                const array = maskValue.split('*');
-                const length = this._maskService.dropSpecialCharacters
-                    ? maskValue.length -
-                        this._maskService.checkDropSpecialCharAmount(maskValue) -
-                        counterOfOpt
-                    : this.prefix()
-                        ? maskValue.length + this.prefix().length - counterOfOpt
-                        : maskValue.length - counterOfOpt;
-                if (array.length === 1) {
-                    if (processedValue.length < length) {
-                        return this._createValidationError(processedValue);
-                    }
-                }
-                if (array.length > 1) {
-                    const lastIndexArray = array[array.length - 1];
-                    if (lastIndexArray &&
-                        this._maskService.specialCharacters.includes(lastIndexArray[0]) &&
-                        String(processedValue).includes(lastIndexArray[0] ?? '') &&
-                        !this.dropSpecialCharacters()) {
-                        const special = value.split(lastIndexArray[0]);
-                        return special[special.length - 1].length === lastIndexArray.length - 1
-                            ? null
-                            : this._createValidationError(processedValue);
-                    }
-                    else if (((lastIndexArray &&
-                        !this._maskService.specialCharacters.includes(lastIndexArray[0])) ||
-                        !lastIndexArray ||
-                        this._maskService.dropSpecialCharacters) &&
-                        processedValue.length >= length - 1) {
-                        return null;
-                    }
-                    else {
-                        return this._createValidationError(processedValue);
-                    }
-                }
-            }
-            if (maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */) === 1 ||
-                maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */) === 1) {
-                return null;
-            }
-        }
-        if (value) {
-            this.maskFilled.emit();
-            return null;
-        }
-        return null;
-    }
-    onPaste() {
-        this._justPasted.set(true);
-    }
-    onFocus() {
-        this._isFocused.set(true);
-    }
-    onModelChange(value) {
-        // on form reset we need to update the actualValue
-        if ((value === "" /* MaskExpression.EMPTY_STRING */ ||
-            value === null ||
-            typeof value === 'undefined') &&
-            this._maskService.actualValue) {
-            this._maskService.actualValue = this._maskService.getActualValue("" /* MaskExpression.EMPTY_STRING */);
-        }
-    }
-    onInput(e) {
-        // If IME is composing text, we wait for the composed text.
-        if (this._isComposing()) {
-            return;
-        }
-        const el = e.target;
-        const transformedValue = this._maskService.inputTransformFn
-            ? this._maskService.inputTransformFn(el.value)
-            : el.value;
-        if (el.type !== 'number') {
-            if (typeof transformedValue === 'string' || typeof transformedValue === 'number') {
-                el.value = transformedValue.toString();
-                this._inputValue.set(el.value);
-                this._setMask();
-                if (!this._maskValue()) {
-                    this.onChange(el.value);
-                    return;
-                }
-                let position = el.selectionStart === 1
-                    ? el.selectionStart + this._maskService.prefix.length
-                    : el.selectionStart;
-                if (this.showMaskTyped() &&
-                    this.keepCharacterPositions() &&
-                    this._maskService.placeHolderCharacter.length === 1) {
-                    const suffix = this.suffix();
-                    const prefix = this.prefix();
-                    const inputSymbol = el.value.slice(position - 1, position);
-                    const prefixLength = prefix.length;
-                    const checkSymbols = this._maskService._checkSymbolMask(inputSymbol, this._maskService.maskExpression[position - 1 - prefixLength] ??
-                        "" /* MaskExpression.EMPTY_STRING */);
-                    const checkSpecialCharacter = this._maskService._checkSymbolMask(inputSymbol, this._maskService.maskExpression[position + 1 - prefixLength] ??
-                        "" /* MaskExpression.EMPTY_STRING */);
-                    const selectRangeBackspace = this._maskService.selStart === this._maskService.selEnd;
-                    const selStart = Number(this._maskService.selStart) - prefixLength;
-                    const selEnd = Number(this._maskService.selEnd) - prefixLength;
-                    const backspaceOrDelete = this._code() === "Backspace" /* MaskExpression.BACKSPACE */ ||
-                        this._code() === "Delete" /* MaskExpression.DELETE */;
-                    if (backspaceOrDelete) {
-                        if (!selectRangeBackspace) {
-                            if (this._maskService.selStart === prefixLength) {
-                                this._maskService.actualValue = `${prefix}${this._maskService.maskIsShown.slice(0, selEnd)}${this._inputValue().split(prefix).join('')}`;
-                            }
-                            else if (this._maskService.selStart ===
-                                this._maskService.maskIsShown.length + prefixLength) {
-                                this._maskService.actualValue = `${this._inputValue()}${this._maskService.maskIsShown.slice(selStart, selEnd)}`;
-                            }
-                            else {
-                                this._maskService.actualValue = `${prefix}${this._inputValue()
-                                    .split(prefix)
-                                    .join('')
-                                    .slice(0, selStart)}${this._maskService.maskIsShown.slice(selStart, selEnd)}${this._maskService.actualValue.slice(selEnd + prefixLength, this._maskService.maskIsShown.length + prefixLength)}${suffix}`;
-                            }
-                        }
-                        else if (!this._maskService.specialCharacters.includes(this._maskService.maskExpression.slice(position - prefixLength, position + 1 - prefixLength)) &&
-                            selectRangeBackspace) {
-                            if (selStart === 1 && prefix) {
-                                this._maskService.actualValue = `${prefix}${this._maskService.placeHolderCharacter}${el.value
-                                    .split(prefix)
-                                    .join('')
-                                    .split(suffix)
-                                    .join('')}${suffix}`;
-                                position = position - 1;
-                            }
-                            else {
-                                const part1 = el.value.substring(0, position);
-                                const part2 = el.value.substring(position);
-                                this._maskService.actualValue = `${part1}${this._maskService.placeHolderCharacter}${part2}`;
-                            }
-                        }
-                        position = this._code() === "Delete" /* MaskExpression.DELETE */ ? position + 1 : position;
-                    }
-                    if (!backspaceOrDelete) {
-                        if (!checkSymbols && !checkSpecialCharacter && selectRangeBackspace) {
-                            position = Number(el.selectionStart) - 1;
-                        }
-                        else if (this._maskService.specialCharacters.includes(el.value.slice(position, position + 1)) &&
-                            checkSpecialCharacter &&
-                            !this._maskService.specialCharacters.includes(el.value.slice(position + 1, position + 2))) {
-                            this._maskService.actualValue = `${el.value.slice(0, position - 1)}${el.value.slice(position, position + 1)}${inputSymbol}${el.value.slice(position + 2)}`;
-                            position = position + 1;
-                        }
-                        else if (checkSymbols) {
-                            if (el.value.length === 1 && position === 1) {
-                                this._maskService.actualValue = `${prefix}${inputSymbol}${this._maskService.maskIsShown.slice(1, this._maskService.maskIsShown.length)}${suffix}`;
-                            }
-                            else {
-                                this._maskService.actualValue = `${el.value.slice(0, position - 1)}${inputSymbol}${el.value
-                                    .slice(position + 1)
-                                    .split(suffix)
-                                    .join('')}${suffix}`;
-                            }
-                        }
-                        else if (prefix &&
-                            el.value.length === 1 &&
-                            position - prefixLength === 1 &&
-                            this._maskService._checkSymbolMask(el.value, this._maskService.maskExpression[position - 1 - prefixLength] ??
-                                "" /* MaskExpression.EMPTY_STRING */)) {
-                            this._maskService.actualValue = `${prefix}${el.value}${this._maskService.maskIsShown.slice(1, this._maskService.maskIsShown.length)}${suffix}`;
-                        }
-                    }
-                }
-                let caretShift = 0;
-                let backspaceShift = false;
-                if (this._code() === "Delete" /* MaskExpression.DELETE */ && "separator" /* MaskExpression.SEPARATOR */) {
-                    this._maskService.deletedSpecialCharacter = true;
-                }
-                if (this._inputValue().length >= this._maskService.maskExpression.length - 1 &&
-                    this._code() !== "Backspace" /* MaskExpression.BACKSPACE */ &&
-                    this._maskService.maskExpression === "d0/M0/0000" /* MaskExpression.DAYS_MONTHS_YEARS */ &&
-                    position < 10) {
-                    const inputSymbol = this._inputValue().slice(position - 1, position);
-                    el.value =
-                        this._inputValue().slice(0, position - 1) +
-                            inputSymbol +
-                            this._inputValue().slice(position + 1);
-                }
-                if (this._maskService.maskExpression === "d0/M0/0000" /* MaskExpression.DAYS_MONTHS_YEARS */ &&
-                    this.leadZeroDateTime()) {
-                    if ((position < 3 && Number(el.value) > 31 && Number(el.value) < 40) ||
-                        (position === 5 && Number(el.value.slice(3, 5)) > 12)) {
-                        position = position + 2;
-                    }
-                }
-                if (this._maskService.maskExpression === "Hh:m0:s0" /* MaskExpression.HOURS_MINUTES_SECONDS */ &&
-                    this.apm()) {
-                    if (this._justPasted() && el.value.slice(0, 2) === "00" /* MaskExpression.DOUBLE_ZERO */) {
-                        el.value = el.value.slice(1, 2) + el.value.slice(2, el.value.length);
-                    }
-                    el.value =
-                        el.value === "00" /* MaskExpression.DOUBLE_ZERO */
-                            ? "0" /* MaskExpression.NUMBER_ZERO */
-                            : el.value;
-                }
-                this._maskService.applyValueChanges(position, this._justPasted(), this._code() === "Backspace" /* MaskExpression.BACKSPACE */ ||
-                    this._code() === "Delete" /* MaskExpression.DELETE */, (shift, _backspaceShift) => {
-                    this._justPasted.set(false);
-                    caretShift = shift;
-                    backspaceShift = _backspaceShift;
-                });
-                // only set the selection if the element is active
-                if (this._getActiveElement() !== el) {
-                    return;
-                }
-                if (this._maskService.plusOnePosition) {
-                    position = position + 1;
-                    this._maskService.plusOnePosition = false;
-                }
-                // update position after applyValueChanges to prevent cursor on wrong position when it has an array of maskExpression
-                if (this._maskExpressionArray().length) {
-                    if (this._code() === "Backspace" /* MaskExpression.BACKSPACE */) {
-                        const specialChartMinusOne = this.specialCharacters().includes(this._maskService.actualValue.slice(position - 1, position));
-                        const allowFewMaskChangeMask = this._maskService.removeMask(this._inputValue())?.length ===
-                            this._maskService.removeMask(this._maskService.maskExpression)?.length;
-                        const specialChartPlusOne = this.specialCharacters().includes(this._maskService.actualValue.slice(position, position + 1));
-                        if (allowFewMaskChangeMask && !specialChartPlusOne) {
-                            position = el.selectionStart + 1;
-                        }
-                        else {
-                            position = specialChartMinusOne ? position - 1 : position;
-                        }
-                    }
-                    else {
-                        position =
-                            el.selectionStart === 1
-                                ? el.selectionStart + this._maskService.prefix.length
-                                : el.selectionStart;
-                    }
-                }
-                this._position.set(this._position() === 1 && this._inputValue().length === 1
-                    ? null
-                    : this._position());
-                let positionToApply = this._position()
-                    ? this._inputValue().length + position + caretShift
-                    : position +
-                        (this._code() === "Backspace" /* MaskExpression.BACKSPACE */ && !backspaceShift
-                            ? 0
-                            : caretShift);
-                if (positionToApply > this._getActualInputLength()) {
-                    positionToApply =
-                        el.value === this._maskService.decimalMarker && el.value.length === 1
-                            ? this._getActualInputLength() + 1
-                            : this._getActualInputLength();
-                }
-                if (positionToApply < 0) {
-                    positionToApply = 0;
-                }
-                el.setSelectionRange(positionToApply, positionToApply);
-                this._position.set(null);
-            }
-            else {
-                // eslint-disable-next-line no-console
-                console.warn('Matcha-mask writeValue work with string | number, your current value:', typeof transformedValue);
-            }
-        }
-        else {
-            if (!this._maskValue()) {
-                this.onChange(el.value);
-                return;
-            }
-            this._maskService.applyValueChanges(el.value.length, this._justPasted(), this._code() === "Backspace" /* MaskExpression.BACKSPACE */ || this._code() === "Delete" /* MaskExpression.DELETE */);
-        }
-    }
-    // IME starts
-    onCompositionStart() {
-        this._isComposing.set(true);
-    }
-    // IME completes
-    onCompositionEnd(e) {
-        this._isComposing.set(false);
-        this._justPasted.set(true);
-        this.onInput(e);
-    }
-    onBlur(e) {
-        if (this._maskValue()) {
-            const el = e.target;
-            if (this._maskService.leadZero &&
-                el.value.length > 0 &&
-                typeof this._maskService.decimalMarker === 'string') {
-                const maskExpression = this._maskService.maskExpression;
-                const decimalMarker = this._maskService.decimalMarker;
-                const suffix = this._maskService.suffix;
-                const precision = Number(this._maskService.maskExpression.slice(maskExpression.length - 1, maskExpression.length));
-                if (precision > 0) {
-                    el.value = suffix ? el.value.split(suffix).join('') : el.value;
-                    const decimalPart = el.value.split(decimalMarker)[1];
-                    el.value = el.value.includes(decimalMarker)
-                        ? el.value +
-                            "0" /* MaskExpression.NUMBER_ZERO */.repeat(precision - decimalPart.length) +
-                            suffix
-                        : el.value +
-                            decimalMarker +
-                            "0" /* MaskExpression.NUMBER_ZERO */.repeat(precision) +
-                            suffix;
-                    this._maskService.actualValue = el.value;
-                }
-            }
-            this._maskService.clearIfNotMatchFn();
-        }
-        this._isFocused.set(false);
-        this.onTouch();
-    }
-    onClick(e) {
-        if (!this._maskValue()) {
-            return;
-        }
-        const el = e.target;
-        const posStart = 0;
-        const posEnd = 0;
-        if (el !== null &&
-            el.selectionStart !== null &&
-            el.selectionStart === el.selectionEnd &&
-            el.selectionStart > this._maskService.prefix.length &&
-            e.keyCode !== 38) {
-            if (this._maskService.showMaskTyped && !this.keepCharacterPositions()) {
-                // We are showing the mask in the input
-                this._maskService.maskIsShown = this._maskService.showMaskInInput();
-                if (el.setSelectionRange &&
-                    this._maskService.prefix + this._maskService.maskIsShown === el.value) {
-                    // the input ONLY contains the mask, so position the cursor at the start
-                    el.focus();
-                    el.setSelectionRange(posStart, posEnd);
-                }
-                else {
-                    // the input contains some characters already
-                    if (el.selectionStart > this._maskService.actualValue.length) {
-                        // if the user clicked beyond our value's length, position the cursor at the end of our value
-                        el.setSelectionRange(this._maskService.actualValue.length, this._maskService.actualValue.length);
-                    }
-                }
-            }
-        }
-        const nextValue = el &&
-            (el.value === this._maskService.prefix
-                ? this._maskService.prefix + this._maskService.maskIsShown
-                : el.value);
-        /** Fix of cursor position jumping to end in most browsers no matter where cursor is inserted onFocus */
-        if (el && el.value !== nextValue) {
-            el.value = nextValue;
-        }
-        /** fix of cursor position with prefix when mouse click occur */
-        if (el &&
-            el.type !== 'number' &&
-            (el.selectionStart || el.selectionEnd) <=
-                this._maskService.prefix.length) {
-            const specialCharactersAtTheStart = this._maskService.maskExpression.match(new RegExp(`^[${this._maskService.specialCharacters.map((c) => `\\${c}`).join('')}]+`))?.[0].length || 0;
-            el.selectionStart = this._maskService.prefix.length + specialCharactersAtTheStart;
-            return;
-        }
-        /** select only inserted text */
-        if (el && el.selectionEnd > this._getActualInputLength()) {
-            el.selectionEnd = this._getActualInputLength();
-        }
-    }
-    onKeyDown(e) {
-        if (!this._maskValue()) {
-            return;
-        }
-        if (this._isComposing()) {
-            // User finalize their choice from IME composition, so trigger onInput() for the composed text.
-            if (e.key === 'Enter') {
-                this.onCompositionEnd(e);
-            }
-            return;
-        }
-        this._code.set(e.code ? e.code : e.key);
-        const el = e.target;
-        this._inputValue.set(el.value);
-        this._setMask();
-        if (el.type !== 'number') {
-            if (e.key === "ArrowUp" /* MaskExpression.ARROW_UP */) {
-                e.preventDefault();
-            }
-            if (e.key === "ArrowLeft" /* MaskExpression.ARROW_LEFT */ ||
-                e.key === "Backspace" /* MaskExpression.BACKSPACE */ ||
-                e.key === "Delete" /* MaskExpression.DELETE */) {
-                if (e.key === "Backspace" /* MaskExpression.BACKSPACE */ && el.value.length === 0) {
-                    el.selectionStart = el.selectionEnd;
-                }
-                if (e.key === "Backspace" /* MaskExpression.BACKSPACE */ && el.selectionStart !== 0) {
-                    const prefixLength = this.prefix().length;
-                    // If specialChars is false, (shouldn't ever happen) then set to the defaults
-                    const specialCharacters = this.specialCharacters().length
-                        ? this.specialCharacters()
-                        : this._config.specialCharacters;
-                    if (prefixLength > 1 && el.selectionStart <= prefixLength) {
-                        el.setSelectionRange(prefixLength, el.selectionEnd);
-                    }
-                    else {
-                        if (this._inputValue().length !== el.selectionStart &&
-                            el.selectionStart !== 1) {
-                            while (specialCharacters.includes((this._inputValue()[el.selectionStart - 1] ??
-                                "" /* MaskExpression.EMPTY_STRING */).toString()) &&
-                                ((prefixLength >= 1 &&
-                                    el.selectionStart > prefixLength) ||
-                                    prefixLength === 0)) {
-                                el.setSelectionRange(el.selectionStart - 1, el.selectionEnd);
-                            }
-                        }
-                    }
-                }
-                this.checkSelectionOnDeletion(el);
-                if (this._maskService.prefix.length &&
-                    el.selectionStart <= this._maskService.prefix.length &&
-                    el.selectionEnd <= this._maskService.prefix.length) {
-                    e.preventDefault();
-                }
-                const cursorStart = el.selectionStart;
-                if (e.key === "Backspace" /* MaskExpression.BACKSPACE */ &&
-                    !el.readOnly &&
-                    cursorStart === 0 &&
-                    el.selectionEnd === el.value.length &&
-                    el.value.length !== 0) {
-                    this._position.set(this._maskService.prefix ? this._maskService.prefix.length : 0);
-                    this._maskService.applyMask(this._maskService.prefix, this._maskService.maskExpression, this._position());
-                }
-            }
-            if (!!this.suffix() &&
-                this.suffix().length > 1 &&
-                this._inputValue().length - this.suffix().length < el.selectionStart) {
-                el.setSelectionRange(this._inputValue().length - this.suffix().length, this._inputValue().length);
-            }
-            else if ((e.code === 'KeyA' && e.ctrlKey) ||
-                (e.code === 'KeyA' && e.metaKey) // Cmd + A (Mac)
-            ) {
-                el.setSelectionRange(0, this._getActualInputLength());
-                e.preventDefault();
-            }
-            this._maskService.selStart = el.selectionStart;
-            this._maskService.selEnd = el.selectionEnd;
-        }
-    }
-    /** It writes the value in the input */
-    async writeValue(controlValue) {
-        let value = controlValue;
-        const inputTransformFn = this._maskService.inputTransformFn;
-        if (typeof value === 'object' && value !== null && 'value' in value) {
-            if ('disable' in value) {
-                this.setDisabledState(Boolean(value.disable));
-            }
-            value = value.value;
-        }
-        if (value !== null) {
-            value = inputTransformFn ? inputTransformFn(value) : value;
-        }
-        if (typeof value === 'string' ||
-            typeof value === 'number' ||
-            value === null ||
-            typeof value === 'undefined') {
-            if (value === null || typeof value === 'undefined' || value === '') {
-                this._maskService.currentValue = '';
-                this._maskService.previousValue = '';
-            }
-            let inputValue = value;
-            if (typeof inputValue === 'number' ||
-                this._maskValue().startsWith("separator" /* MaskExpression.SEPARATOR */)) {
-                inputValue = String(inputValue);
-                const localeDecimalMarker = this._maskService.currentLocaleDecimalMarker();
-                if (!Array.isArray(this._maskService.decimalMarker)) {
-                    inputValue =
-                        this._maskService.decimalMarker !== localeDecimalMarker
-                            ? inputValue.replace(localeDecimalMarker, this._maskService.decimalMarker)
-                            : inputValue;
-                }
-                if (this._maskService.leadZero &&
-                    inputValue &&
-                    this.mask() &&
-                    this.dropSpecialCharacters() !== false) {
-                    inputValue = this._maskService._checkPrecision(this._maskService.maskExpression, inputValue);
-                }
-                if (this._maskService.decimalMarker === "," /* MaskExpression.COMMA */ ||
-                    (Array.isArray(this._maskService.decimalMarker) &&
-                        this._maskService.thousandSeparator === "." /* MaskExpression.DOT */)) {
-                    inputValue = inputValue
-                        .toString()
-                        .replace("." /* MaskExpression.DOT */, "," /* MaskExpression.COMMA */);
-                }
-                if (this.mask()?.startsWith("separator" /* MaskExpression.SEPARATOR */) && this.leadZero()) {
-                    requestAnimationFrame(() => {
-                        this._maskService.applyMask(inputValue?.toString() ?? '', this._maskService.maskExpression);
-                    });
-                }
-                this._maskService.isNumberValue = true;
-            }
-            if (typeof inputValue !== 'string' || value === null || typeof value === 'undefined') {
-                inputValue = '';
-            }
-            this._inputValue.set(inputValue);
-            this._setMask();
-            if ((inputValue && this._maskService.maskExpression) ||
-                (this._maskService.maskExpression &&
-                    (this._maskService.prefix || this._maskService.showMaskTyped))) {
-                // Let the service we know we are writing value so that triggering onChange function won't happen during applyMask
-                this._maskService.writingValue = true;
-                this._maskService.formElementProperty = [
-                    'value',
-                    this._maskService.applyMask(inputValue, this._maskService.maskExpression),
-                ];
-                // Let the service know we've finished writing value
-                this._maskService.writingValue = false;
-            }
-            else {
-                this._maskService.formElementProperty = ['value', inputValue];
-            }
-            this._inputValue.set(inputValue);
-        }
-        else {
-            // eslint-disable-next-line no-console
-            console.warn('Matcha-mask writeValue work with string | number, your current value:', typeof value);
-        }
-    }
-    registerOnChange(fn) {
-        this._maskService.onChange = this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouch = fn;
-    }
-    _getActiveElement(document = this.document) {
-        const shadowRootEl = document?.activeElement?.shadowRoot;
-        if (!shadowRootEl?.activeElement) {
-            return document.activeElement;
-        }
-        else {
-            return this._getActiveElement(shadowRootEl);
-        }
-    }
-    checkSelectionOnDeletion(el) {
-        const prefixLength = this.prefix().length;
-        const suffixLength = this.suffix().length;
-        const inputValueLength = this._inputValue().length;
-        el.selectionStart = Math.min(Math.max(prefixLength, el.selectionStart), inputValueLength - suffixLength);
-        el.selectionEnd = Math.min(Math.max(prefixLength, el.selectionEnd), inputValueLength - suffixLength);
-    }
-    /** It disables the input element */
-    setDisabledState(isDisabled) {
-        this._maskService.formElementProperty = ['disabled', isDisabled];
-    }
-    _applyMask() {
-        this._maskService.maskExpression = this._maskService._repeatPatternSymbols(this._maskValue() || '');
-        this._maskService.formElementProperty = [
-            'value',
-            this._maskService.applyMask(this._inputValue(), this._maskService.maskExpression),
-        ];
-    }
-    _validateTime(value) {
-        const rowMaskLen = this._maskValue()
-            .split("" /* MaskExpression.EMPTY_STRING */)
-            .filter((s) => s !== ':').length;
-        if (!value) {
-            return null; // Don't validate empty values to allow for optional form control
-        }
-        if ((+(value[value.length - 1] ?? -1) === 0 && value.length < rowMaskLen) ||
-            value.length <= rowMaskLen - 2) {
-            return this._createValidationError(value);
-        }
-        return null;
-    }
-    _getActualInputLength() {
-        return (this._maskService.actualValue.length ||
-            this._maskService.actualValue.length + this._maskService.prefix.length);
-    }
-    _createValidationError(actualValue) {
-        return {
-            mask: {
-                requiredMask: this._maskValue(),
-                actualValue,
-            },
-        };
-    }
-    _setMask() {
-        this._maskExpressionArray().some((mask) => {
-            const specialChart = mask
-                .split("" /* MaskExpression.EMPTY_STRING */)
-                .some((char) => this._maskService.specialCharacters.includes(char));
-            if ((specialChart &&
-                this._inputValue() &&
-                this._areAllCharactersInEachStringSame(this._maskExpressionArray())) ||
-                mask.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)) {
-                const test = this._maskService.removeMask(this._inputValue())?.length <=
-                    this._maskService.removeMask(mask)?.length;
-                if (test) {
-                    const maskValue = mask.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)
-                        ? this._maskService._repeatPatternSymbols(mask)
-                        : mask;
-                    this._maskValue.set(maskValue);
-                    this._maskService.maskExpression = maskValue;
-                    return test;
-                }
-                else {
-                    const expression = this._maskExpressionArray()[this._maskExpressionArray().length - 1] ??
-                        "" /* MaskExpression.EMPTY_STRING */;
-                    const maskValue = expression.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)
-                        ? this._maskService._repeatPatternSymbols(expression)
-                        : expression;
-                    this._maskValue.set(maskValue);
-                    this._maskService.maskExpression = maskValue;
-                }
-            }
-            else {
-                const cleanMask = this._maskService.removeMask(mask);
-                const check = this._maskService
-                    .removeMask(this._inputValue())
-                    ?.split("" /* MaskExpression.EMPTY_STRING */)
-                    .every((character, index) => {
-                    const indexMask = cleanMask.charAt(index);
-                    return this._maskService._checkSymbolMask(character, indexMask);
-                });
-                if (check || this._justPasted()) {
-                    this._maskValue.set(mask);
-                    this._maskService.maskExpression = mask;
-                    return check;
-                }
-            }
-        });
-    }
-    _areAllCharactersInEachStringSame(array) {
-        const specialCharacters = this._maskService.specialCharacters;
-        function removeSpecialCharacters(str) {
-            const regex = new RegExp(`[${specialCharacters.map((ch) => `\\${ch}`).join('')}]`, 'g');
-            return str.replace(regex, '');
-        }
-        const processedArr = array.map(removeSpecialCharacters);
-        return processedArr.every((str) => {
-            const uniqueCharacters = new Set(str);
-            return uniqueCharacters.size === 1;
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.0", type: MatchaMaskDirective, isStandalone: false, selector: "input[mask], textarea[mask]", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, specialCharacters: { classPropertyName: "specialCharacters", publicName: "specialCharacters", isSignal: true, isRequired: false, transformFunction: null }, patterns: { classPropertyName: "patterns", publicName: "patterns", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, thousandSeparator: { classPropertyName: "thousandSeparator", publicName: "thousandSeparator", isSignal: true, isRequired: false, transformFunction: null }, decimalMarker: { classPropertyName: "decimalMarker", publicName: "decimalMarker", isSignal: true, isRequired: false, transformFunction: null }, dropSpecialCharacters: { classPropertyName: "dropSpecialCharacters", publicName: "dropSpecialCharacters", isSignal: true, isRequired: false, transformFunction: null }, hiddenInput: { classPropertyName: "hiddenInput", publicName: "hiddenInput", isSignal: true, isRequired: false, transformFunction: null }, showMaskTyped: { classPropertyName: "showMaskTyped", publicName: "showMaskTyped", isSignal: true, isRequired: false, transformFunction: null }, placeHolderCharacter: { classPropertyName: "placeHolderCharacter", publicName: "placeHolderCharacter", isSignal: true, isRequired: false, transformFunction: null }, shownMaskExpression: { classPropertyName: "shownMaskExpression", publicName: "shownMaskExpression", isSignal: true, isRequired: false, transformFunction: null }, clearIfNotMatch: { classPropertyName: "clearIfNotMatch", publicName: "clearIfNotMatch", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, separatorLimit: { classPropertyName: "separatorLimit", publicName: "separatorLimit", isSignal: true, isRequired: false, transformFunction: null }, allowNegativeNumbers: { classPropertyName: "allowNegativeNumbers", publicName: "allowNegativeNumbers", isSignal: true, isRequired: false, transformFunction: null }, leadZeroDateTime: { classPropertyName: "leadZeroDateTime", publicName: "leadZeroDateTime", isSignal: true, isRequired: false, transformFunction: null }, leadZero: { classPropertyName: "leadZero", publicName: "leadZero", isSignal: true, isRequired: false, transformFunction: null }, triggerOnMaskChange: { classPropertyName: "triggerOnMaskChange", publicName: "triggerOnMaskChange", isSignal: true, isRequired: false, transformFunction: null }, apm: { classPropertyName: "apm", publicName: "apm", isSignal: true, isRequired: false, transformFunction: null }, inputTransformFn: { classPropertyName: "inputTransformFn", publicName: "inputTransformFn", isSignal: true, isRequired: false, transformFunction: null }, outputTransformFn: { classPropertyName: "outputTransformFn", publicName: "outputTransformFn", isSignal: true, isRequired: false, transformFunction: null }, keepCharacterPositions: { classPropertyName: "keepCharacterPositions", publicName: "keepCharacterPositions", isSignal: true, isRequired: false, transformFunction: null }, instantPrefix: { classPropertyName: "instantPrefix", publicName: "instantPrefix", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste()", "focus": "onFocus($event)", "ngModelChange": "onModelChange($event)", "input": "onInput($event)", "compositionstart": "onCompositionStart($event)", "compositionend": "onCompositionEnd($event)", "blur": "onBlur($event)", "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => MatchaMaskDirective),
-                multi: true,
-            },
-            {
-                provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => MatchaMaskDirective),
-                multi: true,
-            },
-            MatchaMaskService,
-        ], exportAs: ["mask", "matchaMask"], usesOnChanges: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'input[mask], textarea[mask]',
-                    standalone: false,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => MatchaMaskDirective),
-                            multi: true,
-                        },
-                        {
-                            provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => MatchaMaskDirective),
-                            multi: true,
-                        },
-                        MatchaMaskService,
-                    ],
-                    exportAs: 'mask,matchaMask',
-                }]
-        }], propDecorators: { onPaste: [{
-                type: HostListener,
-                args: ['paste']
-            }], onFocus: [{
-                type: HostListener,
-                args: ['focus', ['$event']]
-            }], onModelChange: [{
-                type: HostListener,
-                args: ['ngModelChange', ['$event']]
-            }], onInput: [{
-                type: HostListener,
-                args: ['input', ['$event']]
-            }], onCompositionStart: [{
-                type: HostListener,
-                args: ['compositionstart', ['$event']]
-            }], onCompositionEnd: [{
-                type: HostListener,
-                args: ['compositionend', ['$event']]
-            }], onBlur: [{
-                type: HostListener,
-                args: ['blur', ['$event']]
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], onKeyDown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
-
 class MatchaMaskPipe {
     constructor() {
         this.defaultOptions = inject(MATCHA_MASK_CONFIG);
@@ -13182,64 +12243,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 }]
         }] });
 
-const options = {
-    specialCharacters: ['/', '(', ')', '.', ':', '-', ' ', '+', ',', '@', '[', ']', '"', "'", '*'],
-    patterns: {
-        '0': { pattern: /\d/ },
-        '9': { pattern: /\d/, optional: true },
-        'A': { pattern: /[a-zA-Z0-9]/ },
-        'S': { pattern: /[a-zA-Z]/ }
-    },
-    prefix: '',
-    suffix: '',
-    thousandSeparator: '',
-    decimalMarker: '.',
-    clearIfNotMatch: false,
-    showMaskTyped: false,
-    placeHolderCharacter: '_',
-    shownMaskExpression: '',
-    dropSpecialCharacters: true,
-    hiddenInput: false,
-    validation: true,
-    instantPrefix: false,
-    separatorLimit: '',
-    apm: false,
-    allowNegativeNumbers: false,
-    leadZeroDateTime: false,
-    leadZero: false,
-    triggerOnMaskChange: false,
-    keepCharacterPositions: false,
-    inputTransformFn: (v) => v,
-    outputTransformFn: (v) => v,
-    maskFilled: new EventEmitter()
-};
-class MatchaMaskModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, declarations: [MatchaMaskDirective, MatchaMaskPipe], imports: [CommonModule], exports: [MatchaMaskDirective,
-            MatchaMaskPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, providers: [
-            MatchaMaskService,
-            { provide: MATCHA_MASK_CONFIG, useValue: options }
-        ], imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MatchaMaskDirective, MatchaMaskPipe],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        MatchaMaskDirective,
-                        MatchaMaskPipe
-                    ],
-                    providers: [
-                        MatchaMaskService,
-                        { provide: MATCHA_MASK_CONFIG, useValue: options }
-                    ]
-                }]
-        }] });
-
 class StepContentDirective {
     constructor(template) {
         this.template = template;
@@ -13271,5 +12274,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaComponentsModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskCompatibleModule, MatchaMaskDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, compatibleOptions, initialConfig, options, timeMasks, withoutValidation };
+export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaComponentsModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, compatibleOptions, initialConfig, timeMasks, withoutValidation };
 //# sourceMappingURL=matcha-components.mjs.map