@covalent/core 2.0.0-rc.2 → 2.1.0

package/file/file-input/file-input.component.scss

@@ -0,0 +1,19 @@
+:host {
+  .td-file-input {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+  input.td-file-input-hidden {
+    display: none;
+  }
+  /**
+  * Class that is added ondragenter by the [TdFileDrop] directive.
+  */
+  .drop-zone {
+    // Animation.
+    border-radius: 3px;
+    * {
+      pointer-events: none; //added to fix bug that re-throws dragleave/dragenter by child elements
+    }
+  }
+}

package/file/file-upload/file-upload.component.scss

@@ -0,0 +1,29 @@
+.td-file-upload {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+.td-file-upload-cancel {
+  height: 24px;
+  width: 24px;
+  position: relative;
+  top: 24px;
+  left: -12px;
+  ::ng-deep [dir='rtl'] & {
+    right: -12px;
+    left: 0;
+  }
+  mat-icon {
+    border-radius: 12px;
+    vertical-align: baseline;
+  }
+}
+/**
+* Class that is added ondragenter by the [TdFileDrop] directive.
+*/
+.drop-zone {
+  // Animation.
+  border-radius: 3px;
+  * {
+    pointer-events: none; //added to fix bug that re-throws dragleave/dragenter by child elements
+  }
+}

package/json-formatter/covalent-core-json-formatter.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentJsonFormatterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":12,"character":4}],"declarations":[{"__symbolic":"reference","name":"TdJsonFormatterComponent"}],"exports":[{"__symbolic":"reference","name":"TdJsonFormatterComponent"}]}]}],"members":{}},"TdJsonFormatterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"selector":"td-json-formatter","animations":[{"__symbolic":"reference","module":"@covalent/core/common","name":"tdCollapseAnimation","line":10,"character":4}],"template":"<div class=\"td-json-formatter-wrapper\">\n  <a class=\"td-key\"\n     [class.td-key-node]=\"hasChildren()\"\n     [class.td-key-leaf]=\"!hasChildren()\"\n     [tabIndex]=\"isObject()? 0 : -1\"\n     (keydown.enter)=\"toggle()\"\n     (click)=\"toggle()\">\n    <mat-icon class=\"td-node-icon\" *ngIf=\"hasChildren()\">{{open? 'keyboard_arrow_down' : (isRTL ? 'keyboard_arrow_left' : 'keyboard_arrow_right')}}</mat-icon>\n    <span *ngIf=\"key\" class=\"key\">{{key}}:</span>\n    <span class=\"value\">\n      <span [class.td-empty]=\"!hasChildren()\" *ngIf=\"isObject()\" [matTooltip]=\"getPreview()\" matTooltipPosition=\"after\">\n        <span class=\"td-object-name\">{{getObjectName()}}</span>\n        <span class=\"td-array-length\" *ngIf=\"isArray()\">[{{data.length}}]</span>\n      </span>\n      <span *ngIf=\"!isObject()\" [class]=\"getType(data)\">{{getValue(data)}}</span>\n    </span>\n  </a>\n  <div class=\"td-object-children\" [@tdCollapse]=\"!(hasChildren() && open)\">\n    <ng-template let-key ngFor [ngForOf]=\"children\">\n      <td-json-formatter [key]=\"key\" [data]=\"data[key]\" [levelsOpen]=\"levelsOpen - 1\"></td-json-formatter>\n    </ng-template>\n  </div>\n</div>","styles":[":host{display:block}.td-json-formatter-wrapper{padding-top:2px;padding-bottom:2px}.td-json-formatter-wrapper .td-key{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:start}.td-json-formatter-wrapper .td-key.td-key-node:hover{cursor:pointer}.td-json-formatter-wrapper .td-object-children.ng-animating{overflow:hidden}.td-json-formatter-wrapper .td-object-children .td-key,.td-json-formatter-wrapper .td-object-children .td-object-children{padding-left:24px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children{padding-right:24px;padding-left:0}.td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,.td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-left:48px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-right:48px;padding-left:0}.td-json-formatter-wrapper .value{margin-left:5px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .value{padding-right:5px;padding-left:0}.td-json-formatter-wrapper .value .td-empty{opacity:.5;text-decoration:line-through}.td-json-formatter-wrapper .value .date,.td-json-formatter-wrapper .value .string{word-break:break-word}"]}]}],"members":{"levelsOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["levelsOpen"]}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3},"arguments":["key"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3},"arguments":["data"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":94,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":93,"character":42},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Dir","line":94,"character":40}]}],"refresh":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"isObject":[{"__symbolic":"method"}],"isArray":[{"__symbolic":"method"}],"hasChildren":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}],"getType":[{"__symbolic":"method"}],"getObjectName":[{"__symbolic":"method"}],"getPreview":[{"__symbolic":"method"}],"parseChildren":[{"__symbolic":"method"}]},"statics":{"KEY_MAX_LENGTH":30,"PREVIEW_STRING_MAX_LENGTH":80,"PREVIEW_LIMIT":5}}},"origins":{"CovalentJsonFormatterModule":"./json-formatter.module","TdJsonFormatterComponent":"./json-formatter.component"},"importAs":"@covalent/core/json-formatter"}
+{"__symbolic":"module","version":4,"metadata":{"CovalentJsonFormatterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":12,"character":4}],"declarations":[{"__symbolic":"reference","name":"TdJsonFormatterComponent"}],"exports":[{"__symbolic":"reference","name":"TdJsonFormatterComponent"}]}]}],"members":{}},"TdJsonFormatterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"selector":"td-json-formatter","animations":[{"__symbolic":"reference","module":"@covalent/core/common","name":"tdCollapseAnimation","line":10,"character":4}],"template":"<div class=\"td-json-formatter-wrapper\">\n  <a class=\"td-key\"\n     [class.td-key-node]=\"hasChildren()\"\n     [class.td-key-leaf]=\"!hasChildren()\"\n     [tabIndex]=\"isObject()? 0 : -1\"\n     (keydown.enter)=\"toggle()\"\n     (click)=\"toggle()\">\n    <mat-icon class=\"td-node-icon\" *ngIf=\"hasChildren()\">{{open? 'keyboard_arrow_down' : (isRTL ? 'keyboard_arrow_left' : 'keyboard_arrow_right')}}</mat-icon>\n    <span *ngIf=\"key\" class=\"key\">{{key}}:</span>\n    <span class=\"value\">\n      <span [class.td-empty]=\"!hasChildren()\" *ngIf=\"isObject()\" [matTooltip]=\"getPreview()\" matTooltipPosition=\"after\">\n        <span class=\"td-object-name\">{{getObjectName()}}</span>\n        <span class=\"td-array-length\" *ngIf=\"isArray()\">[{{data.length}}]</span>\n      </span>\n      <span *ngIf=\"!isObject()\" [class]=\"getType(data)\">{{getValue(data)}}</span>\n    </span>\n  </a>\n  <div class=\"td-object-children\" [@tdCollapse]=\"!(hasChildren() && open)\">\n    <ng-template let-key ngFor [ngForOf]=\"children\">\n      <td-json-formatter [key]=\"key\" [data]=\"data[key]\" [levelsOpen]=\"levelsOpen - 1\"></td-json-formatter>\n    </ng-template>\n  </div>\n</div>","styles":[":host{display:block}.td-json-formatter-wrapper{padding-top:2px;padding-bottom:2px}.td-json-formatter-wrapper .td-key{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.td-json-formatter-wrapper .td-key.td-key-node:hover{cursor:pointer}.td-json-formatter-wrapper .td-object-children.ng-animating{overflow:hidden}.td-json-formatter-wrapper .td-object-children .td-key,.td-json-formatter-wrapper .td-object-children .td-object-children{padding-left:24px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children{padding-right:24px;padding-left:0}.td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,.td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-left:48px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-right:48px;padding-left:0}.td-json-formatter-wrapper .value{margin-left:5px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .value{padding-right:5px;padding-left:0}.td-json-formatter-wrapper .value .td-empty{opacity:.5;text-decoration:line-through}.td-json-formatter-wrapper .value .date,.td-json-formatter-wrapper .value .string{word-break:break-word}"]}]}],"members":{"levelsOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["levelsOpen"]}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3},"arguments":["key"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3},"arguments":["data"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":94,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":93,"character":42},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Dir","line":94,"character":40}]}],"refresh":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"isObject":[{"__symbolic":"method"}],"isArray":[{"__symbolic":"method"}],"hasChildren":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}],"getType":[{"__symbolic":"method"}],"getObjectName":[{"__symbolic":"method"}],"getPreview":[{"__symbolic":"method"}],"parseChildren":[{"__symbolic":"method"}]},"statics":{"KEY_MAX_LENGTH":30,"PREVIEW_STRING_MAX_LENGTH":80,"PREVIEW_LIMIT":5}}},"origins":{"CovalentJsonFormatterModule":"./json-formatter.module","TdJsonFormatterComponent":"./json-formatter.component"},"importAs":"@covalent/core/json-formatter"}

