@ptsecurity/mosaic 15.6.0 → 16.0.0

package/fesm2015/ptsecurity-mosaic-form-field.mjs

@@ -1,772 +0,0 @@
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Component, Directive, Input, forwardRef, ChangeDetectionStrategy, Optional, Inject, EventEmitter, Output, InjectionToken, ViewEncapsulation, ContentChild, ContentChildren, ViewChild, Attribute, Self, NgModule } from '@angular/core';
-import * as i1 from '@ptsecurity/mosaic/icon';
-import { McIconModule } from '@ptsecurity/mosaic/icon';
-import { ThemePalette, mixinColor, MC_VALIDATION } from '@ptsecurity/mosaic/core';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { F8, ESCAPE } from '@ptsecurity/cdk/keycodes';
-import { Subject, EMPTY, merge } from 'rxjs';
-import { startWith, takeUntil } from 'rxjs/operators';
-import * as i1$2 from '@angular/cdk/a11y';
-import * as i1$3 from '@angular/forms';
-import { NgModel, FormControlName, FormControlDirective, RequiredValidator, NG_VALIDATORS } from '@angular/forms';
-
-class McCleaner {
-    constructor() {
-        this.themePalette = ThemePalette;
-    }
-}
-/** @nocollapse */ McCleaner.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCleaner, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McCleaner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McCleaner, selector: "mc-cleaner", host: { classAttribute: "mc-cleaner" }, exportAs: ["mcCleaner"], ngImport: i0, template: `<i class="mc-icon_light" mc-icon="mc-close-circle_16" [color]="themePalette.Secondary"></i>`, isInline: true, dependencies: [{ kind: "component", type: i1.McIcon, selector: "[mc-icon]", inputs: ["color"] }, { kind: "directive", type: i1.McIconCSSStyler, selector: "[mc-icon]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCleaner, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mc-cleaner',
-                    exportAs: 'mcCleaner',
-                    template: `<i class="mc-icon_light" mc-icon="mc-close-circle_16" [color]="themePalette.Secondary"></i>`,
-                    host: {
-                        class: 'mc-cleaner'
-                    }
-                }]
-        }] });
-
-/** An interface which allows a control to work inside of a `MсFormField`. */
-// tslint:disable-next-line:naming-convention
-class McFormFieldControl {
-}
-
-function getMcFormFieldMissingControlError() {
-    return Error('mc-form-field must contain a McFormFieldControl.');
-}
-function getMcFormFieldYouCanNotUseCleanerInNumberInputError() {
-    return Error(`You can't use mc-cleaner with input that have type="number"`);
-}
-
-let nextHintUniqueId = 0;
-/** @docs-private */
-class McHintBase {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-}
-/** @docs-private */
-const McHintMixinBase = mixinColor(McHintBase, ThemePalette.Empty);
-class McHint extends McHintMixinBase {
-    constructor(elementRef) {
-        super(elementRef);
-        this.id = `mc-hint-${nextHintUniqueId++}`;
-    }
-}
-/** @nocollapse */ McHint.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McHint, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McHint.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McHint, selector: "mc-hint", inputs: { color: "color", id: "id" }, host: { properties: { "attr.id": "id" }, classAttribute: "mc-hint" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McHint, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'mc-hint',
-                    inputs: ['color'],
-                    host: {
-                        class: 'mc-hint',
-                        '[attr.id]': 'id'
-                    }
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { id: [{
-                type: Input
-            }] } });
-
-let nextPasswordHintUniqueId = 0;
-var PasswordRules;
-(function (PasswordRules) {
-    PasswordRules[PasswordRules["Length"] = 0] = "Length";
-    PasswordRules[PasswordRules["UpperLatin"] = 1] = "UpperLatin";
-    PasswordRules[PasswordRules["LowerLatin"] = 2] = "LowerLatin";
-    PasswordRules[PasswordRules["Digit"] = 3] = "Digit";
-    PasswordRules[PasswordRules["LatinAndSpecialSymbols"] = 4] = "LatinAndSpecialSymbols";
-    PasswordRules[PasswordRules["Custom"] = 5] = "Custom";
-})(PasswordRules || (PasswordRules = {}));
-const regExpPasswordValidator = {
-    [PasswordRules.LowerLatin]: RegExp(/^(?=.*?[a-z])/),
-    [PasswordRules.UpperLatin]: RegExp(/^(?=.*?[A-Z])/),
-    [PasswordRules.Digit]: RegExp(/^(?=.*?[0-9])/),
-    [PasswordRules.LatinAndSpecialSymbols]: RegExp(/[^ !`"'#№$%&()*+,-./\\:;<=>?@[\]^_{|}~A-Za-z0-9]/)
-};
-const hasPasswordStrengthError = (passwordHints) => {
-    return passwordHints.some((hint) => hint.hasError);
-};
-class McPasswordHint {
-    constructor(changeDetectorRef, formField) {
-        this.changeDetectorRef = changeDetectorRef;
-        this.formField = formField;
-        this.id = `mc-hint-${nextPasswordHintUniqueId++}`;
-        this.hasError = false;
-        this.checked = false;
-        this.checkValue = () => {
-            if (this.control.focused && this.isValueChanged()) {
-                this.hasError = false;
-                this.checked = this.checkRule(this.control.value);
-            }
-            else if (!this.control.focused && !this.isValueChanged()) {
-                this.hasError = !this.checkRule(this.control.value);
-            }
-            if (!this.control.required && !this.control.value) {
-                this.checked = this.hasError = false;
-            }
-            this.lastControlValue = this.control.value;
-            this.changeDetectorRef.markForCheck();
-        };
-    }
-    get control() {
-        return this.formField.control;
-    }
-    ngAfterContentInit() {
-        this.formField = this.formField || this.viewFormField;
-        if (this.rule === null) {
-            throw Error('You should set [rule] name');
-        }
-        if (this.rule === PasswordRules.Custom && this.regex === undefined) {
-            throw Error('You should set [regex] for PasswordRules.Custom');
-        }
-        if (this.rule === PasswordRules.Length && (this.min || this.max) === null) {
-            throw Error('For [rule] "Length" need set [min] and [max]');
-        }
-        if (this.rule === PasswordRules.Length) {
-            this.checkRule = this.checkLengthRule;
-        }
-        else if ([PasswordRules.UpperLatin, PasswordRules.LowerLatin, PasswordRules.Digit].includes(this.rule)) {
-            this.regex = regExpPasswordValidator[this.rule];
-            this.checkRule = this.checkRegexRule;
-        }
-        else if (this.rule === PasswordRules.LatinAndSpecialSymbols) {
-            this.regex = regExpPasswordValidator[this.rule];
-            this.checkRule = this.checkSpecialSymbolsRegexRule;
-        }
-        else if (this.rule === PasswordRules.Custom) {
-            this.checkRule = this.checkRegexRule;
-        }
-        else {
-            throw Error(`Unknown [rule]=${this.rule}`);
-        }
-        this.formField.control.stateChanges
-            .subscribe(this.checkValue);
-        this.formField.control.checkRule
-            .subscribe(() => {
-            this.checked = this.checkRule(this.control.value);
-            this.hasError = !this.checkRule(this.control.value);
-        });
-    }
-    checkLengthRule(value) {
-        return value.length >= this.min && value.length <= this.max;
-    }
-    checkRegexRule(value) {
-        var _a;
-        return !!((_a = this.regex) === null || _a === void 0 ? void 0 : _a.test(value));
-    }
-    checkSpecialSymbolsRegexRule(value) {
-        var _a;
-        return !!value && !((_a = this.regex) === null || _a === void 0 ? void 0 : _a.test(value));
-    }
-    isValueChanged() {
-        return this.lastControlValue !== this.formField.control.value;
-    }
-}
-/** @nocollapse */ McPasswordHint.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McPasswordHint, deps: [{ token: i0.ChangeDetectorRef }, { token: forwardRef(() => MC_FORM_FIELD), optional: true }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McPasswordHint.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McPasswordHint, selector: "mc-password-hint", inputs: { id: "id", rule: "rule", min: "min", max: "max", regex: "regex", viewFormField: "viewFormField" }, host: { properties: { "class.mc-password-hint_valid": "checked", "class.mc-password-hint_invalid": "hasError", "attr.id": "id" }, classAttribute: "mc-password-hint" }, ngImport: i0, template: `
-        <i *ngIf="!checked" class="mc-password-hint__icon" mc-icon="mc-close-M_16"></i>
-        <i *ngIf="checked" class="mc-password-hint__icon" mc-icon="mc-check_16"></i>
-
-        <span class="mc-password-hint__text">
-            <ng-content></ng-content>
-        </span>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.McIcon, selector: "[mc-icon]", inputs: ["color"] }, { kind: "directive", type: i1.McIconCSSStyler, selector: "[mc-icon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McPasswordHint, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mc-password-hint',
-                    template: `
-        <i *ngIf="!checked" class="mc-password-hint__icon" mc-icon="mc-close-M_16"></i>
-        <i *ngIf="checked" class="mc-password-hint__icon" mc-icon="mc-check_16"></i>
-
-        <span class="mc-password-hint__text">
-            <ng-content></ng-content>
-        </span>
-    `,
-                    host: {
-                        class: 'mc-password-hint',
-                        '[class.mc-password-hint_valid]': 'checked',
-                        '[class.mc-password-hint_invalid]': 'hasError',
-                        '[attr.id]': 'id'
-                    },
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [forwardRef(() => MC_FORM_FIELD)]
-                    }] }];
-    }, propDecorators: { id: [{
-                type: Input
-            }], rule: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], regex: [{
-                type: Input
-            }], viewFormField: [{
-                type: Input
-            }] } });
-
-class McPrefix {
-}
-/** @nocollapse */ McPrefix.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McPrefix, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McPrefix.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McPrefix, selector: "[mcPrefix]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McPrefix, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mcPrefix]'
-                }]
-        }] });
-
-class McStepper {
-    constructor() {
-        this.stepUp = new EventEmitter();
-        this.stepDown = new EventEmitter();
-    }
-    connectTo(numberInput) {
-        if (!numberInput) {
-            return;
-        }
-        this.stepUp.subscribe(() => {
-            numberInput.stepUp(numberInput.step);
-        });
-        this.stepDown.subscribe(() => {
-            numberInput.stepDown(numberInput.step);
-        });
-    }
-    onStepUp($event) {
-        this.stepUp.emit();
-        $event.preventDefault();
-    }
-    onStepDown($event) {
-        this.stepDown.emit();
-        $event.preventDefault();
-    }
-}
-/** @nocollapse */ McStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McStepper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McStepper, selector: "mc-stepper", outputs: { stepUp: "stepUp", stepDown: "stepDown" }, ngImport: i0, template: `
-        <i class="mc mc-icon mc-icon_light mc-secondary mc-stepper-step-up mc-angle-down-L_16"
-           (mousedown)="onStepUp($event)">
-        </i>
-        <i class="mc mc-icon mc-icon_light mc-secondary mc-stepper-step-down mc-angle-down-L_16"
-           (mousedown)="onStepDown($event)">
-        </i>
-    `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McStepper, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mc-stepper',
-                    template: `
-        <i class="mc mc-icon mc-icon_light mc-secondary mc-stepper-step-up mc-angle-down-L_16"
-           (mousedown)="onStepUp($event)">
-        </i>
-        <i class="mc mc-icon mc-icon_light mc-secondary mc-stepper-step-down mc-angle-down-L_16"
-           (mousedown)="onStepDown($event)">
-        </i>
-    `
-                }]
-        }], propDecorators: { stepUp: [{
-                type: Output
-            }], stepDown: [{
-                type: Output
-            }] } });
-
-class McSuffix {
-}
-/** @nocollapse */ McSuffix.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McSuffix, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McSuffix.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McSuffix, selector: "[mcSuffix]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McSuffix, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mcSuffix]'
-                }]
-        }] });
-
-let nextUniqueId = 0;
-/**
- * Injection token that can be used to inject an instances of `MatFormField`. It serves
- * as alternative token to the actual `MatFormField` class which would cause unnecessary
- * retention of the `MatFormField` class and its component metadata.
- */
-const MC_FORM_FIELD = new InjectionToken('McFormField');
-/** @docs-private */
-class McFormFieldBase {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-}
-/** @docs-private */
-const McFormFieldMixinBase = mixinColor(McFormFieldBase);
-class McFormField extends McFormFieldMixinBase {
-    constructor(elementRef, changeDetectorRef, focusMonitor) {
-        super(elementRef);
-        this.elementRef = elementRef;
-        this.changeDetectorRef = changeDetectorRef;
-        this.focusMonitor = focusMonitor;
-        // Unique id for the internal form field label.
-        this.labelId = `mc-form-field-label-${nextUniqueId++}`;
-        this.hovered = false;
-        this.canCleanerClearByEsc = true;
-        this.$unsubscribe = new Subject();
-        this.runFocusMonitor();
-    }
-    get hasHint() {
-        var _a;
-        return ((_a = this.hint) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    }
-    get hasSuffix() {
-        var _a;
-        return ((_a = this.suffix) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    }
-    get hasPrefix() {
-        var _a;
-        return ((_a = this.prefix) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    }
-    get hasCleaner() {
-        return !!this.cleaner;
-    }
-    get hasStepper() {
-        return !!this.stepper;
-    }
-    get canShowCleaner() {
-        var _a;
-        return this.hasCleaner &&
-            ((_a = this.control) === null || _a === void 0 ? void 0 : _a.ngControl)
-            ? this.control.ngControl.value && !this.control.disabled
-            : false;
-    }
-    get disabled() {
-        var _a;
-        return (_a = this.control) === null || _a === void 0 ? void 0 : _a.disabled;
-    }
-    get canShowStepper() {
-        var _a;
-        return this.hasStepper &&
-            !this.disabled &&
-            (((_a = this.control) === null || _a === void 0 ? void 0 : _a.focused) || this.hovered);
-    }
-    ngAfterContentInit() {
-        var _a;
-        if (this.control.numberInput && this.hasCleaner) {
-            this.cleaner = null;
-            throw getMcFormFieldYouCanNotUseCleanerInNumberInputError();
-        }
-        this.validateControlChild();
-        if (this.control.controlType) {
-            this.elementRef.nativeElement.classList.add(`mc-form-field-type-${this.control.controlType}`);
-        }
-        // Subscribe to changes in the child control state in order to update the form field UI.
-        this.control.stateChanges
-            .pipe(startWith())
-            .subscribe((state) => {
-            var _a, _b;
-            if (this.passwordHints.length && !(state === null || state === void 0 ? void 0 : state.focused) && hasPasswordStrengthError(this.passwordHints)) {
-                (_b = (_a = this.control.ngControl) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.setErrors({ passwordStrength: true });
-            }
-            this.changeDetectorRef.markForCheck();
-        });
-        if (this.hasStepper) {
-            this.stepper.connectTo(this.control.numberInput);
-        }
-        // Run change detection if the value changes.
-        const valueChanges = ((_a = this.control.ngControl) === null || _a === void 0 ? void 0 : _a.valueChanges) || EMPTY;
-        merge(valueChanges)
-            .pipe(takeUntil(this.$unsubscribe))
-            .subscribe(() => this.changeDetectorRef.markForCheck());
-    }
-    ngAfterContentChecked() {
-        this.validateControlChild();
-    }
-    ngAfterViewInit() {
-        // Avoid animations on load.
-        this.changeDetectorRef.detectChanges();
-    }
-    clearValue($event) {
-        var _a, _b, _c;
-        $event.stopPropagation();
-        (_b = (_a = this.control) === null || _a === void 0 ? void 0 : _a.ngControl) === null || _b === void 0 ? void 0 : _b.reset();
-        (_c = this.control) === null || _c === void 0 ? void 0 : _c.focus();
-    }
-    onContainerClick($event) {
-        if (this.control.onContainerClick) {
-            this.control.onContainerClick($event);
-        }
-    }
-    onKeyDown(event) {
-        var _a, _b;
-        // tslint:disable-next-line:deprecation
-        if (this.control.controlType === 'input-password' && event.altKey && event.keyCode === F8) {
-            this.control.toggleType();
-        }
-        // tslint:disable-next-line:deprecation
-        if (this.canCleanerClearByEsc && event.keyCode === ESCAPE && this.control.focused && this.hasCleaner) {
-            (_b = (_a = this.control) === null || _a === void 0 ? void 0 : _a.ngControl) === null || _b === void 0 ? void 0 : _b.reset();
-            event.preventDefault();
-        }
-    }
-    onHoverChanged(isHovered) {
-        if (isHovered !== this.hovered) {
-            this.hovered = isHovered;
-            this.changeDetectorRef.markForCheck();
-        }
-    }
-    /**
-     * Gets an ElementRef for the element that a overlay attached to the form-field should be
-     * positioned relative to.
-     */
-    getConnectedOverlayOrigin() {
-        return this.connectionContainerRef || this.elementRef;
-    }
-    /** Determines whether a class from the NgControl should be forwarded to the host element. */
-    shouldForward(prop) {
-        var _a;
-        const ngControl = (_a = this.control) === null || _a === void 0 ? void 0 : _a.ngControl;
-        return ngControl && ngControl[prop];
-    }
-    ngOnDestroy() {
-        this.$unsubscribe.next();
-        this.$unsubscribe.complete();
-        this.stopFocusMonitor();
-    }
-    runFocusMonitor() {
-        this.focusMonitor.monitor(this.elementRef.nativeElement, true);
-    }
-    stopFocusMonitor() {
-        this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);
-    }
-    /** Throws an error if the form field's control is missing. */
-    validateControlChild() {
-        if (!this.control) {
-            throw getMcFormFieldMissingControlError();
-        }
-    }
-}
-/** @nocollapse */ McFormField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFormField, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McFormField, selector: "mc-form-field", inputs: { color: "color" }, host: { listeners: { "keydown": "onKeyDown($event)", "mouseenter": "onHoverChanged(true)", "mouseleave": "onHoverChanged(false)" }, properties: { "class.mc-form-field_invalid": "control.errorState", "class.mc-form-field_has-prefix": "hasPrefix", "class.mc-form-field_has-suffix": "hasSuffix", "class.mc-form-field_has-cleaner": "canShowCleaner", "class.mc-form-field_has-stepper": "canShowStepper", "class.mc-disabled": "control.disabled", "class.ng-untouched": "shouldForward(\"untouched\")", "class.ng-touched": "shouldForward(\"touched\")", "class.ng-pristine": "shouldForward(\"pristine\")", "class.ng-dirty": "shouldForward(\"dirty\")", "class.ng-valid": "shouldForward(\"valid\")", "class.ng-invalid": "shouldForward(\"invalid\")", "class.ng-pending": "shouldForward(\"pending\")" }, classAttribute: "mc-form-field" }, providers: [{ provide: MC_FORM_FIELD, useExisting: McFormField }], queries: [{ propertyName: "control", first: true, predicate: McFormFieldControl, descendants: true }, { propertyName: "stepper", first: true, predicate: McStepper, descendants: true }, { propertyName: "cleaner", first: true, predicate: McCleaner, descendants: true }, { propertyName: "hint", predicate: McHint }, { propertyName: "passwordHints", predicate: McPasswordHint }, { propertyName: "suffix", predicate: McSuffix }, { propertyName: "prefix", predicate: McPrefix }], viewQueries: [{ propertyName: "connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true, static: true }], exportAs: ["mcFormField"], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-form-field__container\" (click)=\"onContainerClick($event)\">\n\n    <div class=\"mc-form-field__prefix\" *ngIf=\"hasPrefix\">\n        <ng-content select=\"[mcPrefix]\"></ng-content>\n    </div>\n\n    <div class=\"mc-form-field__infix\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"mc-form-field__suffix\" *ngIf=\"hasSuffix\">\n        <ng-content select=\"[mcSuffix]\"></ng-content>\n    </div>\n\n    <div class=\"mc-form-field__cleaner\"\n         *ngIf=\"canShowCleaner && !hasSuffix\"\n         (click)=\"clearValue($event)\">\n        <ng-content select=\"mc-cleaner\"></ng-content>\n    </div>\n\n    <ng-content select=\"mc-password-toggle\"></ng-content>\n\n    <ng-content *ngIf=\"canShowStepper\" select=\"mc-stepper\"></ng-content>\n</div>\n\n<div class=\"mc-form-field__hint\">\n    <ng-content select=\"mc-hint, mc-password-hint\"></ng-content>\n</div>\n", styles: [".mc-form{display:flex;flex-direction:column}.mc-form__row{display:flex;flex-direction:row}.mc-form-horizontal .mc-form-row_margin{margin-bottom:var(--mc-forms-size-horizontal-row-margin-bottom, 20px)}.mc-form-horizontal .mc-form__label{padding-top:var(--mc-forms-size-horizontal-label-padding-top, 6px);text-align:start}.mc-form-horizontal .mc-form__control{padding-left:var(--mc-forms-size-horizontal-control-padding-left, 16px)}.mc-form-horizontal .mc-form__legend{margin-top:var(--mc-forms-size-horizontal-legend-margin-top, 32px);margin-bottom:var(--mc-forms-size-horizontal-legend-margin-bottom, 16px)}.mc-form-vertical .mc-form__row{flex-direction:column}.mc-form-vertical .mc-form-row_margin{margin-bottom:var(--mc-forms-size-vertical-row-margin-bottom, 16px)}.mc-form-vertical .mc-form__label{padding-top:var(--mc-forms-size-vertical-label-padding-top, 0);padding-bottom:var(--mc-forms-size-vertical-label-padding-bottom, 4px);text-align:start}.mc-form-vertical .mc-form__control{padding-left:0}.mc-form-vertical .mc-form__legend{margin-top:var(--mc-forms-size-vertical-legend-margin-top, 32px);margin-bottom:var(--mc-forms-size-vertical-legend-margin-bottom, 12px)}.mc-form__fieldset{display:flex;flex-direction:column}.mc-form__fieldset.mc-horizontal{flex-direction:row}.mc-form__fieldset.mc-horizontal .mc-form__row:not(:first-child){padding-left:var(--mc-forms-size-vertical-control-padding-left, 24px)}.mc-form-field{position:relative;display:inline-block;width:100%}.mc-form-field,.mc-form-field .mc-input{border-radius:var(--mc-form-field-size-border-radius, 4px)}.mc-form-field:hover{z-index:1}.mc-form-field.mc-focused{z-index:2}.mc-form-field-type-input-password .mc-input{padding-right:var(--mc-form-field-size-button-width, 32px)}.mc-hint{display:block}.mc-password-hint{display:block;padding-left:calc(16px + var(--mc-form-field-password-hint-size-icon-margin, 4px));margin-top:var(--mc-form-field-password-hint-size-margin-top, 8px)}.mc-password-hint .mc-icon{position:absolute;left:0}.mc-password-hint:first-child{margin-top:12px}.mc-form-field__hint>.mc-hint{margin-top:var(--mc-form-field-hint-size-margin-top, 4px)}.mc-form-field__container{position:relative;border-width:var(--mc-form-field-size-border-width, 1px);border-style:solid;border-color:transparent;border-radius:var(--mc-form-field-size-border-radius, 4px)}.mc-form-field_without-borders .mc-form-field__container{border-color:transparent}.mc-form-field__prefix,.mc-form-field__suffix{position:absolute;top:0;bottom:0;width:32px;display:flex;flex-direction:row;justify-content:center;align-items:center}.mc-form-field__prefix{left:0}.mc-form-field__suffix{right:0}.mc-form-field_has-suffix .mc-input,.mc-form-field_has-cleaner .mc-input,.mc-form-field_has-stepper .mc-input{padding-right:var(--mc-form-field-size-button-width, 32px)}.mc-form-field_has-prefix .mc-input{padding-left:var(--mc-form-field-size-button-width, 32px)}.mc-cleaner{display:flex;width:var(--mc-form-field-size-button-width, 32px);height:100%;cursor:pointer}.mc-cleaner .mc-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.mc-form-field__cleaner .mc-cleaner{position:absolute;top:0;bottom:0;right:0}mc-stepper{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;bottom:0;right:0;width:var(--mc-form-field-size-button-width, 32px)}mc-stepper .mc-stepper-step-up,mc-stepper .mc-stepper-step-down{cursor:pointer;width:var(--mc-form-field-size-button-width, 32px);text-align:center}mc-stepper .mc-stepper-step-up{transform:scaleY(-1)}\n", ".mc-input{background:transparent;padding:0;margin:0;border:none;outline:none;width:var(--mc-input-size-width, 100%);min-height:calc(var(--mc-form-field-size-height, 32px) - var(--mc-form-field-size-border-width, 1px) * 2);padding:var(--mc-input-size-padding, 0 12px)}.mc-input::-ms-clear{display:none;width:0;height:0}.mc-input::-ms-reveal{display:none;width:0;height:0}.mc-input::-webkit-search-decoration,.mc-input::-webkit-search-cancel-button,.mc-input::-webkit-search-results-button,.mc-input::-webkit-search-results-decoration{display:none}.mc-input{display:inline-block;box-sizing:border-box}input.mc-input[type=number]{-moz-appearance:textfield}input.mc-input[type=number]::-webkit-inner-spin-button,input.mc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.mc-input:invalid{box-shadow:unset}input.mc-input::placeholder{opacity:1}.mc-password-toggle{display:flex;position:absolute;top:-1px;right:-1px;border:1px solid transparent;width:32px;height:32px;align-items:center;justify-content:center;cursor:pointer;border-top-right-radius:var(--mc-form-field-size-border-radius, 4px);border-bottom-right-radius:var(--mc-form-field-size-border-radius, 4px)}.mc-password-toggle::-moz-focus-inner{border:0}.mc-password-toggle:focus{outline:none}\n", ".mc-timepicker{padding-right:calc(var(--mc-timepicker-size-padding-right, 16px) - var(--mc-form-field-size-border-width, 1px))}.mc-form-field-type-timepicker{width:auto}\n", ".mc-form-field-type-datepicker{width:auto}.mc-datepicker{width:var(--mc-datepicker-input-size-width, 130px)}\n", ".mc-textarea{background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--mc-textarea-size-padding, 5px 12px)}.mc-textarea{display:inline-block;-webkit-appearance:none;vertical-align:bottom}.mc-textarea:not(.mc-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.mc-textarea.mc-textarea-resizable{resize:vertical;min-height:var(--mc-textarea-size-min-height, 50px)}.mc-textarea:invalid{box-shadow:unset}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFormField, decorators: [{
-            type: Component,
-            args: [{ selector: 'mc-form-field', exportAs: 'mcFormField', host: {
-                        class: 'mc-form-field',
-                        '[class.mc-form-field_invalid]': 'control.errorState',
-                        '[class.mc-form-field_has-prefix]': 'hasPrefix',
-                        '[class.mc-form-field_has-suffix]': 'hasSuffix',
-                        '[class.mc-form-field_has-cleaner]': 'canShowCleaner',
-                        '[class.mc-form-field_has-stepper]': 'canShowStepper',
-                        '[class.mc-disabled]': 'control.disabled',
-                        '[class.ng-untouched]': 'shouldForward("untouched")',
-                        '[class.ng-touched]': 'shouldForward("touched")',
-                        '[class.ng-pristine]': 'shouldForward("pristine")',
-                        '[class.ng-dirty]': 'shouldForward("dirty")',
-                        '[class.ng-valid]': 'shouldForward("valid")',
-                        '[class.ng-invalid]': 'shouldForward("invalid")',
-                        '[class.ng-pending]': 'shouldForward("pending")',
-                        '(keydown)': 'onKeyDown($event)',
-                        '(mouseenter)': 'onHoverChanged(true)',
-                        '(mouseleave)': 'onHoverChanged(false)'
-                    }, inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: MC_FORM_FIELD, useExisting: McFormField }], template: "<div class=\"mc-form-field__container\" (click)=\"onContainerClick($event)\">\n\n    <div class=\"mc-form-field__prefix\" *ngIf=\"hasPrefix\">\n        <ng-content select=\"[mcPrefix]\"></ng-content>\n    </div>\n\n    <div class=\"mc-form-field__infix\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"mc-form-field__suffix\" *ngIf=\"hasSuffix\">\n        <ng-content select=\"[mcSuffix]\"></ng-content>\n    </div>\n\n    <div class=\"mc-form-field__cleaner\"\n         *ngIf=\"canShowCleaner && !hasSuffix\"\n         (click)=\"clearValue($event)\">\n        <ng-content select=\"mc-cleaner\"></ng-content>\n    </div>\n\n    <ng-content select=\"mc-password-toggle\"></ng-content>\n\n    <ng-content *ngIf=\"canShowStepper\" select=\"mc-stepper\"></ng-content>\n</div>\n\n<div class=\"mc-form-field__hint\">\n    <ng-content select=\"mc-hint, mc-password-hint\"></ng-content>\n</div>\n", styles: [".mc-form{display:flex;flex-direction:column}.mc-form__row{display:flex;flex-direction:row}.mc-form-horizontal .mc-form-row_margin{margin-bottom:var(--mc-forms-size-horizontal-row-margin-bottom, 20px)}.mc-form-horizontal .mc-form__label{padding-top:var(--mc-forms-size-horizontal-label-padding-top, 6px);text-align:start}.mc-form-horizontal .mc-form__control{padding-left:var(--mc-forms-size-horizontal-control-padding-left, 16px)}.mc-form-horizontal .mc-form__legend{margin-top:var(--mc-forms-size-horizontal-legend-margin-top, 32px);margin-bottom:var(--mc-forms-size-horizontal-legend-margin-bottom, 16px)}.mc-form-vertical .mc-form__row{flex-direction:column}.mc-form-vertical .mc-form-row_margin{margin-bottom:var(--mc-forms-size-vertical-row-margin-bottom, 16px)}.mc-form-vertical .mc-form__label{padding-top:var(--mc-forms-size-vertical-label-padding-top, 0);padding-bottom:var(--mc-forms-size-vertical-label-padding-bottom, 4px);text-align:start}.mc-form-vertical .mc-form__control{padding-left:0}.mc-form-vertical .mc-form__legend{margin-top:var(--mc-forms-size-vertical-legend-margin-top, 32px);margin-bottom:var(--mc-forms-size-vertical-legend-margin-bottom, 12px)}.mc-form__fieldset{display:flex;flex-direction:column}.mc-form__fieldset.mc-horizontal{flex-direction:row}.mc-form__fieldset.mc-horizontal .mc-form__row:not(:first-child){padding-left:var(--mc-forms-size-vertical-control-padding-left, 24px)}.mc-form-field{position:relative;display:inline-block;width:100%}.mc-form-field,.mc-form-field .mc-input{border-radius:var(--mc-form-field-size-border-radius, 4px)}.mc-form-field:hover{z-index:1}.mc-form-field.mc-focused{z-index:2}.mc-form-field-type-input-password .mc-input{padding-right:var(--mc-form-field-size-button-width, 32px)}.mc-hint{display:block}.mc-password-hint{display:block;padding-left:calc(16px + var(--mc-form-field-password-hint-size-icon-margin, 4px));margin-top:var(--mc-form-field-password-hint-size-margin-top, 8px)}.mc-password-hint .mc-icon{position:absolute;left:0}.mc-password-hint:first-child{margin-top:12px}.mc-form-field__hint>.mc-hint{margin-top:var(--mc-form-field-hint-size-margin-top, 4px)}.mc-form-field__container{position:relative;border-width:var(--mc-form-field-size-border-width, 1px);border-style:solid;border-color:transparent;border-radius:var(--mc-form-field-size-border-radius, 4px)}.mc-form-field_without-borders .mc-form-field__container{border-color:transparent}.mc-form-field__prefix,.mc-form-field__suffix{position:absolute;top:0;bottom:0;width:32px;display:flex;flex-direction:row;justify-content:center;align-items:center}.mc-form-field__prefix{left:0}.mc-form-field__suffix{right:0}.mc-form-field_has-suffix .mc-input,.mc-form-field_has-cleaner .mc-input,.mc-form-field_has-stepper .mc-input{padding-right:var(--mc-form-field-size-button-width, 32px)}.mc-form-field_has-prefix .mc-input{padding-left:var(--mc-form-field-size-button-width, 32px)}.mc-cleaner{display:flex;width:var(--mc-form-field-size-button-width, 32px);height:100%;cursor:pointer}.mc-cleaner .mc-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.mc-form-field__cleaner .mc-cleaner{position:absolute;top:0;bottom:0;right:0}mc-stepper{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;bottom:0;right:0;width:var(--mc-form-field-size-button-width, 32px)}mc-stepper .mc-stepper-step-up,mc-stepper .mc-stepper-step-down{cursor:pointer;width:var(--mc-form-field-size-button-width, 32px);text-align:center}mc-stepper .mc-stepper-step-up{transform:scaleY(-1)}\n", ".mc-input{background:transparent;padding:0;margin:0;border:none;outline:none;width:var(--mc-input-size-width, 100%);min-height:calc(var(--mc-form-field-size-height, 32px) - var(--mc-form-field-size-border-width, 1px) * 2);padding:var(--mc-input-size-padding, 0 12px)}.mc-input::-ms-clear{display:none;width:0;height:0}.mc-input::-ms-reveal{display:none;width:0;height:0}.mc-input::-webkit-search-decoration,.mc-input::-webkit-search-cancel-button,.mc-input::-webkit-search-results-button,.mc-input::-webkit-search-results-decoration{display:none}.mc-input{display:inline-block;box-sizing:border-box}input.mc-input[type=number]{-moz-appearance:textfield}input.mc-input[type=number]::-webkit-inner-spin-button,input.mc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.mc-input:invalid{box-shadow:unset}input.mc-input::placeholder{opacity:1}.mc-password-toggle{display:flex;position:absolute;top:-1px;right:-1px;border:1px solid transparent;width:32px;height:32px;align-items:center;justify-content:center;cursor:pointer;border-top-right-radius:var(--mc-form-field-size-border-radius, 4px);border-bottom-right-radius:var(--mc-form-field-size-border-radius, 4px)}.mc-password-toggle::-moz-focus-inner{border:0}.mc-password-toggle:focus{outline:none}\n", ".mc-timepicker{padding-right:calc(var(--mc-timepicker-size-padding-right, 16px) - var(--mc-form-field-size-border-width, 1px))}.mc-form-field-type-timepicker{width:auto}\n", ".mc-form-field-type-datepicker{width:auto}.mc-datepicker{width:var(--mc-datepicker-input-size-width, 130px)}\n", ".mc-textarea{background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--mc-textarea-size-padding, 5px 12px)}.mc-textarea{display:inline-block;-webkit-appearance:none;vertical-align:bottom}.mc-textarea:not(.mc-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.mc-textarea.mc-textarea-resizable{resize:vertical;min-height:var(--mc-textarea-size-min-height, 50px)}.mc-textarea:invalid{box-shadow:unset}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$2.FocusMonitor }]; }, propDecorators: { control: [{
-                type: ContentChild,
-                args: [McFormFieldControl, { static: false }]
-            }], stepper: [{
-                type: ContentChild,
-                args: [McStepper, { static: false }]
-            }], cleaner: [{
-                type: ContentChild,
-                args: [McCleaner, { static: false }]
-            }], hint: [{
-                type: ContentChildren,
-                args: [McHint]
-            }], passwordHints: [{
-                type: ContentChildren,
-                args: [McPasswordHint]
-            }], suffix: [{
-                type: ContentChildren,
-                args: [McSuffix]
-            }], prefix: [{
-                type: ContentChildren,
-                args: [McPrefix]
-            }], connectionContainerRef: [{
-                type: ViewChild,
-                args: ['connectionContainer', { static: true }]
-            }] } });
-class McFormFieldWithoutBorders {
-}
-/** @nocollapse */ McFormFieldWithoutBorders.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFormFieldWithoutBorders, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McFormFieldWithoutBorders.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McFormFieldWithoutBorders, selector: "mc-form-field[mcFormFieldWithoutBorders]", host: { classAttribute: "mc-form-field_without-borders" }, exportAs: ["mcFormFieldWithoutBorders"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFormFieldWithoutBorders, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'mc-form-field[mcFormFieldWithoutBorders]',
-                    exportAs: 'mcFormFieldWithoutBorders',
-                    host: { class: 'mc-form-field_without-borders' }
-                }]
-        }] });
-class McTrim {
-    constructor(noTrim, ngControl) {
-        var _a;
-        this.noTrim = noTrim;
-        this.ngControl = ngControl;
-        this.registerOnChange = (fn) => {
-            return this.original.call(this.ngControl.valueAccessor, (value) => fn(this.trim(value)));
-        };
-        this.noTrim = coerceBooleanProperty(noTrim);
-        if (this.noTrim || !((_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.valueAccessor)) {
-            return;
-        }
-        this.original = this.ngControl.valueAccessor.registerOnChange;
-        this.ngControl.valueAccessor.registerOnChange = this.registerOnChange;
-    }
-    trim(value) {
-        if (this.noTrim) {
-            return value;
-        }
-        return typeof value === 'string' ? value.trim() : value;
-    }
-}
-/** @nocollapse */ McTrim.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTrim, deps: [{ token: 'no-trim', attribute: true }, { token: i1$3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McTrim.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McTrim, selector: "[mcInput], [mcTextarea]", host: { classAttribute: "mc-trim" }, exportAs: ["McTrim"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTrim, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mcInput], [mcTextarea]',
-                    exportAs: 'McTrim',
-                    host: { class: 'mc-trim' }
-                }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Attribute,
-                        args: ['no-trim']
-                    }] }, { type: i1$3.NgControl, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Self
-                    }] }];
-    } });
-
-class McValidateDirective {
-    constructor(formFieldControl, rawValidators, ngControl, parentForm, parentFormGroup, mcValidation, cdr) {
-        this.formFieldControl = formFieldControl;
-        this.rawValidators = rawValidators;
-        this.ngControl = ngControl;
-        this.parentForm = parentForm;
-        this.parentFormGroup = parentFormGroup;
-        this.mcValidation = mcValidation;
-        this.cdr = cdr;
-    }
-    get isNgModel() {
-        return this.ngControl instanceof NgModel;
-    }
-    get isFormControlName() {
-        return this.ngControl instanceof FormControlName;
-    }
-    get isFormControl() {
-        return this.ngControl instanceof FormControlDirective;
-    }
-    get validationControl() {
-        var _a;
-        return ((_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.control) || this.ngControl;
-    }
-    get parent() {
-        return this.parentForm || this.parentFormGroup;
-    }
-    get hasNotSubmittedParent() {
-        return this.parent && !this.parent.submitted;
-    }
-    ngAfterContentInit() {
-        if (this.mcValidation.useValidation) {
-            this.setMosaicValidation();
-        }
-    }
-    setValidState(control, validator) {
-        if (!control) {
-            return;
-        }
-        control.clearValidators();
-        control.updateValueAndValidity({ emitEvent: false });
-        control.setValidators(validator);
-    }
-    /** This function do next:
-     * - run validation on submitting parent form
-     * - prevent validation in required validator if form doesn't submitted
-     * - if control has focus validation will be prevented
-     */
-    setMosaicValidation() {
-        var _a;
-        if (!this.validationControl) {
-            return;
-        }
-        (_a = this.parent) === null || _a === void 0 ? void 0 : _a.ngSubmit.subscribe(() => this.validationControl.updateValueAndValidity({ emitEvent: false }));
-        if (this.isNgModel) {
-            this.setMosaicValidationForModelControl();
-        }
-        else if (this.isFormControl || this.isFormControlName) {
-            this.setMosaicValidationForFormControl();
-        }
-    }
-    setMosaicValidationForModelControl() {
-        if (!this.rawValidators) {
-            return;
-        }
-        this.rawValidators.forEach((validator) => {
-            // tslint:disable-next-line: no-unbound-method
-            const originalValidate = validator.validate;
-            if (validator instanceof RequiredValidator) {
-                // changed required validation logic
-                validator.validate = (control) => {
-                    if (this.hasNotSubmittedParent) {
-                        return null;
-                    }
-                    return originalValidate.call(validator, control);
-                };
-            }
-            else {
-                // changed all other validation logic
-                validator.validate = (control) => {
-                    if (this.formFieldControl.focused) {
-                        return null;
-                    }
-                    return originalValidate.call(validator, control);
-                };
-            }
-        });
-    }
-    setMosaicValidationForFormControl() {
-        const originalValidator = this.validationControl.validator;
-        // changed required validation logic after initialization
-        if (this.validationControl.invalid && this.validationControl.errors.required) {
-            Promise.resolve().then(() => {
-                this.setValidState(this.validationControl, originalValidator);
-                this.cdr.markForCheck();
-            });
-        }
-        // check dynamic updates
-        this.validationControl.statusChanges
-            .subscribe(() => {
-            // changed required validation logic
-            if (this.validationControl.invalid && (this.hasNotSubmittedParent) && this.validationControl.errors.required) {
-                this.setValidState(this.validationControl, originalValidator);
-            }
-            // changed all other validation logic
-            if (this.validationControl.invalid && this.formFieldControl.focused) {
-                this.setValidState(this.validationControl, originalValidator);
-            }
-        });
-    }
-}
-/** @nocollapse */ McValidateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McValidateDirective, deps: [{ token: forwardRef(() => McFormFieldControl) }, { token: NG_VALIDATORS, optional: true, self: true }, { token: i1$3.NgControl, optional: true, self: true }, { token: i1$3.NgForm, optional: true }, { token: i1$3.FormGroupDirective, optional: true }, { token: MC_VALIDATION, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McValidateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McValidateDirective, selector: "\n        input[mcInput],\n        input[mcInputPassword],\n        input[mcTimepicker],\n        input[mcDatepicker],\n        textarea[mcTextarea],\n        mc-select,\n        mc-tree-select,\n        mc-tag-list\n    ", exportAs: ["McValidate"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McValidateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `
-        input[mcInput],
-        input[mcInputPassword],
-        input[mcTimepicker],
-        input[mcDatepicker],
-        textarea[mcTextarea],
-        mc-select,
-        mc-tree-select,
-        mc-tag-list
-    `,
-                    exportAs: 'McValidate'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: McFormFieldControl, decorators: [{
-                        type: Inject,
-                        args: [forwardRef(() => McFormFieldControl)]
-                    }] }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Self
-                    }, {
-                        type: Inject,
-                        args: [NG_VALIDATORS]
-                    }] }, { type: i1$3.NgControl, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Self
-                    }] }, { type: i1$3.NgForm, decorators: [{
-                        type: Optional
-                    }] }, { type: i1$3.FormGroupDirective, decorators: [{
-                        type: Optional
-                    }] }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [MC_VALIDATION]
-                    }] }, { type: i0.ChangeDetectorRef }];
-    } });
-
-class McFormFieldModule {
-}
-/** @nocollapse */ McFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ McFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McFormFieldModule, declarations: [McFormField,
-        McFormFieldWithoutBorders,
-        McHint,
-        McPasswordHint,
-        McPrefix,
-        McSuffix,
-        McCleaner,
-        McStepper,
-        McValidateDirective,
-        McTrim], imports: [CommonModule, McIconModule], exports: [McFormField,
-        McFormFieldWithoutBorders,
-        McHint,
-        McPasswordHint,
-        McPrefix,
-        McSuffix,
-        McCleaner,
-        McStepper,
-        McValidateDirective,
-        McTrim] });
-/** @nocollapse */ McFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFormFieldModule, imports: [CommonModule, McIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFormFieldModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        McFormField,
-                        McFormFieldWithoutBorders,
-                        McHint,
-                        McPasswordHint,
-                        McPrefix,
-                        McSuffix,
-                        McCleaner,
-                        McStepper,
-                        McValidateDirective,
-                        McTrim
-                    ],
-                    imports: [CommonModule, McIconModule],
-                    exports: [
-                        McFormField,
-                        McFormFieldWithoutBorders,
-                        McHint,
-                        McPasswordHint,
-                        McPrefix,
-                        McSuffix,
-                        McCleaner,
-                        McStepper,
-                        McValidateDirective,
-                        McTrim
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { MC_FORM_FIELD, McCleaner, McFormField, McFormFieldBase, McFormFieldControl, McFormFieldMixinBase, McFormFieldModule, McFormFieldWithoutBorders, McHint, McHintBase, McHintMixinBase, McPasswordHint, McPrefix, McStepper, McSuffix, McTrim, McValidateDirective, PasswordRules, getMcFormFieldMissingControlError, getMcFormFieldYouCanNotUseCleanerInNumberInputError, hasPasswordStrengthError, regExpPasswordValidator };
-//# sourceMappingURL=ptsecurity-mosaic-form-field.mjs.map