@ptsecurity/mosaic 14.7.2 → 15.0.0

package/form-field/_form-field-theme.scss

@@ -0,0 +1,133 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/theming/theming' as *;
+@use '../core/styles/typography/typography-utils' as *;
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+@mixin mc-form-field-theme($theme) {
+    $foreground: map.get($theme, foreground);
+    $background: map.get($theme, background);
+
+    $primary: map.get($theme, primary);
+    $secondary: map.get($theme, secondary);
+    $error: map.get($theme, error);
+
+    $form-field: map.get(map.get($theme, components), form-field);
+
+    .mc-form-field {
+        & .mc-form-field__container {
+            background-color: map.get($form-field, background);
+        }
+
+        & .mc-form-field__hint {
+            color: map.get($foreground, text-less-contrast);
+        }
+
+        &:not(.mc-form-field_without-borders) {
+            .mc-form-field__container {
+                border-color: map.get($form-field, border);
+            }
+
+            &:hover .mc-form-field__container {
+                border-color: map.get($form-field, state-hover-border);
+            }
+
+            &.ng-invalid {
+                & .mc-form-field__container {
+                    border-color: map.get($form-field, state-invalid-border);
+                    background-color: map.get($form-field, state-invalid-background);
+
+                    .mc-input,
+                    .mc-textarea {
+                        color: map.get($foreground, text-error);
+                    }
+                }
+            }
+
+            &.cdk-focused {
+                &:not(.ng-invalid) .mc-form-field__container {
+                    border-color: map.get(map.get($theme, states), focused-color);
+                    box-shadow: 0 0 0 1px map.get(map.get($theme, states), focused-color);
+                }
+
+                &.ng-invalid .mc-form-field__container {
+                    box-shadow: 0 0 0 1px mc-color($error);
+                }
+            }
+
+            /* stylelint-disable no-descending-specificity */
+            &.mc-disabled .mc-form-field__container {
+                border-color: map.get($form-field, border);
+
+                background-color: map.get($background, background-disabled);
+
+                .mc-icon,
+                .mc-input,
+                .mc-textarea {
+                    color: map.get($foreground, text-disabled);
+                    -webkit-text-fill-color: map.get($foreground, text-disabled);
+                }
+            }
+            /* stylelint-enable no-descending-specificity */
+        }
+    }
+
+    .mc-hint {
+        &.mc-primary {
+            color: mc-color($primary);
+        }
+
+        &.mc-secondary {
+            color: mc-color($secondary);
+        }
+
+        &.mc-error {
+            color: map.get($foreground, text-error);
+        }
+    }
+
+    .mc-password-hint {
+        $password-hint: map.get(map.get($theme, components), form-field-password-hint);
+
+        color: map.get($password-hint, text-color);
+
+        & .mc-password-hint__icon {
+            color: map.get($password-hint, icon-color);
+        }
+
+        &.mc-password-hint_valid {
+            color: map.get($password-hint, state-valid-text-color);
+
+            & .mc-password-hint__icon {
+                color: map.get($password-hint, state-valid-icon-color);
+            }
+        }
+
+        &.mc-password-hint_invalid {
+            color: map.get($password-hint, state-invalid-text-color);
+
+            & .mc-password-hint__icon {
+                color: map.get($password-hint, state-invalid-icon-color);
+            }
+        }
+    }
+}
+
+@mixin mc-form-field-typography($config) {
+    .mc-form-field {
+        @include mc-typography-level-to-styles($config, map.get($tokens, form-field-font-default));
+    }
+
+    .mc-form-field__hint {
+        @include mc-typography-level-to-styles($config, map.get($tokens, form-field-hint-font-default));
+    }
+
+    .mc-hint {
+        @include mc-typography-level-to-styles($config, caption);
+    }
+}

