@ptsecurity/mosaic 15.6.0 → 16.1.0

package/{fesm2020 → fesm2022}/ptsecurity-mosaic-input.mjs

@@ -2,17 +2,17 @@ import * as i3$1 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Directive, Optional, Self, Attribute, Input, InjectionToken, Inject, forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
+import { forwardRef, EventEmitter, Directive, Attribute, Optional, Inject, Input, InjectionToken, Self, Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
-import { NG_VALIDATORS, Validators, FormsModule } from '@angular/forms';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators, FormsModule } from '@angular/forms';
 import * as i3 from '@ptsecurity/mosaic/core';
-import { mixinErrorState, PopUpTriggers, McCommonModule } from '@ptsecurity/mosaic/core';
+import { MC_LOCALE_SERVICE, mixinErrorState, PopUpTriggers, McCommonModule } from '@ptsecurity/mosaic/core';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import { getSupportedInputTypes } from '@angular/cdk/platform';
 import * as i4 from '@ptsecurity/mosaic/form-field';
 import { McFormFieldControl } from '@ptsecurity/mosaic/form-field';
-import { Subject } from 'rxjs';
-import { A, C, V, X, Z, F1, F12, ZERO, NINE, NUMPAD_ZERO, NUMPAD_NINE, NUMPAD_MINUS, DASH, FF_MINUS, DELETE, BACKSPACE, TAB, ESCAPE, ENTER, LEFT_ARROW, RIGHT_ARROW, HOME, END, UP_ARROW, DOWN_ARROW } from '@ptsecurity/cdk/keycodes';
+import { Subject, Subscription } from 'rxjs';
+import { A, C, V, X, Z, NUMPAD_MINUS, DASH, FF_MINUS, DELETE, BACKSPACE, TAB, ESCAPE, ENTER, LEFT_ARROW, RIGHT_ARROW, HOME, END, isFunctionKey, isNumberKey, isNumpadKey, UP_ARROW, DOWN_ARROW } from '@ptsecurity/cdk/keycodes';
 import * as i2 from '@angular/cdk/bidi';
 import * as i1$1 from '@angular/cdk/overlay';
 import { McTooltipTrigger, MC_TOOLTIP_SCROLL_STRATEGY } from '@ptsecurity/mosaic/tooltip';
