| var y=function(t,e){return(y=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])})(t,e)};function m(t,e){function n(){this.constructor=t}y(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}Object.create;Object.create;var f=function(){},v=c.mixinDisabled(f),h=function(t){function e(e,n,o){var a=t.call(this)||this;return a._layout=e,a._renderer=n,a._elementRef=o,a._initialized=!1,a._hideWhenOpened=!1,a._layout||a._noLayoutMessage(),a._renderer.addClass(a._elementRef.nativeElement,"td-layout-menu-button"),a}return m(e,t),Object.defineProperty(e.prototype,"hideWhenOpened",{set:function(t){this._hideWhenOpened=t,this._initialized&&this._toggleVisibility()},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var t=this;this._initialized=!0,this._layout&&this._layout.sidenav&&(this._toggleSubs=this._layout.sidenav._animationStarted.subscribe((function(){t._toggleVisibility()}))),this._toggleVisibility()},e.prototype.ngOnDestroy=function(){this._toggleSubs&&(this._toggleSubs.unsubscribe(),this._toggleSubs=void 0)},e.prototype.clickListener=function(t){t.preventDefault(),this.disabled||(this._layout&&this._layout.open?this.onClick():this._noLayoutMessage())},e.prototype._toggleVisibility=function(){this._layout&&(this._layout.sidenav.opened&&this._hideWhenOpened?this._renderer.setStyle(this._elementRef.nativeElement,"display","none"):this._renderer.setStyle(this._elementRef.nativeElement,"display",""))},e.prototype._noLayoutMessage=function(){console.warn("Covalent: Parent layout not found for layout toggle directive")},e}(v);h.decorators=[{type:e.Directive}],h.ctorParameters=function(){return[{type:void 0},{type:e.Renderer2},{type:e.ElementRef}]},h.propDecorators={hideWhenOpened:[{type:e.Input,args:["hideWhenOpened"]}],clickListener:[{type:e.HostListener,args:["click",["$event"]]}]};var b=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return m(e,t),Object.defineProperty(e.prototype,"tdLayoutToggle",{set:function(t){this.disabled=!(""===t||t)},enumerable:!1,configurable:!0}),e.prototype.onClick=function(){this._layout.toggle()},e}(h);b.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutToggle]"}]}],b.ctorParameters=function(){return[{type:g,decorators:[{type:e.Optional},{type:e.Inject,args:[e.forwardRef((function(){return g}))]}]},{type:e.Renderer2},{type:e.ElementRef}]},b.propDecorators={tdLayoutToggle:[{type:e.Input,args:["tdLayoutToggle"]}]};var x=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return m(e,t),Object.defineProperty(e.prototype,"tdLayoutClose",{set:function(t){this.disabled=!(""===t||t)},enumerable:!1,configurable:!0}),e.prototype.onClick=function(){this._layout.close()},e}(h);x.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutClose]"}]}],x.ctorParameters=function(){return[{type:g,decorators:[{type:e.Optional},{type:e.Inject,args:[e.forwardRef((function(){return g}))]}]},{type:e.Renderer2},{type:e.ElementRef}]},x.propDecorators={tdLayoutClose:[{type:e.Input,args:["tdLayoutClose"]}]};var w=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return m(e,t),Object.defineProperty(e.prototype,"tdLayoutClose",{set:function(t){this.disabled=!(""===t||t)},enumerable:!1,configurable:!0}),e.prototype.onClick=function(){this._layout.open()},e}(h);w.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutOpen]"}]}],w.ctorParameters=function(){return[{type:g,decorators:[{type:e.Optional},{type:e.Inject,args:[e.forwardRef((function(){return g}))]}]},{type:e.Renderer2},{type:e.ElementRef}]},w.propDecorators={tdLayoutClose:[{type:e.Input,args:["tdLayoutOpen"]}]};var _=function(){function t(t){this._router=t,this.color="primary"}return Object.defineProperty(t.prototype,"routerEnabled",{get:function(){return!!this._router&&!!this.navigationRoute},enumerable:!1,configurable:!0}),t.prototype.handleNavigationClick=function(){this.routerEnabled&&this._router.navigateByUrl(this.navigationRoute)},t}();_.decorators=[{type:e.Component,args:[{selector:"td-layout-nav",template:'<div class="td-layout-nav-wrapper">\n <mat-toolbar class="td-layout-toolbar" [color]="color">\n <ng-content select="[td-menu-button]"></ng-content>\n <span\n *ngIf="icon || logo || toolbarTitle"\n [class.cursor-pointer]="routerEnabled"\n (click)="handleNavigationClick()"\n class="td-layout-nav-toolbar-content"\n >\n <mat-icon *ngIf="icon">{{ icon }}</mat-icon>\n <mat-icon *ngIf="logo && !icon" class="mat-icon-logo" [svgIcon]="logo"></mat-icon>\n <span *ngIf="toolbarTitle">{{ toolbarTitle }}</span>\n </span>\n <ng-content select="[td-toolbar-content]"></ng-content>\n </mat-toolbar>\n <div class="td-layout-nav-content" cdkScrollable>\n <ng-content></ng-content>\n </div>\n <ng-content select="td-layout-footer"></ng-content>\n</div>\n',styles:[".td-menu-button{margin-left:0}::ng-deep [dir=rtl] .td-menu-button{margin-left:6px;margin-right:0}:host{overflow:hidden}:host,:host .td-layout-nav-wrapper{display:-ms-flexbox;display:flex;height:100%;margin:0;min-height:100%;width:100%}:host .td-layout-nav-wrapper{-ms-flex-direction:column;box-sizing:border-box;flex-direction:column}:host .td-layout-nav-wrapper .td-layout-nav-toolbar-content{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%}:host .td-layout-nav-wrapper .td-layout-nav-content{-ms-flex:1;-ms-flex-direction:column;-webkit-overflow-scrolling:touch;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:column;overflow:auto;position:relative}"]}]}],_.ctorParameters=function(){return[{type:u.Router,decorators:[{type:e.Optional}]}]},_.propDecorators={toolbarTitle:[{type:e.Input}],icon:[{type:e.Input}],logo:[{type:e.Input}],color:[{type:e.Input}],navigationRoute:[{type:e.Input}]};var L=function(){function t(t){this._router=t,this.color="primary",this.mode="side",this.opened=!0,this.sidenavWidth="350px",this.containerAutosize=!1}return Object.defineProperty(t.prototype,"disableClose",{get:function(){return"side"===this.mode},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"routerEnabled",{get:function(){return!!this._router&&!!this.navigationRoute},enumerable:!1,configurable:!0}),t.prototype.handleNavigationClick=function(){this.routerEnabled&&this._router.navigateByUrl(this.navigationRoute)},t.prototype.toggle=function(){return this.sidenav.toggle(!this.sidenav.opened)},t.prototype.open=function(){return this.sidenav.open()},t.prototype.close=function(){return this.sidenav.close()},t}();L.decorators=[{type:e.Component,args:[{selector:"td-layout-nav-list",template:'<div class="td-layout-nav-list-wrapper">\n <mat-sidenav-container fullscreen [autosize]="containerAutosize" class="td-layout-nav-list">\n <mat-sidenav\n #sidenav\n position="start"\n [mode]="mode"\n [opened]="opened"\n [disableClose]="disableClose"\n [style.max-width]="sidenavWidth"\n [style.min-width]="sidenavWidth"\n >\n <mat-toolbar class="td-layout-toolbar" [color]="color">\n <ng-content select="[td-menu-button]"></ng-content>\n <span\n *ngIf="icon || logo || toolbarTitle"\n class="td-layout-nav-list-toolbar-content"\n [class.cursor-pointer]="routerEnabled"\n (click)="handleNavigationClick()"\n >\n <mat-icon *ngIf="icon">{{ icon }}</mat-icon>\n <mat-icon *ngIf="logo && !icon" class="mat-icon-logo" [svgIcon]="logo"></mat-icon>\n <span *ngIf="toolbarTitle">{{ toolbarTitle }}</span>\n </span>\n <ng-content select="[td-sidenav-toolbar-content]"></ng-content>\n </mat-toolbar>\n <div class="td-layout-nav-list-content" cdkScrollable>\n <ng-content select="[td-sidenav-content]"></ng-content>\n </div>\n </mat-sidenav>\n <div class="td-layout-nav-list-main">\n <mat-toolbar class="td-layout-toolbar" [color]="color">\n <ng-content select="[td-toolbar-content]"></ng-content>\n </mat-toolbar>\n <div class="td-layout-nav-list-content" cdkScrollable>\n <ng-content></ng-content>\n </div>\n <ng-content select="td-layout-footer-inner"></ng-content>\n </div>\n </mat-sidenav-container>\n</div>\n<ng-content select="td-layout-footer"></ng-content>\n',styles:[":host{-ms-flex:1;-ms-flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:column;height:100%;margin:0;min-height:100%;overflow:hidden;width:100%}:host .td-layout-nav-list-wrapper>.mat-sidenav-container>mat-sidenav.mat-drawer-side{border-right:0}[dir=rtl] :host .td-layout-nav-list-wrapper>.mat-sidenav-container>mat-sidenav.mat-drawer-side{border-left:0}:host .td-layout-nav-list-wrapper{-ms-flex:1;-ms-flex-direction:column;-webkit-overflow-scrolling:touch;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:column;overflow:auto;position:relative}:host .td-layout-nav-list-wrapper .td-layout-nav-list-toolbar-content{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%}:host .td-layout-nav-list-wrapper .td-layout-nav-list-content{-ms-flex:1;-webkit-overflow-scrolling:touch;display:block;flex:1;overflow:auto;position:relative;text-align:start}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main{-ms-flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:column;height:100%;margin:0;min-height:100%;overflow:auto;position:relative;width:100%}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main .td-layout-nav-list-content{-ms-flex:1;-webkit-overflow-scrolling:touch;display:block;flex:1;overflow:auto;position:relative}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list{-ms-flex:1;flex:1}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-closed,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-closing,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-opened,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-opening{box-shadow:none}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer-content{-ms-flex-positive:1;flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer>.mat-drawer-inner-container{-ms-flex-direction:column;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:column}"]}]}],L.ctorParameters=function(){return[{type:u.Router,decorators:[{type:e.Optional}]}]},L.propDecorators={sidenav:[{type:e.ViewChild,args:[a.MatSidenav,{static:!0}]}],toolbarTitle:[{type:e.Input}],icon:[{type:e.Input}],logo:[{type:e.Input}],color:[{type:e.Input}],mode:[{type:e.Input}],opened:[{type:e.Input}],sidenavWidth:[{type:e.Input}],containerAutosize:[{type:e.Input}],navigationRoute:[{type:e.Input}]};var I=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return m(e,t),Object.defineProperty(e.prototype,"tdLayoutNavListToggle",{set:function(t){this.disabled=!(""===t||t)},enumerable:!1,configurable:!0}),e.prototype.onClick=function(){this._layout.toggle()},e}(h);I.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutNavListToggle]",inputs:["hideWhenOpened"]}]}],I.ctorParameters=function(){return[{type:L,decorators:[{type:e.Optional},{type:e.Inject,args:[e.forwardRef((function(){return L}))]}]},{type:e.Renderer2},{type:e.ElementRef}]},I.propDecorators={tdLayoutNavListToggle:[{type:e.Input,args:["tdLayoutNavListToggle"]}]};var C=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return m(e,t),Object.defineProperty(e.prototype,"tdLayoutNavListClose",{set:function(t){this.disabled=!(""===t||t)},enumerable:!1,configurable:!0}),e.prototype.onClick=function(){this._layout.close()},e}(h);C.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutNavListClose]",inputs:["hideWhenOpened"]}]}],C.ctorParameters=function(){return[{type:L,decorators:[{type:e.Optional},{type:e.Inject,args:[e.forwardRef((function(){return L}))]}]},{type:e.Renderer2},{type:e.ElementRef}]},C.propDecorators={tdLayoutNavListClose:[{type:e.Input,args:["tdLayoutNavListClose"]}]};var O=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return m(e,t),Object.defineProperty(e.prototype,"tdLayoutNavListOpen",{set:function(t){this.disabled=!(""===t||t)},enumerable:!1,configurable:!0}),e.prototype.onClick=function(){this._layout.open()},e}(h);O.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutNavListOpen]",inputs:["hideWhenOpened"]}]}],O.ctorParameters=function(){return[{type:L,decorators:[{type:e.Optional},{type:e.Inject,args:[e.forwardRef((function(){return L}))]}]},{type:e.Renderer2},{type:e.ElementRef}]},O.propDecorators={tdLayoutNavListOpen:[{type:e.Input,args:["tdLayoutNavListOpen"]}]};var T=function(){this.cardWidth=70,this.color="primary"};T.decorators=[{type:e.Component,args:[{selector:"td-layout-card-over",template:'<mat-toolbar class="td-layout-toolbar" [color]="color"></mat-toolbar>\n<div class="td-layout-card-over-wrapper">\n <div\n class="td-layout-card-over"\n [style.max-width.%]="cardWidth"\n [style.flex]="\'1 1 \' + cardWidth + \'%\'"\n [style.-ms-flex]="\'1 1 \' + cardWidth + \'%\'"\n [style.-webkit-box-flex]="1"\n >\n <mat-card>\n <mat-card-title *ngIf="cardTitle">{{ cardTitle }}</mat-card-title>\n <mat-card-subtitle *ngIf="cardSubtitle">{{ cardSubtitle }}</mat-card-subtitle>\n <mat-divider *ngIf="cardTitle || cardSubtitle"></mat-divider>\n <ng-content></ng-content>\n </mat-card>\n <ng-content select="[td-after-card]"></ng-content>\n </div>\n</div>\n',styles:[":host{display:block;height:100%;min-height:100%;position:relative;width:100%;z-index:2}:host [td-after-card]{display:block}.td-layout-card-over-wrapper{height:100%;margin:-64px 0;min-height:100%;width:100%}@media (min-width:600px){.td-layout-card-over-wrapper{-ms-flex-align:start;-ms-flex-direction:row;-ms-flex-line-pack:start;-ms-flex-pack:center;align-content:flex-start;align-items:flex-start;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:center}.td-layout-card-over-wrapper .td-layout-card-over{box-sizing:border-box;max-height:100%}}@media (max-width:599px){.td-layout-card-over-wrapper .td-layout-card-over{max-width:100%!important}}"]}]}],T.propDecorators={cardTitle:[{type:e.Input}],cardSubtitle:[{type:e.Input}],cardWidth:[{type:e.Input}],color:[{type:e.Input}]};var k=function(){function t(){this.mode="side",this.opened=!0,this.sidenavWidth="257px",this.containerAutosize=!1}return Object.defineProperty(t.prototype,"disableClose",{get:function(){return"side"===this.mode},enumerable:!1,configurable:!0}),t.prototype.toggle=function(){return this.sidenav.toggle(!this.sidenav.opened)},t.prototype.open=function(){return this.sidenav.open()},t.prototype.close=function(){return this.sidenav.close()},t}();k.decorators=[{type:e.Component,args:[{selector:"td-layout-manage-list",template:'<mat-sidenav-container fullscreen [autosize]="containerAutosize" class="td-layout-manage-list">\n <mat-sidenav\n #sidenav\n position="start"\n [mode]="mode"\n [opened]="opened"\n [disableClose]="disableClose"\n [style.max-width]="sidenavWidth"\n [style.min-width]="sidenavWidth"\n >\n <ng-content select="mat-toolbar[td-sidenav-content]"></ng-content>\n <div class="td-layout-manage-list-sidenav" cdkScrollable>\n <ng-content select="[td-sidenav-content]"></ng-content>\n </div>\n </mat-sidenav>\n <div class="td-layout-manage-list-main">\n <ng-content select="mat-toolbar"></ng-content>\n <div class="td-layout-manage-list-content" cdkScrollable>\n <ng-content></ng-content>\n </div>\n <ng-content select="td-layout-footer-inner"></ng-content>\n </div>\n</mat-sidenav-container>\n',styles:[":host{display:-ms-flexbox;display:flex;height:100%;margin:0;min-height:100%;overflow:hidden;width:100%}:host mat-sidenav-container.td-layout-manage-list{-ms-flex:1;flex:1}:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-closed,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-closing,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-opened,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-opening{box-shadow:0 1px 3px 0 rgba(0,0,0,.2)}:host .td-layout-manage-list-sidenav{-ms-flex:1;-webkit-overflow-scrolling:touch;display:block;flex:1;overflow:auto;position:relative;text-align:start}:host .td-layout-manage-list-main{-ms-flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:column;height:100%;margin:0;min-height:100%;overflow:auto;position:relative;width:100%}:host .td-layout-manage-list-main .td-layout-manage-list-content{-ms-flex:1;-webkit-overflow-scrolling:touch;display:block;flex:1;overflow:auto;position:relative}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer-content{-ms-flex-positive:1;flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container{-ms-flex-direction:column;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:column}:host ::ng-deep mat-nav-list a[mat-list-item] .mat-list-item-content{font-size:14px}:host ::ng-deep .mat-toolbar{font-weight:400}"]}]}],k.propDecorators={sidenav:[{type:e.ViewChild,args:[a.MatSidenav,{static:!0}]}],mode:[{type:e.Input}],opened:[{type:e.Input}],sidenavWidth:[{type:e.Input}],containerAutosize:[{type:e.Input}]};var R=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return m(e,t),Object.defineProperty(e.prototype,"tdLayoutManageListToggle",{set:function(t){this.disabled=!(""===t||t)},enumerable:!1,configurable:!0}),e.prototype.onClick=function(){this._layout.toggle()},e}(h);R.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutManageListToggle]",inputs:["hideWhenOpened"]}]}],R.ctorParameters=function(){return[{type:k,decorators:[{type:e.Optional},{type:e.Inject,args:[e.forwardRef((function(){return k}))]}]},{type:e.Renderer2},{type:e.ElementRef}]},R.propDecorators={tdLayoutManageListToggle:[{type:e.Input,args:["tdLayoutManageListToggle"]}]};var D=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return m(e,t),Object.defineProperty(e.prototype,"tdLayoutManageListClose",{set:function(t){this.disabled=!(""===t||t)},enumerable:!1,configurable:!0}),e.prototype.onClick=function(){this._layout.close()},e}(h);D.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutManageListClose]",inputs:["hideWhenOpened"]}]}],D.ctorParameters=function(){return[{type:k,decorators:[{type:e.Optional},{type:e.Inject,args:[e.forwardRef((function(){return k}))]}]},{type:e.Renderer2},{type:e.ElementRef}]},D.propDecorators={tdLayoutManageListClose:[{type:e.Input,args:["tdLayoutManageListClose"]}]};var M=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return m(e,t),Object.defineProperty(e.prototype,"tdLayoutManageListOpen",{set:function(t){this.disabled=!(""===t||t)},enumerable:!1,configurable:!0}),e.prototype.onClick=function(){this._layout.open()},e}(h);M.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutManageListOpen]",inputs:["hideWhenOpened"]}]}],M.ctorParameters=function(){return[{type:k,decorators:[{type:e.Optional},{type:e.Inject,args:[e.forwardRef((function(){return k}))]}]},{type:e.Renderer2},{type:e.ElementRef}]},M.propDecorators={tdLayoutManageListOpen:[{type:e.Input,args:["tdLayoutManageListOpen"]}]};var j=function(){function t(t,e){this._renderer=t,this._elementRef=e,this._renderer.addClass(this._elementRef.nativeElement,"td-layout-footer")}return Object.defineProperty(t.prototype,"color",{get:function(){return this._color},set:function(t){t&&(this._renderer.removeClass(this._elementRef.nativeElement,"mat-"+this._color),this._color=t,this._renderer.addClass(this._elementRef.nativeElement,"mat-"+this._color))},enumerable:!1,configurable:!0}),t}();j.decorators=[{type:e.Component,args:[{selector:"td-layout-footer,td-layout-footer-inner",template:"<ng-content></ng-content>\n",styles:[":host{display:block;padding:10px 16px}"]}]}],j.ctorParameters=function(){return[{type:e.Renderer2},{type:e.ElementRef}]},j.propDecorators={color:[{type:e.Input,args:["color"]}]};var P=function(){};P.decorators=[{type:e.Directive,args:[{selector:"[td-navigation-drawer-menu]"}]}];var z=function(){};z.decorators=[{type:e.Directive,args:[{selector:"[td-navigation-drawer-toolbar]"}]}];var S=function(){function t(t,e,n){this._layout=t,this._router=e,this._sanitize=n,this._menuToggled=!1}return Object.defineProperty(t.prototype,"menuToggled",{get:function(){return this._menuToggled},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isMenuAvailable",{get:function(){return!!this._drawerMenu&&this._drawerMenu.length>0},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isCustomToolbar",{get:function(){return!!this._toolbar&&this._toolbar.length>0},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isBackgroundAvailable",{get:function(){return!!this._backgroundImage},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"backgroundUrl",{set:function(t){if(t){var n=this._sanitize.sanitize(e.SecurityContext.RESOURCE_URL,t);this._backgroundImage=this._sanitize.sanitize(e.SecurityContext.STYLE,"url("+n+")")}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"backgroundImage",{get:function(){return this._backgroundImage},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"routerEnabled",{get:function(){return!!this._router&&!!this.navigationRoute},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){var t=this;this._closeSubscription=this._layout.sidenav.openedChange.subscribe((function(e){e||(t._menuToggled=!1)}))},t.prototype.ngOnDestroy=function(){this._closeSubscription&&(this._closeSubscription.unsubscribe(),this._closeSubscription=void 0)},t.prototype.toggleMenu=function(){this.isMenuAvailable&&(this._menuToggled=!this._menuToggled)},t.prototype.handleNavigationClick=function(){this.routerEnabled&&(this._router.navigateByUrl(this.navigationRoute),this.close())},t.prototype.toggle=function(){return this._layout.toggle()},t.prototype.open=function(){return this._layout.open()},t.prototype.close=function(){return this._layout.close()},t}();S.decorators=[{type:e.Component,args:[{selector:"td-navigation-drawer",template:'<mat-toolbar\n [color]="color"\n [style.background-image]="backgroundImage"\n [class.td-toolbar-background]="!!isBackgroundAvailable"\n class="td-nagivation-drawer-toolbar"\n>\n <ng-content select="[td-navigation-drawer-toolbar]"></ng-content>\n <ng-container *ngIf="!isCustomToolbar">\n <div\n *ngIf="icon || logo || sidenavTitle || avatar"\n class="td-navigation-drawer-toolbar-content"\n [class.cursor-pointer]="routerEnabled"\n (click)="handleNavigationClick()"\n >\n <mat-icon *ngIf="icon">{{ icon }}</mat-icon>\n <mat-icon *ngIf="logo && !icon" class="mat-icon-logo" [svgIcon]="logo"></mat-icon>\n <img *ngIf="avatar && !logo && !icon" class="td-nagivation-drawer-toolbar-avatar" [attr.src]="avatar" />\n <span *ngIf="sidenavTitle" class="td-navigation-drawer-title">{{ sidenavTitle }}</span>\n </div>\n <div class="td-navigation-drawer-name" *ngIf="email && name">{{ name }}</div>\n <div class="td-navigation-drawer-menu-toggle" href *ngIf="email || name" (click)="toggleMenu()">\n <span class="td-navigation-drawer-label">{{ email || name }}</span>\n <button mat-icon-button class="td-navigation-drawer-menu-button" *ngIf="isMenuAvailable">\n <mat-icon *ngIf="!menuToggled">arrow_drop_down</mat-icon>\n <mat-icon *ngIf="menuToggled">arrow_drop_up</mat-icon>\n </button>\n </div>\n </ng-container>\n</mat-toolbar>\n<div class="td-navigation-drawer-content" [@tdCollapse]="menuToggled">\n <ng-content></ng-content>\n</div>\n<div class="td-navigation-drawer-menu-content" [@tdCollapse]="!menuToggled">\n <ng-content select="[td-navigation-drawer-menu]"></ng-content>\n</div>\n',animations:[c.tdCollapseAnimation],styles:[":host{width:100%}:host .td-navigation-drawer-content.ng-animating,:host .td-navigation-drawer-menu-content.ng-animating{overflow:hidden}:host mat-toolbar{padding:16px}:host mat-toolbar.td-toolbar-background{background-repeat:no-repeat;background-size:cover}:host mat-toolbar.td-nagivation-drawer-toolbar{-ms-flex-direction:column;display:block!important;flex-direction:column;height:auto!important}:host mat-toolbar .td-navigation-drawer-toolbar-content{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%}:host mat-toolbar .td-navigation-drawer-toolbar-content .td-nagivation-drawer-toolbar-avatar{border-radius:50%;height:60px;margin:0 12px 12px 0;width:60px}:host mat-toolbar .td-navigation-drawer-name,:host mat-toolbar .td-navigation-drawer-toolbar-content .td-navigation-drawer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host mat-toolbar .td-navigation-drawer-menu-toggle{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-label{-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-menu-button{height:24px;line-height:24px;width:24px}:host>div{overflow:hidden}"]}]}],S.ctorParameters=function(){return[{type:g,decorators:[{type:e.Inject,args:[e.forwardRef((function(){return g}))]}]},{type:u.Router,decorators:[{type:e.Optional}]},{type:p.DomSanitizer}]},S.propDecorators={_drawerMenu:[{type:e.ContentChildren,args:[P,{descendants:!0}]}],_toolbar:[{type:e.ContentChildren,args:[z,{descendants:!0}]}],sidenavTitle:[{type:e.Input}],icon:[{type:e.Input}],logo:[{type:e.Input}],avatar:[{type:e.Input}],color:[{type:e.Input}],navigationRoute:[{type:e.Input}],backgroundUrl:[{type:e.Input,args:["backgroundUrl"]}],name:[{type:e.Input}],email:[{type:e.Input}]};var E=[g,b,x,w,_,L,I,C,O,T,k,R,D,M,j,S,P,z],W=function(){};W.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,o.ScrollingModule,a.MatSidenavModule,r.MatToolbarModule,i.MatButtonModule,l.MatIconModule,s.MatCardModule,d.MatDividerModule],declarations:[E],exports:[E]}]}],t.BaseLayoutToggleDirective=h,t.CovalentLayoutModule=W,t.LayoutToggleBase=f,t.TdLayoutCardOverComponent=T,t.TdLayoutCloseDirective=x,t.TdLayoutComponent=g,t.TdLayoutFooterComponent=j,t.TdLayoutManageListCloseDirective=D,t.TdLayoutManageListComponent=k,t.TdLayoutManageListOpenDirective=M,t.TdLayoutManageListToggleDirective=R,t.TdLayoutNavComponent=_,t.TdLayoutNavListCloseDirective=C,t.TdLayoutNavListComponent=L,t.TdLayoutNavListOpenDirective=O,t.TdLayoutNavListToggleDirective=I,t.TdLayoutOpenDirective=w,t.TdLayoutToggleDirective=b,t.TdNavigationDrawerComponent=S,t.TdNavigationDrawerMenuDirective=P,t.TdNavigationDrawerToolbarDirective=z,t._TdLayoutToggleMixinBase=v,Object.defineProperty(t,"__esModule",{value:!0})})); |
