@ptsecurity/mosaic 15.6.0 → 16.0.0

package/modal/modal.component.d.ts

@@ -1,3 +1,4 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
 import { Overlay, OverlayRef } from '@angular/cdk/overlay';
 import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ComponentRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { ThemePalette } from '@ptsecurity/mosaic/core';
@@ -15,6 +16,7 @@ export declare class McModalComponent<T = any, R = any> extends McModalRef<T, R>
     private viewContainer;
     private modalControl;
     private changeDetector;
+    private focusMonitor;
     private document;
     themePalette: typeof ThemePalette;
     mcModalType: ModalType;
@@ -74,10 +76,11 @@ export declare class McModalComponent<T = any, R = any> extends McModalRef<T, R>
     get cancelText(): string;
     get hidden(): boolean;
     private focusedElementBeforeOpen;
+    private previouslyFocusedElementOrigin;
     private contentComponentRef;
     private animationState;
     private container;
-    constructor(overlay: Overlay, renderer: Renderer2, cfr: ComponentFactoryResolver, elementRef: ElementRef, viewContainer: ViewContainerRef, modalControl: McModalControlService, changeDetector: ChangeDetectorRef, document: any);
+    constructor(overlay: Overlay, renderer: Renderer2, cfr: ComponentFactoryResolver, elementRef: ElementRef, viewContainer: ViewContainerRef, modalControl: McModalControlService, changeDetector: ChangeDetectorRef, focusMonitor: FocusMonitor, document: any);
     mcGetContainer: HTMLElement | OverlayRef | (() => HTMLElement | OverlayRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -124,5 +127,5 @@ export declare class McModalComponent<T = any, R = any> extends McModalRef<T, R>
      */
     private changeBodyOverflow;
     static ɵfac: i0.ɵɵFactoryDeclaration<McModalComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McModalComponent<any, any>, "mc-modal", never, { "mcModalType": "mcModalType"; "mcComponent": "mcComponent"; "mcContent": "mcContent"; "mcComponentParams": "mcComponentParams"; "mcFooter": "mcFooter"; "mcVisible": "mcVisible"; "mcZIndex": "mcZIndex"; "mcWidth": "mcWidth"; "mcSize": "mcSize"; "mcWrapClassName": "mcWrapClassName"; "mcClassName": "mcClassName"; "mcStyle": "mcStyle"; "mcTitle": "mcTitle"; "mcCloseByESC": "mcCloseByESC"; "mcClosable": "mcClosable"; "mcMask": "mcMask"; "mcMaskClosable": "mcMaskClosable"; "mcMaskStyle": "mcMaskStyle"; "mcBodyStyle": "mcBodyStyle"; "mcOkText": "mcOkText"; "mcOkType": "mcOkType"; "mcRestoreFocus": "mcRestoreFocus"; "mcOkLoading": "mcOkLoading"; "mcOnOk": "mcOnOk"; "mcCancelText": "mcCancelText"; "mcCancelLoading": "mcCancelLoading"; "mcOnCancel": "mcOnCancel"; "mcGetContainer": "mcGetContainer"; }, { "mcVisibleChange": "mcVisibleChange"; "mcAfterOpen": "mcAfterOpen"; "mcAfterClose": "mcAfterClose"; "mcOnOk": "mcOnOk"; "mcOnCancel": "mcOnCancel"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McModalComponent<any, any>, "mc-modal", never, { "mcModalType": { "alias": "mcModalType"; "required": false; }; "mcComponent": { "alias": "mcComponent"; "required": false; }; "mcContent": { "alias": "mcContent"; "required": false; }; "mcComponentParams": { "alias": "mcComponentParams"; "required": false; }; "mcFooter": { "alias": "mcFooter"; "required": false; }; "mcVisible": { "alias": "mcVisible"; "required": false; }; "mcZIndex": { "alias": "mcZIndex"; "required": false; }; "mcWidth": { "alias": "mcWidth"; "required": false; }; "mcSize": { "alias": "mcSize"; "required": false; }; "mcWrapClassName": { "alias": "mcWrapClassName"; "required": false; }; "mcClassName": { "alias": "mcClassName"; "required": false; }; "mcStyle": { "alias": "mcStyle"; "required": false; }; "mcTitle": { "alias": "mcTitle"; "required": false; }; "mcCloseByESC": { "alias": "mcCloseByESC"; "required": false; }; "mcClosable": { "alias": "mcClosable"; "required": false; }; "mcMask": { "alias": "mcMask"; "required": false; }; "mcMaskClosable": { "alias": "mcMaskClosable"; "required": false; }; "mcMaskStyle": { "alias": "mcMaskStyle"; "required": false; }; "mcBodyStyle": { "alias": "mcBodyStyle"; "required": false; }; "mcOkText": { "alias": "mcOkText"; "required": false; }; "mcOkType": { "alias": "mcOkType"; "required": false; }; "mcRestoreFocus": { "alias": "mcRestoreFocus"; "required": false; }; "mcOkLoading": { "alias": "mcOkLoading"; "required": false; }; "mcOnOk": { "alias": "mcOnOk"; "required": false; }; "mcCancelText": { "alias": "mcCancelText"; "required": false; }; "mcCancelLoading": { "alias": "mcCancelLoading"; "required": false; }; "mcOnCancel": { "alias": "mcOnCancel"; "required": false; }; "mcGetContainer": { "alias": "mcGetContainer"; "required": false; }; }, { "mcVisibleChange": "mcVisibleChange"; "mcAfterOpen": "mcAfterOpen"; "mcAfterClose": "mcAfterClose"; "mcOnOk": "mcOnOk"; "mcOnCancel": "mcOnCancel"; }, never, ["*"], false, never>;
 }

package/modal/modal.module.d.ts

@@ -7,8 +7,9 @@ import * as i5 from "@angular/cdk/overlay";
 import * as i6 from "@angular/cdk/a11y";
 import * as i7 from "@ptsecurity/mosaic/button";
 import * as i8 from "@ptsecurity/mosaic/icon";
+import * as i9 from "@ptsecurity/mosaic/title";
 export declare class McModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<McModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<McModalModule, [typeof i1.McModalComponent, typeof i2.McModalTitle, typeof i2.McModalBody, typeof i2.McModalFooter, typeof i3.CssUnitPipe, typeof i2.McModalMainAction], [typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.A11yModule, typeof i7.McButtonModule, typeof i8.McIconModule], [typeof i1.McModalComponent, typeof i2.McModalTitle, typeof i2.McModalBody, typeof i2.McModalFooter, typeof i2.McModalMainAction]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McModalModule, [typeof i1.McModalComponent, typeof i2.McModalTitle, typeof i2.McModalBody, typeof i2.McModalFooter, typeof i3.CssUnitPipe, typeof i2.McModalMainAction], [typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.A11yModule, typeof i7.McButtonModule, typeof i8.McIconModule, typeof i9.McTitleModule], [typeof i1.McModalComponent, typeof i2.McModalTitle, typeof i2.McModalBody, typeof i2.McModalFooter, typeof i2.McModalMainAction]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<McModalModule>;
 }