@@ -23,6 +23,7 @@ function getMcInputUnsupportedTypeError(inputType) {
 
 const BIG_STEP = 10;
 const SMALL_STEP = 1;
+// TODO: подставлять локализованный сплиттер
 function normalizeSplitter(value) {
     return value ? value.replace(/,/g, '.') : value;
 }
@@ -46,17 +47,78 @@ function add(value1, value2) {
     const precision = Math.max(getPrecision(value1), getPrecision(value2));
     return (value1 * precision + value2 * precision) / precision;
 }
+const MC_NUMBER_INPUT_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => McNumberInput),
+    multi: true
+};
 class McNumberInput {
-    constructor(elementRef, ngControl, step, bigStep, min, max) {
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        const oldValue = this.value;
+        this._value = value;
+        if (oldValue !== value) {
+            this.setViewValue(this.formatNumber(value));
+            this.valueChange.emit(value);
+        }
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        const newValue = coerceBooleanProperty(value);
+        const element = this.nativeElement;
+        if (this._disabled !== newValue) {
+            this._disabled = newValue;
+            this.disabledChange.emit(newValue);
+        }
+        // We need to null check the `blur` method, because it's undefined during SSR.
+        if (newValue && element.blur) {
+            // Normally, native input elements automatically blur if they turn disabled. This behavior
+            // is problematic, because it would mean that it triggers another change detection cycle,
+            // which then causes a changed after checked error if the input element was focused before.
+            element.blur();
+        }
+    }
+    get nativeElement() {
+        return this.elementRef.nativeElement;
+    }
+    get viewValue() {
+        return this.nativeElement.value;
+    }
+    get ngControl() {
+        return this.control;
+    }
+    constructor(elementRef, renderer, step, bigStep, min, max, localeService) {
         this.elementRef = elementRef;
-        this.ngControl = ngControl;
-        this.focused = false;
+        this.renderer = renderer;
+        this.localeService = localeService;
+        /** Emits when the value changes (either due to user input or programmatic change). */
+        this.valueChange = new EventEmitter();
+        /** Emits when the disabled state has changed */
+        this.disabledChange = new EventEmitter();
         this.stateChanges = new Subject();
+        this.withThousandSeparator = true;
+        this._disabled = false;
+        this.focused = false;
+        this.localeSubscription = Subscription.EMPTY;
+        // tslint:disable-next-line:no-empty
+        this.onTouched = () => { };
+        // tslint:disable-next-line:no-empty
+        this.cvaOnChange = () => { };
+        this.updateLocaleParams = (id) => {
+            this.numberLocaleConfig = this.localeService.locales[id].input.number;
+            this.setViewValue(this.formatNumber(this.value));
+        };
         this.step = isDigit(step) ? parseFloat(step) : SMALL_STEP;
         this.bigStep = isDigit(bigStep) ? parseFloat(bigStep) : BIG_STEP;
         this.min = isDigit(min) ? parseFloat(min) : -Infinity;
         this.max = isDigit(max) ? parseFloat(max) : Infinity;
+        setTimeout(() => this.nativeElement.type = 'text', 0);
         if ('valueAsNumber' in this.nativeElement) {
+            /* переделать алгоритм  */
             Object.defineProperty(Object.getPrototypeOf(this.nativeElement), 'valueAsNumber', {
                 // tslint:disable-next-line:no-reserved-keywords
                 get() {
@@ -65,9 +127,38 @@ class McNumberInput {
                 }
             });
         }
+        this.allNumberLocaleConfigs = this.localeService.locales.items
+            .map((localeItem) => {
+            return { id: localeItem.id, config: this.localeService.locales[localeItem.id].input.number };
+        });
+        this.localeSubscription = this.localeService.changes.subscribe(this.updateLocaleParams);
     }
-    get nativeElement() {
-        return this.elementRef.nativeElement;
+    ngOnDestroy() {
+        this.localeSubscription.unsubscribe();
+        this.valueChange.complete();
+        this.disabledChange.complete();
+    }
+    onContainerClick() {
+        this.focus();
+    }
+    focus() {
+        this.nativeElement.focus();
+    }
+    // Implemented as part of ControlValueAccessor.
+    writeValue(value) {
+        this.value = value;
+    }
+    // Implemented as part of ControlValueAccessor.
+    registerOnChange(fn) {
+        this.cvaOnChange = fn;
+    }
+    // Implemented as part of ControlValueAccessor.
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    // Implemented as part of ControlValueAccessor.
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
     }
     focusChanged(isFocused) {
         if (isFocused !== this.focused) {
@@ -83,32 +174,39 @@ class McNumberInput {
         const isCtrlV = (e) => e.keyCode === V && (e.ctrlKey || e.metaKey);
         const isCtrlX = (e) => e.keyCode === X && (e.ctrlKey || e.metaKey);
         const isCtrlZ = (e) => e.keyCode === Z && (e.ctrlKey || e.metaKey);
-        const isFKey = (e) => e.keyCode >= F1 && e.keyCode <= F12;
-        const isNumber = (e) => (e.keyCode >= ZERO && e.keyCode <= NINE) ||
-            (e.keyCode >= NUMPAD_ZERO && e.keyCode <= NUMPAD_NINE);
-        const isPeriod = (e) => e.key === '.' || e.key === ',';
+        const isPeriod = (e) => this.numberLocaleConfig.groupSeparator.includes(e.key)
+            || [this.numberLocaleConfig.fractionSeparator, '.'].includes(e.key);
         const minuses = [NUMPAD_MINUS, DASH, FF_MINUS];
         const serviceKeys = [DELETE, BACKSPACE, TAB, ESCAPE, ENTER];
         const arrows = [LEFT_ARROW, RIGHT_ARROW];
         const allowedKeys = [HOME, END].concat(arrows).concat(serviceKeys).concat(minuses);
         if (minuses.includes(keyCode) &&
-            (this.nativeElement.valueAsNumber || this.min >= 0 || this.nativeElement.validity?.badInput)) {
+            (this.viewValue.includes(event.key) || this.min >= 0)) {
             event.preventDefault();
             return;
         }
+        if (isPeriod(event)) {
+            if (event.key === this.numberLocaleConfig.fractionSeparator &&
+                this.viewValue.indexOf(this.numberLocaleConfig.fractionSeparator) !== -1) {
+                event.preventDefault();
+                return;
+            }
+        }
         if (allowedKeys.indexOf(keyCode) !== -1 ||
-            isCtrlA(event) ||
-            isCtrlC(event) ||
-            isCtrlV(event) ||
-            isCtrlX(event) ||
-            isCtrlZ(event) ||
-            isFKey(event) ||
-            isPeriod(event)) {
+            [
+                isCtrlA,
+                isCtrlC,
+                isCtrlV,
+                isCtrlX,
+                isCtrlZ,
+                isFunctionKey,
+                isPeriod
+            ].some((fn) => fn(event))) {
             // let it happen, don't do anything
             return;
         }
         // Ensure that it is not a number and stop the keypress
-        if (event.shiftKey || !isNumber(event)) {
+        if (event.shiftKey || !isNumberKey(event) && !isNumpadKey(event)) {
             event.preventDefault();
             // process steps
             const step = event.shiftKey ? this.bigStep : this.step;
@@ -120,48 +218,153 @@ class McNumberInput {
             }
         }
     }
+    onInput(event) {
+        const currentValueLength = this.formatNumber(this.value)?.length || 0;
+        setTimeout(() => {
+            const fromPaste = event.inputType === 'insertFromPaste';
+            let formattedValue;
+            if (fromPaste) {
+                formattedValue = this.formatNumber(this.valueFromPaste);
+            }
+            else {
+                /*this.viewValue is raw and should be reformatted to localized number */
+                formattedValue = this.formatViewValue();
+                const offsetWhenSeparatorAdded = 2;
+                Promise.resolve().then(() => {
+                    if (Math.abs(this.viewValue.length - currentValueLength) === offsetWhenSeparatorAdded) {
+                        const cursorPosition = Math.max(0, (this.nativeElement.selectionStart || 0) + Math.sign(this.viewValue.length - currentValueLength));
+                        this.renderer.setProperty(this.nativeElement, 'selectionStart', cursorPosition);
+                        this.renderer.setProperty(this.nativeElement, 'selectionEnd', cursorPosition);
+                    }
+                });
+            }
+            this.setViewValue(formattedValue, !fromPaste);
+            this.viewToModelUpdate(formattedValue);
+        });
+    }
     onPaste(event) {
-        if (!isDigit(normalizeSplitter(event.clipboardData.getData('text')))) {
+        this.valueFromPaste = this.checkAndNormalizeLocalizedNumber(event.clipboardData?.getData('text'));
+        if (this.valueFromPaste === null) {
             event.preventDefault();
         }
     }
     stepUp(step) {
-        this.elementRef.nativeElement.focus();
-        const res = Math.max(Math.min(add(this.nativeElement.valueAsNumber || 0, step), this.max), this.min);
-        this.nativeElement.value = res.toString();
-        this.viewToModelUpdate(this.nativeElement.valueAsNumber);
+        this.nativeElement.focus();
+        const res = Math.max(Math.min(add(this.value || 0, step), this.max), this.min);
+        this.setViewValue(this.formatNumber(res));
+        this._value = res;
+        this.cvaOnChange(res);
+        this.valueChange.emit(res);
     }
     stepDown(step) {
-        this.elementRef.nativeElement.focus();
-        const res = Math.min(Math.max(add(this.nativeElement.valueAsNumber || 0, -step), this.min), this.max);
-        this.nativeElement.value = res.toString();
-        this.viewToModelUpdate(this.nativeElement.valueAsNumber);
+        this.nativeElement.focus();
+        const res = Math.min(Math.max(add(this.value || 0, -step), this.min), this.max);
+        this.setViewValue(this.formatNumber(res));
+        this._value = res;
+        this.cvaOnChange(res);
+        this.valueChange.emit(res);
+    }
+    setViewValue(value, savePosition = false) {
+        const cursorPosition = this.nativeElement.selectionStart;
+        this.renderer.setProperty(this.nativeElement, 'value', value);
+        if (savePosition) {
+            this.renderer.setProperty(this.nativeElement, 'selectionStart', cursorPosition);
+            this.renderer.setProperty(this.nativeElement, 'selectionEnd', cursorPosition);
+        }
     }
-    viewToModelUpdate(value) {
-        if (this.ngControl) {
-            this.ngControl.control.setValue(value);
+    viewToModelUpdate(newValue) {
+        const normalizedValue = newValue === null ? null : +this.normalizeNumber(newValue);
+        if (normalizedValue !== this.value) {
+            this._value = normalizedValue;
+            this.cvaOnChange(normalizedValue);
+            this.valueChange.emit(normalizedValue);
+        }
+        this.ngControl?.updateValueAndValidity({ emitEvent: false });
+    }
+    formatViewValue() {
+        if (this.viewValue === null || this.viewValue === '' || Number.isNaN(+this.normalizeNumber(this.viewValue))) {
+            return null;
+        }
+        const separator = this.numberLocaleConfig.groupSeparator.includes(' ')
+            && this.numberLocaleConfig.fractionSeparator === ','
+            ? /[,.]/
+            : this.numberLocaleConfig.fractionSeparator;
+        const [intPart, fractionPart] = this.viewValue.split(separator)
+            .map((valuePart) => this.normalizeNumber(valuePart));
+        return this.createLocalizedNumberFromParts(+intPart, fractionPart);
+    }
+    formatNumber(value) {
+        if (value === null || value === undefined) {
+            return null;
+        }
+        const [intPart, fractionPart] = value.toString().split('.');
+        return this.createLocalizedNumberFromParts(+intPart, fractionPart);
+    }
+    createLocalizedNumberFromParts(intPart, fractionPart) {
+        const formatOptions = {
+            useGrouping: this.withThousandSeparator,
+            maximumFractionDigits: 20
+        };
+        if (this.withThousandSeparator && this.numberLocaleConfig.startFormattingFrom) {
+            formatOptions.useGrouping = intPart >= Math.pow(
+            // tslint:disable-next-line:no-magic-numbers
+            10, this.numberLocaleConfig.startFormattingFrom);
+        }
+        const localeId = this.localeService.id === 'es-LA' ? 'ru-RU' : this.localeService.id;
+        const formatter = new Intl.NumberFormat(localeId, formatOptions);
+        const formattedFractionPart = fractionPart?.split('')
+            .map((numChar) => formatter.format(+numChar)).join('');
+        return formattedFractionPart === undefined
+            ? formatter.format(intPart)
+            : `${formatter.format(intPart)}${this.numberLocaleConfig.fractionSeparator}${formattedFractionPart}`;
+    }
+    /**
+     * Method that returns a string representation of a number without localized separators
+     */
+    normalizeNumber(value, customConfig) {
+        if (value === null || value === undefined) {
+            return '';
+        }
+        const { groupSeparator, fractionSeparator } = customConfig || this.numberLocaleConfig;
+        const groupSeparatorRegexp = new RegExp(`[${groupSeparator.join('')}]`, 'g');
+        const fractionSeparatorRegexp = new RegExp(`\\${fractionSeparator}`, 'g');
+        return value.toString()
+            .replace(groupSeparatorRegexp, '')
+            .replace(fractionSeparatorRegexp, '.');
+    }
+    checkAndNormalizeLocalizedNumber(num) {
+        if (num === null || num === undefined) {
+            return null;
+        }
+        /* if some locale input config satisfies pasted number, try to normalise with selected locale config */
+        let numberOutput = null;
+        for (const { config } of this.allNumberLocaleConfigs) {
+            const normalized = +this.normalizeNumber(num, config);
+            if (!Number.isNaN(normalized)) {
+                numberOutput = normalized;
+                break;
+            }
         }
+        return numberOutput;
     }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McNumberInput, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: 'step', attribute: true }, { token: 'big-step', attribute: true }, { token: 'min', attribute: true }, { token: 'max', attribute: true }, { token: MC_LOCALE_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: McNumberInput, selector: "input[mcInput][type=\"number\"]", inputs: { bigStep: "bigStep", step: "step", min: "min", max: "max", withThousandSeparator: "withThousandSeparator", startFormattingFrom: "startFormattingFrom", value: "value", disabled: "disabled" }, host: { listeners: { "blur": "focusChanged(false)", "focus": "focusChanged(true)", "paste": "onPaste($event)", "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, providers: [MC_NUMBER_INPUT_VALUE_ACCESSOR], exportAs: ["mcNumericalInput"], ngImport: i0 }); }
 }
-/** @nocollapse */ McNumberInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNumberInput, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: 'step', attribute: true }, { token: 'big-step', attribute: true }, { token: 'min', attribute: true }, { token: 'max', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McNumberInput.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McNumberInput, selector: "input[mcInput][type=\"number\"]", inputs: { bigStep: "bigStep", step: "step", min: "min", max: "max" }, host: { listeners: { "blur": "focusChanged(false)", "focus": "focusChanged(true)", "paste": "onPaste($event)", "keydown": "onKeyDown($event)" } }, exportAs: ["mcNumericalInput"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNumberInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McNumberInput, decorators: [{
             type: Directive,
             args: [{
                     selector: `input[mcInput][type="number"]`,
                     exportAs: 'mcNumericalInput',
+                    providers: [MC_NUMBER_INPUT_VALUE_ACCESSOR],
                     host: {
                         '(blur)': 'focusChanged(false)',
                         '(focus)': 'focusChanged(true)',
                         '(paste)': 'onPaste($event)',
-                        '(keydown)': 'onKeyDown($event)'
+                        '(keydown)': 'onKeyDown($event)',
+                        '(input)': 'onInput($event)'
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
                     type: Attribute,
                     args: ['step']
                 }] }, { type: undefined, decorators: [{
@@ -173,6 +376,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Attribute,
                     args: ['max']
+                }] }, { type: i3.McLocaleService, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [MC_LOCALE_SERVICE]
                 }] }]; }, propDecorators: { bigStep: [{
                 type: Input
             }], step: [{
@@ -181,6 +389,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], max: [{
                 type: Input
+            }], withThousandSeparator: [{
+                type: Input
+            }], startFormattingFrom: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
             }] } });
 
 const MC_INPUT_VALUE_ACCESSOR = new InjectionToken('MC_INPUT_VALUE_ACCESSOR');
@@ -215,45 +431,6 @@ class McInputBase {
 /** @docs-private */
 const McInputMixinBase = mixinErrorState(McInputBase);
 class McInput extends McInputMixinBase {
-    // tslint:disable-next-line: naming-convention
-    constructor(elementRef, ngControl, numberInput, parentForm, parentFormGroup, defaultErrorStateMatcher, inputValueAccessor) {
-        super(defaultErrorStateMatcher, parentForm, parentFormGroup, ngControl);
-        this.elementRef = elementRef;
-        this.numberInput = numberInput;
-        /**
-         * Implemented as part of McFormFieldControl.
-         * @docs-private
-         */
-        this.focused = false;
-        /**
-         * Implemented as part of McFormFieldControl.
-         * @docs-private
-         */
-        this.stateChanges = new Subject();
-        /**
-         * Implemented as part of McFormFieldControl.
-         * @docs-private
-         */
-        this.controlType = 'input';
-        this.uid = `mc-input-${nextUniqueId$1++}`;
-        this.neverEmptyInputTypes = [
-            'date',
-            'datetime',
-            'datetime-local',
-            'month',
-            'time',
-            'week'
-        ].filter((t) => getSupportedInputTypes().has(t));
-        this._disabled = false;
-        this._required = false;
-        // tslint:enable no-reserved-keywords
-        this._type = 'text';
-        // If no input value accessor was explicitly specified, use the element as the input value accessor.
-        this.inputValueAccessor = inputValueAccessor || this.elementRef.nativeElement;
-        this.previousNativeValue = this.value;
-        // Force setter to be called in case id was not specified.
-        this.id = this.id;
-    }
     /**
      * Implemented as part of McFormFieldControl.
      * @docs-private
@@ -321,6 +498,45 @@ class McInput extends McInputMixinBase {
             this.stateChanges.next();
         }
     }
+    // tslint:disable-next-line: naming-convention
+    constructor(elementRef, ngControl, numberInput, parentForm, parentFormGroup, defaultErrorStateMatcher, inputValueAccessor) {
+        super(defaultErrorStateMatcher, parentForm, parentFormGroup, ngControl);
+        this.elementRef = elementRef;
+        this.numberInput = numberInput;
+        /**
+         * Implemented as part of McFormFieldControl.
+         * @docs-private
+         */
+        this.focused = false;
+        /**
+         * Implemented as part of McFormFieldControl.
+         * @docs-private
+         */
+        this.stateChanges = new Subject();
+        /**
+         * Implemented as part of McFormFieldControl.
+         * @docs-private
+         */
+        this.controlType = 'input';
+        this.uid = `mc-input-${nextUniqueId$1++}`;
+        this.neverEmptyInputTypes = [
+            'date',
+            'datetime',
+            'datetime-local',
+            'month',
+            'time',
+            'week'
+        ].filter((t) => getSupportedInputTypes().has(t));
+        this._disabled = false;
+        this._required = false;
+        // tslint:enable no-reserved-keywords
+        this._type = 'text';
+        // If no input value accessor was explicitly specified, use the element as the input value accessor.
+        this.inputValueAccessor = inputValueAccessor || this.elementRef.nativeElement;
+        this.previousNativeValue = this.value;
+        // Force setter to be called in case id was not specified.
+        this.id = this.id;
+    }
     ngOnChanges() {
         this.stateChanges.next();
     }
@@ -396,12 +612,12 @@ class McInput extends McInputMixinBase {
         const validity = this.elementRef.nativeElement.validity;
         return validity?.badInput;
     }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McInput, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: McNumberInput, optional: true, self: true }, { token: i1.NgForm, optional: true }, { token: i1.FormGroupDirective, optional: true }, { token: i3.ErrorStateMatcher }, { token: MC_INPUT_VALUE_ACCESSOR, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: McInput, selector: "input[mcInput]", inputs: { errorStateMatcher: "errorStateMatcher", placeholder: "placeholder", disabled: "disabled", id: "id", required: "required", type: "type", value: "value" }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)" }, properties: { "attr.id": "id", "attr.placeholder": "placeholder", "attr.disabled": "disabled || null", "required": "required" }, classAttribute: "mc-input" }, providers: [{
+                provide: McFormFieldControl, useExisting: McInput
+            }], exportAs: ["mcInput"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-/** @nocollapse */ McInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McInput, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: McNumberInput, optional: true, self: true }, { token: i1.NgForm, optional: true }, { token: i1.FormGroupDirective, optional: true }, { token: i3.ErrorStateMatcher }, { token: MC_INPUT_VALUE_ACCESSOR, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McInput.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McInput, selector: "input[mcInput]", inputs: { errorStateMatcher: "errorStateMatcher", placeholder: "placeholder", disabled: "disabled", id: "id", required: "required", type: "type", value: "value" }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)" }, properties: { "attr.id": "id", "attr.placeholder": "placeholder", "attr.disabled": "disabled || null", "required": "required" }, classAttribute: "mc-input" }, providers: [{
-            provide: McFormFieldControl, useExisting: McInput
-        }], exportAs: ["mcInput"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McInput, decorators: [{
             type: Directive,
             args: [{
                     selector: `input[mcInput]`,
@@ -456,10 +672,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }] } });
 class McInputMono {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McInputMono, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: McInputMono, selector: "input[mcInputMonospace]", host: { classAttribute: "mc-input_monospace" }, exportAs: ["McInputMonospace"], ngImport: i0 }); }
 }
