@covalent/core 0.0.0-COVALENT

package/layout/_layout-theme.scss

@@ -0,0 +1,128 @@
+@import '../common/styles/elevation';
+@import '../common/styles/theme-functions';
+@import '../common/styles/typography-functions';
+
+@mixin td-layout-typography($config) {
+  td-navigation-drawer {
+    .td-navigation-drawer-title {
+      font: {
+        family: td-font-family($config);
+        size: td-font-size($config, subheading-2);
+      }
+    }
+
+    .td-navigation-drawer-name {
+      font: {
+        family: td-font-family($config);
+        size: td-font-size($config, body-1);
+        weight: 500;
+      }
+
+      line-height: td-line-height($config, body-1);
+    }
+
+    .td-navigation-drawer-menu-toggle {
+      font: {
+        family: td-font-family($config);
+        size: td-font-size($config, body-2);
+        weight: 400;
+      }
+
+      line-height: td-line-height($config, body-2);
+    }
+  }
+}
+
+@mixin td-layout-theme($theme) {
+  $primary: map-get($theme, primary);
+  $accent: map-get($theme, accent);
+  $warn: map-get($theme, warn);
+  $background: map-get($theme, background);
+  $foreground: map-get($theme, foreground);
+
+  .mat-drawer-container {
+    background-color: mat-color($background, status-bar);
+  }
+
+  [mat-icon-button].td-layout-menu-button {
+    margin-left: 0;
+
+    ::ng-deep [dir='rtl'] & {
+      margin-right: 0;
+      margin-left: 6px;
+    }
+  }
+
+  td-layout-nav,
+  td-layout-nav-list,
+  td-layout-manage-list,
+  td-layout-card-over,
+  td-navigation-drawer,
+  td-layout {
+    mat-toolbar {
+      @include mat-elevation(1);
+
+      z-index: 1;
+    }
+  }
+
+  body[dense] td-layout-nav,
+  body[dense] td-layout-nav-list,
+  body[dense] td-layout-card-over,
+  td-layout-nav[dense],
+  td-layout-nav-list[dense],
+  td-layout-card-over[dense] {
+    mat-toolbar.td-layout-toolbar {
+      &.mat-toolbar-row,
+      &.mat-toolbar-single-row {
+        height: 48px;
+      }
+    }
+  }
+
+  body[dense] td-layout-card-over,
+  td-layout-card-over[dense] {
+    .td-layout-card-over-wrapper {
+      margin: -48px;
+      margin-left: 0;
+      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

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

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

@@ -0,0 +1,31 @@
+import * as i0 from "@angular/core";
+export declare class TdLayoutCardOverComponent {
+    /**
+     * cardTitle?: string
+     *
+     * Title set in card.
+     */
+    cardTitle?: string;
+    /**
+     * cardSubtitle?: string
+     *
+     * Subtitle set in card.
+     */
+    cardSubtitle?: string;
+    /**
+     * cardWidth?: string
+     *
+     * Card flex width in %.
+     * Defaults to 70%.
+     */
+    cardWidth?: number | undefined;
+    /**
+     * color?: 'accent' | 'primary' | 'warn'
+     *
+     * toolbar color option: primary | accent | warn.
+     * 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-footer/layout-footer.component.d.ts

@@ -0,0 +1,17 @@
+import { Renderer2, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TdLayoutFooterComponent {
+    private _renderer;
+    private _elementRef;
+    private _color?;
+    /**
+     * color?: 'accent' | 'primary' | 'warn'
+     *
+     * Optional color option: primary | accent | warn.
+     */
+    set color(color: 'primary' | 'accent' | 'warn' | undefined);
+    get color(): 'primary' | 'accent' | 'warn' | undefined;
+    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

@@ -0,0 +1,66 @@
+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;
+    /**
+     * mode?: 'side', 'push' or 'over'
+     *
+     * The mode or styling of the sidenav.
+     * Defaults to "side".
+     * See "MatSidenav" documentation for more info.
+     *
+     * https://github.com/angular/material2/tree/main/src/lib/sidenav
+     */
+    mode: 'side' | 'push' | 'over';
+    /**
+     * opened?: boolean
+     *
+     * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
+     * Defaults to "true".
+     *
+     * See "MatSidenav" documentation for more info.
+     *
+     * https://github.com/angular/material2/tree/main/src/lib/sidenav
+     */
+    opened: boolean;
+    /**
+     * sidenavWidth?: string
+     *
+     * Sets the "width" of the sidenav in either "px" or "%"
+     * Defaults to "257px".
+     *
+     * https://github.com/angular/material2/tree/main/src/lib/sidenav
+     */
+    sidenavWidth: string;
+    /**
+     * containerAutosize?: boolean
+     *
+     * Sets "autosize" of the sidenav-container.
+     * Defaults to "false".
+     *
+     * See documentation for more info and potential performance risks.
+     *
+     * https://github.com/angular/material2/blob/main/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
+     */
+    containerAutosize: boolean;
+    /**
+     * Checks if `ESC` should close the sidenav
+     * Should only close it for `push` and `over` modes
+     */
+    get disableClose(): boolean;
+    /**
+     * Proxy toggle method to access sidenav from outside (from td-layout template).
+     */
+    toggle(): Promise<MatDrawerToggleResult>;
+    /**
+     * Proxy open method to access sidenav from outside (from td-layout template).
+     */
+    open(): Promise<MatDrawerToggleResult>;
+    /**
+     * 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.directives.d.ts

@@ -0,0 +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 | string);
+    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, { "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, { "tdLayoutManageListClose": "tdLayoutManageListClose"; }, {}, never>;
+}
+export declare class TdLayoutManageListOpenDirective extends BaseLayoutToggleDirective {
+    set tdLayoutManageListOpen(tdLayoutManageListOpen: boolean | string);
+    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, { "tdLayoutManageListOpen": "tdLayoutManageListOpen"; }, {}, never>;
+}

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

@@ -0,0 +1,45 @@
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class TdLayoutNavComponent {
+    private _router;
+    /**
+     * toolbarTitle?: string
+     *
+     * Title set in toolbar.
+     */
+    toolbarTitle?: string;
+    /**
+     * icon?: string
+     *
+     * icon name to be displayed before the title
+     */
+    icon?: string;
+    /**
+     * logo?: string
+     *
+     * logo icon name to be displayed before the title.
+     * If [icon] is set, then this will not be shown.
+     */
+    logo?: string;
+    /**
+     * color?: 'accent' | 'primary' | 'warn'
+     *
+     * toolbar color option: primary | accent | warn.
+     * If [color] is not set, primary is used.
+     */
+    color?: 'accent' | 'primary' | 'warn';
+    /**
+     * navigationRoute?: string
+     *
+     * option to set the combined route for the icon, logo, and toolbarTitle.
+     */
+    navigationRoute?: string;
+    /**
+     * Checks if router was injected.
+     */
+    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-list/layout-nav-list.component.d.ts

@@ -0,0 +1,104 @@
+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;
+    /**
+     * toolbarTitle?: string
+     *
+     * Title set in toolbar.
+     */
+    toolbarTitle?: string;
+    /**
+     * icon?: string
+     * icon name to be displayed before the title
+     */
+    icon?: string;
+    /**
+     * logo?: string
+     *
+     * logo icon name to be displayed before the title.
+     * If [icon] is set, then this will not be shown.
+     */
+    logo?: string;
+    /**
+     * color?: 'accent' | 'primary' | 'warn'
+     *
+     * toolbar color option: primary | accent | warn.
+     * If [color] is not set, primary is used.
+     */
+    color?: 'accent' | 'primary' | 'warn';
+    /**
+     * mode?: 'side', 'push' or 'over'
+     *
+     * The mode or styling of the sidenav.
+     * Defaults to "side".
+     * See "MatSidenav" documentation for more info.
+     *
+     * https://github.com/angular/material2/tree/main/src/lib/sidenav
+     */
+    mode: 'side' | 'push' | 'over';
+    /**
+     * opened?: boolean
+     * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
+     * Defaults to "true".
+     *
+     * See "MatSidenav" documentation for more info.
+     *
+     * https://github.com/angular/material2/tree/main/src/lib/sidenav
+     */
+    opened: boolean;
+    /**
+     * sidenavWidth?: string
+     *
+     * Sets the "width" of the sidenav in either "px" or "%"
+     * Defaults to "350px".
+     *
+     * https://github.com/angular/material2/tree/main/src/lib/sidenav
+     */
+    sidenavWidth: string;
+    /**
+     * containerAutosize?: boolean
+     *
+     * Sets "autosize" of the sidenav-container.
+     * Defaults to "false".
+     *
+     * See documentation for more info and potential performance risks.
+     *
+     * https://github.com/angular/material2/blob/main/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
+     */
+    containerAutosize: boolean;
+    /**
+     * navigationRoute?: string
+     *
+     * option to set the combined route for the icon, logo, and toolbarTitle.
+     */
+    navigationRoute?: string;
+    /**
+     * Checks if `ESC` should close the sidenav
+     * Should only close it for `push` and `over` modes
+     */
+    get disableClose(): boolean;
+    /**
+     * Checks if router was injected.
+     */
+    get routerEnabled(): boolean;
+    constructor(_router: Router);
+    handleNavigationClick(): void;
+    /**
+     * Proxy toggle method to access sidenav from outside (from td-layout template).
+     */
+    toggle(): Promise<MatDrawerToggleResult>;
+    /**
+     * Proxy open method to access sidenav from outside (from td-layout template).
+     */
+    open(): Promise<MatDrawerToggleResult>;
+    /**
+     * 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.directives.d.ts

@@ -0,0 +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 | string);
+    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, { "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, { "tdLayoutNavListClose": "tdLayoutNavListClose"; }, {}, never>;
+}
+export declare class TdLayoutNavListOpenDirective extends BaseLayoutToggleDirective {
+    set tdLayoutNavListOpen(tdLayoutNavListOpen: boolean | string);
+    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, { "tdLayoutNavListOpen": "tdLayoutNavListOpen"; }, {}, never>;
+}

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

@@ -0,0 +1,40 @@
+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;
+    toggle(): Promise<MatDrawerToggleResult>;
+    open(): Promise<MatDrawerToggleResult>;
+    close(): Promise<MatDrawerToggleResult>;
+}
+export declare class LayoutToggleBase {
+}
+export declare const _TdLayoutToggleMixinBase: (new (...args: any[]) => ICanDisable) & typeof LayoutToggleBase;
+export declare abstract class BaseLayoutToggleDirective extends _TdLayoutToggleMixinBase implements AfterViewInit, OnDestroy, ICanDisable {
+    protected _layout: ILayoutTogglable;
+    private _renderer;
+    private _elementRef;
+    private _toggleSubs?;
+    private _initialized;
+    private _hideWhenOpened;
+    /**
+     * hideWhenOpened?: boolean
+     * When this is set to true, the host will be hidden when
+     * the sidenav is opened.
+     */
+    set hideWhenOpened(hideWhenOpened: boolean);
+    constructor(_layout: ILayoutTogglable, _renderer: Renderer2, _elementRef: ElementRef);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Listens to host click event to trigger the layout toggle
+     */
+    clickListener(event: Event): void;
+    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

@@ -0,0 +1,66 @@
+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;
+    /**
+     * mode?: 'side', 'push' or 'over'
+     *
+     * The mode or styling of the sidenav.
+     * Defaults to "over".
+     * See "MatSidenav" documentation for more info.
+     *
+     * https://github.com/angular/material2/tree/main/src/lib/sidenav
+     */
+    mode: 'side' | 'push' | 'over';
+    /**
+     * opened?: boolean
+     *
+     * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
+     * Defaults to "false".
+     *
+     * See "MatSidenav" documentation for more info.
+     *
+     * https://github.com/angular/material2/tree/main/src/lib/sidenav
+     */
+    opened: boolean;
+    /**
+     * sidenavWidth?: string
+     *
+     * Sets the "width" of the sidenav in either "px" or "%"
+     * Defaults to "320px".
+     *
+     * https://github.com/angular/material2/tree/main/src/lib/sidenav
+     */
+    sidenavWidth: string;
+    /**
+     * containerAutosize?: boolean
+     *
+     * Sets "autosize" of the sidenav-container.
+     * Defaults to "false".
+     *
+     * See documentation for more info and potential performance risks.
+     *
+     * https://github.com/angular/material2/blob/main/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
+     */
+    containerAutosize: boolean;
+    /**
+     * Checks if `ESC` should close the sidenav
+     * Should only close it for `push` and `over` modes
+     */
+    get disableClose(): boolean;
+    /**
+     * Proxy toggle method to access sidenav from outside (from td-layout template).
+     */
+    toggle(): Promise<MatDrawerToggleResult>;
+    /**
+     * Proxy open method to access sidenav from outside (from td-layout template).
+     */
+    open(): Promise<MatDrawerToggleResult>;
+    /**
+     * 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.directives.d.ts

@@ -0,0 +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 | string);
+    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 | string | undefined);
+    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

@@ -0,0 +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>;
+}