package/form-field/cleaner.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class McCleaner {
     themePalette: typeof ThemePalette;
     static ɵfac: i0.ɵɵFactoryDeclaration<McCleaner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McCleaner, "mc-cleaner", ["mcCleaner"], {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McCleaner, "mc-cleaner", ["mcCleaner"], {}, {}, never, never, false, never>;
 }

package/form-field/form-field.d.ts

@@ -69,11 +69,11 @@ export declare class McFormField extends McFormFieldMixinBase implements AfterCo
     /** Throws an error if the form field's control is missing. */
     protected validateControlChild(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McFormField, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McFormField, "mc-form-field", ["mcFormField"], { "color": "color"; }, {}, ["control", "stepper", "cleaner", "hint", "passwordHints", "suffix", "prefix"], ["[mcPrefix]", "*", "[mcSuffix]", "mc-cleaner", "mc-password-toggle", "mc-stepper", "mc-hint, mc-password-hint"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McFormField, "mc-form-field", ["mcFormField"], { "color": "color"; }, {}, ["control", "stepper", "cleaner", "hint", "passwordHints", "suffix", "prefix"], ["[mcPrefix]", "*", "[mcSuffix]", "mc-cleaner", "mc-password-toggle", "mc-stepper", "mc-hint, mc-password-hint"], false, never>;
 }
 export declare class McFormFieldWithoutBorders {
     static ɵfac: i0.ɵɵFactoryDeclaration<McFormFieldWithoutBorders, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McFormFieldWithoutBorders, "mc-form-field[mcFormFieldWithoutBorders]", ["mcFormFieldWithoutBorders"], {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McFormFieldWithoutBorders, "mc-form-field[mcFormFieldWithoutBorders]", ["mcFormFieldWithoutBorders"], {}, {}, never, never, false, never>;
 }
 export declare class McTrim {
     private readonly noTrim;
@@ -83,5 +83,5 @@ export declare class McTrim {
     trim(value: any): any;
     private registerOnChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTrim, [{ attribute: "no-trim"; }, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTrim, "[mcInput], [mcTextarea]", ["McTrim"], {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTrim, "[mcInput], [mcTextarea]", ["McTrim"], {}, {}, never, never, false, never>;
 }

package/form-field/form-field.scss

@@ -0,0 +1,163 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/forms/forms';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.mc-form-field {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    border-radius: var(--mc-form-field-size-border-radius, map.get($tokens, form-field-size-border-radius));
+
+    &:hover {
+        z-index: 1;
+    }
+
+    &.mc-focused {
+        z-index: 2;
+    }
+}
+
+.mc-form-field-type-input-password {
+    & .mc-input {
+        padding-right: var(--mc-form-field-size-button-width, map.get($tokens, form-field-size-button-width));
+    }
+}
+
+.mc-hint {
+    display: block;
+}
+
+.mc-password-hint {
+    display: block;
+
+    padding-left:calc(
+        16px +
+        var(--mc-form-field-password-hint-size-icon-margin, map.get($tokens, form-field-password-hint-size-icon-margin))
+    );
+
+    & .mc-icon {
+        position: absolute;
+
+        left: 0;
+    }
+}
+
+.mc-form-field__hint > .mc-password-hint {
+    margin-top: var(
+        --mc-form-field-password-hint-size-margin-top, map.get($tokens, form-field-password-hint-size-margin-top)
+    );
+}
+
+.mc-form-field__hint > .mc-hint {
+    margin-top: var(--mc-form-field-hint-size-margin-top, map.get($tokens, form-field-hint-size-margin-top));
+}
+
+.mc-form-field__container {
+    position: relative;
+
+    border-width: var(--mc-form-field-size-border-width, map.get($tokens, form-field-size-border-width));
+    border-style: solid;
+    border-color: transparent;
+    border-radius: var(--mc-form-field-size-border-radius, map.get($tokens, form-field-size-border-radius));
+}
+
+.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-form-field_has-cleaner,
+.mc-form-field_has-stepper {
+    .mc-input {
+        padding-right: var(--mc-form-field-size-button-width, map.get($tokens, form-field-size-button-width));
+    }
+}
+
+.mc-form-field_has-prefix {
+    .mc-input {
+        padding-left: var(--mc-form-field-size-button-width, map.get($tokens, form-field-size-button-width));
+    }
+}
+
+.mc-cleaner {
+    display: flex;
+
+    width: var(--mc-form-field-size-button-width, map.get($tokens, form-field-size-button-width));
+    height: 100%;
+
+    cursor: pointer;
+
+    & .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, map.get($tokens, form-field-size-button-width));
+
+    .mc-stepper-step-up,
+    .mc-stepper-step-down {
+        cursor: pointer;
+        width: var(--mc-form-field-size-button-width, map.get($tokens, form-field-size-button-width));
+        text-align: center;
+    }
+
+    .mc-stepper-step-up {
+        transform: scaleY(-1);
+    }
+}

package/form-field/hint.d.ts

@@ -12,5 +12,5 @@ export declare class McHint extends McHintMixinBase {
     id: string;
     constructor(elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<McHint, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McHint, "mc-hint", never, { "color": "color"; "id": "id"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McHint, "mc-hint", never, { "color": "color"; "id": "id"; }, {}, never, never, false, never>;
 }

package/form-field/password-hint.d.ts

@@ -35,5 +35,5 @@ export declare class McPasswordHint implements AfterContentInit {
     private checkSpecialSymbolsRegexRule;
     private isValueChanged;
     static ɵfac: i0.ɵɵFactoryDeclaration<McPasswordHint, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McPasswordHint, "mc-password-hint", never, { "id": "id"; "rule": "rule"; "min": "min"; "max": "max"; "regex": "regex"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McPasswordHint, "mc-password-hint", never, { "id": "id"; "rule": "rule"; "min": "min"; "max": "max"; "regex": "regex"; }, {}, never, ["*"], false, never>;
 }

package/form-field/prefix.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class McPrefix {
     static ɵfac: i0.ɵɵFactoryDeclaration<McPrefix, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McPrefix, "[mcPrefix]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McPrefix, "[mcPrefix]", never, {}, {}, never, never, false, never>;
 }

package/form-field/stepper.d.ts

@@ -7,5 +7,5 @@ export declare class McStepper {
     onStepUp($event: MouseEvent): void;
     onStepDown($event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McStepper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McStepper, "mc-stepper", never, {}, { "stepUp": "stepUp"; "stepDown": "stepDown"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McStepper, "mc-stepper", never, {}, { "stepUp": "stepUp"; "stepDown": "stepDown"; }, never, never, false, never>;
 }

package/form-field/suffix.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class McSuffix {
     static ɵfac: i0.ɵɵFactoryDeclaration<McSuffix, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSuffix, "[mcSuffix]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McSuffix, "[mcSuffix]", never, {}, {}, never, never, false, never>;
 }

package/form-field/validate.directive.d.ts

@@ -29,5 +29,5 @@ export declare class McValidateDirective implements AfterContentInit {
     setMosaicValidationForModelControl(): void;
     setMosaicValidationForFormControl(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McValidateDirective, [null, { optional: true; self: true; }, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McValidateDirective, "        input[mcInput],        input[mcInputPassword],        input[mcTimepicker],        input[mcDatepicker],        textarea[mcTextarea],        mc-select,        mc-tree-select,        mc-tag-list    ", ["McValidate"], {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McValidateDirective, "        input[mcInput],        input[mcInputPassword],        input[mcTimepicker],        input[mcDatepicker],        textarea[mcTextarea],        mc-select,        mc-tree-select,        mc-tag-list    ", ["McValidate"], {}, {}, never, never, false, never>;
 }

package/icon/_icon-theme.scss

@@ -0,0 +1,152 @@
+@use 'sass:map';
+
+@use '../core/styles/theming/theming' as *;
+
+
+@mixin mc-icon-theme($theme) {
+    $foreground: map.get($theme, foreground);
+
+    $icon: map.get(map.get($theme, components), icon);
+
+    $primary: map.get($icon, primary);
+    $secondary: map.get($icon, secondary);
+    $error: map.get($icon, error);
+    $success: map.get($icon, success);
+    $warning: map.get($icon, warning);
+    $info: map.get($icon, info);
+
+    // Дефолтные серые иконки default-icon: лупа в поле, иконки дропдаунов v, все иконки вне полей.
+    .mc-icon {
+        color: mc-color($foreground, icon);
+
+        &.mc-primary {
+            color: map.get($primary, default);
+        }
+
+        &.mc-secondary {
+            color: map.get($secondary, default);
+        }
+
+        &.mc-error {
+            color: map.get($error, default);
+        }
+
+
+        &.mc-info {
+            color: map.get($info, default);
+        }
+
+        &.mc-warning {
+            color: map.get($warning, default);
+        }
+
+        &.mc-success {
+            color: map.get($success, default);
+        }
+
+        &[disabled],
+        &.mc-disabled {
+            cursor: default;
+        }
+    }
+
+    // Облегченные серые иконки less-contrast-icon нужны тогда, когда действие, которое они делают не дефолтное и
+    // не самое важное. Не используются вне инпутов или селектов.
+    .mc-icon.mc-icon_light {
+        &.mc-primary {
+            &:active,
+            &.mc-active {
+                color: map.get($primary, state-active);
+            }
+
+            &:not([disabled], .mc-disabled):hover {
+                color: map.get($primary, state-hover);
+            }
+
+            &[disabled],
+            &.mc-disabled {
+                color: map.get($primary, state-disabled);
+            }
+        }
+
+        &.mc-secondary {
+            &:active,
+            &.mc-active {
+                color: map.get($secondary, state-active);
+            }
+
+            &:not([disabled], .mc-disabled):hover {
+                color: map.get($secondary, state-hover);
+            }
+
+            &[disabled],
+            &.mc-disabled {
+                color: map.get($secondary, state-disabled);
+            }
+        }
+
+        &.mc-error {
+            &:active,
+            &.mc-active {
+                color: map.get($error, state-active);
+            }
+
+            &:not([disabled], .mc-disabled):hover {
+                color: map.get($error, state-hover);
+            }
+
+            &[disabled],
+            &.mc-disabled {
+                color: map.get($error, state-disabled);
+            }
+        }
+
+        &.mc-info {
+            &:active,
+            &.mc-active {
+                color: map.get($info, state-active);
+            }
+
+            &:not([disabled], .mc-disabled):hover {
+                color: map.get($info, state-hover);
+            }
+
+            &[disabled],
+            &.mc-disabled {
+                color: map.get($info, state-disabled);
+            }
+        }
+
+        &.mc-warning {
+            &:active,
+            &.mc-active {
+                color: map.get($warning, state-active);
+            }
+
+            &:not([disabled], .mc-disabled):hover {
+                color: map.get($warning, state-hover);
+            }
+
+            &[disabled],
+            &.mc-disabled {
+                color: map.get($warning, state-disabled);
+            }
+        }
+
+        &.mc-success {
+            &:active,
+            &.mc-active {
+                color: map.get($success, state-active);
+            }
+
+            &:not([disabled], .mc-disabled):hover {
+                color: map.get($success, state-hover);
+            }
+
+            &[disabled],
+            &.mc-disabled {
+                color: map.get($success, state-disabled);
+            }
+        }
+    }
+}

package/icon/icon.component.d.ts

@@ -3,7 +3,7 @@ import { CanColor, CanColorCtor } from '@ptsecurity/mosaic/core';
 import * as i0 from "@angular/core";
 export declare class McIconCSSStyler {
     static ɵfac: i0.ɵɵFactoryDeclaration<McIconCSSStyler, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McIconCSSStyler, "[mc-icon]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McIconCSSStyler, "[mc-icon]", never, {}, {}, never, never, false, never>;
 }
 /** @docs-private */
 export declare class McIconBase {
@@ -16,5 +16,5 @@ export declare class McIcon extends McIconMixinBase implements CanColor {
     constructor(elementRef: ElementRef, iconName: string);
     getHostElement(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<McIcon, [null, { attribute: "mc-icon"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McIcon, "[mc-icon]", never, { "color": "color"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McIcon, "[mc-icon]", never, { "color": "color"; }, {}, never, ["*"], false, never>;
 }

package/icon/icon.scss

@@ -0,0 +1,30 @@
+@mixin mc-icon-size($padding, $line-height, $font-size) {
+    padding: $padding;
+    line-height: $line-height;
+    font-size: $font-size;
+}
+
+
+.mc-icon-rotate_90 {
+    transform: rotate(90deg);
+}
+
+.mc-icon-rotate_180 {
+    transform: rotate(180deg);
+}
+
+.mc-icon-rotate_270 {
+    transform: rotate(270deg);
+}
+
+.mc-icon-flip-h {
+    transform: scaleY(-1);
+}
+
+.mc-icon-flip-v {
+    transform: scaleX(-1);
+}
+
+.mc-icon-flip-vh {
+    transform: scale(-1);
+}

package/input/_input-base.scss

@@ -0,0 +1,21 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/common/input';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+%mc-input-field-base {
+    @include input.mc-reset-input();
+
+    width: var(--mc-input-size-width, map.get($tokens, input-size-width));
+    min-height: calc(
+        var(--mc-form-field-size-height, map.get($tokens, form-field-size-height)) -
+        (var(--mc-form-field-size-border-width, map.get($tokens, form-field-size-border-width)) * 2)
+    );
+
+    padding: var(--mc-input-size-padding, map.get($tokens, input-size-padding));
+}

package/input/_input-theme.scss

@@ -0,0 +1,58 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/typography/typography-utils' as *;
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+@mixin mc-input-theme($theme) {
+    $foreground: map.get($theme, foreground);
+
+    .mc-input {
+        color: map.get($foreground, text);
+
+        &::placeholder {
+            color: map.get($foreground, text-disabled);
+        }
+
+        &::-ms-input-placeholder {
+            color: map.get($foreground, text-disabled);
+        }
+
+        &::-webkit-input-placeholder {
+            color: map.get($foreground, text-disabled);
+        }
+    }
+
+    .mc-password-toggle {
+        color: map.get($foreground, icon);
+
+        &:hover {
+            color: map.get($foreground, text);
+        }
+
+        &[disabled] {
+            cursor: default;
+
+            color: map.get($foreground, text-disabled);
+        }
+
+        &.cdk-keyboard-focused {
+            border-color: map.get(map.get($theme, states), focused-color);
+            box-shadow: 0 0 0 1px map.get(map.get($theme, states), focused-color);
+        }
+    }
+}
+
+@mixin mc-input-typography($config) {
+    .mc-input {
+        @include mc-typography-level-to-styles($config, map.get($tokens, input-font-default));
+    }
+
+    .mc-input.mc-input_monospace {
+        @include mc-typography-level-to-styles($config, map.get($tokens, input-font-monospace));
+    }
+}

package/input/input-number-validators.d.ts

@@ -15,7 +15,7 @@ export declare class MinValidator implements Validator, OnChanges {
     registerOnValidatorChange(fn: () => void): void;
     private createValidator;
     static ɵfac: i0.ɵɵFactoryDeclaration<MinValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MinValidator, "[min][formControlName],[min][formControl],[min][ngModel]", never, { "min": "min"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MinValidator, "[min][formControlName],[min][formControl],[min][ngModel]", never, { "min": "min"; }, {}, never, never, false, never>;
 }
 export declare const MAX_VALIDATOR: Provider;
 /**
@@ -31,5 +31,5 @@ export declare class MaxValidator implements Validator, OnChanges {
     registerOnValidatorChange(fn: () => void): void;
     private createValidator;
     static ɵfac: i0.ɵɵFactoryDeclaration<MaxValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MaxValidator, "[max][formControlName],[max][formControl],[max][ngModel]", never, { "max": "max"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MaxValidator, "[max][formControlName],[max][formControl],[max][ngModel]", never, { "max": "max"; }, {}, never, never, false, never>;
 }

package/input/input-number.d.ts

@@ -29,5 +29,5 @@ export declare class McNumberInput {
     stepDown(step: number): void;
     private viewToModelUpdate;
     static ɵfac: i0.ɵɵFactoryDeclaration<McNumberInput, [null, { optional: true; self: true; }, { attribute: "step"; }, { attribute: "big-step"; }, { attribute: "min"; }, { attribute: "max"; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McNumberInput, "input[mcInput][type=\"number\"]", ["mcNumericalInput"], { "bigStep": "bigStep"; "step": "step"; "min": "min"; "max": "max"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McNumberInput, "input[mcInput][type=\"number\"]", ["mcNumericalInput"], { "bigStep": "bigStep"; "step": "step"; "min": "min"; "max": "max"; }, {}, never, never, false, never>;
 }