@ptsecurity/mosaic 12.0.2 → 12.2.2

package/bundles/ptsecurity-mosaic-sidebar.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@ptsecurity/cdk/keycodes'), require('@angular/animations')) :
     typeof define === 'function' && define.amd ? define('@ptsecurity/mosaic/sidebar', ['exports', '@angular/common', '@angular/core', '@ptsecurity/cdk/keycodes', '@angular/animations'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ptsecurity = global.ptsecurity || {}, global.ptsecurity.mosaic = global.ptsecurity.mosaic || {}, global.ptsecurity.mosaic.sidebar = {}), global.ng.common, global.ng.core, global.mc.cdk.keycodes, global.ng.animations));
-}(this, (function (exports, i1, i0, keycodes, animations) { 'use strict';
+})(this, (function (exports, i1, i0, keycodes, animations) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
@@ -59,9 +57,9 @@
         }
         return McSidebarOpened;
     }());
-    /** @nocollapse */ McSidebarOpened.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidebarOpened, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ McSidebarOpened.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McSidebarOpened, selector: "[mc-sidebar-opened]", inputs: { minWidth: "minWidth", width: "width", maxWidth: "maxWidth" }, exportAs: ["mcSidebarOpened"], ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidebarOpened, decorators: [{
+    /** @nocollapse */ McSidebarOpened.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidebarOpened, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McSidebarOpened.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McSidebarOpened, selector: "[mc-sidebar-opened]", inputs: { minWidth: "minWidth", width: "width", maxWidth: "maxWidth" }, exportAs: ["mcSidebarOpened"], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidebarOpened, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[mc-sidebar-opened]',
@@ -79,9 +77,9 @@
         }
         return McSidebarClosed;
     }());
-    /** @nocollapse */ McSidebarClosed.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidebarClosed, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ McSidebarClosed.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McSidebarClosed, selector: "[mc-sidebar-closed]", inputs: { width: "width" }, exportAs: ["mcSidebarClosed"], ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidebarClosed, decorators: [{
+    /** @nocollapse */ McSidebarClosed.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidebarClosed, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McSidebarClosed.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McSidebarClosed, selector: "[mc-sidebar-closed]", inputs: { width: "width" }, exportAs: ["mcSidebarClosed"], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidebarClosed, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[mc-sidebar-closed]',
@@ -179,9 +177,9 @@
         };
         return McSidebar;
     }());
