@ptsecurity/mosaic 15.5.0 → 15.7.2

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/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/_badges.scss

@@ -32,9 +32,10 @@
         color: map.get($foreground, text);
         border-color: map.get($foreground, border);
 
-        @include mc-badges-geometry(map.get($theme, tokens));
     }
 
+    @include mc-badges-geometry(map.get($theme, tokens));
+
     .mc-badge_solid {
         &.mc-badge_primary {
             @include mc-badge-color(map.get($badge, primary_solid));

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/_datepicker-theme.scss

@@ -5,11 +5,6 @@
 @use '../core/styles/theming/theming';
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
 $mc-datepicker-selected-fade-amount: 0.6;
 $mc-datepicker-today-fade-amount: 0.2;
 
@@ -91,6 +86,8 @@ $mc-datepicker-today-fade-amount: 0.2;
 }
 
 @mixin mc-datepicker-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-calendar {
         @include mc-typography-level-to-styles($config, map.get($tokens, datepicker-calendar-font-default));
     }

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>;
 }

package/dl/_dl-theme.scss

@@ -3,11 +3,6 @@
 
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
 @mixin mc-dl-theme($theme) {
     $dl: map.get(map.get($theme, components), dl);
 
@@ -21,6 +16,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-dl-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-dl {
         & .mc-dt {
             @include mc-typography-level-to-styles(

package/dropdown/_dropdown-theme.scss

@@ -5,11 +5,6 @@
 @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-dropdown-theme($theme) {
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
@@ -68,6 +63,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-dropdown-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-dropdown-item,
     .mc-dropdown__content {
         @include mc-typography-level-to-styles($config, map.get($tokens, dropdown-item-font-default));