text: !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/material/sidenav"),require("@covalent/core/common"),require("@angular/router"),require("@angular/platform-browser"),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")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/material/sidenav","@covalent/core/common","@angular/router","@angular/platform-browser","@angular/common","@angular/cdk/scrolling","@angular/material/toolbar","@angular/material/button","@angular/material/icon","@angular/material/card","@angular/material/divider"],e):e((t.covalent=t.covalent||{},t.covalent.core=t.covalent.core||{},t.covalent.core.layout={}),t.ng.core,t.ng.material.sidenav,t.covalent.core.common,t.ng.router,t.ng.platformBrowser,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)}(this,function(t,e,n,o,i,a,r,l,s,d,c,u,p){"use strict";var g=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};function b(t,e){function n(){this.constructor=t}g(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var m=function(){function t(){this.mode="over",this.opened=!1,this.sidenavWidth="320px"}return Object.defineProperty(t.prototype,"disableClose",{get:function(){return"side"===this.mode},enumerable:!0,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}();m.decorators=[{type:e.Component,args:[{selector:"td-layout",styles:[":host{\n  display:-webkit-box;\n  display:-ms-flexbox;\n  display:flex;\n  margin:0;\n  width:100%;\n  min-height:100%;\n  height:100%;\n  overflow:hidden; }\n  :host ::ng-deep > mat-sidenav-container > mat-sidenav{\n    display:-webkit-box;\n    display:-ms-flexbox;\n    display:flex;\n    -webkit-box-orient:vertical;\n    -webkit-box-direction:normal;\n        -ms-flex-direction:column;\n            flex-direction:column; }\n"],template:'<mat-sidenav-container fullscreen>\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'}]}],m.ctorParameters=function(){return[]},m.propDecorators={sidenav:[{type:e.ViewChild,args:[n.MatSidenav]}],mode:[{type:e.Input,args:["mode"]}],opened:[{type:e.Input,args:["opened"]}],sidenavWidth:[{type:e.Input,args:["sidenavWidth"]}]};var y=function(){return function(){}}(),f=o.mixinDisabled(y),v=function(t){function e(e,n,o){var i=t.call(this)||this;return i._layout=e,i._renderer=n,i._elementRef=o,i._initialized=!1,i._hideWhenOpened=!1,i._renderer.addClass(i._elementRef.nativeElement,"td-layout-menu-button"),i}return b(e,t),Object.defineProperty(e.prototype,"hideWhenOpened",{set:function(t){this._hideWhenOpened=t,this._initialized&&this._toggleVisibility()},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){var t=this;this._initialized=!0,this._toggleSubs=this._layout.sidenav._animationStarted.subscribe(function(){t._toggleVisibility()}),this._toggleVisibility()},e.prototype.ngOnDestroy=function(){this._toggleSubs&&(this._toggleSubs.unsubscribe(),this._toggleSubs=undefined)},e.prototype.clickListener=function(t){t.preventDefault(),this.disabled||this.onClick()},e.prototype._toggleVisibility=function(){this._layout.sidenav.opened&&this._hideWhenOpened?this._renderer.setStyle(this._elementRef.nativeElement,"display","none"):this._renderer.setStyle(this._elementRef.nativeElement,"display","")},e}(f);v.propDecorators={hideWhenOpened:[{type:e.Input,args:["hideWhenOpened"]}],clickListener:[{type:e.HostListener,args:["click",["$event"]]}]};var h=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return b(e,t),Object.defineProperty(e.prototype,"tdLayoutToggle",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){this._layout.toggle()},e}(v);h.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutToggle]"}]}],h.ctorParameters=function(){return[{type:m,decorators:[{type:e.Inject,args:[e.forwardRef(function(){return m})]}]},{type:e.Renderer2},{type:e.ElementRef}]},h.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 b(e,t),Object.defineProperty(e.prototype,"tdLayoutClose",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){this._layout.close()},e}(v);x.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutClose]"}]}],x.ctorParameters=function(){return[{type:m,decorators:[{type:e.Inject,args:[e.forwardRef(function(){return m})]}]},{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 b(e,t),Object.defineProperty(e.prototype,"tdLayoutClose",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){this._layout.open()},e}(v);w.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutOpen]"}]}],w.ctorParameters=function(){return[{type:m,decorators:[{type:e.Inject,args:[e.forwardRef(function(){return m})]}]},{type:e.Renderer2},{type:e.ElementRef}]},w.propDecorators={tdLayoutClose:[{type:e.Input,args:["tdLayoutOpen"]}]};var k=function(){function t(t){this._router=t,this.color="primary"}return Object.defineProperty(t.prototype,"routerEnabled",{get:function(){return!!this._router&&!!this.navigationRoute},enumerable:!0,configurable:!0}),t.prototype.handleNavigationClick=function(){this.routerEnabled&&this._router.navigateByUrl(this.navigationRoute)},t}();k.decorators=[{type:e.Component,args:[{selector:"td-layout-nav",styles:[".td-menu-button{\n  margin-left:0; }\n  ::ng-deep [dir='rtl'] .td-menu-button{\n    margin-right:0;\n    margin-left:6px; }\n:host{\n  display:-webkit-box;\n  display:-ms-flexbox;\n  display:flex;\n  margin:0;\n  width:100%;\n  min-height:100%;\n  height:100%;\n  overflow:hidden; }\n  :host .td-layout-nav-wrapper{\n    -webkit-box-orient:vertical;\n    -webkit-box-direction:normal;\n        -ms-flex-direction:column;\n            flex-direction:column;\n    -webkit-box-sizing:border-box;\n            box-sizing:border-box;\n    display:-webkit-box;\n    display:-ms-flexbox;\n    display:flex;\n    margin:0;\n    width:100%;\n    min-height:100%;\n    height:100%; }\n    :host .td-layout-nav-wrapper .td-layout-nav-toolbar-content{\n      -webkit-box-orient:horizontal;\n      -webkit-box-direction:normal;\n          -ms-flex-direction:row;\n              flex-direction:row;\n      -webkit-box-sizing:border-box;\n              box-sizing:border-box;\n      display:-webkit-box;\n      display:-ms-flexbox;\n      display:flex;\n      -webkit-box-align:center;\n          -ms-flex-align:center;\n              align-items:center;\n      -ms-flex-line-pack:center;\n          align-content:center;\n      max-width:100%;\n      -webkit-box-pack:start;\n          -ms-flex-pack:start;\n              justify-content:start; }\n    :host .td-layout-nav-wrapper .td-layout-nav-content{\n      -webkit-box-orient:vertical;\n      -webkit-box-direction:normal;\n          -ms-flex-direction:column;\n              flex-direction:column;\n      -webkit-box-sizing:border-box;\n              box-sizing:border-box;\n      display:-webkit-box;\n      display:-ms-flexbox;\n      display:flex;\n      -webkit-box-flex:1;\n          -ms-flex:1;\n              flex:1;\n      position:relative;\n      overflow:auto;\n      -webkit-overflow-scrolling:touch; }\n"],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'}]}],k.ctorParameters=function(){return[{type:i.Router,decorators:[{type:e.Optional}]}]},k.propDecorators={toolbarTitle:[{type:e.Input,args:["toolbarTitle"]}],icon:[{type:e.Input,args:["icon"]}],logo:[{type:e.Input,args:["logo"]}],color:[{type:e.Input,args:["color"]}],navigationRoute:[{type:e.Input,args:["navigationRoute"]}]};var _=function(){function t(t){this._router=t,this.color="primary",this.mode="side",this.opened=!0,this.sidenavWidth="350px"}return Object.defineProperty(t.prototype,"disableClose",{get:function(){return"side"===this.mode},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"routerEnabled",{get:function(){return!!this._router&&!!this.navigationRoute},enumerable:!0,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}();_.decorators=[{type:e.Component,args:[{selector:"td-layout-nav-list",styles:[":host{\n  margin:0;\n  width:100%;\n  min-height:100%;\n  height:100%;\n  overflow:hidden;\n  -webkit-box-orient:vertical;\n  -webkit-box-direction:normal;\n      -ms-flex-direction:column;\n          flex-direction:column;\n  -webkit-box-sizing:border-box;\n          box-sizing:border-box;\n  display:-webkit-box;\n  display:-ms-flexbox;\n  display:flex;\n  -webkit-box-flex:1;\n      -ms-flex:1;\n          flex:1; }\n  :host .td-layout-nav-list-wrapper{\n    -webkit-box-orient:vertical;\n    -webkit-box-direction:normal;\n        -ms-flex-direction:column;\n            flex-direction:column;\n    -webkit-box-sizing:border-box;\n            box-sizing:border-box;\n    display:-webkit-box;\n    display:-ms-flexbox;\n    display:flex;\n    -webkit-box-flex:1;\n        -ms-flex:1;\n            flex:1;\n    position:relative;\n    overflow:auto;\n    -webkit-overflow-scrolling:touch; }\n    :host .td-layout-nav-list-wrapper .td-layout-nav-list-toolbar-content{\n      -webkit-box-orient:horizontal;\n      -webkit-box-direction:normal;\n          -ms-flex-direction:row;\n              flex-direction:row;\n      -webkit-box-sizing:border-box;\n              box-sizing:border-box;\n      display:-webkit-box;\n      display:-ms-flexbox;\n      display:flex;\n      -webkit-box-align:center;\n          -ms-flex-align:center;\n              align-items:center;\n      -ms-flex-line-pack:center;\n          align-content:center;\n      max-width:100%;\n      -webkit-box-pack:start;\n          -ms-flex-pack:start;\n              justify-content:start; }\n    :host .td-layout-nav-list-wrapper .td-layout-nav-list-content{\n      text-align:start;\n      -webkit-box-flex:1;\n          -ms-flex:1;\n              flex:1;\n      display:block;\n      position:relative;\n      overflow:auto;\n      -webkit-overflow-scrolling:touch; }\n    :host .td-layout-nav-list-wrapper .td-layout-nav-list-main{\n      -webkit-box-orient:vertical;\n      -webkit-box-direction:normal;\n          -ms-flex-direction:column;\n              flex-direction:column;\n      -webkit-box-sizing:border-box;\n              box-sizing:border-box;\n      display:-webkit-box;\n      display:-ms-flexbox;\n      display:flex;\n      margin:0;\n      width:100%;\n      min-height:100%;\n      height:100%;\n      position:relative;\n      overflow:auto; }\n      :host .td-layout-nav-list-wrapper .td-layout-nav-list-main .td-layout-nav-list-content{\n        display:block;\n        position:relative;\n        overflow:auto;\n        -webkit-overflow-scrolling:touch;\n        -webkit-box-flex:1;\n            -ms-flex:1;\n                flex:1; }\n    :host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list{\n      -webkit-box-flex:1;\n          -ms-flex:1;\n              flex:1; }\n      :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, :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{\n        -webkit-box-shadow:none;\n                box-shadow:none; }\n:host ::ng-deep mat-sidenav-container.td-layout-nav-list{ }\n  :host ::ng-deep mat-sidenav-container.td-layout-nav-list > .mat-drawer-content{\n    -webkit-box-flex:1;\n        -ms-flex-positive:1;\n            flex-grow:1; }\n  :host ::ng-deep mat-sidenav-container.td-layout-nav-list > mat-sidenav{\n    -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);\n            box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);\n    -webkit-box-sizing:border-box;\n            box-sizing:border-box;\n    display:-webkit-box;\n    display:-ms-flexbox;\n    display:flex;\n    -webkit-box-orient:vertical;\n    -webkit-box-direction:normal;\n        -ms-flex-direction:column;\n            flex-direction:column; }\n"],template:'<div class="td-layout-nav-list-wrapper">\n  <mat-sidenav-container fullscreen 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>'}]}],_.ctorParameters=function(){return[{type:i.Router,decorators:[{type:e.Optional}]}]},_.propDecorators={sidenav:[{type:e.ViewChild,args:[n.MatSidenav]}],toolbarTitle:[{type:e.Input,args:["toolbarTitle"]}],icon:[{type:e.Input,args:["icon"]}],logo:[{type:e.Input,args:["logo"]}],color:[{type:e.Input,args:["color"]}],mode:[{type:e.Input,args:["mode"]}],opened:[{type:e.Input,args:["opened"]}],sidenavWidth:[{type:e.Input,args:["sidenavWidth"]}],navigationRoute:[{type:e.Input,args:["navigationRoute"]}]};var L=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return b(e,t),Object.defineProperty(e.prototype,"tdLayoutNavListToggle",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){this._layout.toggle()},e}(v);L.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutNavListToggle]"}]}],L.ctorParameters=function(){return[{type:_,decorators:[{type:e.Inject,args:[e.forwardRef(function(){return _})]}]},{type:e.Renderer2},{type:e.ElementRef}]},L.propDecorators={tdLayoutNavListToggle:[{type:e.Input,args:["tdLayoutNavListToggle"]}]};var I=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return b(e,t),Object.defineProperty(e.prototype,"tdLayoutNavListClose",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){this._layout.close()},e}(v);I.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutNavListClose]"}]}],I.ctorParameters=function(){return[{type:_,decorators:[{type:e.Inject,args:[e.forwardRef(function(){return _})]}]},{type:e.Renderer2},{type:e.ElementRef}]},I.propDecorators={tdLayoutNavListClose:[{type:e.Input,args:["tdLayoutNavListClose"]}]};var C=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return b(e,t),Object.defineProperty(e.prototype,"tdLayoutNavListOpen",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){this._layout.open()},e}(v);C.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutNavListOpen]"}]}],C.ctorParameters=function(){return[{type:_,decorators:[{type:e.Inject,args:[e.forwardRef(function(){return _})]}]},{type:e.Renderer2},{type:e.ElementRef}]},C.propDecorators={tdLayoutNavListOpen:[{type:e.Input,args:["tdLayoutNavListOpen"]}]};var T=function(){return function(){this.cardWidth=70,this.color="primary"}}();T.decorators=[{type:e.Component,args:[{selector:"td-layout-card-over",styles:[":host{\n  position:relative;\n  display:block;\n  z-index:2;\n  width:100%;\n  min-height:100%;\n  height:100%; }\n  :host [td-after-card]{\n    display:block; }\n.td-layout-card-over-wrapper{\n  margin:-64px;\n  margin-left:0;\n  margin-right:0;\n  width:100%;\n  min-height:100%;\n  height:100%; }\n  @media (min-width: 600px){\n    .td-layout-card-over-wrapper{\n      -webkit-box-orient:horizontal;\n      -webkit-box-direction:normal;\n          -ms-flex-direction:row;\n              flex-direction:row;\n      -webkit-box-sizing:border-box;\n              box-sizing:border-box;\n      display:-webkit-box;\n      display:-ms-flexbox;\n      display:flex;\n      -webkit-box-align:start;\n          -ms-flex-align:start;\n              align-items:flex-start;\n      -ms-flex-line-pack:start;\n          align-content:flex-start;\n      -webkit-box-pack:center;\n          -ms-flex-pack:center;\n              justify-content:center; }\n      .td-layout-card-over-wrapper .td-layout-card-over{\n        max-height:100%;\n        -webkit-box-sizing:border-box;\n                box-sizing:border-box; } }\n  @media (max-width: 599px){\n    .td-layout-card-over-wrapper .td-layout-card-over{\n      max-width:100% !important; } }\n"],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'}]}],T.ctorParameters=function(){return[]},T.propDecorators={cardTitle:[{type:e.Input,args:["cardTitle"]}],cardSubtitle:[{type:e.Input,args:["cardSubtitle"]}],cardWidth:[{type:e.Input,args:["cardWidth"]}],color:[{type:e.Input,args:["color"]}]};var R=function(){function t(){this.mode="side",this.opened=!0,this.sidenavWidth="257px"}return Object.defineProperty(t.prototype,"disableClose",{get:function(){return"side"===this.mode},enumerable:!0,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}();R.decorators=[{type:e.Component,args:[{selector:"td-layout-manage-list",styles:[":host{\n  display:-webkit-box;\n  display:-ms-flexbox;\n  display:flex;\n  margin:0;\n  width:100%;\n  min-height:100%;\n  height:100%;\n  overflow:hidden; }\n  :host mat-sidenav-container.td-layout-manage-list{\n    -webkit-box-flex:1;\n        -ms-flex:1;\n            flex:1; }\n    :host mat-sidenav-container.td-layout-manage-list > mat-sidenav.mat-drawer-opened, :host mat-sidenav-container.td-layout-manage-list > mat-sidenav.mat-drawer-opening, :host mat-sidenav-container.td-layout-manage-list > mat-sidenav.mat-drawer-closed, :host mat-sidenav-container.td-layout-manage-list > mat-sidenav.mat-drawer-closing{\n      -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2);\n              box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2); }\n  :host .td-layout-manage-list-sidenav{\n    text-align:start;\n    -webkit-box-flex:1;\n        -ms-flex:1;\n            flex:1;\n    display:block;\n    position:relative;\n    overflow:auto;\n    -webkit-overflow-scrolling:touch; }\n  :host .td-layout-manage-list-main{\n    margin:0;\n    width:100%;\n    min-height:100%;\n    height:100%;\n    position:relative;\n    overflow:auto;\n    -webkit-box-orient:vertical;\n    -webkit-box-direction:normal;\n        -ms-flex-direction:column;\n            flex-direction:column;\n    -webkit-box-sizing:border-box;\n            box-sizing:border-box;\n    display:-webkit-box;\n    display:-ms-flexbox;\n    display:flex; }\n    :host .td-layout-manage-list-main .td-layout-manage-list-content{\n      display:block;\n      position:relative;\n      overflow:auto;\n      -webkit-overflow-scrolling:touch;\n      -webkit-box-flex:1;\n          -ms-flex:1;\n              flex:1; }\n:host ::ng-deep mat-sidenav-container.td-layout-manage-list{ }\n  :host ::ng-deep mat-sidenav-container.td-layout-manage-list > .mat-drawer-content{\n    -webkit-box-flex:1;\n        -ms-flex-positive:1;\n            flex-grow:1; }\n  :host ::ng-deep mat-sidenav-container.td-layout-manage-list > mat-sidenav{\n    -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);\n            box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);\n    -webkit-box-sizing:border-box;\n            box-sizing:border-box;\n    display:-webkit-box;\n    display:-ms-flexbox;\n    display:flex;\n    -webkit-box-orient:vertical;\n    -webkit-box-direction:normal;\n        -ms-flex-direction:column;\n            flex-direction:column; }\n:host ::ng-deep mat-nav-list a[mat-list-item] .mat-list-item-content{\n  font-size:14px; }\n:host ::ng-deep .mat-toolbar{\n  font-weight:400; }\n"],template:'<mat-sidenav-container fullscreen 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'}]}],R.ctorParameters=function(){return[]},R.propDecorators={sidenav:[{type:e.ViewChild,args:[n.MatSidenav]}],mode:[{type:e.Input,args:["mode"]}],opened:[{type:e.Input,args:["opened"]}],sidenavWidth:[{type:e.Input,args:["sidenavWidth"]}]};var O=function(t){function e(e,n,o){return t.call(this,e,n,o)||this}return b(e,t),Object.defineProperty(e.prototype,"tdLayoutManageListToggle",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){this._layout.toggle()},e}(v);O.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutManageListToggle]"}]}],O.ctorParameters=function(){return[{type:R,decorators:[{type:e.Inject,args:[e.forwardRef(function(){return R})]}]},{type:e.Renderer2},{type:e.ElementRef}]},O.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 b(e,t),Object.defineProperty(e.prototype,"tdLayoutManageListClose",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){this._layout.close()},e}(v);D.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutManageListClose]"}]}],D.ctorParameters=function(){return[{type:R,decorators:[{type:e.Inject,args:[e.forwardRef(function(){return R})]}]},{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 b(e,t),Object.defineProperty(e.prototype,"tdLayoutManageListOpen",{set:function(t){this.disabled=!(""===t||t)},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){this._layout.open()},e}(v);M.decorators=[{type:e.Directive,args:[{selector:"[tdLayoutManageListOpen]"}]}],M.ctorParameters=function(){return[{type:R,decorators:[{type:e.Inject,args:[e.forwardRef(function(){return R})]}]},{type:e.Renderer2},{type:e.ElementRef}]},M.propDecorators={tdLayoutManageListOpen:[{type:e.Input,args:["tdLayoutManageListOpen"]}]};var z=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:!0,configurable:!0}),t}();z.decorators=[{type:e.Component,args:[{selector:"td-layout-footer,td-layout-footer-inner",styles:[":host{\n  display:block;\n  padding:10px 16px; }\n"],template:"<ng-content></ng-content>\n"}]}],z.ctorParameters=function(){return[{type:e.Renderer2},{type:e.ElementRef}]},z.propDecorators={color:[{type:e.Input,args:["color"]}]};var P=function(){return function(){}}();P.decorators=[{type:e.Directive,args:[{selector:"[td-navigation-drawer-menu]"}]}],P.ctorParameters=function(){return[]};var j=function(){return function(){}}();j.decorators=[{type:e.Directive,args:[{selector:"[td-navigation-drawer-toolbar]"}]}],j.ctorParameters=function(){return[]};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:!0,configurable:!0}),Object.defineProperty(t.prototype,"isMenuAvailable",{get:function(){return!!this._drawerMenu&&this._drawerMenu.length>0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"isCustomToolbar",{get:function(){return!!this._toolbar&&this._toolbar.length>0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"isBackgroundAvailable",{get:function(){return!!this._backgroundImage},enumerable:!0,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:!0,configurable:!0}),Object.defineProperty(t.prototype,"backgroundImage",{get:function(){return this._backgroundImage},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"routerEnabled",{get:function(){return!!this._router&&!!this.navigationRoute},enumerable:!0,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=undefined)},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",styles:[":host{\n  width:100%; }\n  :host .td-navigation-drawer-content.ng-animating,\n  :host .td-navigation-drawer-menu-content.ng-animating{\n    overflow:hidden; }\n  :host mat-toolbar{\n    padding:16px; }\n    :host mat-toolbar.td-toolbar-background{\n      background-repeat:no-repeat;\n      background-size:cover; }\n    :host mat-toolbar.td-nagivation-drawer-toolbar{\n      -webkit-box-orient:vertical;\n      -webkit-box-direction:normal;\n          -ms-flex-direction:column;\n              flex-direction:column;\n      height:auto !important;\n      display:block !important; }\n    :host mat-toolbar .td-navigation-drawer-toolbar-content{\n      -webkit-box-orient:horizontal;\n      -webkit-box-direction:normal;\n          -ms-flex-direction:row;\n              flex-direction:row;\n      -webkit-box-sizing:border-box;\n              box-sizing:border-box;\n      display:-webkit-box;\n      display:-ms-flexbox;\n      display:flex;\n      -webkit-box-align:center;\n          -ms-flex-align:center;\n              align-items:center;\n      -ms-flex-line-pack:center;\n          align-content:center;\n      max-width:100%;\n      -webkit-box-pack:start;\n          -ms-flex-pack:start;\n              justify-content:start; }\n    :host mat-toolbar .td-navigation-drawer-menu-toggle{\n      -webkit-box-orient:horizontal;\n      -webkit-box-direction:normal;\n          -ms-flex-direction:row;\n              flex-direction:row;\n      -webkit-box-sizing:border-box;\n              box-sizing:border-box;\n      display:-webkit-box;\n      display:-ms-flexbox;\n      display:flex; }\n      :host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-label{\n        -webkit-box-flex:1;\n            -ms-flex:1;\n                flex:1; }\n      :host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-menu-button{\n        height:24px;\n        line-height:24px;\n        width:24px; }\n  :host > div{\n    overflow:hidden; }\n"],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"\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      <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:[o.TdCollapseAnimation()]}]}],S.ctorParameters=function(){return[{type:m,decorators:[{type:e.Inject,args:[e.forwardRef(function(){return m})]}]},{type:i.Router,decorators:[{type:e.Optional}]},{type:a.DomSanitizer}]},S.propDecorators={_drawerMenu:[{type:e.ContentChildren,args:[P]}],_toolbar:[{type:e.ContentChildren,args:[j]}],sidenavTitle:[{type:e.Input,args:["sidenavTitle"]}],icon:[{type:e.Input,args:["icon"]}],logo:[{type:e.Input,args:["logo"]}],color:[{type:e.Input,args:["color"]}],navigationRoute:[{type:e.Input,args:["navigationRoute"]}],backgroundUrl:[{type:e.Input,args:["backgroundUrl"]}],name:[{type:e.Input,args:["name"]}],email:[{type:e.Input,args:["email"]}]};var E=[m,h,x,w,k,_,L,I,C,T,R,O,D,M,z,S,P,j],N=function(){return function(){}}();N.decorators=[{type:e.NgModule,args:[{imports:[r.CommonModule,l.ScrollDispatchModule,n.MatSidenavModule,s.MatToolbarModule,d.MatButtonModule,c.MatIconModule,u.MatCardModule,p.MatDividerModule],declarations:[E],exports:[E]}]}],N.ctorParameters=function(){return[]},t.CovalentLayoutModule=N,t.TdLayoutComponent=m,t.TdLayoutToggleDirective=h,t.TdLayoutCloseDirective=x,t.TdLayoutOpenDirective=w,t.LayoutToggleBase=y,t._TdLayoutToggleMixinBase=f,t.LayoutToggle=v,t.TdLayoutCardOverComponent=T,t.TdLayoutFooterComponent=z,t.TdLayoutManageListComponent=R,t.TdLayoutManageListToggleDirective=O,t.TdLayoutManageListCloseDirective=D,t.TdLayoutManageListOpenDirective=M,t.TdLayoutNavComponent=k,t.TdLayoutNavListComponent=_,t.TdLayoutNavListToggleDirective=L,t.TdLayoutNavListCloseDirective=I,t.TdLayoutNavListOpenDirective=C,t.TdNavigationDrawerMenuDirective=P,t.TdNavigationDrawerToolbarDirective=j,t.TdNavigationDrawerComponent=S,Object.defineProperty(t,"__esModule",{value:!0})});
  //# sourceMappingURL=covalent-core-layout.umd.min.js.map
  