@ptsecurity/mosaic 15.6.0 → 15.8.0

package/core/locales/ru-RU.d.ts

@@ -1,11 +1,10 @@
 export declare const ruRULocaleData: {
-    ru: {
+    'ru-RU': {
         select: {
             hiddenItemsText: string;
         };
         datepicker: {
             placeholder: string;
-            dateInput: string;
         };
     };
 };

package/core/locales/zh-CN.d.ts

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

package/core/option/option.d.ts

@@ -4,10 +4,10 @@ import { McTitleTextRef } from '../title';
 import { McOptgroup } from './optgroup';
 import * as i0 from "@angular/core";
 /** Event object emitted by McOption when selected or deselected. */
-export declare class McOptionSelectionChange {
-    source: McOption;
+export declare class McOptionSelectionChange<T = McOption> {
+    source: T;
     isUserInput: boolean;
-    constructor(source: McOption, isUserInput?: boolean);
+    constructor(source: T, isUserInput?: boolean);
 }
 /**
  * Describes a parent component that manages a list of options.
@@ -17,14 +17,45 @@ export declare class McOptionSelectionChange {
 export interface McOptionParentComponent {
     multiple?: boolean;
 }
+/**
+ * Handler that will update scroll position of elements inside overlay
+ */
+export interface KeyboardNavigationHandler {
+    /** Scrolls the active option into view. */
+    scrollActiveOptionIntoView(): void;
+}
 /**
  * Injection token used to provide the parent component to options.
  */
 export declare const MC_OPTION_PARENT_COMPONENT: InjectionToken<McOptionParentComponent>;
+export declare abstract class McOptionBase {
+    value: any;
+    abstract get viewValue(): string;
+    abstract get disabled(): boolean;
+    abstract set disabled(value: any);
+    abstract readonly onSelectionChange: EventEmitter<McOptionSelectionChange<any>>;
+    abstract select(): void;
+    abstract deselect(): void;
+    /** Emits the selection change event. */
+    protected emitSelectionChangeEvent(isUserInput?: boolean): void;
+}
+export declare class McVirtualOption extends McOptionBase {
+    value: any;
+    private _disabled;
+    get disabled(): any;
+    set disabled(value: any);
+    get selected(): boolean;
+    private _selected;
+    get viewValue(): string;
+    readonly onSelectionChange: EventEmitter<McOptionSelectionChange<McVirtualOption>>;
+    constructor(value: any, _disabled?: boolean);
+    select(): void;
+    deselect(): void;
+}
 /**
  * Single option inside of a `<mc-select>` element.
  */
-export declare class McOption implements AfterViewChecked, OnDestroy, McTitleTextRef {
+export declare class McOption extends McOptionBase implements AfterViewChecked, OnDestroy, McTitleTextRef {
     private readonly element;
     private readonly changeDetectorRef;
     private readonly parent;
@@ -36,7 +67,7 @@ export declare class McOption implements AfterViewChecked, OnDestroy, McTitleTex
     set showCheckbox(value: boolean | undefined);
     private _showCheckbox;
     /** Event emitted when the option is selected or deselected. */
-    readonly onSelectionChange: EventEmitter<McOptionSelectionChange>;
+    readonly onSelectionChange: EventEmitter<McOptionSelectionChange<McOption>>;
     /** Emits when the state of the option changes and any parents have to be notified. */
     readonly stateChanges: Subject<void>;
     /**
@@ -92,8 +123,6 @@ export declare class McOption implements AfterViewChecked, OnDestroy, McTitleTex
     selectViaInteraction(): void;
     getTabIndex(): string;
     getHostElement(): HTMLElement;
-    /** Emits the selection change event. */
-    private emitSelectionChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<McOption, [null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<McOption, "mc-option", ["mcOption"], { "value": "value"; "showCheckbox": "showCheckbox"; "disabled": "disabled"; }, { "onSelectionChange": "onSelectionChange"; }, never, ["*"], false, never>;
 }

package/core/overlay/overlay-position-map.d.ts

@@ -1,4 +1,5 @@
-import { ConnectionPositionPair } from '@angular/cdk/overlay';
+import { ConnectionPositionPair, Overlay, ScrollStrategy } from '@angular/cdk/overlay';
+import { InjectionToken } from '@angular/core';
 export declare const POSITION_MAP: {
     [key: string]: ConnectionPositionPair;
 };
@@ -32,3 +33,8 @@ export declare const POSITION_PRIORITY_STRATEGY: {
 export declare const POSITION_TO_CSS_MAP: {
     [key: string]: string;
 };
+export declare const MC_CUSTOM_SCROLL_STRATEGY_PROVIDER: <T>(token: InjectionToken<T>, factory: (overlay: Overlay) => () => ScrollStrategy) => {
+    provide: InjectionToken<T>;
+    deps: (typeof Overlay)[];
+    useFactory: (overlay: Overlay) => () => ScrollStrategy;
+};

package/core/pop-up/pop-up.d.ts

@@ -7,6 +7,9 @@ export declare abstract class McPopUp implements OnDestroy {
     private changeDetectorRef;
     header: string | TemplateRef<any>;
     content: string | TemplateRef<any>;
+    context: {
+        $implicit: any;
+    } | null;
     classMap: {};
     warning: boolean;
     visibility: PopUpVisibility;

package/core/selection/pseudo-checkbox/pseudo-checkbox.scss

@@ -8,7 +8,7 @@ $tokens: meta.module-variables(tokens) !default;
 
 .mc-pseudo-checkbox {
     position: relative;
-    display: inline-block;
+    display: inline-flex;
     box-sizing: border-box;
 
     width: var(--mc-checkbox-size-width, map.get($tokens, checkbox-size-width));
@@ -24,14 +24,12 @@ $tokens: meta.module-variables(tokens) !default;
 
     vertical-align: middle;
     flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
 
     & .mc-checkbox-checkmark,
     & .mc-checkbox-mixedmark {
         display: none;
-
-        position: absolute;
-        top: calc(-1 * var(--mc-checkbox-size-border-width, #{map.get($tokens, checkbox-size-border-width)}));
-        left: calc(-1 * var(--mc-checkbox-size-border-width, #{map.get($tokens, checkbox-size-border-width)}));
     }
 
     &.mc-pseudo-checkbox-checked,

package/core/styles/_core.scss

@@ -3,7 +3,6 @@
 @use 'common/overlay' as *;
 @use 'common/visually-hidden' as *;
 
-
 // Mixin that renders all of the core styles that are not theme-dependent.
 @mixin mc-core() {
     @include a11y-visually-hidden();

package/core/styles/_variables.scss

@@ -7,3 +7,4 @@ $z-index-picker: 1050;
 $z-index-dropdown: 1050;
 $z-index-tooltip: 1060;
 $z-index-toast: 1070;
+$z-index-loader-overlay: 1000;

package/core/styles/theming/_scrollbars.scss

@@ -5,7 +5,9 @@
 
 .mc-scrollbar {
     //firefox
-    scrollbar-width: auto;
+    @supports not selector(::-webkit-scrollbar) {
+        scrollbar-width: thin;
+    }
 }
 
 @mixin mc-scrollbar-theme($theme) {
@@ -14,8 +16,12 @@
     $arrow: map.get($scrollbar, arrow);
 
     .mc-scrollbar {
+        @include mc-scrollbar-geometry(map.get($theme, tokens));
+
         // 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,
@@ -84,7 +90,6 @@
             }
         }
         /* stylelint-enable */
-        @include mc-scrollbar-geometry(map.get($theme, tokens));
     }
 }
 
@@ -106,6 +111,7 @@
             --mc-scrollbar-size-thumb-inset-border-radius,
             map.get($tokens, scrollbar-size-thumb-border-radius)
         );
+        min-height: 20px;
     }
 
     &::-webkit-scrollbar-button,

package/core/styles/theming/_theming.scss

@@ -82,6 +82,7 @@
         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'),

package/datepicker/calendar-header.component.d.ts

@@ -9,8 +9,14 @@ export declare class McCalendarHeader<D> implements AfterContentInit {
         value: number;
     }[];
     selectedMonth: number;
-    years: number[];
-    selectedYear: number;
+    years: {
+        name: number;
+        value: string;
+    }[];
+    selectedYear: {
+        name: number;
+        value: string;
+    };
     get activeDate(): D;
     set activeDate(value: D);
     private _activeDate;

package/datepicker/calendar.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import { DateAdapter, McDateFormats } from '@ptsecurity/mosaic/core';
+import { DateAdapter } from '@ptsecurity/mosaic/core';
 import { Subject } from 'rxjs';
 import { McCalendarCellCssClasses } from './calendar-body.component';
 import { McDatepickerIntl } from './datepicker-intl';
@@ -11,7 +11,6 @@ import * as i0 from "@angular/core";
  */
 export declare class McCalendar<D> implements AfterContentInit, OnDestroy, OnChanges {
     private readonly adapter;
-    private readonly dateFormats;
     private changeDetectorRef;
     /** A date representing the period (month or year) to start the calendar in. */
     get startAt(): D | null;
@@ -61,7 +60,7 @@ export declare class McCalendar<D> implements AfterContentInit, OnDestroy, OnCha
      */
     stateChanges: Subject<void>;
     private readonly intlChanges;
-    constructor(intl: McDatepickerIntl, adapter: DateAdapter<D>, dateFormats: McDateFormats, changeDetectorRef: ChangeDetectorRef);
+    constructor(intl: McDatepickerIntl, adapter: DateAdapter<D>, changeDetectorRef: ChangeDetectorRef);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -76,6 +75,6 @@ export declare class McCalendar<D> implements AfterContentInit, OnDestroy, OnCha
      */
     private getValidDateOrNull;
     private getActiveDateDefault;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McCalendar<any>, [null, { optional: true; }, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McCalendar<any>, [null, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<McCalendar<any>, "mc-calendar", ["mcCalendar"], { "startAt": "startAt"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "dateClass": "dateClass"; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "userSelection": "userSelection"; }, never, never, false, never>;
 }

package/datepicker/month-view.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterContentInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { DateAdapter, McDateFormats } from '@ptsecurity/mosaic/core';
+import { DateAdapter } from '@ptsecurity/mosaic/core';
 import { McCalendarBody, McCalendarCell, McCalendarCellCssClasses } from './calendar-body.component';
 import * as i0 from "@angular/core";
 /**
@@ -8,7 +8,6 @@ import * as i0 from "@angular/core";
  */
 export declare class McMonthView<D> implements AfterContentInit {
     private changeDetectorRef;
-    private readonly dateFormats;
     adapter: DateAdapter<D>;
     /**
      * The date to display in this month view (everything other than the month and year is ignored).
@@ -52,7 +51,7 @@ export declare class McMonthView<D> implements AfterContentInit {
         long: string;
         narrow: string;
     }[];
-    constructor(changeDetectorRef: ChangeDetectorRef, dateFormats: McDateFormats, adapter: DateAdapter<D>);
+    constructor(changeDetectorRef: ChangeDetectorRef, adapter: DateAdapter<D>);
     ngAfterContentInit(): void;
     /** Handles when a new date is selected. */
     dateSelected(date: number): void;
@@ -69,6 +68,6 @@ export declare class McMonthView<D> implements AfterContentInit {
     private getDateInCurrentMonth;
     /** Checks whether the 2 dates are non-null and fall within the same month of the same year. */
     private hasSameMonthAndYear;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McMonthView<any>, [null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McMonthView<any>, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<McMonthView<any>, "mc-month-view", ["mcMonthView"], { "activeDate": "activeDate"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "dateClass": "dateClass"; }, { "selectedChange": "selectedChange"; "userSelection": "userSelection"; "activeDateChange": "activeDateChange"; }, never, never, false, never>;
 }