@ptsecurity/mosaic 15.5.0 → 16.0.0

package/select/select.component.d.ts

@@ -1,10 +1,11 @@
 import { Directionality } from '@angular/cdk/bidi';
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkConnectedOverlay, ConnectedPosition } from '@angular/cdk/overlay';
+import { CdkVirtualForOf } from '@angular/cdk/scrolling';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { ActiveDescendantKeyManager } from '@ptsecurity/cdk/a11y';
-import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, McOptgroup, McOption, McOptionSelectionChange, McLocaleService } from '@ptsecurity/mosaic/core';
+import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, McOptgroup, McOption, McOptionSelectionChange, McLocaleService, McOptionBase } from '@ptsecurity/mosaic/core';
 import { McCleaner, McFormField, McFormFieldControl } from '@ptsecurity/mosaic/form-field';
 import { McInput } from '@ptsecurity/mosaic/input';
 import { McTag } from '@ptsecurity/mosaic/tags';
@@ -78,8 +79,8 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
     /** The cached font-size of the trigger element. */
     triggerFontSize: number;
     /** Deals with the selection logic. */
-    selectionModel: SelectionModel<McOption>;
-    previousSelectionModelSelected: McOption[];
+    selectionModel: SelectionModel<McOptionBase>;
+    previousSelectionModelSelected: McOptionBase[];
     /** Manages keyboard events for options in the panel. */
     keyManager: ActiveDescendantKeyManager<McOption>;
     /** The value of the select panel's transform-origin property. */
@@ -105,6 +106,7 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
     panel: ElementRef;
     optionsContainer: ElementRef;
     overlayDir: CdkConnectedOverlay;
+    cdkVirtualForOf?: CdkVirtualForOf<any>;
     tags: QueryList<McTag>;
     /** User-supplied override of the trigger element. */
     customTrigger: McSelectTrigger;
@@ -128,7 +130,7 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
      * Function used to sort the values in a select in multiple mode.
      * Follows the same logic as `Array.prototype.sort`.
      */
-    sortComparator: (a: McOption, b: McOption, options: McOption[]) => number;
+    sortComparator: (a: McOptionBase, b: McOptionBase, options: McOptionBase[]) => number;
     /** Combined stream of all of the child options' change events. */
     readonly optionSelectionChanges: Observable<McOptionSelectionChange>;
     /** Event emitted when the select panel has been toggled. */
@@ -177,13 +179,14 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
     /** Whether the select is focused. */
     get focused(): boolean;
     set focused(value: boolean);
-    private _focused;
     panelOpen: boolean;
+    private _focused;
+    private withVirtualScroll;
     get isEmptySearchResult(): boolean;
     get canShowCleaner(): boolean;
-    get selected(): McOption | McOption[];
+    get selected(): McOptionBase | McOptionBase[];
     get triggerValue(): string;
-    get triggerValues(): McOption[];
+    get triggerValues(): McOptionBase[];
     get empty(): boolean;
     private closeSubscription;
     /** The scroll position of the overlay panel, calculated to center the selected option. */
@@ -265,7 +268,7 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
      */
     onContainerClick(): void;
     /** Invoked when an option is clicked. */
-    onRemoveMatcherItem(option: McOption, $event: any): void;
+    onRemoveMatcherItem(option: McOptionBase, $event: any): void;
     calculateHiddenItems(): void;
     getItemHeight(): number;
     private updateLocaleParams;
