@ptsecurity/mosaic 14.3.1 → 14.5.0

package/_theming.scss

@@ -793,21 +793,27 @@ $checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2);
 $checkbox-font-default: body;
 $datepicker-toggle-size-width: 30px;
 $datepicker-toggle-size-height: 30px;
-$datepicker-body-light-color-scheme-states-selected-color: #0374eb;
+$datepicker-body-light-color-scheme-states-today-color: #0374eb;
+$datepicker-body-light-color-scheme-states-today-background: white;
+$datepicker-body-light-color-scheme-states-selected-color: #19252f;
 $datepicker-body-light-color-scheme-states-selected-background: #e7f1ff;
-$datepicker-body-dark-color-scheme-states-selected-color: #4187ff;
+$datepicker-body-dark-color-scheme-states-today-color: #4187ff;
+$datepicker-body-dark-color-scheme-states-today-background: #19252f;
+$datepicker-body-dark-color-scheme-states-selected-color: #d7dee4;
 $datepicker-body-dark-color-scheme-states-selected-background: rgba(3, 116, 235, 0.3);
 $datepicker-body-size-label-paddings: 8px 28px 12px 12px;
 $datepicker-body-size-cell-min-size: 32px;
 $datepicker-body-size-cell-margin: 5%;
 $datepicker-body-size-cell-padding: 8px;
 $datepicker-body-size-cell-border-width: 1px;
+$datepicker-body-size-cell-border-radius: 0;
 $datepicker-body-font-label: body-strong;
 $datepicker-body-font-today: body-strong;
 $datepicker-calendar-size-padding-top: 16px;
 $datepicker-calendar-size-padding-horizontal: 8px;
 $datepicker-calendar-size-padding-bottom: 8px;
 $datepicker-calendar-size-padding-blocks: 12px;
+$datepicker-calendar-size-border-radius: 0;
 $datepicker-calendar-size-divider-width: 1px;
 $datepicker-calendar-size-icon-border-width: 2px;
 $datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg);
@@ -1252,6 +1258,32 @@ $radio-size-inner-size: 10px;
 $radio-size-cap-size: 6px;
 $radio-size-label-margin: 8px;
 $radio-font-default: body;
+$scrollbar-light-color-scheme-track: #f2f5f9;
+$scrollbar-light-color-scheme-thumb-normal: #bdc7d1;
+$scrollbar-light-color-scheme-thumb-hover: #8c99a5;
+$scrollbar-light-color-scheme-thumb-active: #7f8c98;
+$scrollbar-light-color-scheme-thumb-disabled: #d7dee4;
+$scrollbar-light-color-scheme-arrow-normal: #8c99a5;
+$scrollbar-light-color-scheme-arrow-disabled: #d7dee4;
+$scrollbar-light-color-scheme-arrow-background: #f2f5f9;
+$scrollbar-light-color-scheme-corner-background: #f2f5f9;
+$scrollbar-light-color-scheme-resizer-background: #f2f5f9;
+$scrollbar-dark-color-scheme-track: #27333e;
+$scrollbar-dark-color-scheme-thumb-normal: #515e69;
+$scrollbar-dark-color-scheme-thumb-hover: #6d7a86;
+$scrollbar-dark-color-scheme-thumb-active: #7f8c98;
+$scrollbar-dark-color-scheme-thumb-disabled: #333f4a;
+$scrollbar-dark-color-scheme-arrow-normal: #515e69;
+$scrollbar-dark-color-scheme-arrow-disabled: #333f4a;
+$scrollbar-dark-color-scheme-arrow-background: #27333e;
+$scrollbar-dark-color-scheme-corner-background: #27333e;
+$scrollbar-dark-color-scheme-resizer-background: #27333e;
+$scrollbar-size-track-width: 16px;
+$scrollbar-size-thumb-width: 8px;
+$scrollbar-size-thumb-border-width: 4px;
+$scrollbar-size-thumb-border-radius: 8px;
+$scrollbar-size-arrow-icon-width: 16px;
+$scrollbar-size-arrow-icon-height: 16px;
 $select-size-left-padding: 12px;
 $select-size-right-padding: 6px;
 $select-size-left-padding-multiple: 12px;
