@ptsecurity/mosaic 11.5.0 → 12.2.0

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

@@ -2,7 +2,28 @@
     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, common, core, keycodes, animations) { 'use strict';
+})(this, (function (exports, i1, i0, keycodes, animations) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
 
     var McSidebarAnimationState;
     (function (McSidebarAnimationState) {
@@ -36,31 +57,37 @@
         }
         return McSidebarOpened;
     }());
-    McSidebarOpened.decorators = [
-        { type: core.Directive, args: [{
-                    selector: '[mc-sidebar-opened]',
-                    exportAs: 'mcSidebarOpened'
-                },] }
-    ];
-    McSidebarOpened.propDecorators = {
-        minWidth: [{ type: core.Input }],
-        width: [{ type: core.Input }],
-        maxWidth: [{ type: core.Input }]
-    };
+    /** @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]',
+                        exportAs: 'mcSidebarOpened'
+                    }]
+            }], propDecorators: { minWidth: [{
+                    type: i0.Input
+                }], width: [{
+                    type: i0.Input
+                }], maxWidth: [{
+                    type: i0.Input
+                }] } });
     var McSidebarClosed = /** @class */ (function () {
         function McSidebarClosed() {
         }
         return McSidebarClosed;
     }());
-    McSidebarClosed.decorators = [
-        { type: core.Directive, args: [{
-                    selector: '[mc-sidebar-closed]',
-                    exportAs: 'mcSidebarClosed'
-                },] }
-    ];
-    McSidebarClosed.propDecorators = {
-        width: [{ type: core.Input }]
-    };
+    /** @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]',
+                        exportAs: 'mcSidebarClosed'
+                    }]
+            }], propDecorators: { width: [{
+                    type: i0.Input
+                }] } });
     var McSidebar = /** @class */ (function () {
         function McSidebar(ngZone, elementRef) {
             this.ngZone = ngZone;
@@ -72,7 +99,7 @@
                 openedStateMaxWidth: 'inherit',
                 closedStateWidth: '32px'
             };
-            this.stateChanged = new core.EventEmitter();
+            this.stateChanged = new i0.EventEmitter();
             this.internalState = true;
         }
         Object.defineProperty(McSidebar.prototype, "opened", {
@@ -150,56 +177,67 @@
         };
         return McSidebar;
     }());
-    McSidebar.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'mc-sidebar',
-                    exportAs: 'mcSidebar',
-                    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",
-                    host: {
-                        class: 'mc-sidebar',
-                        '[@state]': "{\n            value: animationState,\n            params: params\n        }",
-                        '(@state.start)': 'onAnimationStart()',
-                        '(@state.done)': 'onAnimationDone()'
-                    },
-                    animations: [mcSidebarAnimations.sidebarState],
-                    encapsulation: core.ViewEncapsulation.None,
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".mc-sidebar{display:inline-block;height:100%;overflow:hidden}.mc-sidebar-closed,.mc-sidebar-opened{height:100%}"]
-                },] }
-    ];
-    /** @nocollapse */
-    McSidebar.ctorParameters = function () { return [
-        { type: core.NgZone },
-        { type: core.ElementRef }
-    ]; };
-    McSidebar.propDecorators = {
-        opened: [{ type: core.Input }],
-        position: [{ type: core.Input }],
-        stateChanged: [{ type: core.Output }],
-        openedContent: [{ type: core.ContentChild, args: [McSidebarOpened, { static: false },] }],
-        closedContent: [{ type: core.ContentChild, args: [McSidebarClosed, { static: false },] }]
-    };
+    /** @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',
+                        exportAs: 'mcSidebar',
+                        templateUrl: 'sidebar.component.html',
+                        styleUrls: ['./sidebar.scss'],
+                        host: {
+                            class: 'mc-sidebar',
+                            '[@state]': "{\n            value: animationState,\n            params: params\n        }",
+                            '(@state.start)': 'onAnimationStart()',
+                            '(@state.done)': 'onAnimationDone()'
+                        },
+                        animations: [mcSidebarAnimations.sidebarState],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.NgZone }, { type: i0__namespace.ElementRef }]; }, propDecorators: { opened: [{
+                    type: i0.Input
+                }], position: [{
+                    type: i0.Input
+                }], stateChanged: [{
+                    type: i0.Output
+                }], openedContent: [{
+                    type: i0.ContentChild,
+                    args: [McSidebarOpened, { static: false }]
+                }], closedContent: [{
+                    type: i0.ContentChild,
+                    args: [McSidebarClosed, { static: false }]
+                }] } });
 
     var McSidebarModule = /** @class */ (function () {
         function McSidebarModule() {
         }
         return McSidebarModule;
     }());
-    McSidebarModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [common.CommonModule],
-                    declarations: [
-                        McSidebarClosed,
-                        McSidebarOpened,
-                        McSidebar
-                    ],
-                    exports: [
-                        McSidebarClosed,
-                        McSidebarOpened,
-                        McSidebar
-                    ]
-                },] }
-    ];
+    /** @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.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],
+                        declarations: [
+                            McSidebarClosed,
+                            McSidebarOpened,
+                            McSidebar
+                        ],
+                        exports: [
+                            McSidebarClosed,
+                            McSidebarOpened,
+                            McSidebar
+                        ]
+                    }]
+            }] });
 
     /**
      * Generated bundle index. Do not edit.
@@ -209,9 +247,8 @@
     exports.McSidebarClosed = McSidebarClosed;
     exports.McSidebarModule = McSidebarModule;
     exports.McSidebarOpened = McSidebarOpened;
-    exports.ɵa = mcSidebarAnimations;
 
     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.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","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\nexport {mcSidebarAnimations as ɵa} from './sidebar-animations';"],"names":["trigger","state","style","transition","animate","SidebarPositions","Directive","Input","EventEmitter","isControl","isInput","isLeftBracket","isRightBracket","Component","ViewEncapsulation","ChangeDetectionStrategy","NgZone","ElementRef","Output","ContentChild","NgModule","CommonModule"],"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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"}