@ptsecurity/mosaic 17.2.8 → 17.2.10

package/fesm2022/ptsecurity-mosaic-ellipsis-center.mjs

@@ -1,26 +1,23 @@
-import * as i3 from '@angular/cdk/a11y';
-import * as i2 from '@angular/cdk/bidi';
-import * as i1 from '@angular/cdk/overlay';
 import * as i0 from '@angular/core';
-import { Directive, Inject, Optional, Input, NgModule } from '@angular/core';
-import { McTooltipTrigger, MC_TOOLTIP_SCROLL_STRATEGY } from '@ptsecurity/mosaic/tooltip';
+import { inject, Renderer2, Directive, Input, NgModule } from '@angular/core';
+import { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';
 import { Subject, Subscription } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
 
 const MIN_VISIBLE_LENGTH = 50;
 class McEllipsisCenterDirective extends McTooltipTrigger {
-    set mcEllipsisCenter(value) {
-        this._mcEllipsisCenter = value;
-        this.refresh();
-    }
-    constructor(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction, focusMonitor, renderer) {
-        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction, focusMonitor);
-        this.renderer = renderer;
+    constructor() {
+        super(...arguments);
         this.minVisibleLength = MIN_VISIBLE_LENGTH;
         this.resizeStream = new Subject();
+        this.renderer = inject(Renderer2);
         this.resizeSubscription = Subscription.EMPTY;
         this.debounceInterval = 50;
     }
+    set mcEllipsisCenter(value) {
+        this._mcEllipsisCenter = value;
+        this.refresh();
+    }
     ngOnInit() {
         super.ngOnInit();
         this.content = this._mcEllipsisCenter;
@@ -68,7 +65,7 @@ class McEllipsisCenterDirective extends McTooltipTrigger {
         this.renderer.appendChild(this.elementRef.nativeElement, dataTextStart);
         this.renderer.appendChild(this.elementRef.nativeElement, dataTextEnd);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: McEllipsisCenterDirective, deps: [{ token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i2.Directionality, optional: true }, { token: i3.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: McEllipsisCenterDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: McEllipsisCenterDirective, selector: "[mcEllipsisCenter]", inputs: { mcEllipsisCenter: "mcEllipsisCenter", minVisibleLength: "minVisibleLength" }, host: { listeners: { "window:resize": "resizeStream.next($event)" }, classAttribute: "mc-ellipsis-center" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: McEllipsisCenterDirective, decorators: [{
@@ -80,12 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                         '(window:resize)': 'resizeStream.next($event)'
                     }
                 }]
-        }], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.ScrollDispatcher }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MC_TOOLTIP_SCROLL_STRATEGY]
-                }] }, { type: i2.Directionality, decorators: [{
-                    type: Optional
-                }] }, { type: i3.FocusMonitor }, { type: i0.Renderer2 }], propDecorators: { mcEllipsisCenter: [{
+        }], propDecorators: { mcEllipsisCenter: [{
                 type: Input
             }], minVisibleLength: [{
                 type: Input

package/fesm2022/ptsecurity-mosaic-ellipsis-center.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ptsecurity-mosaic-ellipsis-center.mjs","sources":["../../../packages/mosaic/ellipsis-center/ellipsis-center.directive.ts","../../../packages/mosaic/ellipsis-center/ptsecurity-mosaic-ellipsis-center.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';\nimport {\n    Directive,\n    ElementRef,\n    Input,\n    OnInit,\n    OnDestroy,\n    NgZone,\n    ViewContainerRef,\n    Inject,\n    Optional, Renderer2, AfterViewInit, NgModule\n} from '@angular/core';\nimport { McTooltipTrigger, MC_TOOLTIP_SCROLL_STRATEGY } from '@ptsecurity/mosaic/tooltip';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\n\nconst MIN_VISIBLE_LENGTH = 50;\n\n@Directive({\n    selector: '[mcEllipsisCenter]',\n    host: {\n        class: 'mc-ellipsis-center',\n        '(window:resize)': 'resizeStream.next($event)'\n    }\n})\nexport class McEllipsisCenterDirective extends McTooltipTrigger implements OnInit, AfterViewInit, OnDestroy {\n    @Input() set mcEllipsisCenter(value: string) {\n        this._mcEllipsisCenter = value;\n        this.refresh();\n    }\n    @Input() minVisibleLength: number = MIN_VISIBLE_LENGTH;\n\n    readonly resizeStream = new Subject<Event>();\n\n    private _mcEllipsisCenter: string;\n\n    private resizeSubscription = Subscription.EMPTY;\n\n    private readonly debounceInterval: number = 50;\n\n    constructor(\n        overlay: Overlay,\n        elementRef: ElementRef<HTMLElement>,\n        ngZone: NgZone,\n        scrollDispatcher: ScrollDispatcher,\n        hostView: ViewContainerRef,\n        @Inject(MC_TOOLTIP_SCROLL_STRATEGY) scrollStrategy: any,\n        @Optional() direction: Directionality,\n        focusMonitor: FocusMonitor,\n        private renderer: Renderer2\n    ) {\n        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction, focusMonitor);\n    }\n\n    override ngOnInit(): void {\n        super.ngOnInit();\n        this.content = this._mcEllipsisCenter;\n        this.refresh();\n    }\n\n    ngAfterViewInit(): void {\n        this.resizeSubscription = this.resizeStream\n            .pipe(debounceTime(this.debounceInterval))\n            .subscribe(() => this.refresh());\n    }\n\n    ngOnDestroy() {\n        super.ngOnDestroy();\n        this.resizeSubscription.unsubscribe();\n    }\n\n    private refresh() {\n        let start = '';\n        let end = '';\n        const dataTextStartLength = 0.75;\n        this.content = this._mcEllipsisCenter;\n\n        const [dataTextStart, dataTextEnd] = ['data-text-start', 'data-text-end'].map((querySelector) => {\n            const element = this.elementRef.nativeElement.querySelector(`.${querySelector}`);\n            if (element) {\n                this.renderer.removeChild(this.elementRef.nativeElement, element);\n            }\n            const newElement = this.renderer.createElement('span');\n            this.renderer.addClass(newElement, querySelector);\n\n            return newElement;\n        });\n\n        this.renderer.appendChild(dataTextStart, this.renderer.createText(this._mcEllipsisCenter));\n        this.renderer.appendChild(dataTextEnd, this.renderer.createText(end));\n        setTimeout(() => {\n            this.disabled = this.elementRef.nativeElement.clientWidth > dataTextStart.scrollWidth;\n            if (this.disabled) {\n                start = '';\n                end = this._mcEllipsisCenter;\n            } else {\n                const sliceIndex: number = Math.round(this._mcEllipsisCenter.length * dataTextStartLength);\n\n                start = this._mcEllipsisCenter.slice(0, sliceIndex);\n                end = this._mcEllipsisCenter.slice(sliceIndex);\n            }\n            dataTextStart.innerText = start;\n            dataTextEnd.innerText = end;\n        });\n\n        this.renderer.appendChild(this.elementRef.nativeElement, dataTextStart);\n        this.renderer.appendChild(this.elementRef.nativeElement, dataTextEnd);\n    }\n}\n\n@NgModule({\n    imports: [],\n    exports: [McEllipsisCenterDirective],\n    declarations: [McEllipsisCenterDirective]\n})\nexport class McEllipsisCenterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ptsecurity-mosaic-ellipsis-center.mjs","sources":["../../../packages/mosaic/ellipsis-center/ellipsis-center.directive.ts","../../../packages/mosaic/ellipsis-center/ptsecurity-mosaic-ellipsis-center.ts"],"sourcesContent":["import {\n    Directive,\n    Input,\n    OnInit,\n    OnDestroy,\n    Renderer2,\n    AfterViewInit,\n    NgModule,\n    inject\n} from '@angular/core';\nimport { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\n\nconst MIN_VISIBLE_LENGTH = 50;\n\n@Directive({\n    selector: '[mcEllipsisCenter]',\n    host: {\n        class: 'mc-ellipsis-center',\n        '(window:resize)': 'resizeStream.next($event)'\n    }\n})\nexport class McEllipsisCenterDirective extends McTooltipTrigger implements OnInit, AfterViewInit, OnDestroy {\n    @Input() set mcEllipsisCenter(value: string) {\n        this._mcEllipsisCenter = value;\n        this.refresh();\n    }\n    @Input() minVisibleLength: number = MIN_VISIBLE_LENGTH;\n\n    readonly resizeStream = new Subject<Event>();\n\n    private renderer: Renderer2 = inject(Renderer2);\n\n    private _mcEllipsisCenter: string;\n\n    private resizeSubscription = Subscription.EMPTY;\n\n    private readonly debounceInterval: number = 50;\n\n    override ngOnInit(): void {\n        super.ngOnInit();\n        this.content = this._mcEllipsisCenter;\n        this.refresh();\n    }\n\n    ngAfterViewInit(): void {\n        this.resizeSubscription = this.resizeStream\n            .pipe(debounceTime(this.debounceInterval))\n            .subscribe(() => this.refresh());\n    }\n\n    ngOnDestroy() {\n        super.ngOnDestroy();\n        this.resizeSubscription.unsubscribe();\n    }\n\n    private refresh() {\n        let start = '';\n        let end = '';\n        const dataTextStartLength = 0.75;\n        this.content = this._mcEllipsisCenter;\n\n        const [dataTextStart, dataTextEnd] = ['data-text-start', 'data-text-end'].map((querySelector) => {\n            const element = this.elementRef.nativeElement.querySelector(`.${querySelector}`);\n            if (element) {\n                this.renderer.removeChild(this.elementRef.nativeElement, element);\n            }\n            const newElement = this.renderer.createElement('span');\n            this.renderer.addClass(newElement, querySelector);\n\n            return newElement;\n        });\n\n        this.renderer.appendChild(dataTextStart, this.renderer.createText(this._mcEllipsisCenter));\n        this.renderer.appendChild(dataTextEnd, this.renderer.createText(end));\n        setTimeout(() => {\n            this.disabled = this.elementRef.nativeElement.clientWidth > dataTextStart.scrollWidth;\n            if (this.disabled) {\n                start = '';\n                end = this._mcEllipsisCenter;\n            } else {\n                const sliceIndex: number = Math.round(this._mcEllipsisCenter.length * dataTextStartLength);\n\n                start = this._mcEllipsisCenter.slice(0, sliceIndex);\n                end = this._mcEllipsisCenter.slice(sliceIndex);\n            }\n            dataTextStart.innerText = start;\n            dataTextEnd.innerText = end;\n        });\n\n        this.renderer.appendChild(this.elementRef.nativeElement, dataTextStart);\n        this.renderer.appendChild(this.elementRef.nativeElement, dataTextEnd);\n    }\n}\n\n@NgModule({\n    imports: [],\n    exports: [McEllipsisCenterDirective],\n    declarations: [McEllipsisCenterDirective]\n})\nexport class McEllipsisCenterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ptsecurity-mosaic-input.mjs

@@ -1,4 +1,3 @@
-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';
@@ -6,21 +5,21 @@ import { forwardRef, EventEmitter, Directive, Attribute, Optional, Inject, Input
 import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators, FormsModule } from '@angular/forms';
 import * as i3 from '@ptsecurity/mosaic/core';
-import { MC_LOCALE_SERVICE, mixinErrorState, PopUpTriggers, McCommonModule } from '@ptsecurity/mosaic/core';
+import { ruRULocaleData, checkAndNormalizeLocalizedNumber, normalizeNumber, 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 * as i1$1 from '@ptsecurity/mosaic/form-field';
 import { McFormFieldControl } from '@ptsecurity/mosaic/form-field';
-import { Subject, Subscription } from 'rxjs';
+import { Subject } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 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';
+import { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';
 
 function getMcInputUnsupportedTypeError(inputType) {
     return Error(`Input type "${inputType}" isn't supported by mcInput.`);
 }
 
+const MC_INPUT_NUMBER_DEFAULT_CONFIGURATION = ruRULocaleData['ru-RU'].input.number;
 const BIG_STEP = 10;
 const SMALL_STEP = 1;
 // TODO: подставлять локализованный сплиттер
@@ -103,20 +102,18 @@ class McNumberInput {
         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.updateLocaleParams = () => {
+            this.config = this.localeService.getParams('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', {
@@ -127,14 +124,12 @@ 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);
+        this.localeService?.changes.pipe(takeUntilDestroyed()).subscribe(this.updateLocaleParams);
+        if (!localeService) {
+            this.initDefaultParams();
+        }
     }
     ngOnDestroy() {
-        this.localeSubscription.unsubscribe();
         this.valueChange.complete();
         this.disabledChange.complete();
     }
@@ -174,8 +169,8 @@ 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 isPeriod = (e) => this.numberLocaleConfig.groupSeparator.includes(e.key)
-            || [this.numberLocaleConfig.fractionSeparator, '.'].includes(e.key);
+        const isPeriod = (e) => this.config.groupSeparator.includes(e.key)
+            || [this.config.fractionSeparator, '.'].includes(e.key);
         const minuses = [NUMPAD_MINUS, DASH, FF_MINUS];
         const serviceKeys = [DELETE, BACKSPACE, TAB, ESCAPE, ENTER];
         const arrows = [LEFT_ARROW, RIGHT_ARROW];
@@ -186,8 +181,8 @@ class McNumberInput {
             return;
         }
         if (isPeriod(event)) {
-            if (event.key === this.numberLocaleConfig.fractionSeparator &&
-                this.viewValue.indexOf(this.numberLocaleConfig.fractionSeparator) !== -1) {
+            if (event.key === this.config.fractionSeparator &&
+                this.viewValue.indexOf(this.config.fractionSeparator) !== -1) {
                 event.preventDefault();
                 return;
             }
@@ -243,7 +238,7 @@ class McNumberInput {
         });
     }
     onPaste(event) {
-        this.valueFromPaste = this.checkAndNormalizeLocalizedNumber(event.clipboardData?.getData('text'));
+        this.valueFromPaste = checkAndNormalizeLocalizedNumber(event.clipboardData?.getData('text'));
         if (this.valueFromPaste === null) {
             event.preventDefault();
         }
@@ -264,6 +259,9 @@ class McNumberInput {
         this.cvaOnChange(res);
         this.valueChange.emit(res);
     }
+    initDefaultParams() {
+        this.config = MC_INPUT_NUMBER_DEFAULT_CONFIGURATION;
+    }
     setViewValue(value, savePosition = false) {
         const cursorPosition = this.nativeElement.selectionStart;
         this.renderer.setProperty(this.nativeElement, 'value', value);
@@ -273,7 +271,7 @@ class McNumberInput {
         }
     }
     viewToModelUpdate(newValue) {
-        const normalizedValue = newValue === null ? null : +this.normalizeNumber(newValue);
+        const normalizedValue = newValue === null ? null : +normalizeNumber(newValue, this.config);
         if (normalizedValue !== this.value) {
             this._value = normalizedValue;
             this.cvaOnChange(normalizedValue);
@@ -282,15 +280,15 @@ class McNumberInput {
         this.ngControl?.updateValueAndValidity({ emitEvent: false });
     }
     formatViewValue() {
-        if (this.viewValue === null || this.viewValue === '' || Number.isNaN(+this.normalizeNumber(this.viewValue))) {
+        if (this.viewValue === null || this.viewValue === '' || Number.isNaN(+normalizeNumber(this.viewValue, this.config))) {
             return null;
         }
-        const separator = this.numberLocaleConfig.groupSeparator.includes(' ')
-            && this.numberLocaleConfig.fractionSeparator === ','
+        const separator = this.config.groupSeparator.includes(' ')
+            && this.config.fractionSeparator === ','
             ? /[,.]/
-            : this.numberLocaleConfig.fractionSeparator;
+            : this.config.fractionSeparator;
         const [intPart, fractionPart] = this.viewValue.split(separator)
-            .map((valuePart) => this.normalizeNumber(valuePart));
+            .map((valuePart) => normalizeNumber(valuePart, this.config));
         return this.createLocalizedNumberFromParts(+intPart, fractionPart);
     }
     formatNumber(value) {
@@ -305,47 +303,18 @@ class McNumberInput {
             useGrouping: this.withThousandSeparator,
             maximumFractionDigits: 20
         };
-        if (this.withThousandSeparator && this.numberLocaleConfig.startFormattingFrom) {
+        if (this.withThousandSeparator && this.config.startFormattingFrom) {
             formatOptions.useGrouping = intPart >= Math.pow(
             // tslint:disable-next-line:no-magic-numbers
-            10, this.numberLocaleConfig.startFormattingFrom);
+            10, this.config.startFormattingFrom);
         }
-        const localeId = this.localeService.id === 'es-LA' ? 'ru-RU' : this.localeService.id;
+        const localeId = !this.localeService || 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;
+            : `${formatter.format(intPart)}${this.config.fractionSeparator}${formattedFractionPart}`;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", 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: "17.2.0", type: McNumberInput, selector: "input[mcNumberInput]", 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 }); }
@@ -800,8 +769,8 @@ 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, focusMonitor);
+    constructor(formField) {
+        super();
         this.formField = formField;
         this._tabIndex = 0;
         this.trigger = `${PopUpTriggers.Hover}`;
@@ -833,7 +802,7 @@ class McPasswordToggle extends McTooltipTrigger {
     stopFocusMonitor() {
         this.focusMonitor.stopMonitoring(this.elementRef);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: McPasswordToggle, deps: [{ token: i1$1.McFormField }], target: i0.ɵɵFactoryTarget.Component }); }
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", 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: "17.2.0", ngImport: i0, type: McPasswordToggle, decorators: [{
@@ -856,12 +825,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None
                 }]
-        }], ctorParameters: () => [{ type: i1$1.Overlay }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1$1.ScrollDispatcher }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MC_TOOLTIP_SCROLL_STRATEGY]
-                }] }, { type: i2.Directionality, decorators: [{
-                    type: Optional
-                }] }, { type: i3$1.FocusMonitor }, { type: i4.McFormField }], propDecorators: { content: [{
+        }], ctorParameters: () => [{ type: i1$1.McFormField }], propDecorators: { content: [{
                 type: Input,
                 args: ['mcTooltipNotHidden']
             }], mcTooltipHidden: [{
@@ -1149,5 +1113,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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 };
+export { BIG_STEP, MAX_VALIDATOR, MC_INPUT_NUMBER_DEFAULT_CONFIGURATION, 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