@@ -1269,7 +1301,6 @@ $sidepanel-header-light-color-scheme-border: #d7dee4;
 $sidepanel-header-dark-color-scheme-border: mix(#515e69, transparent, 50%);
 $sidepanel-header-size-height: 56px;
 $sidepanel-header-size-padding: 0 16px;
-$sidepanel-header-size-close-padding: 0 0 0 8px;
 $sidepanel-header-font-default: title;
 $sidepanel-footer-light-color-scheme-border: #f2f5f9;
 $sidepanel-footer-dark-color-scheme-border: mix(#515e69, transparent, 50%);
@@ -2865,6 +2896,7 @@ $md-typography: (
     );
 
     $datepicker: (
+        state-today-color: $datepicker-body-light-color-scheme-states-today-color,
         state-selected-color: $datepicker-body-light-color-scheme-states-selected-color,
         state-selected-background: $datepicker-body-light-color-scheme-states-selected-background
     );
@@ -3193,6 +3225,23 @@ $md-typography: (
         )
     );
 
+    $scrollbar: (
+        track: $scrollbar-light-color-scheme-track,
+        thumb: (
+            normal: $scrollbar-light-color-scheme-thumb-normal,
+            hover: $scrollbar-light-color-scheme-thumb-hover,
+            active: $scrollbar-light-color-scheme-thumb-active,
+            disabled: $scrollbar-light-color-scheme-thumb-disabled,
+        ),
+        arrow: (
+            normal: $scrollbar-light-color-scheme-arrow-normal,
+            disabled: $scrollbar-light-color-scheme-arrow-disabled,
+            background: $scrollbar-light-color-scheme-arrow-background,
+        ),
+        corner-background: $scrollbar-light-color-scheme-corner-background,
+        resizer-background: $scrollbar-light-color-scheme-resizer-background
+    );
+
     @return (
         alert: $alert,
         popup: $popup,
@@ -3223,7 +3272,8 @@ $md-typography: (
         timezone: $timezone,
         toast: $toast,
         toggle: $toggle,
-        tooltip: $tooltip
+        tooltip: $tooltip,
+        scrollbar: $scrollbar
     );
 }
 
@@ -3440,6 +3490,7 @@ $md-typography: (
     );
 
     $datepicker: (
+        state-selected-today-color: $datepicker-body-dark-color-scheme-states-today-color,
         state-selected-color: $datepicker-body-dark-color-scheme-states-selected-color,
         state-selected-background: $datepicker-body-dark-color-scheme-states-selected-background
     );
@@ -3768,6 +3819,23 @@ $md-typography: (
         )
     );
 
+    $scrollbar: (
+        track: $scrollbar-dark-color-scheme-track,
+        thumb: (
+            normal: $scrollbar-dark-color-scheme-thumb-normal,
+            hover: $scrollbar-dark-color-scheme-thumb-hover,
+            active: $scrollbar-dark-color-scheme-thumb-active,
+            disabled: $scrollbar-dark-color-scheme-thumb-disabled,
+        ),
+        arrow: (
+            normal: $scrollbar-dark-color-scheme-arrow-normal,
+            disabled: $scrollbar-dark-color-scheme-arrow-disabled,
+            background: $scrollbar-dark-color-scheme-arrow-background,
+        ),
+        corner-background: $scrollbar-dark-color-scheme-corner-background,
+        resizer-background: $scrollbar-dark-color-scheme-resizer-background
+    );
+
     @return (
         alert: $alert,
         popup: $popup,
@@ -3798,7 +3866,8 @@ $md-typography: (
         timezone: $timezone,
         toast: $toast,
         toggle: $toggle,
-        tooltip: $tooltip
+        tooltip: $tooltip,
+        scrollbar: $scrollbar
     );
 }
 
