@covalent/core 3.1.2-beta.6 → 4.0.0-beta.1

package/menu/package.json

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

package/message/_message-theme.scss

@@ -11,6 +11,7 @@
 
     line-height: td-line-height($config, body-2);
   }
+
   .td-message-sublabel {
     font: {
       family: td-font-family($config);
@@ -29,10 +30,12 @@
       color: mat-color($primary);
       background-color: mat-color($primary, 0.15);
     }
+
     &.mat-accent {
       color: mat-color($accent);
       background-color: mat-color($accent, 0.15);
     }
+
     &.mat-warn {
       color: mat-color($warn);
       background-color: mat-color($warn, 0.15);

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

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

package/message/message.component.d.ts

@@ -1,7 +1,10 @@
 import { Renderer2, ElementRef, AfterViewInit, ViewContainerRef, TemplateRef, ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class TdMessageContainerDirective {
     viewContainer: ViewContainerRef;
     constructor(viewContainer: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdMessageContainerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdMessageContainerDirective, "[tdMessageContainer]", never, {}, {}, never>;
 }
 export declare class TdMessageComponent implements AfterViewInit {
     private _renderer;
@@ -93,4 +96,6 @@ export declare class TdMessageComponent implements AfterViewInit {
      * Method to detach template from DOM
      */
     private _detach;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdMessageComponent, "td-message", never, { "label": "label"; "sublabel": "sublabel"; "icon": "icon"; "color": "color"; "opened": "opened"; }, {}, never, ["[td-message-actions]"]>;
 }

package/message/message.component.scss

@@ -1,5 +1,6 @@
 :host {
   display: block;
+
   .td-message-wrapper {
     padding: 8px 16px;
     min-height: 52px;
@@ -13,6 +14,7 @@
     align-content: center;
     max-width: 100%;
     justify-content: flex-start;
+
     .td-message-labels {
       // [flex]
       flex: 1;
@@ -22,6 +24,7 @@
 
 .td-message-icon {
   margin-right: 16px;
+
   ::ng-deep [dir='rtl'] & {
     margin-left: 16px;
     margin-right: 0;

package/message/message.module.d.ts

@@ -1,2 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./message.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
 export declare class CovalentMessageModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentMessageModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentMessageModule, [typeof i1.TdMessageComponent, typeof i1.TdMessageContainerDirective], [typeof i2.CommonModule, typeof i3.MatIconModule], [typeof i1.TdMessageComponent, typeof i1.TdMessageContainerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentMessageModule>;
 }

package/message/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/core",
-  "version": "v3.1.2-beta.6",
+  "version": "4.0.0-beta.1",
   "description": "Teradata UI Platform built on Angular Material",
   "keywords": [
     "angular",
@@ -33,22 +33,133 @@
     "Steven Ov <steven.ov@teradata.com>"
   ],
   "peerDependencies": {
-    "@angular/common": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/core": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/forms": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/router": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/cdk": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/material": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0"
+    "@angular/common": "^12.0.0-0 || ^13.0.0-0",
+    "@angular/core": "^12.0.0-0 || ^13.0.0-0",
+    "@angular/forms": "^12.0.0-0 || ^13.0.0-0",
+    "@angular/router": "^12.0.0-0 || ^13.0.0-0",
+    "@angular/cdk": "^12.0.0-0 || ^13.0.0-0",
+    "@angular/material": "^12.0.0-0 || ^13.0.0-0"
   },
-  "main": "bundles/covalent-core.umd.js",
-  "module": "fesm2015/covalent-core.js",
-  "es2015": "fesm2015/covalent-core.js",
-  "esm2015": "esm2015/covalent-core.js",
-  "fesm2015": "fesm2015/covalent-core.js",
+  "module": "fesm2015/covalent-core.mjs",
+  "es2020": "fesm2020/covalent-core.mjs",
+  "esm2020": "esm2020/covalent-core.mjs",
+  "fesm2020": "fesm2020/covalent-core.mjs",
+  "fesm2015": "fesm2015/covalent-core.mjs",
   "typings": "covalent-core.d.ts",
-  "metadata": "covalent-core.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./covalent-core.d.ts",
+      "esm2020": "./esm2020/covalent-core.mjs",
+      "es2020": "./fesm2020/covalent-core.mjs",
+      "es2015": "./fesm2015/covalent-core.mjs",
+      "node": "./fesm2015/covalent-core.mjs",
+      "default": "./fesm2020/covalent-core.mjs"
+    },
+    "./breadcrumbs": {
+      "types": "./breadcrumbs/covalent-core-breadcrumbs.d.ts",
+      "esm2020": "./esm2020/breadcrumbs/covalent-core-breadcrumbs.mjs",
+      "es2020": "./fesm2020/covalent-core-breadcrumbs.mjs",
+      "es2015": "./fesm2015/covalent-core-breadcrumbs.mjs",
+      "node": "./fesm2015/covalent-core-breadcrumbs.mjs",
+      "default": "./fesm2020/covalent-core-breadcrumbs.mjs"
+    },
+    "./common": {
+      "types": "./common/covalent-core-common.d.ts",
+      "esm2020": "./esm2020/common/covalent-core-common.mjs",
+      "es2020": "./fesm2020/covalent-core-common.mjs",
+      "es2015": "./fesm2015/covalent-core-common.mjs",
+      "node": "./fesm2015/covalent-core-common.mjs",
+      "default": "./fesm2020/covalent-core-common.mjs"
+    },
+    "./dialogs": {
+      "types": "./dialogs/covalent-core-dialogs.d.ts",
+      "esm2020": "./esm2020/dialogs/covalent-core-dialogs.mjs",
+      "es2020": "./fesm2020/covalent-core-dialogs.mjs",
+      "es2015": "./fesm2015/covalent-core-dialogs.mjs",
+      "node": "./fesm2015/covalent-core-dialogs.mjs",
+      "default": "./fesm2020/covalent-core-dialogs.mjs"
+    },
+    "./dynamic-menu": {
+      "types": "./dynamic-menu/covalent-core-dynamic-menu.d.ts",
+      "esm2020": "./esm2020/dynamic-menu/covalent-core-dynamic-menu.mjs",
+      "es2020": "./fesm2020/covalent-core-dynamic-menu.mjs",
+      "es2015": "./fesm2015/covalent-core-dynamic-menu.mjs",
+      "node": "./fesm2015/covalent-core-dynamic-menu.mjs",
+      "default": "./fesm2020/covalent-core-dynamic-menu.mjs"
+    },
+    "./file": {
+      "types": "./file/covalent-core-file.d.ts",
+      "esm2020": "./esm2020/file/covalent-core-file.mjs",
+      "es2020": "./fesm2020/covalent-core-file.mjs",
+      "es2015": "./fesm2015/covalent-core-file.mjs",
+      "node": "./fesm2015/covalent-core-file.mjs",
+      "default": "./fesm2020/covalent-core-file.mjs"
+    },
+    "./json-formatter": {
+      "types": "./json-formatter/covalent-core-json-formatter.d.ts",
+      "esm2020": "./esm2020/json-formatter/covalent-core-json-formatter.mjs",
+      "es2020": "./fesm2020/covalent-core-json-formatter.mjs",
+      "es2015": "./fesm2015/covalent-core-json-formatter.mjs",
+      "node": "./fesm2015/covalent-core-json-formatter.mjs",
+      "default": "./fesm2020/covalent-core-json-formatter.mjs"
+    },
+    "./layout": {
+      "types": "./layout/covalent-core-layout.d.ts",
+      "esm2020": "./esm2020/layout/covalent-core-layout.mjs",
+      "es2020": "./fesm2020/covalent-core-layout.mjs",
+      "es2015": "./fesm2015/covalent-core-layout.mjs",
+      "node": "./fesm2015/covalent-core-layout.mjs",
+      "default": "./fesm2020/covalent-core-layout.mjs"
+    },
+    "./menu": {
+      "types": "./menu/covalent-core-menu.d.ts",
+      "esm2020": "./esm2020/menu/covalent-core-menu.mjs",
+      "es2020": "./fesm2020/covalent-core-menu.mjs",
+      "es2015": "./fesm2015/covalent-core-menu.mjs",
+      "node": "./fesm2015/covalent-core-menu.mjs",
+      "default": "./fesm2020/covalent-core-menu.mjs"
+    },
+    "./message": {
+      "types": "./message/covalent-core-message.d.ts",
+      "esm2020": "./esm2020/message/covalent-core-message.mjs",
+      "es2020": "./fesm2020/covalent-core-message.mjs",
+      "es2015": "./fesm2015/covalent-core-message.mjs",
+      "node": "./fesm2015/covalent-core-message.mjs",
+      "default": "./fesm2020/covalent-core-message.mjs"
+    },
+    "./search": {
+      "types": "./search/covalent-core-search.d.ts",
+      "esm2020": "./esm2020/search/covalent-core-search.mjs",
+      "es2020": "./fesm2020/covalent-core-search.mjs",
+      "es2015": "./fesm2015/covalent-core-search.mjs",
+      "node": "./fesm2015/covalent-core-search.mjs",
+      "default": "./fesm2020/covalent-core-search.mjs"
+    },
+    "./side-sheet": {
+      "types": "./side-sheet/covalent-core-side-sheet.d.ts",
+      "esm2020": "./esm2020/side-sheet/covalent-core-side-sheet.mjs",
+      "es2020": "./fesm2020/covalent-core-side-sheet.mjs",
+      "es2015": "./fesm2015/covalent-core-side-sheet.mjs",
+      "node": "./fesm2015/covalent-core-side-sheet.mjs",
+      "default": "./fesm2020/covalent-core-side-sheet.mjs"
+    },
+    "./user-profile": {
+      "types": "./user-profile/covalent-core-user-profile.d.ts",
+      "esm2020": "./esm2020/user-profile/covalent-core-user-profile.mjs",
+      "es2020": "./fesm2020/covalent-core-user-profile.mjs",
+      "es2015": "./fesm2015/covalent-core-user-profile.mjs",
+      "node": "./fesm2015/covalent-core-user-profile.mjs",
+      "default": "./fesm2020/covalent-core-user-profile.mjs"
+    }
+  },
   "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.0.0"
+    "tslib": "^2.3.0"
+  },
+  "scripts": {
+    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
   }
-}
+}

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

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

package/search/package.json

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

package/search/search-box/search-box.component.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter, ChangeDetectorRef } from '@angular/core';
 import { TdSearchInputComponent } from '../search-input/search-input.component';
 import { IControlValueAccessor } from '@covalent/core/common';
+import * as i0 from "@angular/core";
 export declare class TdSearchBoxBase {
     _changeDetectorRef: ChangeDetectorRef;
     constructor(_changeDetectorRef: ChangeDetectorRef);
@@ -78,4 +79,6 @@ export declare class TdSearchBoxComponent extends _TdSearchBoxMixinBase implemen
     handleSearch(value: string): void;
     handleClear(): void;
     handleBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdSearchBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdSearchBoxComponent, "td-search-box", never, { "value": "value"; "backIcon": "backIcon"; "searchIcon": "searchIcon"; "clearIcon": "clearIcon"; "showUnderline": "showUnderline"; "debounce": "debounce"; "alwaysVisible": "alwaysVisible"; "placeholder": "placeholder"; }, { "searchDebounce": "searchDebounce"; "search": "search"; "clear": "clear"; "blur": "blur"; }, never, never>;
 }

package/search/search-box/search-box.component.scss

@@ -1,6 +1,7 @@
 :host {
   display: block;
 }
+
 .td-search-box {
   // [layout]
   box-sizing: border-box;
@@ -12,17 +13,21 @@
   align-content: center;
   max-width: 100%;
   justify-content: flex-end;
+
   .td-search-icon {
     // [flex="none"]
     flex: 0 0 auto;
     align-self: center;
   }
+
   td-search-input {
     margin-left: 12px;
+
     ::ng-deep [dir='rtl'] & {
       margin-right: 12px;
       margin-left: 0 !important;
     }
+
     ::ng-deep .mat-form.field.mat-form-field-appearance-legacy {
       .mat-form-field-wrapper {
         padding-bottom: 1em;

package/search/search-input/search-input.component.d.ts

@@ -3,6 +3,7 @@ import { Dir } from '@angular/cdk/bidi';
 import { MatInput } from '@angular/material/input';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { IControlValueAccessor } from '@covalent/core/common';
+import * as i0 from "@angular/core";
 export declare class TdSearchInputBase {
     _changeDetectorRef: ChangeDetectorRef;
     constructor(_changeDetectorRef: ChangeDetectorRef);
@@ -72,4 +73,6 @@ export declare class TdSearchInputComponent extends _TdSearchInputMixinBase impl
      */
     clearSearch(): void;
     private _searchTermChanged;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdSearchInputComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdSearchInputComponent, "td-search-input", never, { "value": "value"; "appearance": "appearance"; "showUnderline": "showUnderline"; "debounce": "debounce"; "placeholder": "placeholder"; "clearIcon": "clearIcon"; }, { "searchDebounce": "searchDebounce"; "search": "search"; "clear": "clear"; "blur": "blur"; }, never, never>;
 }

package/search/search-input/search-input.component.scss

@@ -11,49 +11,61 @@
     align-content: center;
     max-width: 100%;
     justify-content: flex-end;
+
     .td-search-input-field {
       flex: 1;
     }
+
     ::ng-deep mat-form-field {
       &.mat-form-field-appearance-outline {
         .mat-form-field-wrapper {
           padding-bottom: 0;
         }
       }
+
       &.mat-form-field-appearance-fill {
         .mat-form-field-wrapper {
           padding-bottom: 0;
+
           .mat-form-field-flex {
             height: 52px;
           }
+
           .mat-form-field-underline {
             bottom: 0;
           }
         }
       }
+
       &.mat-form-field-appearance-standard {
         .mat-form-field-wrapper {
           padding-bottom: 0;
+
           .mat-form-field-infix {
             bottom: 0.4em;
           }
+
           .mat-form-field-underline {
             bottom: 0;
           }
         }
       }
+
       &.mat-form-field-appearance-legacy {
         .mat-form-field-infix {
           align-self: center;
         }
       }
+
       .mat-input-element {
         caret-color: currentColor;
       }
+
       &.mat-hide-underline .mat-form-field-underline {
         display: none;
       }
     }
+
     .td-search-input-clear {
       // [flex="none"]
       flex: 0 0 auto;

package/search/search.module.d.ts

@@ -1,2 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./search-input/search-input.component";
+import * as i2 from "./search-box/search-box.component";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/button";
 export declare class CovalentSearchModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSearchModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentSearchModule, [typeof i1.TdSearchInputComponent, typeof i2.TdSearchBoxComponent], [typeof i3.FormsModule, typeof i4.CommonModule, typeof i5.MatInputModule, typeof i6.MatIconModule, typeof i7.MatButtonModule], [typeof i1.TdSearchInputComponent, typeof i2.TdSearchBoxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentSearchModule>;
 }

package/side-sheet/README.md

@@ -0,0 +1,66 @@
+# CovalentSideSheet
+
+Main injectable to import and call the `open` method with any TemplateRef or Component
+
+## td-side-sheet-title
+
+`td-side-sheet-title` adds title styling to an element (optional)
+
+## td-side-sheet-close
+
+`td-side-sheet-close` will close the open side sheet on click, enter, etc.
+
+## td-side-sheet-content
+
+`td-side-sheet-content` creates an element to hold the content with margins that follow Material spec and also scroll when the content is larger than the view port
+
+## td-side-sheet-actions
+
+`td-side-sheet-actions` creates a sticky footer that can hold multiple actions (optional)
+
+## Setup
+
+Import the [CovalentSideSheetModule] in your NgModule:
+
+```typescript
+import { CovalentSideSheetModule } from '@covalent/core/side-sheet';
+@NgModule({
+  imports: [
+    CovalentSideSheetModule,
+    ...
+  ],
+  ...
+})
+export class MyModule {}
+```
+
+## Usage
+
+Basic Example:
+
+```typescript
+import { ExampleSideSheetComponent } from './example.sidebar/example.sidesheet.component';
+import { CovalentSideSheet } from '.@covalent/core/side-sheet';
+
+export class AppComponent {  
+  constructor(private sideSheet: CovalentSideSheet) {
+    this.sideSheet.open(ExampleSidebarComponent);
+  }
+}
+```
+
+Example component html content with optional directives to support styling:
+
+```html
+<span td-sidesheet-title>
+  Side Sheet Title
+  <button mat-icon-button td-sidesheet-close>close</button>  
+</span>
+<td-side-sheet-content>
+  Sidesheet Content
+</td-side-sheet-content>
+<td-sidesheet-actions>
+  <button mat-icon-button td-sidesheet-close>close</button>
+  <button mat-icon-button td-sidesheet-close>save</button>
+</td-sidesheet-actions>
+```

package/{chips/covalent-core-chips.d.ts → side-sheet/covalent-core-side-sheet.d.ts}

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

package/side-sheet/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../fesm2015/covalent-core-side-sheet.mjs",
+  "es2020": "../fesm2020/covalent-core-side-sheet.mjs",
+  "esm2020": "../esm2020/side-sheet/covalent-core-side-sheet.mjs",
+  "fesm2020": "../fesm2020/covalent-core-side-sheet.mjs",
+  "fesm2015": "../fesm2015/covalent-core-side-sheet.mjs",
+  "typings": "covalent-core-side-sheet.d.ts",
+  "sideEffects": false,
+  "name": "@covalent/core/side-sheet"
+}

package/side-sheet/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './side-sheet.module';
+export * from './side-sheet.config';
+export * from './side-sheet.content-directives';
+export * from './side-sheet-ref';
+export * from './side-sheet';

package/side-sheet/side-sheet-container.d.ts

@@ -0,0 +1,99 @@
+import { AnimationEvent } from '@angular/animations';
+import { FocusMonitor, FocusOrigin, FocusTrapFactory } from '@angular/cdk/a11y';
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, DomPortal, TemplatePortal } from '@angular/cdk/portal';
+import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, EventEmitter } from '@angular/core';
+import { CovalentSideSheetConfig } from './side-sheet.config';
+import * as i0 from "@angular/core";
+export declare function _getFocusedElementPierceShadowDom(): HTMLElement | null;
+/**
+ * Base class for the `CovalentSideSheetContainer`. The base class does not implement
+ * animations as these are left to implementers of the side-sheet container.
+ */
+export declare abstract class _CovalentSideSheetContainerBase extends BasePortalOutlet {
+    protected _elementRef: ElementRef;
+    protected _focusTrapFactory: FocusTrapFactory;
+    protected _changeDetectorRef: ChangeDetectorRef;
+    /** The side-sheet configuration. */
+    _config: CovalentSideSheetConfig;
+    private _focusMonitor?;
+    protected _document: Document;
+    /** The portal outlet inside of this container into which the side-sheet content will be loaded. */
+    _portalOutlet: CdkPortalOutlet;
+    /** The class that traps and manages focus within the side-sheet. */
+    private _focusTrap;
+    /** Emits when an animation state changes. */
+    _animationStateChanged: EventEmitter<{
+        state: 'opened' | 'opening' | 'closing' | 'closed';
+        totalTime: number;
+    }>;
+    /** Element that was focused before the side-sheet was opened. Save this to restore upon close. */
+    private _elementFocusedBeforeSideSheetWasOpened;
+    /**
+     * Type of interaction that led to the side-sheet being closed. This is used to determine
+     * whether the focus style will be applied when returning focus to its original location
+     * after the side-sheet is closed.
+     */
+    _closeInteractionType: FocusOrigin | null;
+    /** ID of the element that should be considered as the side-sheet's label. */
+    _ariaLabelledBy: string | null;
+    /** ID for the container DOM element. */
+    _id: string;
+    constructor(_elementRef: ElementRef, _focusTrapFactory: FocusTrapFactory, _changeDetectorRef: ChangeDetectorRef, _document: any, 
+    /** The side-sheet configuration. */
+    _config: CovalentSideSheetConfig, _focusMonitor?: FocusMonitor);
+    /** Starts the side-sheet exit animation. */
+    abstract _startExitAnimation(): void;
+    /** Initializes the side-sheet container with the attached content. */
+    _initializeWithAttachedContent(): void;
+    /**
+     * Attach a ComponentPortal as content to this side-sheet container.
+     * @param portal Portal to be attached as the side-sheet content.
+     */
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    /**
+     * Attach a TemplatePortal as content to this side-sheet container.
+     * @param portal Portal to be attached as the side-sheet content.
+     */
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    /**
+     * Attaches a DOM portal to the side-sheet container.
+     * @param portal Portal to be attached.
+     * @deprecated To be turned into a method.
+     */
+    attachDomPortal: (portal: DomPortal) => void;
+    /** Moves focus back into the side-sheet if it was moved out. */
+    _recaptureFocus(): void;
+    /**
+     * Moves the focus inside the focus trap. When autoFocus is not set to 'side-sheet', if focus
+     * cannot be moved then focus will go to the side-sheet container.
+     */
+    protected _trapFocus(): void;
+    /** Restores focus to the element that was focused before the side-sheet opened. */
+    protected _restoreFocus(): void;
+    /** Sets up the focus trap. */
+    private _setupFocusTrap;
+    /** Captures the element that was focused before the side-sheet was opened. */
+    private _capturePreviouslyFocusedElement;
+    /** Focuses the side-sheet container. */
+    private _focusSideSheetContainer;
+    /** Returns whether focus is inside the side-sheet. */
+    private _containsFocus;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_CovalentSideSheetContainerBase, [null, null, null, { optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_CovalentSideSheetContainerBase, never, never, {}, {}, never>;
+}
+/**
+ * Internal component that wraps the generated side-sheet content.
+ * This animation below is the only reason for duplicating most of the Material dialog code
+ */
+export declare class CovalentSideSheetContainer extends _CovalentSideSheetContainerBase {
+    /** State of the side-sheet animation. */
+    _state: 'void' | 'enter' | 'exit';
+    /** Callback, invoked whenever an animation on the host completes. */
+    _onAnimationDone({ toState, totalTime }: AnimationEvent): void;
+    /** Callback, invoked when an animation on the host starts. */
+    _onAnimationStart({ toState, totalTime }: AnimationEvent): void;
+    /** Starts the side-sheet exit animation. */
+    _startExitAnimation(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CovalentSideSheetContainer, "td-side-sheet-container", never, {}, {}, never, never>;
+}

package/side-sheet/side-sheet-ref.d.ts

@@ -0,0 +1,10 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { OverlayRef } from '@angular/cdk/overlay';
+import { MatDialogRef, _MatDialogContainerBase } from '@angular/material/dialog';
+export declare class CovalentSideSheetRef<T, R = any> extends MatDialogRef<T, R> {
+    overlayRef: OverlayRef;
+    _containerInstance: _MatDialogContainerBase;
+    readonly id: string;
+    constructor(overlayRef: OverlayRef, _containerInstance: _MatDialogContainerBase, id?: string);
+}
+export declare function _closeSideSheetVia<R>(ref: CovalentSideSheetRef<R>, interactionType: FocusOrigin, result?: R): void;

package/side-sheet/side-sheet.animation.d.ts

@@ -0,0 +1,4 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+export declare const tdSideSheetAnimations: {
+    readonly sideSheetContainer: AnimationTriggerMetadata;
+};