@netgrif/components-core 6.0.1

package/esm2015/lib/navigation/navigation-drawer/abstract-navigation-drawer.component.js

@@ -0,0 +1,131 @@
+import { EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import 'hammerjs';
+import { Breakpoints } from '@angular/cdk/layout';
+import { BehaviorSubject } from 'rxjs';
+const DRAWER_DEFAULT_MIN_WIDTH = 200;
+const DRAWER_MAX_WIDTH = 450;
+export class AbstractNavigationDrawerComponent {
+    constructor(breakpoint, _log, userPreferenceService) {
+        this.breakpoint = breakpoint;
+        this._log = _log;
+        this.userPreferenceService = userPreferenceService;
+        this._config = {
+            mode: 'over',
+            opened: false,
+            disableClose: false
+        };
+        this.openedChange = new EventEmitter();
+        this._fixed = true;
+        this.opened = true;
+        this.quickPanelItems = ['language', 'settings', 'logout'];
+        if (this.userPreferenceService.drawerWidth !== undefined) {
+            this.contentWidth = new BehaviorSubject(this.userPreferenceService.drawerWidth);
+        }
+        else {
+            this.contentWidth = new BehaviorSubject(DRAWER_DEFAULT_MIN_WIDTH);
+        }
+    }
+    ngOnInit() {
+        this.resolveLayout(this._fixed);
+        this.subBreakpoint = this.breakpoint.observe([Breakpoints.HandsetLandscape]).subscribe(result => {
+            this._log.info('BreakpointObserver matches width of window: ' + this.breakpoint.isMatched('(max-width: 959.99px)'));
+            if (this.breakpoint.isMatched('(max-width: 959.99px)')) {
+                this.resolveLayout(false);
+                this.opened = this._config.opened;
+            }
+            else {
+                this.resolveLayout(this._fixed);
+                this.opened = this._config.opened;
+            }
+        });
+        this.opened = this._config.opened;
+        this.userPreferenceService.preferencesChanged$.subscribe(() => {
+            this.width = this.userPreferenceService.drawerWidth;
+            this.contentWidth.next(this.width);
+        });
+        // this.width = this.userPreferenceService.getDrawerWidth();
+    }
+    ngAfterViewInit() {
+        this.openedChange = this._sideNav.openedChange;
+    }
+    ngOnDestroy() {
+        this.subBreakpoint.unsubscribe();
+        this.openedChange.complete();
+    }
+    get config() {
+        return this._config;
+    }
+    get fixed() {
+        return this._fixed;
+    }
+    set fixed(value) {
+        this._fixed = value;
+        this.resolveLayout(this._fixed);
+    }
+    open() {
+        if (this._fixed) {
+            return Promise.resolve('open');
+        }
+        return this._sideNav.open();
+    }
+    close() {
+        if (this._fixed) {
+            return Promise.resolve('open');
+        }
+        return this._sideNav.close();
+    }
+    toggle() {
+        if (this._fixed) {
+            return Promise.resolve('open');
+        }
+        return this._sideNav.toggle();
+    }
+    resolveLayout(bool) {
+        this._config = bool ? {
+            mode: 'side',
+            opened: true,
+            disableClose: true
+        } : {
+            mode: 'over',
+            opened: false,
+            disableClose: false
+        };
+        if (bool && this._sideNav) {
+            this._sideNav.open();
+        }
+    }
+    swipeRight() {
+        if (this.breakpoint.isMatched('(max-width: 959.99px)')) {
+            this._sideNav.open();
+        }
+    }
+    swipeLeft() {
+        if (this.breakpoint.isMatched('(max-width: 959.99px)')) {
+            this._sideNav.close();
+        }
+    }
+    onResizeEvent(event) {
+        if (event.rectangle.width > DRAWER_MAX_WIDTH) {
+            this.width = DRAWER_MAX_WIDTH;
+        }
+        else if (event.rectangle.width < DRAWER_DEFAULT_MIN_WIDTH) {
+            this.width = DRAWER_DEFAULT_MIN_WIDTH;
+        }
+        else {
+            this.width = event.rectangle.width;
+        }
+        this.userPreferenceService._drawerWidthChanged$.next(this.width);
+        this.contentWidth.next(this.width);
+    }
+}
+AbstractNavigationDrawerComponent.propDecorators = {
+    showUser: [{ type: Input, args: ['user',] }],
+    user: [{ type: Input, args: ['userObject',] }],
+    showQuickPanel: [{ type: Input, args: ['quickPanel',] }],
+    quickPanelItems: [{ type: Input, args: ['panelItems',] }],
+    navigation: [{ type: Input }],
+    openedChange: [{ type: Output }],
+    _sideNav: [{ type: ViewChild, args: ['sidenav',] }],
+    fixed: [{ type: Input, args: ['fixed',] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtbmF2aWdhdGlvbi1kcmF3ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlLyIsInNvdXJjZXMiOlsibGliL25hdmlnYXRpb24vbmF2aWdhdGlvbi1kcmF3ZXIvYWJzdHJhY3QtbmF2aWdhdGlvbi1kcmF3ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUV2RyxPQUFPLFVBQVUsQ0FBQztBQUNsQixPQUFPLEVBQXFCLFdBQVcsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBR3BFLE9BQU8sRUFBQyxlQUFlLEVBQWUsTUFBTSxNQUFNLENBQUM7QUFJbkQsTUFBTSx3QkFBd0IsR0FBRyxHQUFHLENBQUM7QUFDckMsTUFBTSxnQkFBZ0IsR0FBRyxHQUFHLENBQUM7QUFFN0IsTUFBTSxPQUFnQixpQ0FBaUM7SUEwQm5ELFlBQXNCLFVBQThCLEVBQzlCLElBQW1CLEVBQ25CLHFCQUE0QztRQUY1QyxlQUFVLEdBQVYsVUFBVSxDQUFvQjtRQUM5QixTQUFJLEdBQUosSUFBSSxDQUFlO1FBQ25CLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBdUI7UUFSeEQsWUFBTyxHQUFHO1lBQ2hCLElBQUksRUFBRSxNQUFNO1lBQ1osTUFBTSxFQUFFLEtBQUs7WUFDYixZQUFZLEVBQUUsS0FBSztTQUN0QixDQUFDO1FBS0UsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQ2hELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQzFELElBQUksSUFBSSxDQUFDLHFCQUFxQixDQUFDLFdBQVcsS0FBSyxTQUFTLEVBQUU7WUFDdEQsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLGVBQWUsQ0FBUyxJQUFJLENBQUMscUJBQXFCLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDM0Y7YUFBTTtZQUNILElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxlQUFlLENBQVMsd0JBQXdCLENBQUMsQ0FBQztTQUM3RTtJQUNMLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDaEMsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFFLE1BQU0sQ0FBQyxFQUFFO1lBQzdGLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLDhDQUE4QyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQztZQUNwSCxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLEVBQUU7Z0JBQ3BELElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7YUFDckM7aUJBQU07Z0JBQ0gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ2hDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7YUFDckM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7UUFDbEMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLG1CQUFtQixDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDMUQsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUMsV0FBVyxDQUFDO1lBQ3BELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QyxDQUFDLENBQUMsQ0FBQztRQUNILDREQUE0RDtJQUNoRSxDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUM7SUFDbkQsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELElBQUksTUFBTTtRQUNOLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUNJLEtBQUssQ0FBQyxLQUFjO1FBQ3BCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxJQUFJO1FBQ0EsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2IsT0FBTyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQ2xDO1FBQ0QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxLQUFLO1FBQ0QsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2IsT0FBTyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQ2xDO1FBQ0QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxNQUFNO1FBQ0YsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2IsT0FBTyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQ2xDO1FBQ0QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFTyxhQUFhLENBQUMsSUFBYTtRQUMvQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUM7WUFDbEIsSUFBSSxFQUFFLE1BQU07WUFDWixNQUFNLEVBQUUsSUFBSTtZQUNaLFlBQVksRUFBRSxJQUFJO1NBQ3JCLENBQUMsQ0FBQyxDQUFDO1lBQ0EsSUFBSSxFQUFFLE1BQU07WUFDWixNQUFNLEVBQUUsS0FBSztZQUNiLFlBQVksRUFBRSxLQUFLO1NBQ3RCLENBQUM7UUFDRixJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDeEI7SUFDTCxDQUFDO0lBRUQsVUFBVTtRQUNOLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsdUJBQXVCLENBQUMsRUFBRTtZQUNwRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3hCO0lBQ0wsQ0FBQztJQUVELFNBQVM7UUFDTCxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLEVBQUU7WUFDcEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUN6QjtJQUNMLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBa0I7UUFDNUIsSUFBSSxLQUFLLENBQUMsU0FBUyxDQUFDLEtBQUssR0FBRyxnQkFBZ0IsRUFBRTtZQUMxQyxJQUFJLENBQUMsS0FBSyxHQUFHLGdCQUFnQixDQUFDO1NBQ2pDO2FBQU0sSUFBSSxLQUFLLENBQUMsU0FBUyxDQUFDLEtBQUssR0FBRyx3QkFBd0IsRUFBRTtZQUN6RCxJQUFJLENBQUMsS0FBSyxHQUFHLHdCQUF3QixDQUFDO1NBQ3pDO2FBQU07WUFDSCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1NBQ3RDO1FBQ0QsSUFBSSxDQUFDLHFCQUFxQixDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDakUsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7Ozt1QkExSUEsS0FBSyxTQUFDLE1BQU07bUJBQ1osS0FBSyxTQUFDLFlBQVk7NkJBQ2xCLEtBQUssU0FBQyxZQUFZOzhCQUNsQixLQUFLLFNBQUMsWUFBWTt5QkFDbEIsS0FBSzsyQkFFTCxNQUFNO3VCQUVOLFNBQVMsU0FBQyxTQUFTO29CQWtFbkIsS0FBSyxTQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1VzZXJ9IGZyb20gJy4uLy4uL3VzZXIvbW9kZWxzL3VzZXInO1xuaW1wb3J0ICdoYW1tZXJqcyc7XG5pbXBvcnQge0JyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludHN9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHtNYXREcmF3ZXJUb2dnbGVSZXN1bHQsIE1hdFNpZGVuYXZ9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NpZGVuYXYnO1xuaW1wb3J0IHtMb2dnZXJTZXJ2aWNlfSBmcm9tICcuLi8uLi9sb2dnZXIvc2VydmljZXMvbG9nZ2VyLnNlcnZpY2UnO1xuaW1wb3J0IHtCZWhhdmlvclN1YmplY3QsIFN1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XG5pbXBvcnQge1Jlc2l6ZUV2ZW50fSBmcm9tICdhbmd1bGFyLXJlc2l6YWJsZS1lbGVtZW50JztcbmltcG9ydCB7VXNlclByZWZlcmVuY2VTZXJ2aWNlfSBmcm9tICcuLi8uLi91c2VyL3NlcnZpY2VzL3VzZXItcHJlZmVyZW5jZS5zZXJ2aWNlJztcblxuY29uc3QgRFJBV0VSX0RFRkFVTFRfTUlOX1dJRFRIID0gMjAwO1xuY29uc3QgRFJBV0VSX01BWF9XSURUSCA9IDQ1MDtcblxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEFic3RyYWN0TmF2aWdhdGlvbkRyYXdlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcblxuXG4gICAgQElucHV0KCd1c2VyJykgcHVibGljIHNob3dVc2VyOiBib29sZWFuO1xuICAgIEBJbnB1dCgndXNlck9iamVjdCcpIHB1YmxpYyB1c2VyOiBVc2VyO1xuICAgIEBJbnB1dCgncXVpY2tQYW5lbCcpIHB1YmxpYyBzaG93UXVpY2tQYW5lbDogYm9vbGVhbjtcbiAgICBASW5wdXQoJ3BhbmVsSXRlbXMnKSBwdWJsaWMgcXVpY2tQYW5lbEl0ZW1zOiBBcnJheTxhbnk+OyAvLyBRdWlja1BhbmVsSXRlbVxuICAgIEBJbnB1dCgpIHB1YmxpYyBuYXZpZ2F0aW9uOiBib29sZWFuO1xuXG4gICAgQE91dHB1dCgpIHB1YmxpYyBvcGVuZWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPjtcblxuICAgIEBWaWV3Q2hpbGQoJ3NpZGVuYXYnKSBwcm90ZWN0ZWQgX3NpZGVOYXY6IE1hdFNpZGVuYXY7XG5cbiAgICBwdWJsaWMgb3BlbmVkOiBib29sZWFuO1xuICAgIHByb3RlY3RlZCBfZml4ZWQ6IGJvb2xlYW47XG4gICAgcHJvdGVjdGVkIHN1YkJyZWFrcG9pbnQ6IFN1YnNjcmlwdGlvbjtcblxuICAgIHB1YmxpYyB3aWR0aDogbnVtYmVyO1xuICAgIHB1YmxpYyBjb250ZW50V2lkdGg6IEJlaGF2aW9yU3ViamVjdDxudW1iZXI+O1xuXG4gICAgcHJvdGVjdGVkIF9jb25maWcgPSB7XG4gICAgICAgIG1vZGU6ICdvdmVyJyxcbiAgICAgICAgb3BlbmVkOiBmYWxzZSxcbiAgICAgICAgZGlzYWJsZUNsb3NlOiBmYWxzZVxuICAgIH07XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgYnJlYWtwb2ludDogQnJlYWtwb2ludE9ic2VydmVyLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfbG9nOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCB1c2VyUHJlZmVyZW5jZVNlcnZpY2U6IFVzZXJQcmVmZXJlbmNlU2VydmljZSkge1xuICAgICAgICB0aGlzLm9wZW5lZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgICAgICAgdGhpcy5fZml4ZWQgPSB0cnVlO1xuICAgICAgICB0aGlzLm9wZW5lZCA9IHRydWU7XG4gICAgICAgIHRoaXMucXVpY2tQYW5lbEl0ZW1zID0gWydsYW5ndWFnZScsICdzZXR0aW5ncycsICdsb2dvdXQnXTtcbiAgICAgICAgaWYgKHRoaXMudXNlclByZWZlcmVuY2VTZXJ2aWNlLmRyYXdlcldpZHRoICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHRoaXMuY29udGVudFdpZHRoID0gbmV3IEJlaGF2aW9yU3ViamVjdDxudW1iZXI+KHRoaXMudXNlclByZWZlcmVuY2VTZXJ2aWNlLmRyYXdlcldpZHRoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuY29udGVudFdpZHRoID0gbmV3IEJlaGF2aW9yU3ViamVjdDxudW1iZXI+KERSQVdFUl9ERUZBVUxUX01JTl9XSURUSCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5yZXNvbHZlTGF5b3V0KHRoaXMuX2ZpeGVkKTtcbiAgICAgICAgdGhpcy5zdWJCcmVha3BvaW50ID0gdGhpcy5icmVha3BvaW50Lm9ic2VydmUoW0JyZWFrcG9pbnRzLkhhbmRzZXRMYW5kc2NhcGVdKS5zdWJzY3JpYmUoIHJlc3VsdCA9PiB7XG4gICAgICAgICAgICB0aGlzLl9sb2cuaW5mbygnQnJlYWtwb2ludE9ic2VydmVyIG1hdGNoZXMgd2lkdGggb2Ygd2luZG93OiAnICsgdGhpcy5icmVha3BvaW50LmlzTWF0Y2hlZCgnKG1heC13aWR0aDogOTU5Ljk5cHgpJykpO1xuICAgICAgICAgICAgaWYgKHRoaXMuYnJlYWtwb2ludC5pc01hdGNoZWQoJyhtYXgtd2lkdGg6IDk1OS45OXB4KScpKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5yZXNvbHZlTGF5b3V0KGZhbHNlKTtcbiAgICAgICAgICAgICAgICB0aGlzLm9wZW5lZCA9IHRoaXMuX2NvbmZpZy5vcGVuZWQ7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMucmVzb2x2ZUxheW91dCh0aGlzLl9maXhlZCk7XG4gICAgICAgICAgICAgICAgdGhpcy5vcGVuZWQgPSB0aGlzLl9jb25maWcub3BlbmVkO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5vcGVuZWQgPSB0aGlzLl9jb25maWcub3BlbmVkO1xuICAgICAgICB0aGlzLnVzZXJQcmVmZXJlbmNlU2VydmljZS5wcmVmZXJlbmNlc0NoYW5nZWQkLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLndpZHRoID0gdGhpcy51c2VyUHJlZmVyZW5jZVNlcnZpY2UuZHJhd2VyV2lkdGg7XG4gICAgICAgICAgICB0aGlzLmNvbnRlbnRXaWR0aC5uZXh0KHRoaXMud2lkdGgpO1xuICAgICAgICB9KTtcbiAgICAgICAgLy8gdGhpcy53aWR0aCA9IHRoaXMudXNlclByZWZlcmVuY2VTZXJ2aWNlLmdldERyYXdlcldpZHRoKCk7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLm9wZW5lZENoYW5nZSA9IHRoaXMuX3NpZGVOYXYub3BlbmVkQ2hhbmdlO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnN1YkJyZWFrcG9pbnQudW5zdWJzY3JpYmUoKTtcbiAgICAgICAgdGhpcy5vcGVuZWRDaGFuZ2UuY29tcGxldGUoKTtcbiAgICB9XG5cbiAgICBnZXQgY29uZmlnKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fY29uZmlnO1xuICAgIH1cblxuICAgIGdldCBmaXhlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2ZpeGVkO1xuICAgIH1cblxuICAgIEBJbnB1dCgnZml4ZWQnKVxuICAgIHNldCBmaXhlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl9maXhlZCA9IHZhbHVlO1xuICAgICAgICB0aGlzLnJlc29sdmVMYXlvdXQodGhpcy5fZml4ZWQpO1xuICAgIH1cblxuICAgIG9wZW4oKTogUHJvbWlzZTxNYXREcmF3ZXJUb2dnbGVSZXN1bHQ+IHtcbiAgICAgICAgaWYgKHRoaXMuX2ZpeGVkKSB7XG4gICAgICAgICAgICByZXR1cm4gUHJvbWlzZS5yZXNvbHZlKCdvcGVuJyk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMuX3NpZGVOYXYub3BlbigpO1xuICAgIH1cblxuICAgIGNsb3NlKCk6IFByb21pc2U8TWF0RHJhd2VyVG9nZ2xlUmVzdWx0PiB7XG4gICAgICAgIGlmICh0aGlzLl9maXhlZCkge1xuICAgICAgICAgICAgcmV0dXJuIFByb21pc2UucmVzb2x2ZSgnb3BlbicpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzLl9zaWRlTmF2LmNsb3NlKCk7XG4gICAgfVxuXG4gICAgdG9nZ2xlKCk6IFByb21pc2U8TWF0RHJhd2VyVG9nZ2xlUmVzdWx0PiB7XG4gICAgICAgIGlmICh0aGlzLl9maXhlZCkge1xuICAgICAgICAgICAgcmV0dXJuIFByb21pc2UucmVzb2x2ZSgnb3BlbicpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzLl9zaWRlTmF2LnRvZ2dsZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgcmVzb2x2ZUxheW91dChib29sOiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2NvbmZpZyA9IGJvb2wgPyB7XG4gICAgICAgICAgICBtb2RlOiAnc2lkZScsXG4gICAgICAgICAgICBvcGVuZWQ6IHRydWUsXG4gICAgICAgICAgICBkaXNhYmxlQ2xvc2U6IHRydWVcbiAgICAgICAgfSA6IHtcbiAgICAgICAgICAgIG1vZGU6ICdvdmVyJyxcbiAgICAgICAgICAgIG9wZW5lZDogZmFsc2UsXG4gICAgICAgICAgICBkaXNhYmxlQ2xvc2U6IGZhbHNlXG4gICAgICAgIH07XG4gICAgICAgIGlmIChib29sICYmIHRoaXMuX3NpZGVOYXYpIHtcbiAgICAgICAgICAgIHRoaXMuX3NpZGVOYXYub3BlbigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgc3dpcGVSaWdodCgpIHtcbiAgICAgICAgaWYgKHRoaXMuYnJlYWtwb2ludC5pc01hdGNoZWQoJyhtYXgtd2lkdGg6IDk1OS45OXB4KScpKSB7XG4gICAgICAgICAgICB0aGlzLl9zaWRlTmF2Lm9wZW4oKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHN3aXBlTGVmdCgpIHtcbiAgICAgICAgaWYgKHRoaXMuYnJlYWtwb2ludC5pc01hdGNoZWQoJyhtYXgtd2lkdGg6IDk1OS45OXB4KScpKSB7XG4gICAgICAgICAgICB0aGlzLl9zaWRlTmF2LmNsb3NlKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvblJlc2l6ZUV2ZW50KGV2ZW50OiBSZXNpemVFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAoZXZlbnQucmVjdGFuZ2xlLndpZHRoID4gRFJBV0VSX01BWF9XSURUSCkge1xuICAgICAgICAgICAgdGhpcy53aWR0aCA9IERSQVdFUl9NQVhfV0lEVEg7XG4gICAgICAgIH0gZWxzZSBpZiAoZXZlbnQucmVjdGFuZ2xlLndpZHRoIDwgRFJBV0VSX0RFRkFVTFRfTUlOX1dJRFRIKSB7XG4gICAgICAgICAgICB0aGlzLndpZHRoID0gRFJBV0VSX0RFRkFVTFRfTUlOX1dJRFRIO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy53aWR0aCA9IGV2ZW50LnJlY3RhbmdsZS53aWR0aDtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnVzZXJQcmVmZXJlbmNlU2VydmljZS5fZHJhd2VyV2lkdGhDaGFuZ2VkJC5uZXh0KHRoaXMud2lkdGgpO1xuICAgICAgICB0aGlzLmNvbnRlbnRXaWR0aC5uZXh0KHRoaXMud2lkdGgpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2015/lib/navigation/navigation-drawer/abstract-navigation-resizable-drawer.component.js

@@ -0,0 +1,14 @@
+import { Input } from '@angular/core';
+export class AbstractNavigationResizableDrawerComponent {
+    constructor() {
+    }
+    ngOnInit() {
+        if (!!this.contentWidth) {
+            this.contentWidth.subscribe(newWidth => this.width = newWidth);
+        }
+    }
+}
+AbstractNavigationResizableDrawerComponent.propDecorators = {
+    contentWidth: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtbmF2aWdhdGlvbi1yZXNpemFibGUtZHJhd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BuZXRncmlmL2NvbXBvbmVudHMtY29yZS8iLCJzb3VyY2VzIjpbImxpYi9uYXZpZ2F0aW9uL25hdmlnYXRpb24tZHJhd2VyL2Fic3RyYWN0LW5hdmlnYXRpb24tcmVzaXphYmxlLWRyYXdlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUc1QyxNQUFNLE9BQWdCLDBDQUEwQztJQUk1RDtJQUNBLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNyQixJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FDdkIsUUFBUSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FDcEMsQ0FBQztTQUNMO0lBQ0wsQ0FBQzs7OzJCQVpBLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0lucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtCZWhhdmlvclN1YmplY3R9IGZyb20gJ3J4anMnO1xuXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQWJzdHJhY3ROYXZpZ2F0aW9uUmVzaXphYmxlRHJhd2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBwdWJsaWMgY29udGVudFdpZHRoOiBCZWhhdmlvclN1YmplY3Q8bnVtYmVyPjtcbiAgICBwdWJsaWMgd2lkdGg6IG51bWJlcjtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAoISF0aGlzLmNvbnRlbnRXaWR0aCkge1xuICAgICAgICAgICAgdGhpcy5jb250ZW50V2lkdGguc3Vic2NyaWJlKFxuICAgICAgICAgICAgICAgIG5ld1dpZHRoID0+IHRoaXMud2lkdGggPSBuZXdXaWR0aFxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==

package/esm2015/lib/navigation/navigation-rail/abstract-navigation-rail.component.js

@@ -0,0 +1,32 @@
+import { EventEmitter, Input, Output, ViewChild } from '@angular/core';
+export class AbstractNavigationRailComponent {
+    constructor() {
+        this.expandChange = new EventEmitter();
+        this.expandOnHover = false;
+        this._expanded = false;
+    }
+    ngOnDestroy() {
+        this.expandChange.complete();
+    }
+    get expanded() {
+        return this._expanded;
+    }
+    open() {
+        this._expanded = true;
+        this.expandChange.emit(this._expanded);
+    }
+    close() {
+        this._expanded = false;
+        this.expandChange.emit(this._expanded);
+    }
+    toggle() {
+        this._expanded = !this._expanded;
+        this.expandChange.emit(this._expanded);
+    }
+}
+AbstractNavigationRailComponent.propDecorators = {
+    expandOnHover: [{ type: Input }],
+    expandChange: [{ type: Output }],
+    _rail: [{ type: ViewChild, args: ['sideRail',] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtbmF2aWdhdGlvbi1yYWlsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BuZXRncmlmL2NvbXBvbmVudHMtY29yZS8iLCJzb3VyY2VzIjpbImxpYi9uYXZpZ2F0aW9uL25hdmlnYXRpb24tcmFpbC9hYnN0cmFjdC1uYXZpZ2F0aW9uLXJhaWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFHaEYsTUFBTSxPQUFnQiwrQkFBK0I7SUFTakQ7UUFDSSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDaEQsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7UUFDM0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDUixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDMUIsQ0FBQztJQUVNLElBQUk7UUFDUCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVNLEtBQUs7UUFDUixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVNLE1BQU07UUFDVCxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNqQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7OzRCQWxDQSxLQUFLOzJCQUNMLE1BQU07b0JBRU4sU0FBUyxTQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0V2ZW50RW1pdHRlciwgSW5wdXQsIE9uRGVzdHJveSwgT3V0cHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNYXRTaWRlbmF2fSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcblxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEFic3RyYWN0TmF2aWdhdGlvblJhaWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gICAgQElucHV0KCkgcHVibGljIGV4cGFuZE9uSG92ZXI6IGJvb2xlYW47XG4gICAgQE91dHB1dCgpIHB1YmxpYyBleHBhbmRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPjtcblxuICAgIEBWaWV3Q2hpbGQoJ3NpZGVSYWlsJykgcHJvdGVjdGVkIF9yYWlsOiBNYXRTaWRlbmF2O1xuXG4gICAgcHJvdGVjdGVkIF9leHBhbmRlZDogYm9vbGVhbjtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLmV4cGFuZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgICAgICAgdGhpcy5leHBhbmRPbkhvdmVyID0gZmFsc2U7XG4gICAgICAgIHRoaXMuX2V4cGFuZGVkID0gZmFsc2U7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZXhwYW5kQ2hhbmdlLmNvbXBsZXRlKCk7XG4gICAgfVxuXG4gICAgZ2V0IGV4cGFuZGVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZXhwYW5kZWQ7XG4gICAgfVxuXG4gICAgcHVibGljIG9wZW4oKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2V4cGFuZGVkID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5leHBhbmRDaGFuZ2UuZW1pdCh0aGlzLl9leHBhbmRlZCk7XG4gICAgfVxuXG4gICAgcHVibGljIGNsb3NlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9leHBhbmRlZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLmV4cGFuZENoYW5nZS5lbWl0KHRoaXMuX2V4cGFuZGVkKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgdG9nZ2xlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9leHBhbmRlZCA9ICF0aGlzLl9leHBhbmRlZDtcbiAgICAgICAgdGhpcy5leHBhbmRDaGFuZ2UuZW1pdCh0aGlzLl9leHBhbmRlZCk7XG4gICAgfVxufVxuIl19