@@ -4911,7 +4980,8 @@ $mc-datepicker-today-fade-amount: 0.2;
     }
 
     .mc-calendar__body-today {
-        color: map-get($datepicker, state-selected-color);
+        color: map-get($datepicker, state-today-color);
+        background-color: map-get($datepicker, state-today-background);
     }
 
     .mc-calendar__body_disabled > .mc-calendar__body-today:not(.mc-selected) {
@@ -4921,6 +4991,7 @@ $mc-datepicker-today-fade-amount: 0.2;
 
     .mc-calendar__body-cell-content.mc-selected {
         background: map-get($datepicker, state-selected-background);
+        color: map-get($datepicker, state-selected-color);
     }
 
     .mc-calendar__body_disabled > .mc-selected {
@@ -7151,6 +7222,146 @@ button {
 
 
 
+
+/// Replace `$search` with `$replace` in `$string`
+/// @author Kitty Giraudel
+/// @param {String} $string - Initial string
+/// @param {String} $search - Substring to replace
+/// @param {String} $replace ('') - New value
+/// @return {String} - Updated string
+@function str-replace($string, $search, $replace: '') {
+    $index: str-index($string, $search);
+    
+    @if $index {
+        @return str-slice($string, 1, $index - 1) + $replace +
+            str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+    }
+    
+    @return $string;
+}
+
+
+.mc-scrollbar {
+    //firefox
+    scrollbar-width: auto;
+
+    // webkit
+    &::-webkit-scrollbar,
+    ::-webkit-scrollbar {
+        width: var(--mc-scrollbar-size-track-width, $scrollbar-size-track-width);
+    }
+
+    &::-webkit-scrollbar-thumb,
+    ::-webkit-scrollbar-thumb {
+        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);
+    }
+
+    &::-webkit-scrollbar-button,
+    ::-webkit-scrollbar-button {
+        display: none;
+
+        height: var(--mc-scrollbar-size-arrow-icon-height, $scrollbar-size-arrow-icon-height);
+        width: var(--mc-scrollbar-size-arrow-icon-width, $scrollbar-size-arrow-icon-width);
+    }
+}
+
+@mixin mc-scrollbar-theme($theme) {
+    $scrollbar: map-get(map-get($theme, components), scrollbar);
+    $thumb: map-get($scrollbar, thumb);
+    $arrow: map-get($scrollbar, arrow);
+
+    .mc-scrollbar {
+
+        // firefox
+        scrollbar-color: map-get($thumb, normal) map-get($scrollbar, track);
+
+        // webkit
+        &::-webkit-scrollbar,
+        ::-webkit-scrollbar {
+            background-color: map-get($scrollbar, track);
+        }
+
+        &::-webkit-scrollbar-corner,
+        ::-webkit-scrollbar-corner {
+            background-color: map-get($scrollbar, corner-background);
+        }
+
+
+        &::-webkit-scrollbar-thumb,
+        ::-webkit-scrollbar-thumb {
+            background-color: map-get($thumb, normal);
+
+            border-color: map-get($scrollbar, track);
+            border-style: solid;
+
+            &:hover {
+                background-color: map-get($thumb, hover);
+            }
+
+            &:disabled {
+                background-color: map-get($thumb, disabled);
+            }
+
+            &:active {
+                background-color: map-get($thumb, active);
+            }
+        }
+
+        /* stylelint-disable */
+        &::-webkit-scrollbar-button,
+        ::-webkit-scrollbar-button {
+            background-color: map-get($arrow, background);
+            background-size: 10px 10px;
+            background-repeat: no-repeat;
+            background-position: center center;
+
+            &:single-button {
+                &:horizontal:decrement {
+                    @include arrow-image(right, map-get($arrow, normal));
+                }
+
+                &:horizontal:increment {
+                    @include arrow-image(left, map-get($arrow, normal));
+                }
+
+                &:vertical:decrement {
+                    @include arrow-image(up, map-get($arrow, normal));
+                }
+
+                &:vertical:increment {
+                    @include arrow-image(down, map-get($arrow, normal));
+                }
+            }
+
+            // disable double-button
+            &:vertical:start:increment,
+            &:vertical:end:decrement,
+            &:horizontal:end:increment,
+            &:horizontal:end:decrement {
+                display: none;
+            }
+        }
+        /* stylelint-enable */
+    }
+}
+
+@mixin arrow-image($direction, $color) {
+    $color: str-replace('#{$color}', '#', '%23');
+
+    @if $direction == up {
+        background-image: url('data:image/svg+xml;utf8,<svg width="8" height="4" viewBox="0 0 8 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 4L4 0L8 4H0Z" fill="#{$color}"/></svg>');
+    } @else if $direction == left {
+        background-image: url('data:image/svg+xml;utf8,<svg width="4" height="8" viewBox="0 0 4 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.354973 0.111252L3.64503 3.40028C3.84808 3.60327 3.84107 3.91407 3.64503 4.11011L0.354973 7.40017C0.15192 7.60322 0 7.53112 0 7.25478V0.256747C0 -0.0128497 0.158927 -0.0847332 0.354973 0.111252Z" fill="#{$color}"/></svg>');
+    } @else if $direction == down {
+        background-image: url('data:image/svg+xml;utf8,<svg width="8" height="4" viewBox="0 0 8 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L4 4L8 0H0Z" fill="#{$color}"/></svg>');
+    } @else if $direction == right {
+        background-image: url('data:image/svg+xml;utf8,<svg width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.64975 0.111682C3.8458 -0.0845414 4.00472 -0.0128511 4.00472 0.256746V7.25478C4.00472 7.53112 3.8528 7.6034 3.64975 7.4006L0.359696 4.11454C0.163649 3.91873 0.156643 3.60794 0.359696 3.40471L3.64975 0.111682Z" fill="#{$color}"/></svg>');
+    }
+}
+
+
 @mixin mc-pseudo-checkbox-color($states) {
     border-color: map-get($states, border);
 
@@ -7706,6 +7917,7 @@ button {
     @include mc-dropdown-theme($theme);
     @include mc-form-field-theme($theme);
     @include mc-forms-theme($theme);
+    @include mc-highlight-theme($theme);
     @include mc-icon-theme($theme);
     @include mc-input-theme($theme);
     @include mc-link-theme($theme);
@@ -7723,6 +7935,7 @@ button {
     @include mc-progress-spinner-theme($theme);
     @include mc-pseudo-checkbox-theme($theme);
     @include mc-radio-theme($theme);
+    @include mc-scrollbar-theme($theme);
     @include mc-select-theme($theme);
     @include mc-sidepanel-theme($theme);
     @include mc-splitter-theme($theme);
@@ -7735,6 +7948,6 @@ button {
     @include mc-tooltip-theme($theme);
     @include mc-tree-select-theme($theme);
     @include mc-tree-theme($theme);
-    @include mc-highlight-theme($theme);
     @include mc-table-theme($theme);
+
 }

package/_visual.scss

@@ -627,21 +627,27 @@ $checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2);
 $checkbox-font-default: body;
 $datepicker-toggle-size-width: 30px;
 $datepicker-toggle-size-height: 30px;
-$datepicker-body-light-color-scheme-states-selected-color: #0374eb;
+$datepicker-body-light-color-scheme-states-today-color: #0374eb;
+$datepicker-body-light-color-scheme-states-today-background: white;
+$datepicker-body-light-color-scheme-states-selected-color: #19252f;
 $datepicker-body-light-color-scheme-states-selected-background: #e7f1ff;
-$datepicker-body-dark-color-scheme-states-selected-color: #4187ff;
+$datepicker-body-dark-color-scheme-states-today-color: #4187ff;
+$datepicker-body-dark-color-scheme-states-today-background: #19252f;
+$datepicker-body-dark-color-scheme-states-selected-color: #d7dee4;
 $datepicker-body-dark-color-scheme-states-selected-background: rgba(3, 116, 235, 0.3);
 $datepicker-body-size-label-paddings: 8px 28px 12px 12px;
 $datepicker-body-size-cell-min-size: 32px;
 $datepicker-body-size-cell-margin: 5%;
 $datepicker-body-size-cell-padding: 8px;
 $datepicker-body-size-cell-border-width: 1px;
+$datepicker-body-size-cell-border-radius: 0;
 $datepicker-body-font-label: body-strong;
 $datepicker-body-font-today: body-strong;
 $datepicker-calendar-size-padding-top: 16px;
 $datepicker-calendar-size-padding-horizontal: 8px;
 $datepicker-calendar-size-padding-bottom: 8px;
 $datepicker-calendar-size-padding-blocks: 12px;
+$datepicker-calendar-size-border-radius: 0;
 $datepicker-calendar-size-divider-width: 1px;
 $datepicker-calendar-size-icon-border-width: 2px;
 $datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg);
@@ -1086,6 +1092,32 @@ $radio-size-inner-size: 10px;
 $radio-size-cap-size: 6px;
 $radio-size-label-margin: 8px;
 $radio-font-default: body;
+$scrollbar-light-color-scheme-track: #f2f5f9;
+$scrollbar-light-color-scheme-thumb-normal: #bdc7d1;
+$scrollbar-light-color-scheme-thumb-hover: #8c99a5;
+$scrollbar-light-color-scheme-thumb-active: #7f8c98;
+$scrollbar-light-color-scheme-thumb-disabled: #d7dee4;
+$scrollbar-light-color-scheme-arrow-normal: #8c99a5;
+$scrollbar-light-color-scheme-arrow-disabled: #d7dee4;
+$scrollbar-light-color-scheme-arrow-background: #f2f5f9;
+$scrollbar-light-color-scheme-corner-background: #f2f5f9;
+$scrollbar-light-color-scheme-resizer-background: #f2f5f9;
+$scrollbar-dark-color-scheme-track: #27333e;
+$scrollbar-dark-color-scheme-thumb-normal: #515e69;
+$scrollbar-dark-color-scheme-thumb-hover: #6d7a86;
+$scrollbar-dark-color-scheme-thumb-active: #7f8c98;
+$scrollbar-dark-color-scheme-thumb-disabled: #333f4a;
+$scrollbar-dark-color-scheme-arrow-normal: #515e69;
+$scrollbar-dark-color-scheme-arrow-disabled: #333f4a;
+$scrollbar-dark-color-scheme-arrow-background: #27333e;
+$scrollbar-dark-color-scheme-corner-background: #27333e;
+$scrollbar-dark-color-scheme-resizer-background: #27333e;
+$scrollbar-size-track-width: 16px;
+$scrollbar-size-thumb-width: 8px;
+$scrollbar-size-thumb-border-width: 4px;
+$scrollbar-size-thumb-border-radius: 8px;
+$scrollbar-size-arrow-icon-width: 16px;
+$scrollbar-size-arrow-icon-height: 16px;
 $select-size-left-padding: 12px;
 $select-size-right-padding: 6px;
 $select-size-left-padding-multiple: 12px;
@@ -1103,7 +1135,6 @@ $sidepanel-header-light-color-scheme-border: #d7dee4;
 $sidepanel-header-dark-color-scheme-border: mix(#515e69, transparent, 50%);
 $sidepanel-header-size-height: 56px;
 $sidepanel-header-size-padding: 0 16px;
-$sidepanel-header-size-close-padding: 0 0 0 8px;
 $sidepanel-header-font-default: title;
 $sidepanel-footer-light-color-scheme-border: #f2f5f9;
 $sidepanel-footer-dark-color-scheme-border: mix(#515e69, transparent, 50%);

package/core/formatters/date/formatter.pipe.d.ts

@@ -1,95 +1,108 @@
 import { PipeTransform } from '@angular/core';
-import { DateTime } from 'luxon';
+import { DateAdapter } from '@ptsecurity/cdk/datetime';
 import { DateFormatter, DateTimeOptions } from './formatter';
 import * as i0 from "@angular/core";
-export declare class AbsoluteDateFormatterPipe implements PipeTransform {
+export declare class AbsoluteDateFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any, currYear?: boolean): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateFormatterPipe, "absoluteLongDate", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string, currYear?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateFormatterPipe<any>, "absoluteLongDate", false>;
 }
-export declare class AbsoluteDateTimeFormatterPipe implements PipeTransform {
+export declare class AbsoluteDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateTimeFormatterPipe, "absoluteLongDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateTimeFormatterPipe<any>, "absoluteLongDateTime", false>;
 }
-export declare class AbsoluteDateShortFormatterPipe implements PipeTransform {
+export declare class AbsoluteDateShortFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any, currYear?: boolean): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateShortFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateShortFormatterPipe, "absoluteShortDate", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string, currYear?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateShortFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateShortFormatterPipe<any>, "absoluteShortDate", false>;
 }
-export declare class AbsoluteShortDateTimeFormatterPipe implements PipeTransform {
+export declare class AbsoluteShortDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteShortDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteShortDateTimeFormatterPipe, "absoluteShortDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteShortDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteShortDateTimeFormatterPipe<any>, "absoluteShortDateTime", false>;
 }
-export declare class RelativeDateFormatterPipe implements PipeTransform {
+export declare class RelativeDateFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDateFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateFormatterPipe, "relativeLongDate", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDateFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateFormatterPipe<any>, "relativeLongDate", false>;
 }
-export declare class RelativeDateTimeFormatterPipe implements PipeTransform {
+export declare class RelativeDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateTimeFormatterPipe, "relativeLongDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateTimeFormatterPipe<any>, "relativeLongDateTime", false>;
 }
-export declare class RelativeShortDateFormatterPipe implements PipeTransform {
+export declare class RelativeShortDateFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeShortDateFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateFormatterPipe, "relativeShortDate", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeShortDateFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateFormatterPipe<any>, "relativeShortDate", false>;
 }
-export declare class RelativeShortDateTimeFormatterPipe implements PipeTransform {
+export declare class RelativeShortDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeShortDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateTimeFormatterPipe, "relativeShortDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeShortDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateTimeFormatterPipe<any>, "relativeShortDateTime", false>;
 }
-export declare class RangeDateFormatterPipe implements PipeTransform {
+export declare class RangeDateFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform([value1, value2]: any): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RangeDateFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateFormatterPipe, "rangeLongDate", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform([value1, value2]: D[] | string[]): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeDateFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateFormatterPipe<any>, "rangeLongDate", false>;
 }
-export declare class RangeShortDateFormatterPipe implements PipeTransform {
+export declare class RangeShortDateFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform([value1, value2]: any): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RangeShortDateFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateFormatterPipe, "rangeShortDate", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform([value1, value2]: D[] | string[]): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeShortDateFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateFormatterPipe<any>, "rangeShortDate", false>;
 }
-export declare class RangeDateTimeFormatterPipe implements PipeTransform {
+export declare class RangeDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform([value1, value2]: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RangeDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateTimeFormatterPipe, "rangeLongDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform([value1, value2]: D[] | string[], options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateTimeFormatterPipe<any>, "rangeLongDateTime", false>;
 }
-export declare class RangeMiddleDateTimeFormatterPipe implements PipeTransform {
+export declare class RangeMiddleDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform([value1, value2]: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RangeMiddleDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RangeMiddleDateTimeFormatterPipe, "rangeMiddleDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform([value1, value2]: D[] | string[], options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeMiddleDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeMiddleDateTimeFormatterPipe<any>, "rangeMiddleDateTime", false>;
 }
-export declare class RangeShortDateTimeFormatterPipe implements PipeTransform {
+export declare class RangeShortDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform([value1, value2]: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RangeShortDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateTimeFormatterPipe, "rangeShortDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform([value1, value2]: D[] | string[], options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeShortDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateTimeFormatterPipe<any>, "rangeShortDateTime", false>;
 }

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

@@ -1,11 +1,20 @@
 import { InjectionToken, PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare const MC_LOCALE_ID: InjectionToken<string>;
+export declare const MC_NUMBER_FORMATTER_OPTIONS: InjectionToken<string>;
+export declare const MC_NUMBER_FORMATTER_DEFAULT_OPTIONS: ParsedDigitsInfo;
 export declare const DEFAULT_MC_LOCALE_ID = "ru";
 export declare const NUMBER_FORMAT_REGEXP: RegExp;
+declare class ParsedDigitsInfo {
+    useGrouping: boolean;
+    minimumIntegerDigits: number;
+    minimumFractionDigits: number;
+    maximumFractionDigits: number;
+}
 export declare class McDecimalPipe implements PipeTransform {
-    private _locale;
-    constructor(_locale: string);
+    private locale;
+    private readonly options;
+    constructor(locale: string, options: ParsedDigitsInfo);
     /**
      * @param value The number to be formatted.
      * @param digitsInfo Decimal representation options, specified by a string
@@ -21,7 +30,8 @@ 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;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McDecimalPipe, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McDecimalPipe, [{ optional: true; }, { optional: true; }]>;
     static ɵpipe: i0.ɵɵPipeDeclaration<McDecimalPipe, "mcNumber", false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<McDecimalPipe>;
 }
+export {};