package/json-formatter/json-formatter.component.scss

@@ -0,0 +1,61 @@
+:host {
+  display: block;
+}
+.td-json-formatter-wrapper {
+  padding-top: 2px;
+  padding-bottom: 2px;
+  .td-key {
+    // [layout]
+    box-sizing: border-box;
+    display: flex;
+    // [layout="row"]
+    flex-direction: row;
+    // [layout-align="start center"]
+    align-items: flex-start;
+    align-content: center;
+    max-width: 100%;
+    justify-content: flex-start;
+    &.td-key-node {
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+  .td-object-children {
+    &.ng-animating {
+      overflow: hidden;
+    }
+    & .td-key,
+    & .td-object-children {
+      padding-left: 24px;
+      ::ng-deep [dir='rtl'] & {
+        padding-right: 24px;
+        padding-left: 0;
+      }
+      &.td-key-leaf {
+        padding-left: 48px;
+        ::ng-deep [dir='rtl'] & {
+          padding-right: 48px;
+          padding-left: 0;
+        }
+      }
+    }
+  }
+  .value {
+    margin-left: 5px;
+    ::ng-deep [dir='rtl'] & {
+      padding-right: 5px;
+      padding-left: 0;
+    }
+    .td-empty {
+      opacity: 0.5;
+      text-decoration: line-through;
+    }
+    .string {
+      word-break: break-word;
+    }
+    .date {
+      word-break: break-word;
+    }
+  }
+}

package/layout/README.md

@@ -26,7 +26,7 @@
 Example for Main Layout:
 
 ```html
-<td-layout [mode]="side" [opened]="true" [sidenavWidth]="257px">
+<td-layout [mode]="'side'" [opened]="true" [sidenavWidth]="'257px'">
   <div td-sidenav-content>
    .. more sidenav content
   </div>
@@ -99,6 +99,9 @@ See [theming](https://teradata.github.io/covalent/#/docs/theme) in the covalent
 + logo: string
   + Logo icon name to be displayed before the title. 
   + If [icon] is set, then this will not be shown.
++ avatar: string
+  + Avatar url to be displayed before the title.
+  + If [icon] or [logo] are set, then this will not be shown.
 + color: string
   + Optional sidenav toolbar color.
 + navigationRoute: string
@@ -134,4 +137,4 @@ Example for Main Layout / Navigation Drawer Combo:
   </div>
   .. main content
 </td-layout>
-```
+```

package/layout/covalent-core-layout.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":57,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":59,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollDispatchModule","line":60,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":61,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":62,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":63,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":64,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":66,"character":4}],"declarations":[[{"__symbolic":"reference","name":"TdLayoutComponent"},{"__symbolic":"reference","name":"TdLayoutToggleDirective"},{"__symbolic":"reference","name":"TdLayoutCloseDirective"},{"__symbolic":"reference","name":"TdLayoutOpenDirective"},{"__symbolic":"reference","name":"TdLayoutNavComponent"},{"__symbolic":"reference","name":"TdLayoutNavListComponent"},{"__symbolic":"reference","name":"TdLayoutNavListToggleDirective"},{"__symbolic":"reference","name":"TdLayoutNavListCloseDirective"},{"__symbolic":"reference","name":"TdLayoutNavListOpenDirective"},{"__symbolic":"reference","name":"TdLayoutCardOverComponent"},{"__symbolic":"reference","name":"TdLayoutManageListComponent"},{"__symbolic":"reference","name":"TdLayoutManageListToggleDirective"},{"__symbolic":"reference","name":"TdLayoutManageListCloseDirective"},{"__symbolic":"reference","name":"TdLayoutManageListOpenDirective"},{"__symbolic":"reference","name":"TdLayoutFooterComponent"},{"__symbolic":"reference","name":"TdNavigationDrawerComponent"},{"__symbolic":"reference","name":"TdNavigationDrawerMenuDirective"},{"__symbolic":"reference","name":"TdNavigationDrawerToolbarDirective"}]],"exports":[[{"__symbolic":"reference","name":"TdLayoutComponent"},{"__symbolic":"reference","name":"TdLayoutToggleDirective"},{"__symbolic":"reference","name":"TdLayoutCloseDirective"},{"__symbolic":"reference","name":"TdLayoutOpenDirective"},{"__symbolic":"reference","name":"TdLayoutNavComponent"},{"__symbolic":"reference","name":"TdLayoutNavListComponent"},{"__symbolic":"reference","name":"TdLayoutNavListToggleDirective"},{"__symbolic":"reference","name":"TdLayoutNavListCloseDirective"},{"__symbolic":"reference","name":"TdLayoutNavListOpenDirective"},{"__symbolic":"reference","name":"TdLayoutCardOverComponent"},{"__symbolic":"reference","name":"TdLayoutManageListComponent"},{"__symbolic":"reference","name":"TdLayoutManageListToggleDirective"},{"__symbolic":"reference","name":"TdLayoutManageListCloseDirective"},{"__symbolic":"reference","name":"TdLayoutManageListOpenDirective"},{"__symbolic":"reference","name":"TdLayoutFooterComponent"},{"__symbolic":"reference","name":"TdNavigationDrawerComponent"},{"__symbolic":"reference","name":"TdNavigationDrawerMenuDirective"},{"__symbolic":"reference","name":"TdNavigationDrawerToolbarDirective"}]]}]}],"members":{}},"TdLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"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:-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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}"]}]}],"members":{"sidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenav","line":13,"character":13}]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["mode"]}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["opened"]}]}],"sidenavWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3},"arguments":["sidenavWidth"]}]}],"containerAutosize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["containerAutosize"]}]}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"TdLayoutToggleDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[tdLayoutToggle]"}]}],"members":{"tdLayoutToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3},"arguments":["tdLayoutToggle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":14,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutCloseDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"[tdLayoutClose]"}]}],"members":{"tdLayoutClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["tdLayoutClose"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":35,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutOpenDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":46,"character":1},"arguments":[{"selector":"[tdLayoutOpen]"}]}],"members":{"tdLayoutClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3},"arguments":["tdLayoutOpen"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":56,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":56,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"ILayoutTogglable":{"__symbolic":"interface"},"LayoutToggleBase":{"__symbolic":"class","members":{}},"_TdLayoutToggleMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":19,"character":40},"arguments":[{"__symbolic":"reference","name":"LayoutToggleBase"}]},"LayoutToggle":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdLayoutToggleMixinBase"},"members":{"hideWhenOpened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3},"arguments":["hideWhenOpened"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":42,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":43,"character":35}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"clickListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":75,"character":3},"arguments":["click",["$event"]]}]}],"onClick":[{"__symbolic":"method"}],"_toggleVisibility":[{"__symbolic":"method"}],"_noLayoutMessage":[{"__symbolic":"method"}]}},"TdLayoutCardOverComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:center;justify-content:center}.td-layout-card-over-wrapper .td-layout-card-over{max-height:100%;box-sizing:border-box}}@media (max-width:599px){.td-layout-card-over-wrapper .td-layout-card-over{max-width:100%!important}}"]}]}],"members":{"cardTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["cardTitle"]}]}],"cardSubtitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3},"arguments":["cardSubtitle"]}]}],"cardWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["cardWidth"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3},"arguments":["color"]}]}]}},"TdLayoutFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"td-layout-footer,td-layout-footer-inner","template":"<ng-content></ng-content>\n","styles":[":host{display:block;padding:10px 16px}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3},"arguments":["color"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":35}]}]}},"TdLayoutManageListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"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:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}: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{text-align:start;-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;-ms-flex-direction:column;flex-direction:column;box-sizing:border-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;-ms-flex:1;flex:1}: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{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;-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}"]}]}],"members":{"sidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenav","line":13,"character":13}]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["mode"]}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["opened"]}]}],"sidenavWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3},"arguments":["sidenavWidth"]}]}],"containerAutosize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["containerAutosize"]}]}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"TdLayoutManageListToggleDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[tdLayoutManageListToggle]"}]}],"members":{"tdLayoutManageListToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3},"arguments":["tdLayoutManageListToggle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":14,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutManageListComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutManageListComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutManageListCloseDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"[tdLayoutManageListClose]"}]}],"members":{"tdLayoutManageListClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["tdLayoutManageListClose"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":35,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutManageListComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutManageListComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutManageListOpenDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":46,"character":1},"arguments":[{"selector":"[tdLayoutManageListOpen]"}]}],"members":{"tdLayoutManageListOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3},"arguments":["tdLayoutManageListOpen"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":56,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":56,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutManageListComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutManageListComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"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:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host .td-layout-nav-wrapper{-ms-flex-direction:column;flex-direction:column;box-sizing:border-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{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:start}:host .td-layout-nav-wrapper .td-layout-nav-content{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}"]}]}],"members":{"toolbarTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["toolbarTitle"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["icon"]}]}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3},"arguments":["logo"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["color"]}]}],"navigationRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3},"arguments":["navigationRoute"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":55,"character":43}]}],"handleNavigationClick":[{"__symbolic":"method"}]}},"TdLayoutNavListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"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;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;-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{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;-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{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:start}:host .td-layout-nav-list-wrapper .td-layout-nav-list-content{text-align:start;-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{-ms-flex-direction:column;flex-direction:column;box-sizing:border-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;-ms-flex:1;flex:1}: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{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;-ms-flex-direction:column;flex-direction:column}"]}]}],"members":{"sidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenav","line":14,"character":13}]}]}],"toolbarTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["toolbarTitle"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3},"arguments":["icon"]}]}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["logo"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3},"arguments":["color"]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3},"arguments":["mode"]}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3},"arguments":["opened"]}]}],"sidenavWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["sidenavWidth"]}]}],"containerAutosize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3},"arguments":["containerAutosize"]}]}],"navigationRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3},"arguments":["navigationRoute"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":111,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":111,"character":43}]}],"handleNavigationClick":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"TdLayoutNavListToggleDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[tdLayoutNavListToggle]"}]}],"members":{"tdLayoutNavListToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3},"arguments":["tdLayoutNavListToggle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":14,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutNavListComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutNavListComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutNavListCloseDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"[tdLayoutNavListClose]"}]}],"members":{"tdLayoutNavListClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["tdLayoutNavListClose"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":35,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutNavListComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutNavListComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutNavListOpenDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":46,"character":1},"arguments":[{"selector":"[tdLayoutNavListOpen]"}]}],"members":{"tdLayoutNavListOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3},"arguments":["tdLayoutNavListOpen"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":56,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":56,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutNavListComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutNavListComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdNavigationDrawerMenuDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[td-navigation-drawer-menu]"}]}],"members":{}},"TdNavigationDrawerToolbarDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":19,"character":1},"arguments":[{"selector":"[td-navigation-drawer-toolbar]"}]}],"members":{}},"TdNavigationDrawerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"td-navigation-drawer","animations":[{"__symbolic":"reference","module":"@covalent/core/common","name":"tdCollapseAnimation","line":30,"character":16}],"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","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;flex-direction:column;height:auto!important;display:block!important}:host mat-toolbar .td-navigation-drawer-toolbar-content{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:start}:host mat-toolbar .td-navigation-drawer-menu-toggle{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-label{-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}"]}]}],"members":{"_drawerMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":42,"character":3},"arguments":[{"__symbolic":"reference","name":"TdNavigationDrawerMenuDirective"}]}]}],"_toolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":44,"character":3},"arguments":[{"__symbolic":"reference","name":"TdNavigationDrawerToolbarDirective"}]}]}],"sidenavTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3},"arguments":["sidenavTitle"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["icon"]}]}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3},"arguments":["logo"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3},"arguments":["color"]}]}],"navigationRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3},"arguments":["navigationRoute"]}]}],"backgroundUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3},"arguments":["backgroundUrl"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3},"arguments":["name"]}]}],"email":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3},"arguments":["email"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":145,"character":15},"arguments":[{"__symbolic":"reference","name":"TdLayoutComponent"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":146,"character":15}}],null],"parameters":[{"__symbolic":"reference","name":"TdLayoutComponent"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":146,"character":43},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":147,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}],"handleNavigationClick":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}}},"origins":{"CovalentLayoutModule":"./layout.module","TdLayoutComponent":"./layout.component","TdLayoutToggleDirective":"./layout.directives","TdLayoutCloseDirective":"./layout.directives","TdLayoutOpenDirective":"./layout.directives","ILayoutTogglable":"./layout-toggle.class","LayoutToggleBase":"./layout-toggle.class","_TdLayoutToggleMixinBase":"./layout-toggle.class","LayoutToggle":"./layout-toggle.class","TdLayoutCardOverComponent":"./layout-card-over/layout-card-over.component","TdLayoutFooterComponent":"./layout-footer/layout-footer.component","TdLayoutManageListComponent":"./layout-manage-list/layout-manage-list.component","TdLayoutManageListToggleDirective":"./layout-manage-list/layout-manage-list.directives","TdLayoutManageListCloseDirective":"./layout-manage-list/layout-manage-list.directives","TdLayoutManageListOpenDirective":"./layout-manage-list/layout-manage-list.directives","TdLayoutNavComponent":"./layout-nav/layout-nav.component","TdLayoutNavListComponent":"./layout-nav-list/layout-nav-list.component","TdLayoutNavListToggleDirective":"./layout-nav-list/layout-nav-list.directives","TdLayoutNavListCloseDirective":"./layout-nav-list/layout-nav-list.directives","TdLayoutNavListOpenDirective":"./layout-nav-list/layout-nav-list.directives","TdNavigationDrawerMenuDirective":"./navigation-drawer/navigation-drawer.component","TdNavigationDrawerToolbarDirective":"./navigation-drawer/navigation-drawer.component","TdNavigationDrawerComponent":"./navigation-drawer/navigation-drawer.component"},"importAs":"@covalent/core/layout"}
+{"__symbolic":"module","version":4,"metadata":{"CovalentLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":57,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":59,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollDispatchModule","line":60,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":61,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":62,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":63,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":64,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":66,"character":4}],"declarations":[[{"__symbolic":"reference","name":"TdLayoutComponent"},{"__symbolic":"reference","name":"TdLayoutToggleDirective"},{"__symbolic":"reference","name":"TdLayoutCloseDirective"},{"__symbolic":"reference","name":"TdLayoutOpenDirective"},{"__symbolic":"reference","name":"TdLayoutNavComponent"},{"__symbolic":"reference","name":"TdLayoutNavListComponent"},{"__symbolic":"reference","name":"TdLayoutNavListToggleDirective"},{"__symbolic":"reference","name":"TdLayoutNavListCloseDirective"},{"__symbolic":"reference","name":"TdLayoutNavListOpenDirective"},{"__symbolic":"reference","name":"TdLayoutCardOverComponent"},{"__symbolic":"reference","name":"TdLayoutManageListComponent"},{"__symbolic":"reference","name":"TdLayoutManageListToggleDirective"},{"__symbolic":"reference","name":"TdLayoutManageListCloseDirective"},{"__symbolic":"reference","name":"TdLayoutManageListOpenDirective"},{"__symbolic":"reference","name":"TdLayoutFooterComponent"},{"__symbolic":"reference","name":"TdNavigationDrawerComponent"},{"__symbolic":"reference","name":"TdNavigationDrawerMenuDirective"},{"__symbolic":"reference","name":"TdNavigationDrawerToolbarDirective"}]],"exports":[[{"__symbolic":"reference","name":"TdLayoutComponent"},{"__symbolic":"reference","name":"TdLayoutToggleDirective"},{"__symbolic":"reference","name":"TdLayoutCloseDirective"},{"__symbolic":"reference","name":"TdLayoutOpenDirective"},{"__symbolic":"reference","name":"TdLayoutNavComponent"},{"__symbolic":"reference","name":"TdLayoutNavListComponent"},{"__symbolic":"reference","name":"TdLayoutNavListToggleDirective"},{"__symbolic":"reference","name":"TdLayoutNavListCloseDirective"},{"__symbolic":"reference","name":"TdLayoutNavListOpenDirective"},{"__symbolic":"reference","name":"TdLayoutCardOverComponent"},{"__symbolic":"reference","name":"TdLayoutManageListComponent"},{"__symbolic":"reference","name":"TdLayoutManageListToggleDirective"},{"__symbolic":"reference","name":"TdLayoutManageListCloseDirective"},{"__symbolic":"reference","name":"TdLayoutManageListOpenDirective"},{"__symbolic":"reference","name":"TdLayoutFooterComponent"},{"__symbolic":"reference","name":"TdNavigationDrawerComponent"},{"__symbolic":"reference","name":"TdNavigationDrawerMenuDirective"},{"__symbolic":"reference","name":"TdNavigationDrawerToolbarDirective"}]]}]}],"members":{}},"TdLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"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}"]}]}],"members":{"sidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenav","line":13,"character":13}]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["mode"]}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["opened"]}]}],"sidenavWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3},"arguments":["sidenavWidth"]}]}],"containerAutosize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["containerAutosize"]}]}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"TdLayoutToggleDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[tdLayoutToggle]"}]}],"members":{"tdLayoutToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3},"arguments":["tdLayoutToggle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":14,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutCloseDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"[tdLayoutClose]"}]}],"members":{"tdLayoutClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["tdLayoutClose"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":35,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutOpenDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":46,"character":1},"arguments":[{"selector":"[tdLayoutOpen]"}]}],"members":{"tdLayoutClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3},"arguments":["tdLayoutOpen"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":56,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":56,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"ILayoutTogglable":{"__symbolic":"interface"},"LayoutToggleBase":{"__symbolic":"class","members":{}},"_TdLayoutToggleMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":19,"character":40},"arguments":[{"__symbolic":"reference","name":"LayoutToggleBase"}]},"LayoutToggle":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdLayoutToggleMixinBase"},"members":{"hideWhenOpened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3},"arguments":["hideWhenOpened"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":42,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":43,"character":35}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"clickListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":75,"character":3},"arguments":["click",["$event"]]}]}],"onClick":[{"__symbolic":"method"}],"_toggleVisibility":[{"__symbolic":"method"}],"_noLayoutMessage":[{"__symbolic":"method"}]}},"TdLayoutCardOverComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}}"]}]}],"members":{"cardTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["cardTitle"]}]}],"cardSubtitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3},"arguments":["cardSubtitle"]}]}],"cardWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["cardWidth"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3},"arguments":["color"]}]}]}},"TdLayoutFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"td-layout-footer,td-layout-footer-inner","template":"<ng-content></ng-content>\n","styles":[":host{display:block;padding:10px 16px}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3},"arguments":["color"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":35}]}]}},"TdLayoutManageListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"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}"]}]}],"members":{"sidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenav","line":13,"character":13}]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["mode"]}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["opened"]}]}],"sidenavWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3},"arguments":["sidenavWidth"]}]}],"containerAutosize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["containerAutosize"]}]}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"TdLayoutManageListToggleDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[tdLayoutManageListToggle]"}]}],"members":{"tdLayoutManageListToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3},"arguments":["tdLayoutManageListToggle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":14,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutManageListComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutManageListComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutManageListCloseDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"[tdLayoutManageListClose]"}]}],"members":{"tdLayoutManageListClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["tdLayoutManageListClose"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":35,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutManageListComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutManageListComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutManageListOpenDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":46,"character":1},"arguments":[{"selector":"[tdLayoutManageListOpen]"}]}],"members":{"tdLayoutManageListOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3},"arguments":["tdLayoutManageListOpen"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":56,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":56,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutManageListComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutManageListComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"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}"]}]}],"members":{"toolbarTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["toolbarTitle"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["icon"]}]}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3},"arguments":["logo"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["color"]}]}],"navigationRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3},"arguments":["navigationRoute"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":55,"character":43}]}],"handleNavigationClick":[{"__symbolic":"method"}]}},"TdLayoutNavListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"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}"]}]}],"members":{"sidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenav","line":14,"character":13}]}]}],"toolbarTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["toolbarTitle"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3},"arguments":["icon"]}]}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["logo"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3},"arguments":["color"]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3},"arguments":["mode"]}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3},"arguments":["opened"]}]}],"sidenavWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["sidenavWidth"]}]}],"containerAutosize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3},"arguments":["containerAutosize"]}]}],"navigationRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3},"arguments":["navigationRoute"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":111,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":111,"character":43}]}],"handleNavigationClick":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"TdLayoutNavListToggleDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[tdLayoutNavListToggle]"}]}],"members":{"tdLayoutNavListToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3},"arguments":["tdLayoutNavListToggle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":14,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutNavListComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutNavListComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutNavListCloseDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"[tdLayoutNavListClose]"}]}],"members":{"tdLayoutNavListClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["tdLayoutNavListClose"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":35,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutNavListComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutNavListComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdLayoutNavListOpenDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LayoutToggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":46,"character":1},"arguments":[{"selector":"[tdLayoutNavListOpen]"}]}],"members":{"tdLayoutNavListOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3},"arguments":["tdLayoutNavListOpen"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":56,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":56,"character":27},"arguments":[{"__symbolic":"reference","name":"TdLayoutNavListComponent"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"TdLayoutNavListComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":26}]}],"onClick":[{"__symbolic":"method"}]}},"TdNavigationDrawerMenuDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[td-navigation-drawer-menu]"}]}],"members":{}},"TdNavigationDrawerToolbarDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":19,"character":1},"arguments":[{"selector":"[td-navigation-drawer-toolbar]"}]}],"members":{}},"TdNavigationDrawerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"td-navigation-drawer","animations":[{"__symbolic":"reference","module":"@covalent/core/common","name":"tdCollapseAnimation","line":30,"character":16}],"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","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}"]}]}],"members":{"_drawerMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":42,"character":3},"arguments":[{"__symbolic":"reference","name":"TdNavigationDrawerMenuDirective"}]}]}],"_toolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":44,"character":3},"arguments":[{"__symbolic":"reference","name":"TdNavigationDrawerToolbarDirective"}]}]}],"sidenavTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3},"arguments":["sidenavTitle"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["icon"]}]}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3},"arguments":["logo"]}]}],"avatar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3},"arguments":["avatar"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3},"arguments":["color"]}]}],"navigationRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3},"arguments":["navigationRoute"]}]}],"backgroundUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3},"arguments":["backgroundUrl"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3},"arguments":["name"]}]}],"email":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3},"arguments":["email"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":153,"character":15},"arguments":[{"__symbolic":"reference","name":"TdLayoutComponent"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":154,"character":15}}],null],"parameters":[{"__symbolic":"reference","name":"TdLayoutComponent"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":154,"character":43},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":155,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}],"handleNavigationClick":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}}},"origins":{"CovalentLayoutModule":"./layout.module","TdLayoutComponent":"./layout.component","TdLayoutToggleDirective":"./layout.directives","TdLayoutCloseDirective":"./layout.directives","TdLayoutOpenDirective":"./layout.directives","ILayoutTogglable":"./layout-toggle.class","LayoutToggleBase":"./layout-toggle.class","_TdLayoutToggleMixinBase":"./layout-toggle.class","LayoutToggle":"./layout-toggle.class","TdLayoutCardOverComponent":"./layout-card-over/layout-card-over.component","TdLayoutFooterComponent":"./layout-footer/layout-footer.component","TdLayoutManageListComponent":"./layout-manage-list/layout-manage-list.component","TdLayoutManageListToggleDirective":"./layout-manage-list/layout-manage-list.directives","TdLayoutManageListCloseDirective":"./layout-manage-list/layout-manage-list.directives","TdLayoutManageListOpenDirective":"./layout-manage-list/layout-manage-list.directives","TdLayoutNavComponent":"./layout-nav/layout-nav.component","TdLayoutNavListComponent":"./layout-nav-list/layout-nav-list.component","TdLayoutNavListToggleDirective":"./layout-nav-list/layout-nav-list.directives","TdLayoutNavListCloseDirective":"./layout-nav-list/layout-nav-list.directives","TdLayoutNavListOpenDirective":"./layout-nav-list/layout-nav-list.directives","TdNavigationDrawerMenuDirective":"./navigation-drawer/navigation-drawer.component","TdNavigationDrawerToolbarDirective":"./navigation-drawer/navigation-drawer.component","TdNavigationDrawerComponent":"./navigation-drawer/navigation-drawer.component"},"importAs":"@covalent/core/layout"}

package/layout/layout-card-over/layout-card-over.component.scss

@@ -0,0 +1,42 @@
+@import '../../common/styles/variables';
+
+:host {
+  position: relative;
+  display: block;
+  z-index: 2;
+  width: 100%;
+  min-height: 100%;
+  height: 100%;
+  [td-after-card] {
+    display: block;
+  }
+}
+.td-layout-card-over-wrapper {
+  margin: -64px;
+  margin-left: 0;
+  margin-right: 0;
+  // [layout-fill]
+  width: 100%;
+  min-height: 100%;
+  height: 100%;
+  @media (min-width: $layout-breakpoint-xs) {
+    // [layout="row"]
+    flex-direction: row;
+    // [layout]
+    box-sizing: border-box;
+    display: flex;
+    // [layout-align]="center start"
+    align-items: flex-start;
+    align-content: flex-start;
+    justify-content: center;
+    .td-layout-card-over {
+      max-height: 100%;
+      box-sizing: border-box;
+    }
+  }
+  @media (max-width: $layout-breakpoint-xs - 1) {
+    .td-layout-card-over {
+      max-width: 100% !important;
+    }
+  }
+}

package/layout/layout-footer/layout-footer.component.scss

@@ -0,0 +1,4 @@
+:host {
+  display: block;
+  padding: 10px 16px;
+}