package/modal/modal.scss

@@ -70,7 +70,13 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 .mc-modal-title {
-    margin: 0;
+    margin-top: map.get($tokens, size-s);
+    margin-bottom: map.get($tokens, size-s);
+
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
 }
 
 .mc-modal-content {
@@ -86,11 +92,17 @@ $tokens: meta.module-variables(tokens) !default;
     display: flex;
     align-items: center;
 
-    height: var(--mc-modal-header-size-height, map.get($tokens, modal-header-size-height));
+    min-height: var(--mc-modal-header-size-height, map.get($tokens, modal-header-size-height));
 
     border-radius: var(--mc-modal-header-size-border-radius, map.get($tokens, modal-header-size-border-radius));
 
     padding: var(--mc-modal-header-size-padding, map.get($tokens, modal-header-size-padding));
+
+    &.mc-modal-header_closable {
+        $size-s: map.get($tokens, size-s);
+
+        padding-right: calc(var(--mc-modal-size-close-width, map.get($tokens, modal-size-close-width)) + $size-s);
+    }
 }
 
 .mc-modal-body {

package/modal/modal.type.d.ts

@@ -1,8 +1,8 @@
 import { OverlayRef } from '@angular/cdk/overlay';
 import { EventEmitter, TemplateRef, Type } from '@angular/core';
-export declare type OnClickCallback<T> = ((instance: T) => (false | void | {}) | Promise<false | void | {}>);
-export declare type ModalType = 'default' | 'confirm' | 'custom';
-export declare type ConfirmType = 'confirm' | 'success' | 'warn';
+export type OnClickCallback<T> = ((instance: T) => (false | void | {}) | Promise<false | void | {}>);
+export type ModalType = 'default' | 'confirm' | 'custom';
+export type ConfirmType = 'confirm' | 'success' | 'warn';
 export declare enum ModalSize {
     Small = "small",
     Medium = "medium",

package/navbar/navbar-item.component.d.ts

@@ -92,7 +92,7 @@ export declare class McNavbarFocusableItem implements IFocusableOption, AfterCon
     blur(): void;
     getLabel(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarFocusableItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McNavbarFocusableItem, "mc-navbar-item, [mc-navbar-item], mc-navbar-brand, [mc-navbar-brand], mc-navbar-toggle", never, { "disabled": "disabled"; }, {}, ["title", "button"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McNavbarFocusableItem, "mc-navbar-item, [mc-navbar-item], mc-navbar-brand, [mc-navbar-brand], mc-navbar-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "button"], never, false, never>;
 }
 export declare class McNavbarRectangleElement {
     elementRef: ElementRef;
@@ -146,7 +146,7 @@ export declare class McNavbarItem extends McTooltipTrigger {
     onKeyDown($event: KeyboardEvent): void;
     private updateCollapsedState;
     static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarItem, [null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McNavbarItem, "mc-navbar-item, [mc-navbar-item]", ["mcNavbarItem"], { "collapsedText": "collapsedText"; "trigger": "mcTrigger"; "collapsable": "collapsable"; }, {}, ["title", "subTitle", "icon"], ["[mc-icon]", "mc-navbar-title, [mc-navbar-title]", "mc-navbar-subtitle, [mc-navbar-subtitle]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McNavbarItem, "mc-navbar-item, [mc-navbar-item]", ["mcNavbarItem"], { "collapsedText": { "alias": "collapsedText"; "required": false; }; "trigger": { "alias": "mcTrigger"; "required": false; }; "collapsable": { "alias": "collapsable"; "required": false; }; }, {}, ["title", "subTitle", "icon"], ["[mc-icon]", "mc-navbar-title, [mc-navbar-title]", "mc-navbar-subtitle, [mc-navbar-subtitle]", "*"], false, never>;
 }
 export declare class McNavbarToggle extends McTooltipTrigger implements OnDestroy {
     navbar: McVerticalNavbar;
@@ -164,5 +164,5 @@ export declare class McNavbarToggle extends McTooltipTrigger implements OnDestro
     private getWindow;
     private windowToggleHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarToggle, [null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McNavbarToggle, "mc-navbar-toggle", never, { "content": "mcCollapsedTooltip"; }, {}, ["customIcon"], ["[mc-icon]", "mc-navbar-title"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McNavbarToggle, "mc-navbar-toggle", never, { "content": { "alias": "mcCollapsedTooltip"; "required": false; }; }, {}, ["customIcon"], ["[mc-icon]", "mc-navbar-title"], false, never>;
 }

package/navbar/navbar.component.d.ts

@@ -1,11 +1,13 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, QueryList } from '@angular/core';
 import { FocusKeyManager } from '@ptsecurity/cdk/a11y';
 import { Observable, Subject } from 'rxjs';
 import { McNavbarFocusableItem, McNavbarFocusableItemEvent, McNavbarItem, McNavbarRectangleElement } from './navbar-item.component';
 import * as i0 from "@angular/core";
-export declare type McNavbarContainerPositionType = 'left' | 'right';
+export type McNavbarContainerPositionType = 'left' | 'right';
 export declare class McFocusableComponent implements AfterContentInit, OnDestroy {
     protected changeDetectorRef: ChangeDetectorRef;
+    private focusMonitor;
     focusableItems: QueryList<McNavbarFocusableItem>;
     keyManager: FocusKeyManager<McNavbarFocusableItem>;
     get tabIndex(): any;
@@ -16,7 +18,8 @@ export declare class McFocusableComponent implements AfterContentInit, OnDestroy
     protected readonly destroyed: Subject<void>;
     private optionFocusSubscription;
     private optionBlurSubscription;
-    constructor(changeDetectorRef: ChangeDetectorRef);
+    private focusMonitorSubscription;
+    constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, focusMonitor: FocusMonitor);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     focus(): void;
@@ -28,7 +31,7 @@ export declare class McFocusableComponent implements AfterContentInit, OnDestroy
     private isValidIndex;
     private hasFocusedItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<McFocusableComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McFocusableComponent, never, never, { "tabIndex": "tabIndex"; }, {}, ["focusableItems"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McFocusableComponent, never, never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["focusableItems"], never, false, never>;
 }
 export declare class McNavbarContainer {
     static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarContainer, never>;
@@ -44,7 +47,7 @@ export declare class McNavbar extends McFocusableComponent implements AfterViewI
     private get totalItemsWidth();
     private get collapsableItems();
     private resizeSubscription;
-    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
+    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/navbar/vertical-navbar.component.d.ts

@@ -1,9 +1,11 @@
-import { AfterContentInit, ChangeDetectorRef, QueryList } from '@angular/core';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, QueryList } from '@angular/core';
 import { Subject } from 'rxjs';
 import { McNavbarBento, McNavbarItem, McNavbarRectangleElement } from './navbar-item.component';
 import { McFocusableComponent } from './navbar.component';
 import * as i0 from "@angular/core";
 export declare class McVerticalNavbar extends McFocusableComponent implements AfterContentInit {
+    protected elementRef: ElementRef;
     rectangleElements: QueryList<McNavbarRectangleElement>;
     items: QueryList<McNavbarItem>;
     bento: McNavbarBento;
@@ -11,7 +13,7 @@ export declare class McVerticalNavbar extends McFocusableComponent implements Af
     get expanded(): boolean;
     set expanded(value: boolean);
     private _expanded;
-    constructor(changeDetectorRef: ChangeDetectorRef);
+    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
     ngAfterContentInit(): void;
     toggle(): void;
     onKeyDown(event: KeyboardEvent): void;
@@ -19,5 +21,5 @@ export declare class McVerticalNavbar extends McFocusableComponent implements Af
     private updateTooltipForItems;
     private setItemsState;
     static ɵfac: i0.ɵɵFactoryDeclaration<McVerticalNavbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McVerticalNavbar, "mc-vertical-navbar", ["McVerticalNavbar"], { "expanded": "expanded"; }, {}, ["bento", "rectangleElements", "items"], ["[mc-navbar-container], mc-navbar-container", "[mc-navbar-toggle], mc-navbar-toggle"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McVerticalNavbar, "mc-vertical-navbar", ["McVerticalNavbar"], { "expanded": { "alias": "expanded"; "required": false; }; }, {}, ["bento", "rectangleElements", "items"], ["[mc-navbar-container], mc-navbar-container", "[mc-navbar-toggle], mc-navbar-toggle"], false, never>;
 }