-/** @nocollapse */ McInputMono.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McInputMono, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McInputMono.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McInputMono, selector: "input[mcInputMonospace]", host: { classAttribute: "mc-input_monospace" }, exportAs: ["McInputMonospace"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McInputMono, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McInputMono, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[mcInputMonospace]',
@@ -495,10 +711,10 @@ class MinValidator {
     createValidator() {
         this.validator = Validators.min(parseInt(this.min, 10));
     }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MinValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: MinValidator, selector: "[min][formControlName],[min][formControl],[min][ngModel]", inputs: { min: "min" }, host: { properties: { "attr.min": "min ? min : null" } }, providers: [MIN_VALIDATOR], usesOnChanges: true, ngImport: i0 }); }
 }
-/** @nocollapse */ MinValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MinValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ MinValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: MinValidator, selector: "[min][formControlName],[min][formControl],[min][ngModel]", inputs: { min: "min" }, host: { properties: { "attr.min": "min ? min : null" } }, providers: [MIN_VALIDATOR], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MinValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MinValidator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[min][formControlName],[min][formControl],[min][ngModel]',
@@ -537,10 +753,10 @@ class MaxValidator {
     createValidator() {
         this.validator = Validators.max(parseInt(this.max, 10));
     }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MaxValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: MaxValidator, selector: "[max][formControlName],[max][formControl],[max][ngModel]", inputs: { max: "max" }, host: { properties: { "attr.max": "max ? max : null" } }, providers: [MAX_VALIDATOR], usesOnChanges: true, ngImport: i0 }); }
 }