-    /** @nocollapse */ McSidebar.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidebar, deps: [{ token: i0__namespace.NgZone }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ McSidebar.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: McSidebar, selector: "mc-sidebar", inputs: { opened: "opened", position: "position" }, outputs: { stateChanged: "stateChanged" }, host: { listeners: { "@state.start": "onAnimationStart()", "@state.done": "onAnimationDone()" }, properties: { "@state": "{\n            value: animationState,\n            params: params\n        }" }, classAttribute: "mc-sidebar" }, queries: [{ propertyName: "openedContent", first: true, predicate: McSidebarOpened, descendants: true }, { propertyName: "closedContent", first: true, predicate: McSidebarClosed, descendants: true }], exportAs: ["mcSidebar"], ngImport: i0__namespace, template: "<ng-container [ngSwitch]=\"internalState\">\n    <ng-container *ngSwitchCase=\"true\">\n        <ng-content select=\"[mc-sidebar-opened]\"></ng-content>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"false\">\n        <ng-content select=\"[mc-sidebar-closed]\"></ng-content>\n    </ng-container>\n</ng-container>\n", styles: [".mc-sidebar{display:inline-block;height:100%;overflow:hidden}.mc-sidebar-opened,.mc-sidebar-closed{height:100%}\n"], directives: [{ type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], animations: [mcSidebarAnimations.sidebarState], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidebar, decorators: [{
+    /** @nocollapse */ McSidebar.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidebar, deps: [{ token: i0__namespace.NgZone }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ McSidebar.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McSidebar, selector: "mc-sidebar", inputs: { opened: "opened", position: "position" }, outputs: { stateChanged: "stateChanged" }, host: { listeners: { "@state.start": "onAnimationStart()", "@state.done": "onAnimationDone()" }, properties: { "@state": "{\n            value: animationState,\n            params: params\n        }" }, classAttribute: "mc-sidebar" }, queries: [{ propertyName: "openedContent", first: true, predicate: McSidebarOpened, descendants: true }, { propertyName: "closedContent", first: true, predicate: McSidebarClosed, descendants: true }], exportAs: ["mcSidebar"], ngImport: i0__namespace, template: "<ng-container [ngSwitch]=\"internalState\">\n    <ng-container *ngSwitchCase=\"true\">\n        <ng-content select=\"[mc-sidebar-opened]\"></ng-content>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"false\">\n        <ng-content select=\"[mc-sidebar-closed]\"></ng-content>\n    </ng-container>\n</ng-container>\n", styles: [".mc-sidebar{display:inline-block;height:100%;overflow:hidden}.mc-sidebar-opened,.mc-sidebar-closed{height:100%}\n"], directives: [{ type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], animations: [mcSidebarAnimations.sidebarState], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidebar, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'mc-sidebar',
@@ -217,14 +215,14 @@
         }
         return McSidebarModule;
     }());
-    /** @nocollapse */ McSidebarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidebarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ McSidebarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidebarModule, declarations: [McSidebarClosed,
+    /** @nocollapse */ McSidebarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidebarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ McSidebarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidebarModule, declarations: [McSidebarClosed,
             McSidebarOpened,
             McSidebar], imports: [i1.CommonModule], exports: [McSidebarClosed,
             McSidebarOpened,
             McSidebar] });
-    /** @nocollapse */ McSidebarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidebarModule, imports: [[i1.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidebarModule, decorators: [{
+    /** @nocollapse */ McSidebarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidebarModule, imports: [[i1.CommonModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidebarModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [i1.CommonModule],
@@ -252,5 +250,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ptsecurity-mosaic-sidebar.umd.js.map

package/bundles/ptsecurity-mosaic-sidebar.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"ptsecurity-mosaic-sidebar.umd.js","sources":["../../../packages/mosaic/sidebar/sidebar-animations.ts","../../../packages/mosaic/sidebar/sidebar.component.ts","../../../packages/mosaic/sidebar/sidebar.component.html","../../../packages/mosaic/sidebar/sidebar.module.ts","../../../packages/mosaic/sidebar/ptsecurity-mosaic-sidebar.ts"],"sourcesContent":["import { animate, AnimationTriggerMetadata, state, style, transition, trigger } from '@angular/animations';\n\n\nexport enum McSidebarAnimationState {\n    Opened = 'opened',\n    Closed = 'closed'\n}\n\nexport const mcSidebarAnimations: { readonly sidebarState: AnimationTriggerMetadata } = {\n    sidebarState: trigger('state', [\n        state(\n            'opened',\n            style({\n                minWidth: '{{ openedStateMinWidth }}',\n                width: '{{ openedStateWidth }}',\n                maxWidth: '{{ openedStateMaxWidth }}'\n            }),\n            { params: { openedStateMinWidth: '', openedStateWidth: '', openedStateMaxWidth: '' }}\n        ),\n        state(\n            'closed',\n            style({\n                minWidth: '{{ closedStateWidth }}',\n                width: '{{ closedStateWidth }}',\n                maxWidth: '{{ closedStateWidth }}'\n            }),\n            { params: { closedStateWidth: '' }}\n        ),\n        transition('opened => closed', [animate('0.1s')]),\n        transition('closed => opened', [animate('0.2s')])\n    ])\n};\n","import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    Directive, ElementRef,\n    EventEmitter,\n    Input,\n    NgZone,\n    OnDestroy, OnInit,\n    Output,\n    ViewEncapsulation\n} from '@angular/core';\nimport { isControl, isInput, isLeftBracket, isRightBracket } from '@ptsecurity/cdk/keycodes';\n\nimport { mcSidebarAnimations, McSidebarAnimationState } from './sidebar-animations';\n\n\nexport enum SidebarPositions {\n    Left = 'left',\n    Right = 'right'\n}\n\n// tslint:disable-next-line:naming-convention\ninterface McSidebarParams {\n    openedStateMinWidth: string;\n    openedStateWidth: string;\n    openedStateMaxWidth: string;\n\n    closedStateWidth: string;\n}\n\n\n@Directive({\n    selector: '[mc-sidebar-opened]',\n    exportAs: 'mcSidebarOpened'\n})\nexport class McSidebarOpened {\n    @Input() minWidth: string;\n    @Input() width: string;\n    @Input() maxWidth: string;\n}\n\n@Directive({\n    selector: '[mc-sidebar-closed]',\n    exportAs: 'mcSidebarClosed'\n})\nexport class McSidebarClosed {\n    @Input() width: string;\n}\n\n\n@Component({\n    selector: 'mc-sidebar',\n    exportAs: 'mcSidebar',\n    templateUrl: 'sidebar.component.html',\n    styleUrls: ['./sidebar.scss'],\n    host: {\n        class: 'mc-sidebar',\n        '[@state]': `{\n            value: animationState,\n            params: params\n        }`,\n        '(@state.start)': 'onAnimationStart()',\n        '(@state.done)': 'onAnimationDone()'\n    },\n    animations: [mcSidebarAnimations.sidebarState],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class McSidebar implements OnDestroy, OnInit, AfterContentInit {\n    @Input()\n    get opened(): boolean {\n        return this._opened;\n    }\n\n    set opened(value: boolean) {\n        if (this._opened) {\n            this.saveWidth();\n        }\n\n        this._opened = value;\n    }\n    private _opened: boolean = true;\n\n    @Input() position: SidebarPositions;\n\n    params: McSidebarParams = {\n        openedStateWidth: 'inherit',\n        openedStateMinWidth: 'inherit',\n        openedStateMaxWidth: 'inherit',\n\n        closedStateWidth: '32px'\n    };\n\n    @Output() readonly stateChanged: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    @ContentChild(McSidebarOpened, { static: false }) openedContent: McSidebarOpened;\n\n    @ContentChild(McSidebarClosed, { static: false }) closedContent: McSidebarClosed;\n\n    get animationState(): McSidebarAnimationState {\n        return this._opened ? McSidebarAnimationState.Opened : McSidebarAnimationState.Closed;\n    }\n\n    internalState: boolean = true;\n\n    private documentKeydownListener: (event: KeyboardEvent) => void;\n\n    constructor(private ngZone: NgZone, private elementRef: ElementRef) {}\n\n    ngOnInit(): void {\n        if (this.position === SidebarPositions.Left || this.position === SidebarPositions.Right) {\n            this.registerKeydownListener();\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (this.position === SidebarPositions.Left || this.position === SidebarPositions.Right) {\n            this.unRegisterKeydownListener();\n        }\n    }\n\n    toggle(): void {\n        this.opened = !this.opened;\n    }\n\n    onAnimationStart() {\n        if (this._opened) {\n            this.internalState = this._opened;\n        }\n    }\n\n    onAnimationDone() {\n        this.internalState = this._opened;\n\n        this.stateChanged.emit(this._opened);\n    }\n\n    ngAfterContentInit(): void {\n        this.params = {\n            openedStateWidth: this.openedContent.width || 'inherit',\n            openedStateMinWidth: this.openedContent.minWidth || 'inherit',\n            openedStateMaxWidth: this.openedContent.maxWidth || 'inherit',\n\n            closedStateWidth: this.closedContent.width || '32px'\n        };\n    }\n\n    private registerKeydownListener(): void {\n        this.documentKeydownListener = (event) => {\n            if (isControl(event) || isInput(event)) { return; }\n\n            if (\n                (this.position === SidebarPositions.Left && isLeftBracket(event)) ||\n                (this.position === SidebarPositions.Right && isRightBracket(event))\n            ) {\n                this.ngZone.run(() => this._opened = !this._opened);\n            }\n        };\n\n        this.ngZone.runOutsideAngular(() => {\n            // tslint:disable-next-line: no-unbound-method\n            document.addEventListener('keypress', this.documentKeydownListener, true);\n        });\n    }\n\n    private unRegisterKeydownListener(): void {\n        // tslint:disable-next-line: no-unbound-method\n        document.removeEventListener('keypress', this.documentKeydownListener, true);\n    }\n\n    private saveWidth() {\n        this.params.openedStateWidth = `${this.elementRef.nativeElement.offsetWidth}px`;\n    }\n}\n","<ng-container [ngSwitch]=\"internalState\">\n    <ng-container *ngSwitchCase=\"true\">\n        <ng-content select=\"[mc-sidebar-opened]\"></ng-content>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"false\">\n        <ng-content select=\"[mc-sidebar-closed]\"></ng-content>\n    </ng-container>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { McSidebar, McSidebarClosed, McSidebarOpened } from './sidebar.component';\n\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        McSidebarClosed,\n        McSidebarOpened,\n        McSidebar\n    ],\n    exports: [\n        McSidebarClosed,\n        McSidebarOpened,\n        McSidebar\n    ]\n})\nexport class McSidebarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["trigger","state","style","transition","animate","SidebarPositions","Directive","Input","EventEmitter","isControl","isInput","isLeftBracket","isRightBracket","Component","ViewEncapsulation","ChangeDetectionStrategy","Output","ContentChild","CommonModule","NgModule"],"mappings":"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"}
+{"version":3,"file":"ptsecurity-mosaic-sidebar.umd.js","sources":["../../../packages/mosaic/sidebar/sidebar-animations.ts","../../../packages/mosaic/sidebar/sidebar.component.ts","../../../packages/mosaic/sidebar/sidebar.component.html","../../../packages/mosaic/sidebar/sidebar.module.ts","../../../packages/mosaic/sidebar/ptsecurity-mosaic-sidebar.ts"],"sourcesContent":["import { animate, AnimationTriggerMetadata, state, style, transition, trigger } from '@angular/animations';\n\n\nexport enum McSidebarAnimationState {\n    Opened = 'opened',\n    Closed = 'closed'\n}\n\nexport const mcSidebarAnimations: { readonly sidebarState: AnimationTriggerMetadata } = {\n    sidebarState: trigger('state', [\n        state(\n            'opened',\n            style({\n                minWidth: '{{ openedStateMinWidth }}',\n                width: '{{ openedStateWidth }}',\n                maxWidth: '{{ openedStateMaxWidth }}'\n            }),\n            { params: { openedStateMinWidth: '', openedStateWidth: '', openedStateMaxWidth: '' }}\n        ),\n        state(\n            'closed',\n            style({\n                minWidth: '{{ closedStateWidth }}',\n                width: '{{ closedStateWidth }}',\n                maxWidth: '{{ closedStateWidth }}'\n            }),\n            { params: { closedStateWidth: '' }}\n        ),\n        transition('opened => closed', [animate('0.1s')]),\n        transition('closed => opened', [animate('0.2s')])\n    ])\n};\n","import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    Directive, ElementRef,\n    EventEmitter,\n    Input,\n    NgZone,\n    OnDestroy, OnInit,\n    Output,\n    ViewEncapsulation\n} from '@angular/core';\nimport { isControl, isInput, isLeftBracket, isRightBracket } from '@ptsecurity/cdk/keycodes';\n\nimport { mcSidebarAnimations, McSidebarAnimationState } from './sidebar-animations';\n\n\nexport enum SidebarPositions {\n    Left = 'left',\n    Right = 'right'\n}\n\n// tslint:disable-next-line:naming-convention\ninterface McSidebarParams {\n    openedStateMinWidth: string;\n    openedStateWidth: string;\n    openedStateMaxWidth: string;\n\n    closedStateWidth: string;\n}\n\n\n@Directive({\n    selector: '[mc-sidebar-opened]',\n    exportAs: 'mcSidebarOpened'\n})\nexport class McSidebarOpened {\n    @Input() minWidth: string;\n    @Input() width: string;\n    @Input() maxWidth: string;\n}\n\n@Directive({\n    selector: '[mc-sidebar-closed]',\n    exportAs: 'mcSidebarClosed'\n})\nexport class McSidebarClosed {\n    @Input() width: string;\n}\n\n\n@Component({\n    selector: 'mc-sidebar',\n    exportAs: 'mcSidebar',\n    templateUrl: 'sidebar.component.html',\n    styleUrls: ['./sidebar.scss'],\n    host: {\n        class: 'mc-sidebar',\n        '[@state]': `{\n            value: animationState,\n            params: params\n        }`,\n        '(@state.start)': 'onAnimationStart()',\n        '(@state.done)': 'onAnimationDone()'\n    },\n    animations: [mcSidebarAnimations.sidebarState],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class McSidebar implements OnDestroy, OnInit, AfterContentInit {\n    @Input()\n    get opened(): boolean {\n        return this._opened;\n    }\n\n    set opened(value: boolean) {\n        if (this._opened) {\n            this.saveWidth();\n        }\n\n        this._opened = value;\n    }\n    private _opened: boolean = true;\n\n    @Input() position: SidebarPositions;\n\n    params: McSidebarParams = {\n        openedStateWidth: 'inherit',\n        openedStateMinWidth: 'inherit',\n        openedStateMaxWidth: 'inherit',\n\n        closedStateWidth: '32px'\n    };\n\n    @Output() readonly stateChanged: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    @ContentChild(McSidebarOpened, { static: false }) openedContent: McSidebarOpened;\n\n    @ContentChild(McSidebarClosed, { static: false }) closedContent: McSidebarClosed;\n\n    get animationState(): McSidebarAnimationState {\n        return this._opened ? McSidebarAnimationState.Opened : McSidebarAnimationState.Closed;\n    }\n\n    internalState: boolean = true;\n\n    private documentKeydownListener: (event: KeyboardEvent) => void;\n\n    constructor(private ngZone: NgZone, private elementRef: ElementRef) {}\n\n    ngOnInit(): void {\n        if (this.position === SidebarPositions.Left || this.position === SidebarPositions.Right) {\n            this.registerKeydownListener();\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (this.position === SidebarPositions.Left || this.position === SidebarPositions.Right) {\n            this.unRegisterKeydownListener();\n        }\n    }\n\n    toggle(): void {\n        this.opened = !this.opened;\n    }\n\n    onAnimationStart() {\n        if (this._opened) {\n            this.internalState = this._opened;\n        }\n    }\n\n    onAnimationDone() {\n        this.internalState = this._opened;\n\n        this.stateChanged.emit(this._opened);\n    }\n\n    ngAfterContentInit(): void {\n        this.params = {\n            openedStateWidth: this.openedContent.width || 'inherit',\n            openedStateMinWidth: this.openedContent.minWidth || 'inherit',\n            openedStateMaxWidth: this.openedContent.maxWidth || 'inherit',\n\n            closedStateWidth: this.closedContent.width || '32px'\n        };\n    }\n\n    private registerKeydownListener(): void {\n        this.documentKeydownListener = (event) => {\n            if (isControl(event) || isInput(event)) { return; }\n\n            if (\n                (this.position === SidebarPositions.Left && isLeftBracket(event)) ||\n                (this.position === SidebarPositions.Right && isRightBracket(event))\n            ) {\n                this.ngZone.run(() => this._opened = !this._opened);\n            }\n        };\n\n        this.ngZone.runOutsideAngular(() => {\n            // tslint:disable-next-line: no-unbound-method\n            document.addEventListener('keypress', this.documentKeydownListener, true);\n        });\n    }\n\n    private unRegisterKeydownListener(): void {\n        // tslint:disable-next-line: no-unbound-method\n        document.removeEventListener('keypress', this.documentKeydownListener, true);\n    }\n\n    private saveWidth() {\n        this.params.openedStateWidth = `${this.elementRef.nativeElement.offsetWidth}px`;\n    }\n}\n","<ng-container [ngSwitch]=\"internalState\">\n    <ng-container *ngSwitchCase=\"true\">\n        <ng-content select=\"[mc-sidebar-opened]\"></ng-content>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"false\">\n        <ng-content select=\"[mc-sidebar-closed]\"></ng-content>\n    </ng-container>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { McSidebar, McSidebarClosed, McSidebarOpened } from './sidebar.component';\n\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        McSidebarClosed,\n        McSidebarOpened,\n        McSidebar\n    ],\n    exports: [\n        McSidebarClosed,\n        McSidebarOpened,\n        McSidebar\n    ]\n})\nexport class McSidebarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["trigger","state","style","transition","animate","SidebarPositions","Directive","Input","EventEmitter","isControl","isInput","isLeftBracket","isRightBracket","Component","ViewEncapsulation","ChangeDetectionStrategy","Output","ContentChild","CommonModule","NgModule"],"mappings":"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"}

package/bundles/ptsecurity-mosaic-sidepanel.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ptsecurity/cdk/keycodes'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@ptsecurity/mosaic/core'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/common'), require('@ptsecurity/mosaic/icon'), require('@ptsecurity/mosaic/button')) :
-    typeof define === 'function' && define.amd ? define('@ptsecurity/mosaic/sidepanel', ['exports', '@angular/core', '@ptsecurity/cdk/keycodes', 'rxjs', 'rxjs/operators', '@angular/animations', '@ptsecurity/mosaic/core', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/common', '@ptsecurity/mosaic/icon', '@ptsecurity/mosaic/button'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ptsecurity = global.ptsecurity || {}, global.ptsecurity.mosaic = global.ptsecurity.mosaic || {}, global.ptsecurity.mosaic.sidepanel = {}), global.ng.core, global.mc.cdk.keycodes, global.rxjs, global.rxjs.operators, global.ng.animations, global.ptsecurity.mosaic.core, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.common, global.ptsecurity.mosaic.icon, global.ptsecurity.mosaic.button));
-}(this, (function (exports, i0, keycodes, rxjs, operators, animations, core, i1, i3, i2, i3$1, button) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ptsecurity/mosaic/core'), require('@ptsecurity/cdk/keycodes'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/common'), require('@angular/cdk/a11y'), require('@ptsecurity/mosaic/icon'), require('@ptsecurity/mosaic/button')) :
+    typeof define === 'function' && define.amd ? define('@ptsecurity/mosaic/sidepanel', ['exports', '@angular/core', '@ptsecurity/mosaic/core', '@ptsecurity/cdk/keycodes', 'rxjs', 'rxjs/operators', '@angular/animations', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/common', '@angular/cdk/a11y', '@ptsecurity/mosaic/icon', '@ptsecurity/mosaic/button'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ptsecurity = global.ptsecurity || {}, global.ptsecurity.mosaic = global.ptsecurity.mosaic || {}, global.ptsecurity.mosaic.sidepanel = {}), global.ng.core, global.ptsecurity.mosaic.core, global.mc.cdk.keycodes, global.rxjs, global.rxjs.operators, global.ng.animations, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.common, global.ng.cdk.a11y, global.ptsecurity.mosaic.icon, global.ptsecurity.mosaic.button));
+})(this, (function (exports, i0, core, keycodes, rxjs, operators, animations, i1, i4, i2, i3, i3$1, button) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,21 +13,20 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
 
     /** Injection token that can be used to access the data that was passed in to a sidepanel. */
@@ -485,17 +484,19 @@
         };
         /** Begin animation of the sidepanel entrance into view. */
         McSidepanelContainerComponent.prototype.enter = function () {
-            if (!this.destroyed) {
-                this.animationState = McSidepanelAnimationState.Visible;
-                this.changeDetectorRef.detectChanges();
+            if (this.destroyed) {
+                return;
             }
+            this.animationState = McSidepanelAnimationState.Visible;
+            this.changeDetectorRef.detectChanges();
         };
         /** Begin animation of the sidepanel exiting from view. */
         McSidepanelContainerComponent.prototype.exit = function () {
-            if (!this.destroyed) {
-                this.animationState = McSidepanelAnimationState.Hidden;
-                this.changeDetectorRef.markForCheck();
+            if (this.destroyed) {
+                return;
             }
+            this.animationState = McSidepanelAnimationState.Hidden;
+            this.changeDetectorRef.markForCheck();
         };
         McSidepanelContainerComponent.prototype.onAnimation = function (event) {
             this.animationStateChanged.emit(event);
@@ -518,10 +519,10 @@
             }
         };
         return McSidepanelContainerComponent;
-    }(i3.BasePortalOutlet));
-    /** @nocollapse */ McSidepanelContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelContainerComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: McSidepanelConfig }, { token: MC_SIDEPANEL_WITH_INDENT }, { token: MC_SIDEPANEL_WITH_SHADOW }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ McSidepanelContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: McSidepanelContainerComponent, selector: "mc-sidepanel-container", host: { attributes: { "role": "dialog", "aria-modal": "true" }, listeners: { "@state.start": "onAnimation($event)", "@state.done": "onAnimation($event)" }, properties: { "class.mc-sidepanel_nested": "withIndent", "class.mc-sidepanel-container_shadowed": "withShadow", "attr.id": "id", "attr.tabindex": "-1", "@state": "{\n            value: animationState,\n            params: animationTransform\n        }" }, classAttribute: "mc-sidepanel-container" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: i3.CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"mc-sidepanel-wrapper\">\n\n    <div *ngIf=\"withIndent\" class=\"mc-sidepanel-indent\" (click)=\"exit()\"></div>\n\n    <div class=\"mc-sidepanel-content\">\n        <ng-template cdkPortalOutlet></ng-template>\n    </div>\n</div>\n", styles: [".mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mc-sidepanel-container{outline:none;display:flex;flex:1;position:fixed;min-height:0}.mc-sidepanel-container .flex{min-height:0}.mc-sidepanel-container_left,.mc-sidepanel-container_right{width:33%;min-width:400px;height:100%;top:0}.mc-sidepanel-container_left .mc-sidepanel-indent,.mc-sidepanel-container_right .mc-sidepanel-indent{width:16px;height:100%}.mc-sidepanel-container_right{right:0;transform:translate(100%)}.mc-sidepanel-container_right .mc-sidepanel-wrapper{flex-direction:row}.mc-sidepanel-container_left{left:0;transform:translate(-100%)}.mc-sidepanel-container_left .mc-sidepanel-wrapper{flex-direction:row-reverse}.mc-sidepanel-container_top,.mc-sidepanel-container_bottom{flex-direction:column;height:33%;min-height:400px;width:100%;left:0}.mc-sidepanel-container_top .mc-sidepanel-indent,.mc-sidepanel-container_bottom .mc-sidepanel-indent{height:16px;width:100%}.mc-sidepanel-container_top{top:0;transform:translateY(-100%)}.mc-sidepanel-container_top .mc-sidepanel-wrapper{flex-direction:column-reverse}.mc-sidepanel-container_bottom{bottom:0;transform:translateY(100%)}.mc-sidepanel-container_bottom .mc-sidepanel-wrapper{flex-direction:column}.mc-sidepanel-wrapper{display:flex;flex:1;min-height:0;width:100%}.mc-sidepanel-indent{display:flex;flex:0 0 auto}.mc-sidepanel-indent .mc-sidepanel-close{width:100%;height:100%;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;background:transparent;padding:0}.mc-sidepanel-content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.mc-sidepanel-header{padding:14px 16px;padding:var(--mc-sidepanel-header-size-padding, 14px 16px);display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;flex:0 0 auto}.mc-sidepanel-header .mc-sidepanel-close{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;background:transparent;padding:0 0 0 8px;padding:var(--mc-sidepanel-header-size-close-padding, 0 0 0 8px)}.mc-sidepanel-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-sidepanel-body{overflow-y:auto;display:flex;flex:1;flex-direction:column;min-height:0}.mc-sidepanel-footer{padding:16px;padding:var(--mc-sidepanel-footer-size-padding, 16px);display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;flex:0 0 auto}.mc-sidepanel-footer .mc-sidepanel-actions{display:flex;align-items:center;flex-direction:row;flex:1}.mc-sidepanel-footer .mc-sidepanel-actions[align=left]{justify-content:start}.mc-sidepanel-footer .mc-sidepanel-actions[align=right]{justify-content:flex-end}.mc-sidepanel-footer button+button{margin-left:16px}\n"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [mcSidepanelAnimations.sidepanelState], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelContainerComponent, decorators: [{
+    }(i4.BasePortalOutlet));
+    /** @nocollapse */ McSidepanelContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelContainerComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: McSidepanelConfig }, { token: MC_SIDEPANEL_WITH_INDENT }, { token: MC_SIDEPANEL_WITH_SHADOW }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ McSidepanelContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McSidepanelContainerComponent, selector: "mc-sidepanel-container", host: { listeners: { "@state.start": "onAnimation($event)", "@state.done": "onAnimation($event)" }, properties: { "class.mc-sidepanel_nested": "withIndent", "class.mc-sidepanel-container_shadowed": "withShadow", "attr.id": "id", "attr.tabindex": "-1", "@state": "{\n            value: animationState,\n            params: animationTransform\n        }" }, classAttribute: "mc-sidepanel-container" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: i4.CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"mc-sidepanel-wrapper\">\n\n    <div *ngIf=\"withIndent\" class=\"mc-sidepanel-indent\" (click)=\"exit()\"></div>\n\n    <div class=\"mc-sidepanel-content\" cdkTrapFocus cdkTrapFocusAutoCapture>\n        <ng-template cdkPortalOutlet></ng-template>\n    </div>\n</div>\n", styles: [".mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mc-sidepanel-container{outline:none;display:flex;flex:1;position:fixed;min-height:0}.mc-sidepanel-container .flex{min-height:0}.mc-sidepanel-container_left,.mc-sidepanel-container_right{width:33%;min-width:400px;height:100%;top:0}.mc-sidepanel-container_left .mc-sidepanel-indent,.mc-sidepanel-container_right .mc-sidepanel-indent{width:16px;height:100%}.mc-sidepanel-container_right{right:0;transform:translate(100%)}.mc-sidepanel-container_right .mc-sidepanel-wrapper{flex-direction:row}.mc-sidepanel-container_left{left:0;transform:translate(-100%)}.mc-sidepanel-container_left .mc-sidepanel-wrapper{flex-direction:row-reverse}.mc-sidepanel-container_top,.mc-sidepanel-container_bottom{flex-direction:column;height:33%;min-height:400px;width:100%;left:0}.mc-sidepanel-container_top .mc-sidepanel-indent,.mc-sidepanel-container_bottom .mc-sidepanel-indent{height:16px;width:100%}.mc-sidepanel-container_top{top:0;transform:translateY(-100%)}.mc-sidepanel-container_top .mc-sidepanel-wrapper{flex-direction:column-reverse}.mc-sidepanel-container_bottom{bottom:0;transform:translateY(100%)}.mc-sidepanel-container_bottom .mc-sidepanel-wrapper{flex-direction:column}.mc-sidepanel-wrapper{display:flex;flex:1;min-height:0;width:100%}.mc-sidepanel-indent{display:flex;flex:0 0 auto}.mc-sidepanel-indent .mc-sidepanel-close{width:100%;height:100%;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;background:transparent;padding:0}.mc-sidepanel-content{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;width:100%}.mc-sidepanel-header{padding:14px 16px;padding:var(--mc-sidepanel-header-size-padding, 14px 16px);display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;flex:0 0 auto}.mc-sidepanel-header .mc-sidepanel-close{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;background:transparent;padding:0 0 0 8px;padding:var(--mc-sidepanel-header-size-close-padding, 0 0 0 8px)}.mc-sidepanel-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-sidepanel-body{overflow-y:auto;display:flex;flex:1;flex-direction:column;min-height:0}.mc-sidepanel-footer{padding:16px;padding:var(--mc-sidepanel-footer-size-padding, 16px);display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;flex:0 0 auto}.mc-sidepanel-footer .mc-sidepanel-actions{display:flex;align-items:center;flex-direction:row;flex:1}.mc-sidepanel-footer .mc-sidepanel-actions[align=left]{justify-content:start}.mc-sidepanel-footer .mc-sidepanel-actions[align=right]{justify-content:flex-end}.mc-sidepanel-footer button+button{margin-left:16px}\n"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i4__namespace.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [mcSidepanelAnimations.sidepanelState], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelContainerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'mc-sidepanel-container',
@@ -534,8 +535,6 @@
                             class: 'mc-sidepanel-container',
                             '[class.mc-sidepanel_nested]': 'withIndent',
                             '[class.mc-sidepanel-container_shadowed]': 'withShadow',
-                            role: 'dialog',
-                            'aria-modal': 'true',
                             '[attr.id]': 'id',
                             '[attr.tabindex]': '-1',
                             '[@state]': "{\n            value: animationState,\n            params: animationTransform\n        }",
@@ -553,7 +552,7 @@
                         }] }];
         }, propDecorators: { portalOutlet: [{
                     type: i0.ViewChild,
-                    args: [i3.CdkPortalOutlet, { static: true }]
+                    args: [i4.CdkPortalOutlet, { static: true }]
                 }] } });
 
     /** Injection token that can be used to specify default sidepanel options. */
@@ -590,19 +589,20 @@
             var container = this.attachContainer(overlayRef, fullConfig);
             var ref = new McSidepanelRef(container, overlayRef, fullConfig);
             if (componentOrTemplateRef instanceof i0.TemplateRef) {
-                container.attachTemplatePortal(new i3.TemplatePortal(componentOrTemplateRef, null, {
+                container.attachTemplatePortal(new i4.TemplatePortal(componentOrTemplateRef, null, {
                     $implicit: fullConfig.data,
                     sidepanelRef: ref
                 }));
             }
             else {
                 var injector = this.createInjector(fullConfig, ref, container);
-                var portal = new i3.ComponentPortal(componentOrTemplateRef, undefined, injector);
+                var portal = new i4.ComponentPortal(componentOrTemplateRef, undefined, injector);
                 var contentRef = container.attachComponentPortal(portal);
                 ref.instance = contentRef.instance;
             }
             this.openedSidepanels.push(ref);
-            ref.afterClosed().subscribe(function () { return _this.removeOpenSidepanel(ref); });
+            ref.afterClosed()
+                .subscribe(function () { return _this.removeOpenSidepanel(ref); });
             container.enter();
             return ref;
         };
@@ -625,12 +625,12 @@
         McSidepanelService.prototype.attachContainer = function (overlayRef, config) {
             var openedSidepanelsWithSamePosition = this.getOpenedSidepanelsWithSamePosition(config);
             // tslint:disable-next-line:deprecation
-            var injector = new i3.PortalInjector(this.injector, new WeakMap([
+            var injector = new i4.PortalInjector(this.injector, new WeakMap([
                 [McSidepanelConfig, config],
                 [MC_SIDEPANEL_WITH_INDENT, openedSidepanelsWithSamePosition.length >= 1],
                 [MC_SIDEPANEL_WITH_SHADOW, openedSidepanelsWithSamePosition.length < 2] // tslint:disable-line
             ]));
-            var containerPortal = new i3.ComponentPortal(McSidepanelContainerComponent, undefined, injector);
+            var containerPortal = new i4.ComponentPortal(McSidepanelContainerComponent, undefined, injector);
             var containerRef = overlayRef.attach(containerPortal);
             return containerRef.instance;
         };
@@ -655,7 +655,7 @@
                 [McSidepanelRef, sidepanelRef]
             ]);
             // tslint:disable-next-line:deprecation
-            return new i3.PortalInjector(this.injector, injectionTokens);
+            return new i4.PortalInjector(this.injector, injectionTokens);
         };
         /**
          * Creates a new overlay and places it in the correct location.
@@ -701,9 +701,9 @@
         };
         return McSidepanelService;
     }());
-    /** @nocollapse */ McSidepanelService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelService, deps: [{ token: i1__namespace.Overlay }, { token: i0__namespace.Injector }, { token: MC_SIDEPANEL_DEFAULT_OPTIONS, optional: true }, { token: McSidepanelService, optional: true, skipSelf: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ McSidepanelService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelService, decorators: [{
+    /** @nocollapse */ McSidepanelService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelService, deps: [{ token: i1__namespace.Overlay }, { token: i0__namespace.Injector }, { token: MC_SIDEPANEL_DEFAULT_OPTIONS, optional: true }, { token: McSidepanelService, optional: true, skipSelf: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ McSidepanelService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () {
             return [{ type: i1__namespace.Overlay }, { type: i0__namespace.Injector }, { type: McSidepanelConfig, decorators: [{
@@ -749,9 +749,9 @@
         };
         return McSidepanelClose;
     }());
-    /** @nocollapse */ McSidepanelClose.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelClose, deps: [{ token: McSidepanelRef, optional: true }, { token: i0__namespace.ElementRef }, { token: McSidepanelService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ McSidepanelClose.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McSidepanelClose, selector: "button[mc-sidepanel-close], button[mcSidepanelClose]", inputs: { sidepanelResult: ["mc-sidepanel-close", "sidepanelResult"], mcSidepanelClose: "mcSidepanelClose" }, host: { listeners: { "click": "sidepanelRef.close(sidepanelResult)" }, classAttribute: "mc-sidepanel-close" }, usesOnChanges: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelClose, decorators: [{
+    /** @nocollapse */ McSidepanelClose.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelClose, deps: [{ token: McSidepanelRef, optional: true }, { token: i0__namespace.ElementRef }, { token: McSidepanelService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McSidepanelClose.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McSidepanelClose, selector: "button[mc-sidepanel-close], button[mcSidepanelClose]", inputs: { sidepanelResult: ["mc-sidepanel-close", "sidepanelResult"], mcSidepanelClose: "mcSidepanelClose" }, host: { listeners: { "click": "sidepanelRef.close(sidepanelResult)" }, classAttribute: "mc-sidepanel-close" }, usesOnChanges: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelClose, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: 'button[mc-sidepanel-close], button[mcSidepanelClose]',
@@ -776,16 +776,17 @@
      */
     var McSidepanelHeader = /** @class */ (function () {
         function McSidepanelHeader() {
+            this.themePalette = core.ThemePalette;
         }
         return McSidepanelHeader;
     }());
-    /** @nocollapse */ McSidepanelHeader.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelHeader, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ McSidepanelHeader.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: McSidepanelHeader, selector: "mc-sidepanel-header", inputs: { closeable: "closeable" }, host: { classAttribute: "mc-sidepanel-header" }, ngImport: i0__namespace, template: "\n        <div class=\"mc-sidepanel-title\">\n            <ng-content></ng-content>\n        </div>\n        <button *ngIf=\"closeable\" mc-sidepanel-close>\n            <span class=\"mc-sidepanel-close-x\">\n                <i mc-icon=\"mc-close-L_16\" class=\"mc-icon mc-icon_light\" [color]=\"'second'\"></i>\n            </span>\n        </button>\n    ", isInline: true, components: [{ type: i3__namespace$1.McIcon, selector: "[mc-icon]", inputs: ["color"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: McSidepanelClose, selector: "button[mc-sidepanel-close], button[mcSidepanelClose]", inputs: ["mc-sidepanel-close", "mcSidepanelClose"] }, { type: i3__namespace$1.McIconCSSStyler, selector: "[mc-icon]" }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelHeader, decorators: [{
+    /** @nocollapse */ McSidepanelHeader.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelHeader, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ McSidepanelHeader.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McSidepanelHeader, selector: "mc-sidepanel-header", inputs: { closeable: "closeable" }, host: { classAttribute: "mc-sidepanel-header" }, ngImport: i0__namespace, template: "\n        <div class=\"mc-sidepanel-title\">\n            <ng-content></ng-content>\n        </div>\n        <button *ngIf=\"closeable\" mc-sidepanel-close>\n            <span class=\"mc-sidepanel-close-x\">\n                <i mc-icon=\"mc-close-L_16\" class=\"mc-icon mc-icon_light\" [color]=\"themePalette.Primary\"></i>\n            </span>\n        </button>\n    ", isInline: true, components: [{ type: i3__namespace$1.McIcon, selector: "[mc-icon]", inputs: ["color"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: McSidepanelClose, selector: "button[mc-sidepanel-close], button[mcSidepanelClose]", inputs: ["mc-sidepanel-close", "mcSidepanelClose"] }, { type: i3__namespace$1.McIconCSSStyler, selector: "[mc-icon]" }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelHeader, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'mc-sidepanel-header',
-                        template: "\n        <div class=\"mc-sidepanel-title\">\n            <ng-content></ng-content>\n        </div>\n        <button *ngIf=\"closeable\" mc-sidepanel-close>\n            <span class=\"mc-sidepanel-close-x\">\n                <i mc-icon=\"mc-close-L_16\" class=\"mc-icon mc-icon_light\" [color]=\"'second'\"></i>\n            </span>\n        </button>\n    ",
+                        template: "\n        <div class=\"mc-sidepanel-title\">\n            <ng-content></ng-content>\n        </div>\n        <button *ngIf=\"closeable\" mc-sidepanel-close>\n            <span class=\"mc-sidepanel-close-x\">\n                <i mc-icon=\"mc-close-L_16\" class=\"mc-icon mc-icon_light\" [color]=\"themePalette.Primary\"></i>\n            </span>\n        </button>\n    ",
                         host: {
                             class: 'mc-sidepanel-header'
                         }
@@ -801,9 +802,9 @@
         }
         return McSidepanelBody;
     }());
-    /** @nocollapse */ McSidepanelBody.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelBody, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ McSidepanelBody.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McSidepanelBody, selector: "mc-sidepanel-body, [mc-sidepanel-body], mcSidepanelBody", host: { classAttribute: "mc-sidepanel-body" }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelBody, decorators: [{
+    /** @nocollapse */ McSidepanelBody.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelBody, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McSidepanelBody.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McSidepanelBody, selector: "mc-sidepanel-body, [mc-sidepanel-body], mcSidepanelBody", host: { classAttribute: "mc-sidepanel-body" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelBody, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: 'mc-sidepanel-body, [mc-sidepanel-body], mcSidepanelBody',
@@ -820,9 +821,9 @@
         }
         return McSidepanelFooter;
     }());
-    /** @nocollapse */ McSidepanelFooter.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelFooter, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ McSidepanelFooter.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McSidepanelFooter, selector: "mc-sidepanel-footer, [mc-sidepanel-footer], mcSidepanelFooter", host: { classAttribute: "mc-sidepanel-footer" }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelFooter, decorators: [{
+    /** @nocollapse */ McSidepanelFooter.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelFooter, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McSidepanelFooter.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McSidepanelFooter, selector: "mc-sidepanel-footer, [mc-sidepanel-footer], mcSidepanelFooter", host: { classAttribute: "mc-sidepanel-footer" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelFooter, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: 'mc-sidepanel-footer, [mc-sidepanel-footer], mcSidepanelFooter',
@@ -839,9 +840,9 @@
         }
         return McSidepanelActions;
     }());
-    /** @nocollapse */ McSidepanelActions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelActions, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ McSidepanelActions.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McSidepanelActions, selector: "mc-sidepanel-actions, [mc-sidepanel-actions], mcSidepanelActions", host: { classAttribute: "mc-sidepanel-actions" }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelActions, decorators: [{
+    /** @nocollapse */ McSidepanelActions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelActions, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ McSidepanelActions.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McSidepanelActions, selector: "mc-sidepanel-actions, [mc-sidepanel-actions], mcSidepanelActions", host: { classAttribute: "mc-sidepanel-actions" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelActions, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: 'mc-sidepanel-actions, [mc-sidepanel-actions], mcSidepanelActions',
@@ -868,41 +869,44 @@
         }
         return McSidepanelModule;
     }());
-    /** @nocollapse */ McSidepanelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ McSidepanelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelModule, declarations: [McSidepanelContainerComponent,
+    /** @nocollapse */ McSidepanelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ McSidepanelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelModule, declarations: [McSidepanelContainerComponent,
             McSidepanelClose,
             McSidepanelHeader,
             McSidepanelBody,
             McSidepanelFooter,
             McSidepanelActions], imports: [i2.CommonModule,
             i1.OverlayModule,
-            i3.PortalModule,
+            i4.PortalModule,
             core.McCommonModule,
             button.McButtonModule,
-            i3$1.McIconModule], exports: [McSidepanelContainerComponent,
+            i3$1.McIconModule,
+            i3.A11yModule], exports: [McSidepanelContainerComponent,
             McSidepanelClose,
             McSidepanelHeader,
             McSidepanelBody,
             McSidepanelFooter,
             McSidepanelActions] });
-    /** @nocollapse */ McSidepanelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelModule, providers: [McSidepanelService], imports: [[
+    /** @nocollapse */ McSidepanelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelModule, providers: [McSidepanelService], imports: [[
                 i2.CommonModule,
                 i1.OverlayModule,
-                i3.PortalModule,
+                i4.PortalModule,
                 core.McCommonModule,
                 button.McButtonModule,
-                i3$1.McIconModule
+                i3$1.McIconModule,
+                i3.A11yModule
             ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McSidepanelModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McSidepanelModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [
                             i2.CommonModule,
                             i1.OverlayModule,
-                            i3.PortalModule,
+                            i4.PortalModule,
                             core.McCommonModule,
                             button.McButtonModule,
-                            i3$1.McIconModule
+                            i3$1.McIconModule,
+                            i3.A11yModule
                         ],
                         providers: [McSidepanelService],
                         declarations: [
@@ -946,5 +950,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ptsecurity-mosaic-sidepanel.umd.js.map