@@ -325,6 +328,6 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
     private getTotalVisibleItems;
     private buildTriggerClone;
     static ɵfac: i0.ɵɵFactoryDeclaration<McSelect, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McSelect, "mc-select", ["mcSelect"], { "disabled": "disabled"; "tabIndex": "tabIndex"; "hiddenItemsText": "hiddenItemsText"; "panelClass": "panelClass"; "backdropClass": "backdropClass"; "errorStateMatcher": "errorStateMatcher"; "sortComparator": "sortComparator"; "hasBackdrop": "hasBackdrop"; "placeholder": "placeholder"; "required": "required"; "multiple": "multiple"; "compareWith": "compareWith"; "value": "value"; "id": "id"; "hiddenItemsTextFormatter": "hiddenItemsTextFormatter"; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["customTrigger", "customMatcher", "customTagTemplateRef", "cleaner", "search", "options", "optionGroups"], ["mc-select-trigger, [mc-select-trigger]", "mc-cleaner", "mc-select-matcher, [mc-select-matcher]", "[mcSelectSearch]", "[mc-select-search-empty-result]", "*", "mc-select-footer,[mc-select-footer]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McSelect, "mc-select", ["mcSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cdkVirtualForOf", "customTrigger", "customMatcher", "customTagTemplateRef", "cleaner", "search", "options", "optionGroups"], ["mc-select-trigger, [mc-select-trigger]", "mc-cleaner", "mc-select-matcher, [mc-select-matcher]", "[mcSelectSearch]", "[mc-select-search-empty-result]", "*", "mc-select-footer,[mc-select-footer]"], false, never>;
 }
 export {};

package/select/select.scss

@@ -118,6 +118,8 @@ $tokens: meta.module-variables(tokens) !default;
 
     padding-left: var(--mc-option-size-horizontal-padding, map.get($tokens, option-size-horizontal-padding));
     padding-right: var(--mc-option-size-horizontal-padding, map.get($tokens, option-size-horizontal-padding));
+
+    border: var(--mc-option-size-border-width, map.get($tokens, option-size-border-width)) solid transparent;
 }
 
 .mc-select__match-list {
@@ -199,7 +201,7 @@ $tokens: meta.module-variables(tokens) !default;
     padding: var(--mc-select-panel-size-vertical-padding, map.get($tokens, select-panel-size-vertical-padding)) 0;
     overflow: hidden auto;
 
-    & .cdk-virtual-scroll-viewport {
+    &:not(:has(> .mc-select__no-options-message)) .cdk-virtual-scroll-viewport {
         $paddings: (map.get($tokens, select-panel-size-vertical-padding) * 2);
 
         min-height: calc(

package/sidebar/sidebar.component.d.ts

@@ -16,12 +16,12 @@ export declare class McSidebarOpened {
     width: string;
     maxWidth: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<McSidebarOpened, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSidebarOpened, "[mc-sidebar-opened]", ["mcSidebarOpened"], { "minWidth": "minWidth"; "width": "width"; "maxWidth": "maxWidth"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McSidebarOpened, "[mc-sidebar-opened]", ["mcSidebarOpened"], { "minWidth": { "alias": "minWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class McSidebarClosed {
     width: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<McSidebarClosed, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSidebarClosed, "[mc-sidebar-closed]", ["mcSidebarClosed"], { "width": "width"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McSidebarClosed, "[mc-sidebar-closed]", ["mcSidebarClosed"], { "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class McSidebar implements OnDestroy, OnInit, AfterContentInit {
     private ngZone;
@@ -48,6 +48,6 @@ export declare class McSidebar implements OnDestroy, OnInit, AfterContentInit {
     private unRegisterKeydownListener;
     private saveWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<McSidebar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McSidebar, "mc-sidebar", ["mcSidebar"], { "opened": "opened"; "position": "position"; }, { "stateChanged": "stateChanged"; }, ["openedContent", "closedContent"], ["[mc-sidebar-opened]", "[mc-sidebar-closed]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McSidebar, "mc-sidebar", ["mcSidebar"], { "opened": { "alias": "opened"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "stateChanged": "stateChanged"; }, ["openedContent", "closedContent"], ["[mc-sidebar-opened]", "[mc-sidebar-closed]"], false, never>;
 }
 export {};

package/sidepanel/_sidepanel-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-sidepanel-theme($theme) {
     $background: map.get($theme, background);
 
@@ -55,6 +50,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-sidepanel-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-sidepanel-title {
         @include mc-typography-level-to-styles($config, map.get($tokens, sidepanel-header-font-default));
     }

package/sidepanel/sidepanel-directives.d.ts

@@ -16,7 +16,7 @@ export declare class McSidepanelClose implements OnInit, OnChanges {
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McSidepanelClose, [{ optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSidepanelClose, "button[mc-sidepanel-close], button[mcSidepanelClose]", never, { "sidepanelResult": "mc-sidepanel-close"; "mcSidepanelClose": "mcSidepanelClose"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McSidepanelClose, "button[mc-sidepanel-close], button[mcSidepanelClose]", never, { "sidepanelResult": { "alias": "mc-sidepanel-close"; "required": false; }; "mcSidepanelClose": { "alias": "mcSidepanelClose"; "required": false; }; }, {}, never, never, false, never>;
 }
 /**
  * Header of a sidepanel.
@@ -25,7 +25,7 @@ export declare class McSidepanelHeader {
     themePalette: typeof ThemePalette;
     closeable: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<McSidepanelHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McSidepanelHeader, "mc-sidepanel-header", never, { "closeable": "closeable"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McSidepanelHeader, "mc-sidepanel-header", never, { "closeable": { "alias": "closeable"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 /**
  * Scrollable content container of a sidepanel.

package/splitter/splitter.component.d.ts

@@ -33,7 +33,7 @@ export declare class McGutterDirective implements OnInit {
     getPosition(): IPoint;
     private setStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<McGutterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McGutterDirective, "mc-gutter", never, { "direction": "direction"; "order": "order"; "size": "size"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McGutterDirective, "mc-gutter", never, { "direction": { "alias": "direction"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class McGutterGhostDirective {
     private elementRef;
@@ -56,7 +56,7 @@ export declare class McGutterGhostDirective {
     private updateDimensions;
     private setStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<McGutterGhostDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McGutterGhostDirective, "mc-gutter-ghost", never, { "visible": "visible"; "x": "x"; "y": "y"; "direction": "direction"; "size": "size"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McGutterGhostDirective, "mc-gutter-ghost", never, { "visible": { "alias": "visible"; "required": false; }; "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class McSplitterComponent implements OnInit {
     elementRef: ElementRef;
@@ -100,7 +100,7 @@ export declare class McSplitterComponent implements OnInit {
     private onMouseUp;
     private setStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<McSplitterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McSplitterComponent, "mc-splitter", ["mcSplitter"], { "hideGutters": "hideGutters"; "direction": "direction"; "disabled": "disabled"; "useGhost": "useGhost"; "gutterSize": "gutterSize"; }, { "gutterPositionChange": "gutterPositionChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McSplitterComponent, "mc-splitter", ["mcSplitter"], { "hideGutters": { "alias": "hideGutters"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "useGhost": { "alias": "useGhost"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; }, { "gutterPositionChange": "gutterPositionChange"; }, never, ["*"], false, never>;
 }
 export declare class McSplitterAreaDirective implements OnInit, OnDestroy {
     private elementRef;

package/table/_table-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-table-theme($theme) {
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
@@ -46,6 +41,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-table-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-table {
         & > thead {
             & > tr > th {

package/tabs/_tabs-theme.scss

@@ -3,11 +3,6 @@
 
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
 //noinspection ALL
 @mixin mc-tabs-theme($theme) {
     $foreground: map.get($theme, foreground);
@@ -233,6 +228,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-tabs-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-tab-label,
     .mc-tab-label_old,
     .mc-tab-link {

package/tabs/paginated-tab-header.d.ts

@@ -10,9 +10,9 @@ import * as i0 from "@angular/core";
  * will scroll the header towards the end of the tabs list and 'before' will scroll towards the
  * beginning of the list.
  */
-export declare type ScrollDirection = 'after' | 'before';
+export type ScrollDirection = 'after' | 'before';
 /** Item inside a paginated tab header. */
-export declare type McPaginatedTabHeaderItem = FocusableOption & {
+export type McPaginatedTabHeaderItem = FocusableOption & {
     elementRef: ElementRef;
 };
 /**
@@ -176,5 +176,5 @@ export declare abstract class McPaginatedTabHeader implements AfterContentChecke
     private scrollTo;
     private updateScrollPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<McPaginatedTabHeader, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McPaginatedTabHeader, never, never, { "disablePagination": "disablePagination"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McPaginatedTabHeader, never, never, { "disablePagination": { "alias": "disablePagination"; "required": false; }; }, {}, never, never, false, never>;
 }

package/tabs/tab-body.component.d.ts

@@ -13,14 +13,14 @@ import * as i0 from "@angular/core";
  * then left-origin-center or right-origin-center can be used, which will use left or right as its
  * psuedo-prior state.
  */
-export declare type McTabBodyPositionState = 'left' | 'center' | 'right' | 'left-origin-center' | 'right-origin-center';
+export type McTabBodyPositionState = 'left' | 'center' | 'right' | 'left-origin-center' | 'right-origin-center';
 /**
  * The origin state is an internally used state that is set on a new tab body indicating if it
  * began to the left or right of the prior selected index. For example, if the selected index was
  * set to 1, and a new tab is created and selected at index 2, then the tab body would have an
  * origin of right because its index was greater than the prior selected index.
  */
-export declare type McTabBodyOriginState = 'left' | 'right';
+export type McTabBodyOriginState = 'left' | 'right';
 /**
  * Wrapper for the contents of a tab.
  * @docs-private
@@ -73,7 +73,7 @@ export declare class McTabBody implements OnInit, OnDestroy {
      */
     private computePositionFromOrigin;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTabBody, [null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTabBody, "mc-tab-body", never, { "position": "position"; "content": "content"; "origin": "origin"; "animationDuration": "animationDuration"; }, { "onCentering": "onCentering"; "beforeCentering": "beforeCentering"; "afterLeavingCenter": "afterLeavingCenter"; "onCentered": "onCentered"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTabBody, "mc-tab-body", never, { "position": { "alias": "position"; "required": false; }; "content": { "alias": "content"; "required": false; }; "origin": { "alias": "origin"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; }, { "onCentering": "onCentering"; "beforeCentering": "beforeCentering"; "afterLeavingCenter": "afterLeavingCenter"; "onCentered": "onCentered"; }, never, never, false, never>;
 }
 /**
  * The portal host directive for the contents of the tab.

package/tabs/tab-group.component.d.ts

@@ -32,7 +32,7 @@ export declare class McTabChangeEvent {
     tab: McTab;
 }
 /** Possible positions for the tab header. */
-export declare type McTabHeaderPosition = 'above' | 'below';
+export type McTabHeaderPosition = 'above' | 'below';
 /** Object that can be used to configure the default options for the tabs module. */
 export interface IMcTabsConfig {
     /** Duration for the tab animation. Must be a valid CSS value (e.g. 600ms). */
@@ -130,5 +130,5 @@ export declare class McTabGroup extends McTabGroupMixinBase implements AfterCont
     /** Clamps the given index to the bounds of 0 and the tabs length. */
     private clampTabIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTabGroup, [null, null, { attribute: "mc-old-tabs"; }, { attribute: "vertical"; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTabGroup, "mc-tab-group", ["mcTabGroup"], { "disabled": "disabled"; "dynamicHeight": "dynamicHeight"; "selectedIndex": "selectedIndex"; "headerPosition": "headerPosition"; "animationDuration": "animationDuration"; }, { "selectedIndexChange": "selectedIndexChange"; "focusChange": "focusChange"; "animationDone": "animationDone"; "selectedTabChange": "selectedTabChange"; }, ["tabs"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTabGroup, "mc-tab-group", ["mcTabGroup"], { "disabled": { "alias": "disabled"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "headerPosition": { "alias": "headerPosition"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "focusChange": "focusChange"; "animationDone": "animationDone"; "selectedTabChange": "selectedTabChange"; }, ["tabs"], never, false, never>;
 }

package/tabs/tab-header.component.d.ts

@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
  * will scroll the header towards the end of the tabs list and 'before' will scroll towards the
  * beginning of the list.
  */
-export declare type ScrollDirection = 'after' | 'before';
+export type ScrollDirection = 'after' | 'before';
 /**
  * The header of the tab group which displays a list of all the tabs in the tab group.
  * When the tabs list's width exceeds the width of the header container,
@@ -31,5 +31,5 @@ export declare class McTabHeader extends McPaginatedTabHeader {
     constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, ngZone: NgZone, platform: Platform, dir: Directionality, animationMode?: string);
     itemSelected(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTabHeader, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTabHeader, "mc-tab-header", never, { "selectedIndex": "selectedIndex"; "vertical": "vertical"; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, ["items"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTabHeader, "mc-tab-header", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, ["items"], ["*"], false, never>;
 }

package/tabs/tab-label-wrapper.directive.d.ts

@@ -27,5 +27,5 @@ export declare class McTabLabelWrapper extends McTabLabelWrapperMixinBase implem
     getInnerText(): any;
     private addClassModifierForIcons;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTabLabelWrapper, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTabLabelWrapper, "[mcTabLabelWrapper]", never, { "disabled": "disabled"; "tab": "tab"; }, {}, ["labelContent"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTabLabelWrapper, "[mcTabLabelWrapper]", never, { "disabled": { "alias": "disabled"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; }, {}, ["labelContent"], never, false, never>;
 }

package/tabs/tab-nav-bar/tab-nav-bar.d.ts

@@ -25,7 +25,7 @@ export declare class McTabLink extends McTabLinkMixinBase implements OnDestroy,
     ngOnDestroy(): void;
     private addClassModifierForIcons;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTabLink, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTabLink, "a[mc-tab-link], a[mcTabLink]", ["mcTabLink"], { "disabled": "disabled"; "tabIndex": "tabIndex"; "active": "active"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTabLink, "a[mc-tab-link], a[mcTabLink]", ["mcTabLink"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 /**
  * Navigation component matching the styles of the tab group header.

package/tabs/tab.component.d.ts

@@ -64,5 +64,5 @@ export declare class McTab extends McTabMixinBase implements OnInit, CanDisable,
      */
     protected setTemplateLabelInput(value: McTabLabel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTab, "mc-tab", ["mcTab"], { "disabled": "disabled"; "tooltipTitle": "tooltipTitle"; "tooltipPlacement": "tooltipPlacement"; "textLabel": "label"; "empty": "empty"; "tabId": "tabId"; }, {}, ["templateLabel", "explicitContent"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTab, "mc-tab", ["mcTab"], { "disabled": { "alias": "disabled"; "required": false; }; "tooltipTitle": { "alias": "tooltipTitle"; "required": false; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; "textLabel": { "alias": "label"; "required": false; }; "empty": { "alias": "empty"; "required": false; }; "tabId": { "alias": "tabId"; "required": false; }; }, {}, ["templateLabel", "explicitContent"], ["*"], false, never>;
 }

package/tags/_tag-theme.scss

@@ -4,11 +4,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-tag-color($params) {
     background: map.get($params, background);
     border-color: map.get($params, border);
@@ -103,6 +98,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-tag-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-tag:not(.mc-tag_mono):not(.mc-tag_caps) {
         @include mc-typography-level-to-styles($config, map.get($tokens, tags-font-default));
     }

package/tags/tag-default-options.d.ts

@@ -1,8 +1,12 @@
 import { InjectionToken } from '@angular/core';
+import { McTagSeparator } from './tag-input';
 /** Default options, for the chips module, that can be overridden. */
 export interface McTagsDefaultOptions {
     /** The list of key codes that will trigger a chipEnd event. */
     separatorKeyCodes: number[];
+    separators?: {
+        [key: number]: McTagSeparator;
+    };
 }
 /** Injection token to be used to override the default options for the chips module. */
 export declare const MC_TAGS_DEFAULT_OPTIONS: InjectionToken<McTagsDefaultOptions>;

package/tags/tag-input.d.ts

@@ -83,5 +83,5 @@ export declare class McTagInput implements McTagTextControl, OnChanges {
     /** Checks whether a keycode is one of the configured separators. */
     private isSeparatorKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTagInput, [null, null, null, { optional: true; self: true; }, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTagInput, "input[mcTagInputFor]", ["mcTagInput", "mcTagInputFor"], { "separatorKeyCodes": "mcTagInputSeparatorKeyCodes"; "placeholder": "placeholder"; "id": "id"; "tagList": "mcTagInputFor"; "addOnBlur": "mcTagInputAddOnBlur"; "disabled": "disabled"; }, { "tagEnd": "mcTagInputTokenEnd"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTagInput, "input[mcTagInputFor]", ["mcTagInput", "mcTagInputFor"], { "separatorKeyCodes": { "alias": "mcTagInputSeparatorKeyCodes"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tagList": { "alias": "mcTagInputFor"; "required": false; }; "addOnBlur": { "alias": "mcTagInputAddOnBlur"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tagEnd": "mcTagInputTokenEnd"; }, never, never, false, never>;
 }

package/tags/tag-list.component.d.ts

@@ -241,6 +241,7 @@ export declare class McTagList extends McTagListMixinBase implements McFormField
     private syncTagsDisabledState;
     /** Revalidate control. */
     private revalidate;
+    private propagateSelectableToChildren;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTagList, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTagList, "mc-tag-list", ["mcTagList"], { "multiple": "multiple"; "compareWith": "compareWith"; "value": "value"; "required": "required"; "placeholder": "placeholder"; "disabled": "disabled"; "selectable": "selectable"; "tabIndex": "tabIndex"; "errorStateMatcher": "errorStateMatcher"; "orientation": "orientation"; }, { "valueChange": "valueChange"; "change": "change"; }, ["cleaner", "tags"], ["*", "mc-cleaner"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTagList, "mc-tag-list", ["mcTagList"], { "multiple": { "alias": "multiple"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; }, ["cleaner", "tags"], ["*", "mc-cleaner"], false, never>;
 }

package/tags/tag-list.scss

@@ -33,8 +33,6 @@ $tokens: meta.module-variables(tokens) !default;
         (var(--mc-form-field-size-border-width, map.get($tokens, form-field-size-border-width)) * 2)
     );
 
-    padding: var(--mc-tag-list-size-padding, map.get($tokens, tag-list-size-padding));
-
     & .mc-tag-input {
         max-width: 100%;
 
@@ -45,6 +43,12 @@ $tokens: meta.module-variables(tokens) !default;
     }
 }
 
+.mc-form-field-type-tag-list {
+    .mc-tags-list__list-container {
+        padding: var(--mc-tag-list-size-padding, map.get($tokens, tag-list-size-padding));
+    }
+}
+
 .mc-tags-list__cleaner {
     & .mc-cleaner {
         height: 30px;

package/tags/tag.component.d.ts

@@ -111,12 +111,12 @@ export declare class McTag extends McTagMixinBase implements IFocusableOption, O
      * Informs any listeners of the removal request. Does not remove the tag from the DOM.
      */
     remove(): void;
-    handleClick(event: Event): void;
+    handleMousedown(event: Event): void;
     handleKeydown(event: KeyboardEvent): void;
     blur(): void;
     private dispatchSelectionChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTag, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTag, "mc-tag, [mc-tag], mc-basic-tag, [mc-basic-tag]", ["mcTag"], { "color": "color"; "selected": "selected"; "value": "value"; "selectable": "selectable"; "removable": "removable"; "tabindex": "tabindex"; "disabled": "disabled"; }, { "selectionChange": "selectionChange"; "destroyed": "destroyed"; "removed": "removed"; }, ["avatar", "trailingIcon", "removeIcon", "contentChildren"], ["[mc-icon]:not([mcTagRemove])", "*", "[mcTagRemove]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTag, "mc-tag, [mc-tag], mc-basic-tag, [mc-basic-tag]", ["mcTag"], { "color": { "alias": "color"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; "destroyed": "destroyed"; "removed": "removed"; }, ["avatar", "trailingIcon", "removeIcon", "contentChildren"], ["[mc-icon]:not([mcTagRemove])", "*", "[mcTagRemove]"], false, never>;
 }
 /**
  *

package/textarea/_textarea-theme.scss

@@ -4,11 +4,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-textarea-theme($theme) {
     $foreground: map.get($theme, foreground);
 
@@ -30,6 +25,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-textarea-typography($config) {
+    $tokens: map.get($config, tokens);
+
     textarea.mc-textarea {
         @include mc-typography-level-to-styles($config, map.get($tokens, textarea-font-default));
     }

package/textarea/textarea.component.d.ts

@@ -110,5 +110,5 @@ export declare class McTextarea extends McTextareaMixinBase implements McFormFie
     /** Checks whether the textarea is invalid based on the native validation. */
     protected isBadInput(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTextarea, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTextarea, "textarea[mcTextarea]", ["mcTextarea"], { "canGrow": "canGrow"; "errorStateMatcher": "errorStateMatcher"; "disabled": "disabled"; "id": "id"; "placeholder": "placeholder"; "required": "required"; "value": "value"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTextarea, "textarea[mcTextarea]", ["mcTextarea"], { "canGrow": { "alias": "canGrow"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
 }

package/timepicker/timepicker.directive.d.ts

@@ -137,5 +137,5 @@ export declare class McTimepicker<D> implements McFormFieldControl<D>, ControlVa
     private setControl;
     private validatorOnChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTimepicker<any>, [null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTimepicker<any>, "input[mcTimepicker]", ["mcTimepicker"], { "placeholder": "placeholder"; "disabled": "disabled"; "id": "id"; "required": "required"; "format": "format"; "min": "min"; "max": "max"; "value": "value"; "mcValidationTooltip": "mcValidationTooltip"; }, { "incorrectInput": "incorrectInput"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTimepicker<any>, "input[mcTimepicker]", ["mcTimepicker"], { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "format": { "alias": "format"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "mcValidationTooltip": { "alias": "mcValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; }, never, never, false, never>;
 }

package/timezone/_timezone-option-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-timezone-option-theme($theme) {
     $timezone: map.get(map.get($theme, components), timezone);
 
@@ -22,6 +17,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-timezone-option-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-timezone-option__offset {
         @include mc-typography-level-to-styles($config, map.get($tokens, timezone-option-font-offset-text));
     }

package/timezone/timezone-option.component.d.ts

@@ -11,5 +11,5 @@ export declare class McTimezoneOption extends McOption {
     private _timezone;
     get viewValue(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTimezoneOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTimezoneOption, "mc-timezone-option", ["mcTimezoneOption"], { "highlightText": "highlightText"; "timezone": "timezone"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTimezoneOption, "mc-timezone-option", ["mcTimezoneOption"], { "highlightText": { "alias": "highlightText"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; }, {}, never, never, false, never>;
 }

package/toast/_toast-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-toast-theme($theme) {
     $foreground: map.get($theme, foreground);
@@ -50,6 +45,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-toast-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-toast {
         @include mc-typography-level-to-styles($config, body);
     }

package/toast/toast.type.d.ts

@@ -1,5 +1,5 @@
 import { TemplateRef, InjectionToken } from '@angular/core';
-export declare type McToastStyle = 'default' | 'confirm' | 'custom' | 'success' | 'error' | 'warning' | 'info';
+export type McToastStyle = 'default' | 'confirm' | 'custom' | 'success' | 'error' | 'warning' | 'info';
 export declare enum McToastPosition {
     TOP_RIGHT = "top-right",
     TOP_LEFT = "top-left",

package/toggle/_toggle-theme.scss

@@ -4,11 +4,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-toggle-theme($theme) {
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
@@ -72,6 +67,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-toggle-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-toggle:not(.mc-toggle_small) {
         @include mc-typography-level-to-styles($config, map.get($tokens, toggle-font-default));
     }

package/toggle/toggle.component.d.ts

@@ -3,7 +3,7 @@ import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { CanColor, CanColorCtor, CanDisable, CanDisableCtor, HasTabIndex, HasTabIndexCtor } from '@ptsecurity/mosaic/core';
 import * as i0 from "@angular/core";
-declare type ToggleLabelPositionType = 'left' | 'right';
+type ToggleLabelPositionType = 'left' | 'right';
 /** @docs-private */
 export declare class McToggleBase {
     elementRef: ElementRef;
@@ -51,6 +51,6 @@ export declare class McToggleComponent extends McToggleMixinBase implements Cont
     private updateModelValue;
     private emitChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<McToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McToggleComponent, "mc-toggle", ["mcToggle"], { "color": "color"; "tabIndex": "tabIndex"; "labelPosition": "labelPosition"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "id": "id"; "name": "name"; "value": "value"; "disabled": "disabled"; "checked": "checked"; }, { "change": "change"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McToggleComponent, "mc-toggle", ["mcToggle"], { "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "change": "change"; }, never, ["*"], false, never>;
 }
 export {};