-/** @nocollapse */ MaxValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MaxValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ MaxValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: MaxValidator, selector: "[max][formControlName],[max][formControl],[max][ngModel]", inputs: { max: "max" }, host: { properties: { "attr.max": "max ? max : null" } }, providers: [MAX_VALIDATOR], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MaxValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MaxValidator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[max][formControlName],[max][formControl],[max][ngModel]',
@@ -555,14 +771,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
 
 let nextUniqueId = 0;
 class McPasswordToggle extends McTooltipTrigger {
-    constructor(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction, focusMonitor, formField) {
-        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);
-        this.focusMonitor = focusMonitor;
-        this.formField = formField;
-        this._tabIndex = 0;
-        this.trigger = `${PopUpTriggers.Hover}`;
-        this.runFocusMonitor();
-    }
     get content() {
         return this.formField.control.elementType === 'password' ?
             this.mcTooltipHidden :
@@ -592,6 +800,14 @@ class McPasswordToggle extends McTooltipTrigger {
     get visibility() {
         return this.disabled && this.formField.control.empty ? 'hidden' : 'visible';
     }
+    constructor(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction, focusMonitor, formField) {
+        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);
+        this.focusMonitor = focusMonitor;
+        this.formField = formField;
+        this._tabIndex = 0;
+        this.trigger = `${PopUpTriggers.Hover}`;
+        this.runFocusMonitor();
+    }
     ngOnDestroy() {
         this.stopFocusMonitor();
     }
@@ -618,10 +834,10 @@ class McPasswordToggle extends McTooltipTrigger {
     stopFocusMonitor() {
         this.focusMonitor.stopMonitoring(this.elementRef);
     }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McPasswordToggle, deps: [{ token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1$1.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i2.Directionality, optional: true }, { token: i3$1.FocusMonitor }, { token: i4.McFormField }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: McPasswordToggle, selector: "mc-password-toggle", inputs: { content: ["mcTooltipNotHidden", "content"], mcTooltipHidden: "mcTooltipHidden", disabled: "disabled", tabIndex: "tabIndex" }, host: { listeners: { "click": "toggle()", "keydown.ENTER": "toggle()", "keydown.SPACE": "toggle()" }, properties: { "class.mc-eye_16": "hidden", "class.mc-eye-crossed_16": "!hidden", "style.visibility": "visibility", "attr.tabindex": "disabled ? null : tabIndex", "attr.disabled": "disabled || null" }, classAttribute: "mc-password-toggle mc" }, exportAs: ["mcPasswordToggle"], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-/** @nocollapse */ McPasswordToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McPasswordToggle, deps: [{ token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1$1.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i2.Directionality, optional: true }, { token: i3$1.FocusMonitor }, { token: i4.McFormField }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McPasswordToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McPasswordToggle, selector: "mc-password-toggle", inputs: { content: ["mcTooltipNotHidden", "content"], mcTooltipHidden: "mcTooltipHidden", disabled: "disabled", tabIndex: "tabIndex" }, host: { listeners: { "click": "toggle()", "keydown.ENTER": "toggle()", "keydown.SPACE": "toggle()" }, properties: { "class.mc-eye_16": "hidden", "class.mc-eye-crossed_16": "!hidden", "style.visibility": "visibility", "attr.tabindex": "disabled ? null : tabIndex", "attr.disabled": "disabled || null" }, classAttribute: "mc-password-toggle mc" }, exportAs: ["mcPasswordToggle"], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McPasswordToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McPasswordToggle, decorators: [{
             type: Component,
             args: [{
                     selector: `mc-password-toggle`,
@@ -657,37 +873,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }] } });
 class McInputPassword extends McInputMixinBase {
-    // tslint:disable-next-line: naming-convention
-    constructor(elementRef, ngControl, parentForm, parentFormGroup, defaultErrorStateMatcher, inputValueAccessor) {
-        super(defaultErrorStateMatcher, parentForm, parentFormGroup, ngControl);
-        this.elementRef = elementRef;
-        /**
-         * Implemented as part of McFormFieldControl.
-         * @docs-private
-         */
-        this.focused = false;
-        /**
-         * Implemented as part of McFormFieldControl.
-         * @docs-private
-         */
-        this.stateChanges = new Subject();
-        this.checkRule = new Subject();
-        /**
-         * Implemented as part of McFormFieldControl.
-         * @docs-private
-         */
-        this.controlType = 'input-password';
-        this.elementType = 'password';
-        this.uid = `mc-input-${nextUniqueId++}`;
-        this._disabled = false;
-        this._required = false;
-        // If no input value accessor was explicitly specified, use the element as the input value
-        // accessor.
-        this._inputValueAccessor = inputValueAccessor || this.elementRef.nativeElement;
-        this.previousNativeValue = this.value;
-        // Force setter to be called in case id was not specified.
-        this.id = this.id;
-    }
     /**
      * Implemented as part of McFormFieldControl.
      * @docs-private
@@ -749,6 +934,37 @@ class McInputPassword extends McInputMixinBase {
     get empty() {
         return !this.elementRef.nativeElement.value && !this.isBadInput();
     }
+    // tslint:disable-next-line: naming-convention
+    constructor(elementRef, ngControl, parentForm, parentFormGroup, defaultErrorStateMatcher, inputValueAccessor) {
+        super(defaultErrorStateMatcher, parentForm, parentFormGroup, ngControl);
+        this.elementRef = elementRef;
+        /**
+         * Implemented as part of McFormFieldControl.
+         * @docs-private
+         */
+        this.focused = false;
+        /**
+         * Implemented as part of McFormFieldControl.
+         * @docs-private
+         */
+        this.stateChanges = new Subject();
+        this.checkRule = new Subject();
+        /**
+         * Implemented as part of McFormFieldControl.
+         * @docs-private
+         */
+        this.controlType = 'input-password';
+        this.elementType = 'password';
+        this.uid = `mc-input-${nextUniqueId++}`;
+        this._disabled = false;
+        this._required = false;
+        // If no input value accessor was explicitly specified, use the element as the input value
+        // accessor.
+        this._inputValueAccessor = inputValueAccessor || this.elementRef.nativeElement;
+        this.previousNativeValue = this.value;
+        // Force setter to be called in case id was not specified.
+        this.id = this.id;
+    }
     ngOnChanges() {
         this.stateChanges.next(null);
     }
@@ -821,12 +1037,12 @@ class McInputPassword extends McInputMixinBase {
         // The `validity` property won't be present on platform-server.
         return this.elementRef.nativeElement.validity?.badInput;
     }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McInputPassword, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.NgForm, optional: true }, { token: i1.FormGroupDirective, optional: true }, { token: i3.ErrorStateMatcher }, { token: MC_INPUT_VALUE_ACCESSOR, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: McInputPassword, selector: "input[mcInputPassword]", inputs: { errorStateMatcher: "errorStateMatcher", placeholder: "placeholder", disabled: "disabled", id: "id", required: "required", value: "value" }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)", "input": "onInput()" }, properties: { "attr.id": "id", "attr.type": "elementType", "attr.placeholder": "placeholder", "attr.disabled": "disabled || null", "required": "required" }, classAttribute: "mc-input mc-input-password" }, providers: [{
+                provide: McFormFieldControl, useExisting: McInputPassword
+            }], exportAs: ["mcInputPassword"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-/** @nocollapse */ McInputPassword.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McInputPassword, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.NgForm, optional: true }, { token: i1.FormGroupDirective, optional: true }, { token: i3.ErrorStateMatcher }, { token: MC_INPUT_VALUE_ACCESSOR, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McInputPassword.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McInputPassword, selector: "input[mcInputPassword]", inputs: { errorStateMatcher: "errorStateMatcher", placeholder: "placeholder", disabled: "disabled", id: "id", required: "required", value: "value" }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)", "input": "onInput()" }, properties: { "attr.id": "id", "attr.type": "elementType", "attr.placeholder": "placeholder", "attr.disabled": "disabled || null", "required": "required" }, classAttribute: "mc-input mc-input-password" }, providers: [{
-            provide: McFormFieldControl, useExisting: McInputPassword
-        }], exportAs: ["mcInputPassword"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McInputPassword, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McInputPassword, decorators: [{
             type: Directive,
             args: [{
                     selector: `input[mcInputPassword]`,
@@ -878,29 +1094,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class McInputModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: McInputModule, declarations: [McInput,
+            McNumberInput,
+            McInputPassword,
+            McPasswordToggle,
+            McInputMono,
+            MinValidator,
+            MaxValidator], imports: [CommonModule,
+            A11yModule,
+            McCommonModule,
+            FormsModule], exports: [McInput,
+            McNumberInput,
+            McInputPassword,
+            McPasswordToggle,
+            McInputMono,
+            MinValidator,
+            MaxValidator] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McInputModule, imports: [CommonModule,
+            A11yModule,
+            McCommonModule,
+            FormsModule] }); }
 }
-/** @nocollapse */ McInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ McInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McInputModule, declarations: [McInput,
-        McNumberInput,
-        McInputPassword,
-        McPasswordToggle,
-        McInputMono,
-        MinValidator,
-        MaxValidator], imports: [CommonModule,
-        A11yModule,
-        McCommonModule,
-        FormsModule], exports: [McInput,
-        McNumberInput,
-        McInputPassword,
-        McPasswordToggle,
-        McInputMono,
-        MinValidator,
-        MaxValidator] });
-/** @nocollapse */ McInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McInputModule, imports: [CommonModule,
-        A11yModule,
-        McCommonModule,
-        FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: McInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -934,5 +1150,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BIG_STEP, MAX_VALIDATOR, MC_INPUT_VALUE_ACCESSOR, MIN_VALIDATOR, MaxValidator, McInput, McInputBase, McInputMixinBase, McInputModule, McInputMono, McInputPassword, McNumberInput, McPasswordToggle, MinValidator, SMALL_STEP, add, getPrecision, isDigit, isFloat, isInt, normalizeSplitter };
+export { BIG_STEP, MAX_VALIDATOR, MC_INPUT_VALUE_ACCESSOR, MC_NUMBER_INPUT_VALUE_ACCESSOR, MIN_VALIDATOR, MaxValidator, McInput, McInputBase, McInputMixinBase, McInputModule, McInputMono, McInputPassword, McNumberInput, McPasswordToggle, MinValidator, SMALL_STEP, add, getPrecision, isDigit, isFloat, isInt, normalizeSplitter };
 //# sourceMappingURL=ptsecurity-mosaic-input.mjs.map