| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/common"),require("@angular/cdk/scrolling"),require("@angular/material/toolbar"),require("@angular/material/button"),require("@angular/material/icon"),require("@angular/material/card"),require("@angular/material/divider"),require("@angular/material/sidenav"),require("@angular/core"),require("@angular/router"),require("@angular/platform-browser"),require("@covalent/core/common")):"function"==typeof define&&define.amd?define("@covalent/core/layout",["exports","@angular/common","@angular/cdk/scrolling","@angular/material/toolbar","@angular/material/button","@angular/material/icon","@angular/material/card","@angular/material/divider","@angular/material/sidenav","@angular/core","@angular/router","@angular/platform-browser","@covalent/core/common"],e):e((t.covalent=t.covalent||{},t.covalent.core=t.covalent.core||{},t.covalent.core.layout={}),t.ng.common,t.ng.cdk.scrolling,t.ng.material.toolbar,t.ng.material.button,t.ng.material.icon,t.ng.material.card,t.ng.material.divider,t.ng.material.sidenav,t.ng.core,t.ng.router,t.ng.platformBrowser,t.covalent.core.common)}(this,function(t,e,o,n,a,i,r,l,s,d,c,p,u){"use strict";var g=(Object.defineProperty(b.prototype,"disableClose",{get:function(){return"side"===this.mode},enumerable:!0,configurable:!0}),b.prototype.toggle=function(){return this.sidenav.toggle(!this.sidenav.opened)},b.prototype.open=function(){return this.sidenav.open()},b.prototype.close=function(){return this.sidenav.close()},b.decorators=[{type:d.Component,args:[{selector:"td-layout",template:'<mat-sidenav-container fullscreen [autosize]="containerAutosize">\n <mat-sidenav #sidenav\n class="td-layout-sidenav"\n [mode]="mode"\n [opened]="opened"\n [style.max-width]="sidenavWidth"\n [style.min-width]="sidenavWidth"\n [disableClose]="disableClose">\n <ng-content select="td-navigation-drawer"></ng-content>\n <ng-content select="[td-sidenav-content]"></ng-content>\n </mat-sidenav>\n <ng-content></ng-content>\n</mat-sidenav-container>\n',styles:[":host{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host ::ng-deep>mat-sidenav-container .mat-drawer>.mat-drawer-inner-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}"]}]}],b.propDecorators={sidenav:[{type:d.ViewChild,args:[s.MatSidenav]}],mode:[{type:d.Input,args:["mode"]}],opened:[{type:d.Input,args:["opened"]}],sidenavWidth:[{type:d.Input,args:["sidenavWidth"]}],containerAutosize:[{type:d.Input,args:["containerAutosize"]}]},b);function b(){this.mode="over",this.opened=!1,this.sidenavWidth="320px",this.containerAutosize=!1}var y=function(t,e){return(y=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])})(t,e)};function m(t,e){function o(){this.constructor=t}y(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}function f(){}var v,h=u.mixinDisabled(f),x=(m(w,v=h),Object.defineProperty(w.prototype,"hideWhenOpened",{set:function(t){this._hideWhenOpened=t,this._initialized&&this._toggleVisibility()},enumerable:!0,configurable:!0}),w.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()},w.prototype.ngOnDestroy=function(){this._toggleSubs&&(this._toggleSubs.unsubscribe(),this._toggleSubs=undefined)},w.prototype.clickListener=function(t){t.preventDefault(),this.disabled||(this._layout&&this._layout.open?this.onClick():this._noLayoutMessage())},w.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",""))},w.prototype._noLayoutMessage=function(){console.warn("Covalent: Parent layout not found for layout toggle directive")},w.propDecorators={hideWhenOpened:[{type:d.Input,args:["hideWhenOpened"]}],clickListener:[{type:d.HostListener,args:["click",["$event"]]}]},w);function w(t,e,o){var n=v.call(this)||this;return n._layout=t,n._renderer=e,n._elementRef=o,n._initialized=!1,n._hideWhenOpened=!1,n._layout||n._noLayoutMessage(),n._renderer.addClass(n._elementRef.nativeElement,"td-layout-menu-button"),n}var k,_=(m(L,k=x),Object.defineProperty(L.prototype,"tdLayoutToggle",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),L.prototype.onClick=function(){this._layout.toggle()},L.decorators=[{type:d.Directive,args:[{selector:"[tdLayoutToggle]"}]}],L.ctorParameters=function(){return[{type:g,decorators:[{type:d.Optional},{type:d.Inject,args:[d.forwardRef(function(){return g})]}]},{type:d.Renderer2},{type:d.ElementRef}]},L.propDecorators={tdLayoutToggle:[{type:d.Input,args:["tdLayoutToggle"]}]},L);function L(t,e,o){return k.call(this,t,e,o)||this}var I,C=(m(T,I=x),Object.defineProperty(T.prototype,"tdLayoutClose",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),T.prototype.onClick=function(){this._layout.close()},T.decorators=[{type:d.Directive,args:[{selector:"[tdLayoutClose]"}]}],T.ctorParameters=function(){return[{type:g,decorators:[{type:d.Optional},{type:d.Inject,args:[d.forwardRef(function(){return g})]}]},{type:d.Renderer2},{type:d.ElementRef}]},T.propDecorators={tdLayoutClose:[{type:d.Input,args:["tdLayoutClose"]}]},T);function T(t,e,o){return I.call(this,t,e,o)||this}var O,z=(m(R,O=x),Object.defineProperty(R.prototype,"tdLayoutClose",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),R.prototype.onClick=function(){this._layout.open()},R.decorators=[{type:d.Directive,args:[{selector:"[tdLayoutOpen]"}]}],R.ctorParameters=function(){return[{type:g,decorators:[{type:d.Optional},{type:d.Inject,args:[d.forwardRef(function(){return g})]}]},{type:d.Renderer2},{type:d.ElementRef}]},R.propDecorators={tdLayoutClose:[{type:d.Input,args:["tdLayoutOpen"]}]},R);function R(t,e,o){return O.call(this,t,e,o)||this}var D=(Object.defineProperty(M.prototype,"routerEnabled",{get:function(){return!!this._router&&!!this.navigationRoute},enumerable:!0,configurable:!0}),M.prototype.handleNavigationClick=function(){this.routerEnabled&&this._router.navigateByUrl(this.navigationRoute)},M.decorators=[{type:d.Component,args:[{selector:"td-layout-nav",template:'<div class="td-layout-nav-wrapper">\n <mat-toolbar [color]="color">\n <ng-content select="[td-menu-button]"></ng-content>\n <span *ngIf="icon || logo || toolbarTitle"\n [class.cursor-pointer]="routerEnabled"\n (click)="handleNavigationClick()"\n class="td-layout-nav-toolbar-content">\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-right:0;margin-left:6px}:host{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host .td-layout-nav-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%}:host .td-layout-nav-wrapper .td-layout-nav-toolbar-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}:host .td-layout-nav-wrapper .td-layout-nav-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}"]}]}],M.ctorParameters=function(){return[{type:c.Router,decorators:[{type:d.Optional}]}]},M.propDecorators={toolbarTitle:[{type:d.Input,args:["toolbarTitle"]}],icon:[{type:d.Input,args:["icon"]}],logo:[{type:d.Input,args:["logo"]}],color:[{type:d.Input,args:["color"]}],navigationRoute:[{type:d.Input,args:["navigationRoute"]}]},M);function M(t){this._router=t,this.color="primary"}var j=(Object.defineProperty(P.prototype,"disableClose",{get:function(){return"side"===this.mode},enumerable:!0,configurable:!0}),Object.defineProperty(P.prototype,"routerEnabled",{get:function(){return!!this._router&&!!this.navigationRoute},enumerable:!0,configurable:!0}),P.prototype.handleNavigationClick=function(){this.routerEnabled&&this._router.navigateByUrl(this.navigationRoute)},P.prototype.toggle=function(){return this.sidenav.toggle(!this.sidenav.opened)},P.prototype.open=function(){return this.sidenav.open()},P.prototype.close=function(){return this.sidenav.close()},P.decorators=[{type:d.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 #sidenav\n position="start"\n [mode]="mode"\n [opened]="opened"\n [disableClose]="disableClose"\n [style.max-width]="sidenavWidth"\n [style.min-width]="sidenavWidth">\n <mat-toolbar [color]="color">\n <ng-content select="[td-menu-button]"></ng-content>\n <span *ngIf="icon || logo || toolbarTitle"\n class="td-layout-nav-list-toolbar-content"\n [class.cursor-pointer]="routerEnabled"\n (click)="handleNavigationClick()">\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 [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>',styles:[":host{margin:0;width:100%;min-height:100%;height:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}: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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-nav-list-wrapper .td-layout-nav-list-toolbar-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}:host .td-layout-nav-list-wrapper .td-layout-nav-list-content{text-align:start;-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main .td-layout-nav-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;-ms-flex:1;flex:1}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list{-webkit-box-flex:1;-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{-webkit-box-shadow:none;box-shadow:none}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer>.mat-drawer-inner-container{-webkit-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-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);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}"]}]}],P.ctorParameters=function(){return[{type:c.Router,decorators:[{type:d.Optional}]}]},P.propDecorators={sidenav:[{type:d.ViewChild,args:[s.MatSidenav]}],toolbarTitle:[{type:d.Input,args:["toolbarTitle"]}],icon:[{type:d.Input,args:["icon"]}],logo:[{type:d.Input,args:["logo"]}],color:[{type:d.Input,args:["color"]}],mode:[{type:d.Input,args:["mode"]}],opened:[{type:d.Input,args:["opened"]}],sidenavWidth:[{type:d.Input,args:["sidenavWidth"]}],containerAutosize:[{type:d.Input,args:["containerAutosize"]}],navigationRoute:[{type:d.Input,args:["navigationRoute"]}]},P);function P(t){this._router=t,this.color="primary",this.mode="side",this.opened=!0,this.sidenavWidth="350px",this.containerAutosize=!1}var S,E=(m(N,S=x),Object.defineProperty(N.prototype,"tdLayoutNavListToggle",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),N.prototype.onClick=function(){this._layout.toggle()},N.decorators=[{type:d.Directive,args:[{selector:"[tdLayoutNavListToggle]"}]}],N.ctorParameters=function(){return[{type:j,decorators:[{type:d.Optional},{type:d.Inject,args:[d.forwardRef(function(){return j})]}]},{type:d.Renderer2},{type:d.ElementRef}]},N.propDecorators={tdLayoutNavListToggle:[{type:d.Input,args:["tdLayoutNavListToggle"]}]},N);function N(t,e,o){return S.call(this,t,e,o)||this}var W,A=(m(q,W=x),Object.defineProperty(q.prototype,"tdLayoutNavListClose",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),q.prototype.onClick=function(){this._layout.close()},q.decorators=[{type:d.Directive,args:[{selector:"[tdLayoutNavListClose]"}]}],q.ctorParameters=function(){return[{type:j,decorators:[{type:d.Optional},{type:d.Inject,args:[d.forwardRef(function(){return j})]}]},{type:d.Renderer2},{type:d.ElementRef}]},q.propDecorators={tdLayoutNavListClose:[{type:d.Input,args:["tdLayoutNavListClose"]}]},q);function q(t,e,o){return W.call(this,t,e,o)||this}var B,U=(m(V,B=x),Object.defineProperty(V.prototype,"tdLayoutNavListOpen",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),V.prototype.onClick=function(){this._layout.open()},V.decorators=[{type:d.Directive,args:[{selector:"[tdLayoutNavListOpen]"}]}],V.ctorParameters=function(){return[{type:j,decorators:[{type:d.Optional},{type:d.Inject,args:[d.forwardRef(function(){return j})]}]},{type:d.Renderer2},{type:d.ElementRef}]},V.propDecorators={tdLayoutNavListOpen:[{type:d.Input,args:["tdLayoutNavListOpen"]}]},V);function V(t,e,o){return B.call(this,t,e,o)||this}var F=(H.decorators=[{type:d.Component,args:[{selector:"td-layout-card-over",template:'<mat-toolbar [color]="color">\n</mat-toolbar>\n<div class="td-layout-card-over-wrapper">\n <div 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 <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{position:relative;display:block;z-index:2;width:100%;min-height:100%;height:100%}:host [td-after-card]{display:block}.td-layout-card-over-wrapper{margin:-64px 0;width:100%;min-height:100%;height:100%}@media (min-width:600px){.td-layout-card-over-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.td-layout-card-over-wrapper .td-layout-card-over{max-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}}@media (max-width:599px){.td-layout-card-over-wrapper .td-layout-card-over{max-width:100%!important}}"]}]}],H.propDecorators={cardTitle:[{type:d.Input,args:["cardTitle"]}],cardSubtitle:[{type:d.Input,args:["cardSubtitle"]}],cardWidth:[{type:d.Input,args:["cardWidth"]}],color:[{type:d.Input,args:["color"]}]},H);function H(){this.cardWidth=70,this.color="primary"}var Y=(Object.defineProperty($.prototype,"disableClose",{get:function(){return"side"===this.mode},enumerable:!0,configurable:!0}),$.prototype.toggle=function(){return this.sidenav.toggle(!this.sidenav.opened)},$.prototype.open=function(){return this.sidenav.open()},$.prototype.close=function(){return this.sidenav.close()},$.decorators=[{type:d.Component,args:[{selector:"td-layout-manage-list",template:'<mat-sidenav-container fullscreen [autosize]="containerAutosize" class="td-layout-manage-list">\n <mat-sidenav #sidenav\n position="start"\n [mode]="mode"\n [opened]="opened"\n [disableClose]="disableClose"\n [style.max-width]="sidenavWidth"\n [style.min-width]="sidenavWidth">\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:-webkit-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host mat-sidenav-container.td-layout-manage-list{-webkit-box-flex:1;-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{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.2);box-shadow:0 1px 3px 0 rgba(0,0,0,.2)}:host .td-layout-manage-list-sidenav{text-align:start;-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-manage-list-main{margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}:host .td-layout-manage-list-main .td-layout-manage-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;-ms-flex:1;flex:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container{-webkit-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-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);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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}"]}]}],$.propDecorators={sidenav:[{type:d.ViewChild,args:[s.MatSidenav]}],mode:[{type:d.Input,args:["mode"]}],opened:[{type:d.Input,args:["opened"]}],sidenavWidth:[{type:d.Input,args:["sidenavWidth"]}],containerAutosize:[{type:d.Input,args:["containerAutosize"]}]},$);function $(){this.mode="side",this.opened=!0,this.sidenavWidth="257px",this.containerAutosize=!1}var G,J=(m(K,G=x),Object.defineProperty(K.prototype,"tdLayoutManageListToggle",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),K.prototype.onClick=function(){this._layout.toggle()},K.decorators=[{type:d.Directive,args:[{selector:"[tdLayoutManageListToggle]"}]}],K.ctorParameters=function(){return[{type:Y,decorators:[{type:d.Optional},{type:d.Inject,args:[d.forwardRef(function(){return Y})]}]},{type:d.Renderer2},{type:d.ElementRef}]},K.propDecorators={tdLayoutManageListToggle:[{type:d.Input,args:["tdLayoutManageListToggle"]}]},K);function K(t,e,o){return G.call(this,t,e,o)||this}var Q,X=(m(Z,Q=x),Object.defineProperty(Z.prototype,"tdLayoutManageListClose",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),Z.prototype.onClick=function(){this._layout.close()},Z.decorators=[{type:d.Directive,args:[{selector:"[tdLayoutManageListClose]"}]}],Z.ctorParameters=function(){return[{type:Y,decorators:[{type:d.Optional},{type:d.Inject,args:[d.forwardRef(function(){return Y})]}]},{type:d.Renderer2},{type:d.ElementRef}]},Z.propDecorators={tdLayoutManageListClose:[{type:d.Input,args:["tdLayoutManageListClose"]}]},Z);function Z(t,e,o){return Q.call(this,t,e,o)||this}var tt,et=(m(ot,tt=x),Object.defineProperty(ot.prototype,"tdLayoutManageListOpen",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),ot.prototype.onClick=function(){this._layout.open()},ot.decorators=[{type:d.Directive,args:[{selector:"[tdLayoutManageListOpen]"}]}],ot.ctorParameters=function(){return[{type:Y,decorators:[{type:d.Optional},{type:d.Inject,args:[d.forwardRef(function(){return Y})]}]},{type:d.Renderer2},{type:d.ElementRef}]},ot.propDecorators={tdLayoutManageListOpen:[{type:d.Input,args:["tdLayoutManageListOpen"]}]},ot);function ot(t,e,o){return tt.call(this,t,e,o)||this}var nt=(Object.defineProperty(at.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:!0,configurable:!0}),at.decorators=[{type:d.Component,args:[{selector:"td-layout-footer,td-layout-footer-inner",template:"<ng-content></ng-content>\n",styles:[":host{display:block;padding:10px 16px}"]}]}],at.ctorParameters=function(){return[{type:d.Renderer2},{type:d.ElementRef}]},at.propDecorators={color:[{type:d.Input,args:["color"]}]},at);function at(t,e){this._renderer=t,this._elementRef=e,this._renderer.addClass(this._elementRef.nativeElement,"td-layout-footer")}var it=(rt.decorators=[{type:d.Directive,args:[{selector:"[td-navigation-drawer-menu]"}]}],rt);function rt(){}var lt=(st.decorators=[{type:d.Directive,args:[{selector:"[td-navigation-drawer-toolbar]"}]}],st);function st(){}var dt=(Object.defineProperty(ct.prototype,"menuToggled",{get:function(){return this._menuToggled},enumerable:!0,configurable:!0}),Object.defineProperty(ct.prototype,"isMenuAvailable",{get:function(){return!!this._drawerMenu&&0<this._drawerMenu.length},enumerable:!0,configurable:!0}),Object.defineProperty(ct.prototype,"isCustomToolbar",{get:function(){return!!this._toolbar&&0<this._toolbar.length},enumerable:!0,configurable:!0}),Object.defineProperty(ct.prototype,"isBackgroundAvailable",{get:function(){return!!this._backgroundImage},enumerable:!0,configurable:!0}),Object.defineProperty(ct.prototype,"backgroundUrl",{set:function(t){if(t){var e=this._sanitize.sanitize(d.SecurityContext.RESOURCE_URL,t);this._backgroundImage=this._sanitize.sanitize(d.SecurityContext.STYLE,"url("+e+")")}},enumerable:!0,configurable:!0}),Object.defineProperty(ct.prototype,"backgroundImage",{get:function(){return this._backgroundImage},enumerable:!0,configurable:!0}),Object.defineProperty(ct.prototype,"routerEnabled",{get:function(){return!!this._router&&!!this.navigationRoute},enumerable:!0,configurable:!0}),ct.prototype.ngOnInit=function(){var e=this;this._closeSubscription=this._layout.sidenav.openedChange.subscribe(function(t){t||(e._menuToggled=!1)})},ct.prototype.ngOnDestroy=function(){this._closeSubscription&&(this._closeSubscription.unsubscribe(),this._closeSubscription=undefined)},ct.prototype.toggleMenu=function(){this.isMenuAvailable&&(this._menuToggled=!this._menuToggled)},ct.prototype.handleNavigationClick=function(){this.routerEnabled&&(this._router.navigateByUrl(this.navigationRoute),this.close())},ct.prototype.toggle=function(){return this._layout.toggle()},ct.prototype.open=function(){return this._layout.open()},ct.prototype.close=function(){return this._layout.close()},ct.decorators=[{type:d.Component,args:[{selector:"td-navigation-drawer",template:'<mat-toolbar [color]="color"\n [style.background-image]="backgroundImage"\n [class.td-toolbar-background]="!!isBackgroundAvailable"\n class="td-nagivation-drawer-toolbar">\n <ng-content select="[td-navigation-drawer-toolbar]"></ng-content>\n <ng-container *ngIf="!isCustomToolbar">\n <div *ngIf="icon || logo || sidenavTitle || avatar"\n class="td-navigation-drawer-toolbar-content"\n [class.cursor-pointer]="routerEnabled"\n (click)="handleNavigationClick()">\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"\n href\n *ngIf="email || name"\n (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:[u.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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto!important;display:block!important}:host mat-toolbar .td-navigation-drawer-toolbar-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}:host mat-toolbar .td-navigation-drawer-toolbar-content .td-nagivation-drawer-toolbar-avatar{border-radius:50%;height:60px;width:60px;margin:0 12px 12px 0}:host mat-toolbar .td-navigation-drawer-menu-toggle{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-label{-webkit-box-flex:1;-ms-flex:1;flex:1}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-menu-button{height:24px;line-height:24px;width:24px}:host>div{overflow:hidden}"]}]}],ct.ctorParameters=function(){return[{type:g,decorators:[{type:d.Inject,args:[d.forwardRef(function(){return g})]}]},{type:c.Router,decorators:[{type:d.Optional}]},{type:p.DomSanitizer}]},ct.propDecorators={_drawerMenu:[{type:d.ContentChildren,args:[it]}],_toolbar:[{type:d.ContentChildren,args:[lt]}],sidenavTitle:[{type:d.Input,args:["sidenavTitle"]}],icon:[{type:d.Input,args:["icon"]}],logo:[{type:d.Input,args:["logo"]}],avatar:[{type:d.Input,args:["avatar"]}],color:[{type:d.Input,args:["color"]}],navigationRoute:[{type:d.Input,args:["navigationRoute"]}],backgroundUrl:[{type:d.Input,args:["backgroundUrl"]}],name:[{type:d.Input,args:["name"]}],email:[{type:d.Input,args:["email"]}]},ct);function ct(t,e,o){this._layout=t,this._router=e,this._sanitize=o,this._menuToggled=!1}var pt=[g,_,C,z,D,j,E,A,U,F,Y,J,X,et,nt,dt,it,lt],ut=(gt.decorators=[{type:d.NgModule,args:[{imports:[e.CommonModule,o.ScrollDispatchModule,s.MatSidenavModule,n.MatToolbarModule,a.MatButtonModule,i.MatIconModule,r.MatCardModule,l.MatDividerModule],declarations:[pt],exports:[pt]}]}],gt);function gt(){}t.CovalentLayoutModule=ut,t.TdLayoutComponent=g,t.TdLayoutToggleDirective=_,t.TdLayoutCloseDirective=C,t.TdLayoutOpenDirective=z,t.LayoutToggleBase=f,t._TdLayoutToggleMixinBase=h,t.LayoutToggle=x,t.TdLayoutCardOverComponent=F,t.TdLayoutFooterComponent=nt,t.TdLayoutManageListComponent=Y,t.TdLayoutManageListToggleDirective=J,t.TdLayoutManageListCloseDirective=X,t.TdLayoutManageListOpenDirective=et,t.TdLayoutNavComponent=D,t.TdLayoutNavListComponent=j,t.TdLayoutNavListToggleDirective=E,t.TdLayoutNavListCloseDirective=A,t.TdLayoutNavListOpenDirective=U,t.TdNavigationDrawerMenuDirective=it,t.TdNavigationDrawerToolbarDirective=lt,t.TdNavigationDrawerComponent=dt,Object.defineProperty(t,"__esModule",{value:!0})}); |
