@ptsecurity/mosaic 15.6.0 → 15.8.0

package/_theming.scss

@@ -139,6 +139,7 @@ $light-color-scheme-foreground-text: #19252f;
 $light-color-scheme-foreground-text-less-contrast: #6d7a86;
 $light-color-scheme-foreground-text-disabled: #8c99a5;
 $light-color-scheme-foreground-text-error: #db3c55;
+$light-color-scheme-foreground-text-warning: #a26e0c;
 $light-color-scheme-foreground-text-success: #016b37;
 $light-color-scheme-foreground-divider: #d7dee4;
 $light-color-scheme-foreground-border: #bdc7d1;
@@ -165,6 +166,7 @@ $dark-color-scheme-foreground-text: #d7dee4;
 $dark-color-scheme-foreground-text-less-contrast: #8c99a5;
 $dark-color-scheme-foreground-text-disabled: #6d7a86;
 $dark-color-scheme-foreground-text-error: #ee6f79;
+$dark-color-scheme-foreground-text-warning: #e19f12;
 $dark-color-scheme-foreground-text-success: #4ba96c;
 $dark-color-scheme-foreground-divider: mix(#515e69, transparent, 50%);
 $dark-color-scheme-foreground-border: #515e69;
@@ -6020,6 +6022,7 @@ $light-warning: mc-palette($light-color-scheme-warning-palette, $light-color-sch
         text-disabled: $light-color-scheme-foreground-text-disabled,
         text-error: $light-color-scheme-foreground-text-error,
         text-success: $light-color-scheme-foreground-text-success,
+        text-warning: $light-color-scheme-foreground-text-warning,
 
         divider: $light-color-scheme-foreground-divider,
         border: $light-color-scheme-foreground-border,
@@ -6097,6 +6100,7 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
         text-disabled: $dark-color-scheme-foreground-text-disabled,
         text-error: $dark-color-scheme-foreground-text-error,
         text-success: $dark-color-scheme-foreground-text-success,
+        text-warning: $dark-color-scheme-foreground-text-warning,
 
         divider: $dark-color-scheme-foreground-divider,
         border: $dark-color-scheme-foreground-border,
@@ -6140,6 +6144,8 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
         text-disabled: map-get($tokens, '#{$scheme}-foreground-text-disabled'),
         text-error: map-get($tokens, '#{$scheme}-foreground-text-error'),
         text-success: map-get($tokens, '#{$scheme}-foreground-text-success'),
+        text-warning: map-get($tokens, '#{$scheme}-foreground-text-warning'),
+
 
         divider: map-get($tokens, '#{$scheme}-foreground-divider'),
         border: map-get($tokens, '#{$scheme}-foreground-border'),
@@ -6790,7 +6796,9 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
 
 .mc-scrollbar {
     //firefox
-    scrollbar-width: auto;
+    @supports not selector(::-webkit-scrollbar) {
+        scrollbar-width: thin;
+    }
 
     // webkit
     &::-webkit-scrollbar,
@@ -6803,6 +6811,7 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
         width: var(--mc-scrollbar-size-thumb-width, $scrollbar-size-thumb-width);
         border-width: var(--mc-scrollbar-size-thumb-inset-border-width, $scrollbar-size-thumb-border-width);
         border-radius: var(--mc-scrollbar-size-thumb-inset-border-radius, $scrollbar-size-thumb-border-radius);
+        min-height: 20px;
     }
 
     &::-webkit-scrollbar-button,
@@ -6820,9 +6829,10 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
     $arrow: map-get($scrollbar, arrow);
 
     .mc-scrollbar {
-
         // firefox
-        scrollbar-color: map-get($thumb, normal) map-get($scrollbar, track);
+        @supports not selector(::-webkit-scrollbar) {
+            scrollbar-color: map-get($thumb, normal) map-get($scrollbar, track);
+        }
 
         // webkit
         &::-webkit-scrollbar,
@@ -7155,6 +7165,7 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
             > .mc-icon-button {
                 color: map-get($button-toggle, color);
                 border-color: map-get($button-toggle-group, border);
+                background: inherit;
 
                 & .mc-icon {
                     color: map-get($button-toggle, icon);
@@ -7334,6 +7345,10 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
             }
         }
 
+        & .mc-hint {
+            color: map-get($foreground, text-less-contrast);
+        }
+
         &.mc-primary {
             @include mc-checkbox-color(map-get($checkbox, default));
 
@@ -7992,6 +8007,10 @@ $mc-datepicker-today-fade-amount: 0.2;
             color: map-get($hint, text-color);
         }
 
+        &.mc-warning {
+            color: map-get($foreground, text-warning);
+        }
+
         &.mc-error {
             color: map-get($foreground, text-error);
         }
@@ -9026,6 +9045,10 @@ button {
     }
 
     .mc-radio-button {
+        & .mc-hint {
+            color: map-get($foreground, text-less-contrast);
+        }
+
         & .mc-radio-button__outer-circle {
             border-color: map-get($radio, outer-circle_border);
             background: map-get($background, background);
@@ -9796,7 +9819,11 @@ button {
             color: map-get($foreground, text-disabled);
 
             & .mc-toggle__overlay {
-                background: mc-color($background, overlay-disabled);
+                background: rgba(255, 255, 255, 0.3);
+            }
+
+            &.mc-active .mc-toggle__circle {
+                background: white;
             }
         }
     }
@@ -9805,10 +9832,18 @@ button {
 @mixin mc-toggle-typography($config) {
     .mc-toggle:not(.mc-toggle_small) {
         @include mc-typography-level-to-styles($config, $toggle-font-default);
+
+        .mc-toggle-bar-outer-container {
+            height: mc-line-height($config, $toggle-font-default);
+        }
     }
 
     .mc-toggle.mc-toggle_small {
         @include mc-typography-level-to-styles($config, $toggle-small-font-default);
+
+        .mc-toggle-bar-outer-container {
+            height: mc-line-height($config, $toggle-small-font-default);
+        }
     }
 }
 
@@ -10217,8 +10252,109 @@ button {
 
 
 
+@mixin mc-form-geometry() {
+    .mc-form {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .mc-form__row {
+        display: flex;
+        flex-direction: row;
+    }
+
+    .mc-form-horizontal {
+        $config: mc-typography-config();
+
+        $line-height: mc-line-height($config, body);
+
+        $label-padding-top: calc(($form-field-size-height - $line-height) / 2);
+
+        & .mc-form-row_margin {
+            margin-bottom: var(
+                --mc-forms-size-horizontal-row-margin-bottom, $forms-size-horizontal-row-margin-bottom
+            );
+        }
+
+        & .mc-form__label {
+            padding-top: var(--mc-forms-size-horizontal-label-padding-top, $label-padding-top);
+
+            text-align: start;
+        }
+
+        & .mc-form__control {
+            padding-left: var(
+                --mc-forms-size-horizontal-control-padding-left,
+                $forms-size-horizontal-control-padding-left
+            );
+        }
+
+        & .mc-form__legend {
+            margin-top: var(
+                --mc-forms-size-horizontal-legend-margin-top, $forms-size-horizontal-legend-margin-top
+            );
+            margin-bottom: var(
+                --mc-forms-size-horizontal-legend-margin-bottom,
+                $forms-size-horizontal-legend-margin-bottom
+            );
+        }
+    }
+
+    .mc-form-vertical {
+        & .mc-form__row {
+            flex-direction: column;
+        }
+
+        & .mc-form-row_margin {
+            margin-bottom: var(
+                --mc-forms-size-vertical-row-margin-bottom, $forms-size-vertical-row-margin-bottom
+            );
+        }
+
+        & .mc-form__label {
+            padding-top: var(
+                --mc-forms-size-vertical-label-padding-top, $forms-size-vertical-label-padding-top
+            );
+            padding-bottom: var(
+                --mc-forms-size-vertical-label-padding-bottom, $forms-size-vertical-label-padding-bottom
+            );
+
+            text-align: start;
+        }
+
+        & .mc-form__control {
+            padding-left: 0;
+        }
+
+        & .mc-form__legend {
+            margin-top: var(
+                --mc-forms-size-vertical-legend-margin-top, $forms-size-vertical-legend-margin-top
+            );
+            margin-bottom: var(
+                --mc-forms-size-vertical-legend-margin-bottom, $forms-size-vertical-legend-margin-bottom
+            );
+        }
+    }
+
+    .mc-form__fieldset {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .mc-form__fieldset.mc-horizontal {
+        flex-direction: row;
+
+        & .mc-form__row:not(:first-child) {
+            padding-left: var(
+                --mc-forms-size-vertical-control-padding-left, $forms-size-vertical-control-padding-left
+            );
+        }
+    }
+}
 
 @mixin mc-forms-theme($theme) {
+    @include mc-form-geometry();
+
     $foreground: map-get($theme, foreground);
 
     $forms: map-get(map-get($theme, components), forms);

package/_visual.scss

@@ -93,6 +93,7 @@ $light-color-scheme-foreground-text: #19252f;
 $light-color-scheme-foreground-text-less-contrast: #6d7a86;
 $light-color-scheme-foreground-text-disabled: #8c99a5;
 $light-color-scheme-foreground-text-error: #db3c55;
+$light-color-scheme-foreground-text-warning: #a26e0c;
 $light-color-scheme-foreground-text-success: #016b37;
 $light-color-scheme-foreground-divider: #d7dee4;
 $light-color-scheme-foreground-border: #bdc7d1;
@@ -119,6 +120,7 @@ $dark-color-scheme-foreground-text: #d7dee4;
 $dark-color-scheme-foreground-text-less-contrast: #8c99a5;
 $dark-color-scheme-foreground-text-disabled: #6d7a86;
 $dark-color-scheme-foreground-text-error: #ee6f79;
+$dark-color-scheme-foreground-text-warning: #e19f12;
 $dark-color-scheme-foreground-text-success: #4ba96c;
 $dark-color-scheme-foreground-divider: mix(#515e69, transparent, 50%);
 $dark-color-scheme-foreground-border: #515e69;

package/autocomplete/autocomplete-trigger.directive.d.ts

@@ -1,9 +1,9 @@
 import { Directionality } from '@angular/cdk/bidi';
 import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
 import { ViewportRuler } from '@angular/cdk/scrolling';
-import { ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { McOption, McOptionSelectionChange } from '@ptsecurity/mosaic/core';
+import { KeyboardNavigationHandler, McOption, McOptionSelectionChange } from '@ptsecurity/mosaic/core';
 import { McFormField } from '@ptsecurity/mosaic/form-field';
 import { Observable } from 'rxjs';
 import { McAutocompleteOrigin } from './autocomplete-origin.directive';
@@ -14,8 +14,6 @@ import * as i0 from "@angular/core";
  * to properly calculate the scrollTop of the panel. Because we are not
  * actually focusing the active item, scroll must be handled manually.
  */
-/** The height of each autocomplete option. */
-export declare const AUTOCOMPLETE_OPTION_HEIGHT = 32;
 /** The total height of the autocomplete panel. */
 export declare const AUTOCOMPLETE_PANEL_HEIGHT = 256;
 export declare const AUTOCOMPLETE_BORDER_WIDTH: number;
@@ -37,7 +35,7 @@ export declare const MAT_AUTOCOMPLETE_VALUE_ACCESSOR: any;
  * @docs-private
  */
 export declare function getMcAutocompleteMissingPanelError(): Error;
-export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDestroy {
+export declare class McAutocompleteTrigger implements AfterViewInit, ControlValueAccessor, OnDestroy, KeyboardNavigationHandler {
     private elementRef;
     private viewContainerRef;
     private changeDetectorRef;
@@ -92,6 +90,7 @@ export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDe
     /** Stream of keyboard events that can close the panel. */
     private readonly closeKeyEventStream;
     constructor(elementRef: ElementRef<HTMLInputElement>, viewContainerRef: ViewContainerRef, changeDetectorRef: ChangeDetectorRef, overlay: Overlay, zone: NgZone, scrollStrategy: any, dir: Directionality, formField: McFormField, document: any, viewportRuler?: ViewportRuler | undefined);
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /** `View -> model callback called when value changes` */
     onChange: (value: any) => void;
@@ -118,6 +117,7 @@ export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDe
     handleInput(event: KeyboardEvent): void;
     handleFocus(): void;
     handleClick($event: MouseEvent): void;
+    scrollActiveOptionIntoView(): void;
     /** Stream of clicks outside of the autocomplete panel. */
     private getOutsideClickStream;
     /**
@@ -125,16 +125,6 @@ export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDe
      * arrow function in order to preserve the context.
      */
     private windowBlurHandler;
-    /**
-     * Given that we are not actually focusing active options, we must manually adjust scroll
-     * to reveal options below the fold. First, we find the offset of the option from the top
-     * of the panel. If that offset is below the fold, the new scrollTop will be the offset -
-     * the panel height + the option height, so the active option will be just visible at the
-     * bottom of the panel. If that offset is above the top of the visible panel, the new scrollTop
-     * will become the offset. If that offset is visible within the panel already, the scrollTop is
-     * not adjusted.
-     */
-    private scrollToOption;
     /**
      * This method listens to a stream of panel closing actions and resets the
      * stream every time the option list changes.

package/checkbox/_checkbox-theme.scss

@@ -62,6 +62,10 @@
             }
         }
 
+        & .mc-hint {
+            color: map-get($foreground, text-less-contrast);
+        }
+
         &.mc-primary {
             @include mc-checkbox-color(map.get($checkbox, default));
 

package/checkbox/checkbox.scss

@@ -22,18 +22,15 @@ $tokens: meta.module-variables(tokens) !default;
 .mc-checkbox-checkmark,
 .mc-checkbox-mixedmark {
     display: none;
-
-    position: absolute;
-
-    top: -1px;
-    left: -1px;
-    right: 0;
-    bottom: 0;
 }
 
 .mc-checkbox-frame {
     @extend %mc-checkbox-outer-box;
 
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
     background-color: transparent;
     border: {
         width: var(--mc-checkbox-size-border-width, map.get($tokens, checkbox-size-border-width));

package/core/formatters/index.d.ts

@@ -3,7 +3,7 @@ import * as i1 from "./number/formatter";
 import * as i2 from "./date/formatter.pipe";
 export declare class McFormattersModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<McFormattersModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<McFormattersModule, [typeof i1.McDecimalPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe], never, [typeof i1.McDecimalPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McFormattersModule, [typeof i1.McDecimalPipe, typeof i1.McTableNumberPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe], never, [typeof i1.McDecimalPipe, typeof i1.McTableNumberPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<McFormattersModule>;
 }
 export * from './number/formatter';

package/core/formatters/number/formatter.d.ts

@@ -30,8 +30,33 @@ export declare class McDecimalPipe implements PipeTransform {
      * When not supplied, uses the value of `MC_LOCALE_ID`, which is `ru` by default.
      */
     transform(value: any, digitsInfo?: string, locale?: string): string | null;
+    isSpecialFormatForRULocale(locale: string, value: number, grouping?: boolean): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<McDecimalPipe, [{ optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵpipe: i0.ɵɵPipeDeclaration<McDecimalPipe, "mcNumber", false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<McDecimalPipe>;
 }
+export declare class McTableNumberPipe implements PipeTransform {
+    private id;
+    private localeService;
+    private readonly options;
+    constructor(id: string, localeService: McLocaleService, options: ParsedDigitsInfo);
+    /**
+     * @param value The number to be formatted.
+     * @param digitsInfo Decimal representation options, specified by a string
+     * in the following format:<br>
+     * <code>{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}</code>.
+     *   - `minIntegerDigits`: The minimum number of integer digits before the decimal point.
+     * Default is `1`.
+     *   - `minFractionDigits`: The minimum number of digits after the decimal point.
+     * Default is `0`.
+     *   - `maxFractionDigits`: The maximum number of digits after the decimal point.
+     * Default is `3`.
+     * @param locale A locale code for the locale format rules to use.
+     * When not supplied, uses the value of `MC_LOCALE_ID`, which is `ru` by default.
+     */
+    transform(value: any, digitsInfo?: string, locale?: string): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McTableNumberPipe, [{ optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<McTableNumberPipe, "mcTableNumber", false>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<McTableNumberPipe>;
+}
 export {};

package/core/forms/_forms-theme.scss

@@ -3,7 +3,119 @@
 
 @use '../styles/typography' as *;
 
+@mixin mc-form-geometry($tokens) {
+    .mc-form {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .mc-form__row {
+        display: flex;
+        flex-direction: row;
+    }
+
+    .mc-form-horizontal {
+        $config: mc-typography-config($tokens);
+
+        $line-height: mc-line-height($config, body);
+
+        $form-field-size-height: map.get($tokens, form-field-size-height);
+
+        $label-padding-top: calc(($form-field-size-height - $line-height) / 2);
+
+        & .mc-form-row_margin {
+            margin-bottom: var(
+                --mc-forms-size-horizontal-row-margin-bottom,
+                #{map.get($tokens, forms-size-horizontal-row-margin-bottom)}
+            );
+        }
+
+        & .mc-form__label {
+            padding-top: var(--mc-forms-size-horizontal-label-padding-top, #{$label-padding-top});
+
+            text-align: start;
+        }
+
+        & .mc-form__control {
+            padding-left: var(
+                --mc-forms-size-horizontal-control-padding-left,
+                #{map.get($tokens, forms-size-horizontal-control-padding-left)}
+            );
+        }
+
+        & .mc-form__legend {
+            margin-top: var(
+                --mc-forms-size-horizontal-legend-margin-top,
+                #{map.get($tokens, forms-size-horizontal-legend-margin-top)}
+            );
+            margin-bottom: var(
+                --mc-forms-size-horizontal-legend-margin-bottom,
+                #{map.get($tokens, forms-size-horizontal-legend-margin-bottom)}
+            );
+        }
+    }
+
+    .mc-form-vertical {
+        & .mc-form__row {
+            flex-direction: column;
+        }
+
+        & .mc-form-row_margin {
+            margin-bottom: var(
+                --mc-forms-size-vertical-row-margin-bottom,
+                #{map.get($tokens, forms-size-vertical-row-margin-bottom)}
+            );
+        }
+
+        & .mc-form__label {
+            padding-top: var(
+                --mc-forms-size-vertical-label-padding-top,
+                #{map.get($tokens, forms-size-vertical-label-padding-top)}
+            );
+            padding-bottom: var(
+                --mc-forms-size-vertical-label-padding-bottom,
+                #{map.get($tokens, forms-size-vertical-label-padding-bottom)}
+            );
+
+            text-align: start;
+        }
+
+        & .mc-form__control {
+            padding-left: 0;
+        }
+
+        & .mc-form__legend {
+            margin-top: var(
+                --mc-forms-size-vertical-legend-margin-top,
+                #{map.get($tokens, forms-size-vertical-legend-margin-top)}
+            );
+            margin-bottom: var(
+                --mc-forms-size-vertical-legend-margin-bottom,
+                #{map.get($tokens, forms-size-vertical-legend-margin-bottom)}
+            );
+        }
+    }
+
+    .mc-form__fieldset {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .mc-form__fieldset.mc-horizontal {
+        flex-direction: row;
+
+        & .mc-form__row:not(:first-child) {
+            padding-left: var(
+                --mc-forms-size-vertical-control-padding-left,
+                #{map.get($tokens, forms-size-vertical-control-padding-left)}
+            );
+        }
+    }
+}
+
 @mixin mc-forms-theme($theme) {
+    @include mc-form-geometry(map.get($theme, tokens));
+
     $foreground: map.get($theme, foreground);
 
     $forms: map.get(map.get($theme, components), forms);

package/core/locales/en-US.d.ts

@@ -1,11 +1,10 @@
 export declare const enUSLocaleData: {
-    en: {
+    'en-US': {
         select: {
             hiddenItemsText: string;
         };
         datepicker: {
             placeholder: string;
-            dateInput: string;
         };
     };
 };

package/core/locales/es-LA.d.ts

@@ -3,5 +3,14 @@ export declare const esLALocaleData: {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
 };

package/core/locales/fa-IR.d.ts

@@ -3,5 +3,14 @@ export declare const faIRLocaleData: {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
 };

package/core/locales/index.d.ts

@@ -1,4 +1,2 @@
-import { InjectionToken } from '@angular/core';
 export * from './locale-service';
 export * from './locale-service.module';
-export declare const MC_LOCALE_ID: InjectionToken<string>;

package/core/locales/locale-service.d.ts

@@ -2,44 +2,78 @@ import { InjectionToken } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare const MC_LOCALE_ID: InjectionToken<string>;
-export declare const MC_DEFAULT_LOCALE_ID = "ru";
+export declare const MC_DEFAULT_LOCALE_ID = "ru-RU";
 export declare function MC_DEFAULT_LOCALE_DATA_FACTORY(): {
     'zh-CN': {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
     'pt-BR': {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
     'fa-IR': {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
     'es-LA': {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
-    en: {
+    'en-US': {
         select: {
             hiddenItemsText: string;
         };
         datepicker: {
             placeholder: string;
-            dateInput: string;
         };
     };
-    ru: {
+    'ru-RU': {
         select: {
             hiddenItemsText: string;
         };
         datepicker: {
             placeholder: string;
-            dateInput: string;
         };
     };
     items: {

package/core/locales/pt-BR.d.ts

@@ -3,5 +3,14 @@ export declare const ptBRLocaleData: {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
 };