@covalent/core 4.0.0-alpha.0 → 4.0.0-beta.1

package/layout/_layout-theme.scss

@@ -10,6 +10,7 @@
         size: td-font-size($config, subheading-2);
       }
     }
+
     .td-navigation-drawer-name {
       font: {
         family: td-font-family($config);
@@ -19,6 +20,7 @@
 
       line-height: td-line-height($config, body-1);
     }
+
     .td-navigation-drawer-menu-toggle {
       font: {
         family: td-font-family($config);
@@ -44,6 +46,7 @@
 
   [mat-icon-button].td-layout-menu-button {
     margin-left: 0;
+
     ::ng-deep [dir='rtl'] & {
       margin-right: 0;
       margin-left: 6px;
@@ -76,6 +79,7 @@
       }
     }
   }
+
   body[dense] td-layout-card-over,
   td-layout-card-over[dense] {
     .td-layout-card-over-wrapper {
@@ -84,29 +88,37 @@
       margin-right: 0;
     }
   }
+
   .mat-drawer-side.td-layout-sidenav {
     @include mat-elevation(2);
   }
+
   .td-layout-footer {
     background: mat-color($background, app-bar);
     color: mat-color($foreground, text);
     @include mat-elevation(2);
+
     &.mat-primary {
       background: mat-color($primary);
+
       &,
       mat-icon {
         color: mat-color($primary, default-contrast);
       }
     }
+
     &.mat-accent {
       background: mat-color($accent);
+
       &,
       mat-icon {
         color: mat-color($accent, default-contrast);
       }
     }
+
     &.mat-warn {
       background: mat-color($warn);
+
       &,
       mat-icon {
         color: mat-color($warn, default-contrast);

package/layout/covalent-core-layout.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@covalent/core/layout" />
 export * from './index';

package/layout/layout-card-over/layout-card-over.component.d.ts

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare class TdLayoutCardOverComponent {
     /**
      * cardTitle?: string
@@ -25,4 +26,6 @@ export declare class TdLayoutCardOverComponent {
      * If [color] is not set, primary is used.
      */
     color: 'accent' | 'primary' | 'warn';
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutCardOverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdLayoutCardOverComponent, "td-layout-card-over", never, { "cardTitle": "cardTitle"; "cardSubtitle": "cardSubtitle"; "cardWidth": "cardWidth"; "color": "color"; }, {}, never, ["*", "[td-after-card]"]>;
 }

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

@@ -7,10 +7,12 @@
   width: 100%;
   min-height: 100%;
   height: 100%;
+
   [td-after-card] {
     display: block;
   }
 }
+
 .td-layout-card-over-wrapper {
   margin: -64px;
   margin-left: 0;
@@ -29,6 +31,7 @@
     align-items: flex-start;
     align-content: flex-start;
     justify-content: center;
+
     .td-layout-card-over {
       max-height: 100%;
       box-sizing: border-box;

package/layout/layout-footer/layout-footer.component.d.ts

@@ -1,4 +1,5 @@
 import { Renderer2, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class TdLayoutFooterComponent {
     private _renderer;
     private _elementRef;
@@ -11,4 +12,6 @@ export declare class TdLayoutFooterComponent {
     set color(color: 'primary' | 'accent' | 'warn');
     get color(): 'primary' | 'accent' | 'warn';
     constructor(_renderer: Renderer2, _elementRef: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdLayoutFooterComponent, "td-layout-footer,td-layout-footer-inner", never, { "color": "color"; }, {}, never, ["*"]>;
 }

package/layout/layout-manage-list/layout-manage-list.component.d.ts

@@ -1,5 +1,6 @@
 import { MatSidenav, MatDrawerToggleResult } from '@angular/material/sidenav';
 import { ILayoutTogglable } from '../layout-toggle.class';
+import * as i0 from "@angular/core";
 export declare class TdLayoutManageListComponent implements ILayoutTogglable {
     sidenav: MatSidenav;
     /**
@@ -60,4 +61,6 @@ export declare class TdLayoutManageListComponent implements ILayoutTogglable {
      * Proxy close method to access sidenav from outside (from td-layout template).
      */
     close(): Promise<MatDrawerToggleResult>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutManageListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdLayoutManageListComponent, "td-layout-manage-list", never, { "mode": "mode"; "opened": "opened"; "sidenavWidth": "sidenavWidth"; "containerAutosize": "containerAutosize"; }, {}, never, ["mat-toolbar[td-sidenav-content]", "[td-sidenav-content]", "mat-toolbar", "*", "td-layout-footer-inner"]>;
 }

package/layout/layout-manage-list/layout-manage-list.component.scss

@@ -7,18 +7,21 @@
   min-height: 100%;
   height: 100%;
   overflow: hidden;
+
   mat-sidenav-container.td-layout-manage-list {
     // [flex]
     flex: 1;
+
     & > .mat-drawer > .mat-drawer-inner-container {
       &.mat-drawer-opened,
       &.mat-drawer-opening,
       &.mat-drawer-closed,
       &.mat-drawer-closing {
-        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
+        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 20%);
       }
     }
   }
+
   .td-layout-manage-list-sidenav {
     text-align: start;
     // [flex]
@@ -29,6 +32,7 @@
     overflow: auto;
     -webkit-overflow-scrolling: touch;
   }
+
   .td-layout-manage-list-main {
     margin: 0;
     width: 100%;
@@ -40,6 +44,7 @@
     flex-direction: column;
     box-sizing: border-box;
     display: flex;
+
     .td-layout-manage-list-content {
       // [md-content]
       display: block;
@@ -51,6 +56,7 @@
     }
   }
 }
+
 :host ::ng-deep {
   mat-sidenav-container.td-layout-manage-list {
     & > .mat-drawer-content {
@@ -61,17 +67,15 @@
     & > .mat-drawer > .mat-drawer-inner-container {
       box-shadow: $whiteframe-shadow-1dp;
       box-sizing: border-box;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -moz-box;
-      display: -ms-flexbox;
       display: flex;
       flex-direction: column;
     }
   }
+
   mat-nav-list a[mat-list-item] .mat-list-item-content {
     font-size: 14px;
   }
+
   .mat-toolbar {
     font-weight: 400;
   }

package/layout/layout-manage-list/layout-manage-list.directives.d.ts

@@ -1,18 +1,25 @@
 import { Renderer2, ElementRef } from '@angular/core';
 import { TdLayoutManageListComponent } from './layout-manage-list.component';
 import { BaseLayoutToggleDirective } from '../layout-toggle.class';
+import * as i0 from "@angular/core";
 export declare class TdLayoutManageListToggleDirective extends BaseLayoutToggleDirective {
     set tdLayoutManageListToggle(tdLayoutManageListToggle: boolean);
     constructor(layout: TdLayoutManageListComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutManageListToggleDirective, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutManageListToggleDirective, "[tdLayoutManageListToggle]", never, { "hideWhenOpened": "hideWhenOpened"; "tdLayoutManageListToggle": "tdLayoutManageListToggle"; }, {}, never>;
 }
 export declare class TdLayoutManageListCloseDirective extends BaseLayoutToggleDirective {
     set tdLayoutManageListClose(tdLayoutManageListClose: boolean);
     constructor(layout: TdLayoutManageListComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutManageListCloseDirective, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutManageListCloseDirective, "[tdLayoutManageListClose]", never, { "hideWhenOpened": "hideWhenOpened"; "tdLayoutManageListClose": "tdLayoutManageListClose"; }, {}, never>;
 }
 export declare class TdLayoutManageListOpenDirective extends BaseLayoutToggleDirective {
     set tdLayoutManageListOpen(tdLayoutManageListOpen: boolean);
     constructor(layout: TdLayoutManageListComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutManageListOpenDirective, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutManageListOpenDirective, "[tdLayoutManageListOpen]", never, { "hideWhenOpened": "hideWhenOpened"; "tdLayoutManageListOpen": "tdLayoutManageListOpen"; }, {}, never>;
 }

package/layout/layout-nav/layout-nav.component.d.ts

@@ -1,4 +1,5 @@
 import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
 export declare class TdLayoutNavComponent {
     private _router;
     /**
@@ -39,4 +40,6 @@ export declare class TdLayoutNavComponent {
     get routerEnabled(): boolean;
     constructor(_router: Router);
     handleNavigationClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdLayoutNavComponent, "td-layout-nav", never, { "toolbarTitle": "toolbarTitle"; "icon": "icon"; "logo": "logo"; "color": "color"; "navigationRoute": "navigationRoute"; }, {}, never, ["[td-menu-button]", "[td-toolbar-content]", "*", "td-layout-footer"]>;
 }

package/layout/layout-nav/layout-nav.component.scss

@@ -1,5 +1,6 @@
 .td-menu-button {
   margin-left: 0;
+
   ::ng-deep [dir='rtl'] & {
     margin-right: 0;
     margin-left: 6px;
@@ -13,6 +14,7 @@
   min-height: 100%;
   height: 100%;
   overflow: hidden;
+
   .td-layout-nav-wrapper {
     // [layout="column"]
     flex-direction: column;
@@ -23,6 +25,7 @@
     width: 100%;
     min-height: 100%;
     height: 100%;
+
     .td-layout-nav-toolbar-content {
       // [layout="row"]
       flex-direction: row;
@@ -34,6 +37,7 @@
       max-width: 100%;
       justify-content: flex-start;
     }
+
     .td-layout-nav-content {
       // [layout="column"]
       flex-direction: column;

package/layout/layout-nav-list/layout-nav-list.component.d.ts

@@ -1,6 +1,7 @@
 import { Router } from '@angular/router';
 import { MatSidenav, MatDrawerToggleResult } from '@angular/material/sidenav';
 import { ILayoutTogglable } from '../layout-toggle.class';
+import * as i0 from "@angular/core";
 export declare class TdLayoutNavListComponent implements ILayoutTogglable {
     private _router;
     sidenav: MatSidenav;
@@ -98,4 +99,6 @@ export declare class TdLayoutNavListComponent implements ILayoutTogglable {
      * Proxy close method to access sidenav from outside (from td-layout template).
      */
     close(): Promise<MatDrawerToggleResult>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavListComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdLayoutNavListComponent, "td-layout-nav-list", never, { "toolbarTitle": "toolbarTitle"; "icon": "icon"; "logo": "logo"; "color": "color"; "mode": "mode"; "opened": "opened"; "sidenavWidth": "sidenavWidth"; "containerAutosize": "containerAutosize"; "navigationRoute": "navigationRoute"; }, {}, never, ["[td-menu-button]", "[td-sidenav-toolbar-content]", "[td-sidenav-content]", "[td-toolbar-content]", "*", "td-layout-footer-inner", "td-layout-footer"]>;
 }

package/layout/layout-nav-list/layout-nav-list.component.scss

@@ -4,6 +4,7 @@
   .td-layout-nav-list-wrapper > .mat-sidenav-container {
     > mat-sidenav.mat-drawer-side {
       border-right: 0;
+
       [dir='rtl'] & {
         border-left: 0;
       }
@@ -21,6 +22,7 @@
   display: flex;
   // [flex]
   flex: 1;
+
   .td-layout-nav-list-wrapper {
     // [layout="column"]
     flex-direction: column;
@@ -32,6 +34,7 @@
     position: relative;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
+
     .td-layout-nav-list-toolbar-content {
       // [layout="row"]
       flex-direction: row;
@@ -43,6 +46,7 @@
       max-width: 100%;
       justify-content: flex-start;
     }
+
     .td-layout-nav-list-content {
       text-align: start;
       // [flex]
@@ -53,6 +57,7 @@
       overflow: auto;
       -webkit-overflow-scrolling: touch;
     }
+
     .td-layout-nav-list-main {
       // [layout="column"]
       flex-direction: column;
@@ -65,6 +70,7 @@
       height: 100%;
       position: relative;
       overflow: auto;
+
       .td-layout-nav-list-content {
         // [md-content]
         display: block;
@@ -75,9 +81,11 @@
         flex: 1;
       }
     }
+
     mat-sidenav-container.td-layout-nav-list {
       // [flex]
       flex: 1;
+
       & > mat-sidenav {
         &.mat-drawer-opened,
         &.mat-drawer-opening,
@@ -89,6 +97,7 @@
     }
   }
 }
+
 :host ::ng-deep {
   mat-sidenav-container.td-layout-nav-list {
     & > .mat-drawer-content {
@@ -99,10 +108,6 @@
     & > .mat-drawer > .mat-drawer-inner-container {
       box-shadow: $whiteframe-shadow-1dp;
       box-sizing: border-box;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -moz-box;
-      display: -ms-flexbox;
       display: flex;
       flex-direction: column;
     }

package/layout/layout-nav-list/layout-nav-list.directives.d.ts

@@ -1,18 +1,25 @@
 import { Renderer2, ElementRef } from '@angular/core';
 import { TdLayoutNavListComponent } from './layout-nav-list.component';
 import { BaseLayoutToggleDirective } from '../layout-toggle.class';
+import * as i0 from "@angular/core";
 export declare class TdLayoutNavListToggleDirective extends BaseLayoutToggleDirective {
     set tdLayoutNavListToggle(tdLayoutNavListToggle: boolean);
     constructor(layout: TdLayoutNavListComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavListToggleDirective, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutNavListToggleDirective, "[tdLayoutNavListToggle]", never, { "hideWhenOpened": "hideWhenOpened"; "tdLayoutNavListToggle": "tdLayoutNavListToggle"; }, {}, never>;
 }
 export declare class TdLayoutNavListCloseDirective extends BaseLayoutToggleDirective {
     set tdLayoutNavListClose(tdLayoutNavListClose: boolean);
     constructor(layout: TdLayoutNavListComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavListCloseDirective, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutNavListCloseDirective, "[tdLayoutNavListClose]", never, { "hideWhenOpened": "hideWhenOpened"; "tdLayoutNavListClose": "tdLayoutNavListClose"; }, {}, never>;
 }
 export declare class TdLayoutNavListOpenDirective extends BaseLayoutToggleDirective {
     set tdLayoutNavListOpen(tdLayoutNavListOpen: boolean);
     constructor(layout: TdLayoutNavListComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavListOpenDirective, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutNavListOpenDirective, "[tdLayoutNavListOpen]", never, { "hideWhenOpened": "hideWhenOpened"; "tdLayoutNavListOpen": "tdLayoutNavListOpen"; }, {}, never>;
 }

package/layout/layout-toggle.class.d.ts

@@ -1,6 +1,7 @@
 import { Renderer2, ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { MatSidenav, MatDrawerToggleResult } from '@angular/material/sidenav';
 import { ICanDisable } from '@covalent/core/common';
+import * as i0 from "@angular/core";
 export interface ILayoutTogglable {
     opened: boolean;
     sidenav: MatSidenav;
@@ -34,4 +35,6 @@ export declare abstract class BaseLayoutToggleDirective extends _TdLayoutToggleM
     abstract onClick(): void;
     private _toggleVisibility;
     private _noLayoutMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseLayoutToggleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseLayoutToggleDirective, never, never, { "hideWhenOpened": "hideWhenOpened"; }, {}, never>;
 }

package/layout/layout.component.d.ts

@@ -1,5 +1,6 @@
 import { MatSidenav, MatDrawerToggleResult } from '@angular/material/sidenav';
 import { ILayoutTogglable } from './layout-toggle.class';
+import * as i0 from "@angular/core";
 export declare class TdLayoutComponent implements ILayoutTogglable {
     sidenav: MatSidenav;
     /**
@@ -60,4 +61,6 @@ export declare class TdLayoutComponent implements ILayoutTogglable {
      * Proxy close method to access sidenav from outside (from td-layout template).
      */
     close(): Promise<MatDrawerToggleResult>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdLayoutComponent, "td-layout", never, { "mode": "mode"; "opened": "opened"; "sidenavWidth": "sidenavWidth"; "containerAutosize": "containerAutosize"; }, {}, never, ["td-navigation-drawer", "[td-sidenav-content]", "*"]>;
 }

package/layout/layout.component.scss

@@ -9,10 +9,6 @@
   ::ng-deep {
     // Ensuring sidenav content has flex column properties
     & > mat-sidenav-container .mat-drawer > .mat-drawer-inner-container {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -moz-box;
-      display: -ms-flexbox;
       display: flex;
       flex-direction: column;
     }

package/layout/layout.directives.d.ts

@@ -1,18 +1,25 @@
 import { Renderer2, ElementRef } from '@angular/core';
 import { TdLayoutComponent } from './layout.component';
 import { BaseLayoutToggleDirective } from './layout-toggle.class';
+import * as i0 from "@angular/core";
 export declare class TdLayoutToggleDirective extends BaseLayoutToggleDirective {
     set tdLayoutToggle(tdLayoutToggle: boolean);
     constructor(layout: TdLayoutComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutToggleDirective, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutToggleDirective, "[tdLayoutToggle]", never, { "tdLayoutToggle": "tdLayoutToggle"; }, {}, never>;
 }
 export declare class TdLayoutCloseDirective extends BaseLayoutToggleDirective {
     set tdLayoutClose(tdLayoutClose: boolean);
     constructor(layout: TdLayoutComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutCloseDirective, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutCloseDirective, "[tdLayoutClose]", never, { "tdLayoutClose": "tdLayoutClose"; }, {}, never>;
 }
 export declare class TdLayoutOpenDirective extends BaseLayoutToggleDirective {
     set tdLayoutClose(tdLayoutOpen: boolean);
     constructor(layout: TdLayoutComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutOpenDirective, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutOpenDirective, "[tdLayoutOpen]", never, { "tdLayoutClose": "tdLayoutOpen"; }, {}, never>;
 }

package/layout/layout.module.d.ts

@@ -1,2 +1,25 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./layout.component";
+import * as i2 from "./layout.directives";
+import * as i3 from "./layout-nav/layout-nav.component";
+import * as i4 from "./layout-nav-list/layout-nav-list.component";
+import * as i5 from "./layout-nav-list/layout-nav-list.directives";
+import * as i6 from "./layout-card-over/layout-card-over.component";
+import * as i7 from "./layout-manage-list/layout-manage-list.component";
+import * as i8 from "./layout-manage-list/layout-manage-list.directives";
+import * as i9 from "./layout-footer/layout-footer.component";
+import * as i10 from "./navigation-drawer/navigation-drawer.component";
+import * as i11 from "@angular/common";
+import * as i12 from "@angular/cdk/scrolling";
+import * as i13 from "@angular/material/sidenav";
+import * as i14 from "@angular/material/toolbar";
+import * as i15 from "@angular/material/button";
+import * as i16 from "@angular/material/icon";
+import * as i17 from "@angular/material/card";
+import * as i18 from "@angular/material/divider";
+import * as i19 from "@covalent/core/menu";
 export declare class CovalentLayoutModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentLayoutModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentLayoutModule, [typeof i1.TdLayoutComponent, typeof i2.TdLayoutToggleDirective, typeof i2.TdLayoutCloseDirective, typeof i2.TdLayoutOpenDirective, typeof i3.TdLayoutNavComponent, typeof i4.TdLayoutNavListComponent, typeof i5.TdLayoutNavListToggleDirective, typeof i5.TdLayoutNavListCloseDirective, typeof i5.TdLayoutNavListOpenDirective, typeof i6.TdLayoutCardOverComponent, typeof i7.TdLayoutManageListComponent, typeof i8.TdLayoutManageListToggleDirective, typeof i8.TdLayoutManageListCloseDirective, typeof i8.TdLayoutManageListOpenDirective, typeof i9.TdLayoutFooterComponent, typeof i10.TdNavigationDrawerComponent, typeof i10.TdNavigationDrawerMenuDirective, typeof i10.TdNavigationDrawerToolbarDirective], [typeof i11.CommonModule, typeof i12.ScrollingModule, typeof i13.MatSidenavModule, typeof i14.MatToolbarModule, typeof i15.MatButtonModule, typeof i16.MatIconModule, typeof i17.MatCardModule, typeof i18.MatDividerModule, typeof i19.CovalentMenuModule], [typeof i1.TdLayoutComponent, typeof i2.TdLayoutToggleDirective, typeof i2.TdLayoutCloseDirective, typeof i2.TdLayoutOpenDirective, typeof i3.TdLayoutNavComponent, typeof i4.TdLayoutNavListComponent, typeof i5.TdLayoutNavListToggleDirective, typeof i5.TdLayoutNavListCloseDirective, typeof i5.TdLayoutNavListOpenDirective, typeof i6.TdLayoutCardOverComponent, typeof i7.TdLayoutManageListComponent, typeof i8.TdLayoutManageListToggleDirective, typeof i8.TdLayoutManageListCloseDirective, typeof i8.TdLayoutManageListOpenDirective, typeof i9.TdLayoutFooterComponent, typeof i10.TdNavigationDrawerComponent, typeof i10.TdNavigationDrawerMenuDirective, typeof i10.TdNavigationDrawerToolbarDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentLayoutModule>;
 }

package/layout/navigation-drawer/navigation-drawer.component.d.ts

@@ -3,9 +3,14 @@ import { Router } from '@angular/router';
 import { SafeStyle, DomSanitizer } from '@angular/platform-browser';
 import { MatDrawerToggleResult } from '@angular/material/sidenav';
 import { TdLayoutComponent } from '../layout.component';
+import * as i0 from "@angular/core";
 export declare class TdNavigationDrawerMenuDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdNavigationDrawerMenuDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdNavigationDrawerMenuDirective, "[td-navigation-drawer-menu]", never, {}, {}, never>;
 }
 export declare class TdNavigationDrawerToolbarDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdNavigationDrawerToolbarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdNavigationDrawerToolbarDirective, "[td-navigation-drawer-toolbar]", never, {}, {}, never>;
 }
 export declare class TdNavigationDrawerComponent implements OnInit, OnDestroy {
     private _layout;
@@ -110,4 +115,6 @@ export declare class TdNavigationDrawerComponent implements OnInit, OnDestroy {
      * Proxy close method to access sidenav from outside (from td-layout template).
      */
     close(): Promise<MatDrawerToggleResult>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdNavigationDrawerComponent, [null, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdNavigationDrawerComponent, "td-navigation-drawer", never, { "sidenavTitle": "sidenavTitle"; "icon": "icon"; "logo": "logo"; "avatar": "avatar"; "color": "color"; "navigationRoute": "navigationRoute"; "backgroundUrl": "backgroundUrl"; "name": "name"; "email": "email"; }, {}, ["_drawerMenu", "_toolbar"], ["[td-navigation-drawer-toolbar]", "*", "[td-navigation-drawer-menu]"]>;
 }

package/layout/navigation-drawer/navigation-drawer.component.scss

@@ -1,22 +1,27 @@
 :host {
   width: 100%;
+
   .td-navigation-drawer-content,
   .td-navigation-drawer-menu-content {
     &.ng-animating {
       overflow: hidden;
     }
   }
+
   mat-toolbar {
     padding: 16px;
+
     &.td-toolbar-background {
       background-repeat: no-repeat;
       background-size: cover;
     }
+
     &.td-nagivation-drawer-toolbar {
       flex-direction: column;
       height: auto !important;
       display: block !important;
     }
+
     .td-navigation-drawer-toolbar-content {
       // [layout="row"]
       flex-direction: row;
@@ -41,11 +46,13 @@
         text-overflow: ellipsis;
       }
     }
+
     .td-navigation-drawer-name {
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
     }
+
     .td-navigation-drawer-menu-toggle {
       // [layout="row"]
       flex-direction: row;
@@ -67,6 +74,7 @@
       }
     }
   }
+
   > div {
     overflow: hidden;
   }

package/layout/package.json

@@ -1,11 +1,10 @@
 {
-  "main": "../bundles/covalent-core-layout.umd.js",
-  "module": "../fesm2015/covalent-core-layout.js",
-  "es2015": "../fesm2015/covalent-core-layout.js",
-  "esm2015": "../esm2015/layout/covalent-core-layout.js",
-  "fesm2015": "../fesm2015/covalent-core-layout.js",
+  "module": "../fesm2015/covalent-core-layout.mjs",
+  "es2020": "../fesm2020/covalent-core-layout.mjs",
+  "esm2020": "../esm2020/layout/covalent-core-layout.mjs",
+  "fesm2020": "../fesm2020/covalent-core-layout.mjs",
+  "fesm2015": "../fesm2015/covalent-core-layout.mjs",
   "typings": "covalent-core-layout.d.ts",
-  "metadata": "covalent-core-layout.metadata.json",
   "sideEffects": false,
   "name": "@covalent/core/layout"
-}
+}

package/menu/covalent-core-menu.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@covalent/core/menu" />
 export * from './index';

package/menu/menu.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class TdMenuComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdMenuComponent, "td-menu", never, {}, {}, never, ["[td-menu-header]", "*", "[td-menu-footer]"]>;
 }

package/menu/menu.component.scss

@@ -1,4 +1,5 @@
 $td-menu-spacing: 8px !default;
+
 :host {
   margin-top: -$td-menu-spacing;
   margin-bottom: -$td-menu-spacing;
@@ -8,11 +9,13 @@ $td-menu-spacing: 8px !default;
   // [layout="column"]
   flex-direction: column;
 }
+
 :host ::ng-deep {
   [td-menu-header] {
     padding: $td-menu-spacing;
     text-align: center;
   }
+
   mat-list,
   mat-list[dense],
   mat-nav-list,
@@ -20,23 +23,28 @@ $td-menu-spacing: 8px !default;
     a[mat-list-item].mat-2-line,
     mat-list-item.mat-2-line {
       height: auto;
+
       & .mat-list-item-content {
         height: auto;
         padding: $td-menu-spacing;
+
         .mat-list-text {
           padding-right: 0;
+
           [dir='rtl'] & {
             padding-left: 0;
             padding-right: 16px;
           }
         }
+
         [matLine] + [matLine] {
-          margin-top: $td-menu-spacing / 2;
+          margin-top: calc($td-menu-spacing / 2);
         }
       }
     }
   }
 }
+
 .td-menu-content {
   max-height: calc(50vh);
   overflow-y: auto;

package/menu/menu.module.d.ts

@@ -1,2 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./menu.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/menu";
+import * as i4 from "@angular/material/divider";
 export declare class CovalentMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentMenuModule, [typeof i1.TdMenuComponent], [typeof i2.CommonModule, typeof i3.MatMenuModule, typeof i4.MatDividerModule], [typeof i1.TdMenuComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentMenuModule>;
 }