@covalent/core 9.1.3 → 10.0.0

package/fesm2022/covalent-core-side-sheet.mjs

@@ -1,11 +1,10 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Directive, Optional, Inject, ViewChild, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, HostListener, Injector, TemplateRef, InjectFlags, Injectable, SkipSelf, Input, NgModule } from '@angular/core';
-import * as i3 from '@angular/cdk/portal';
-import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, PortalModule } from '@angular/cdk/portal';
-import { AnimationDurations, AnimationCurves, MatCommonModule } from '@angular/material/core';
-import { MatDialogConfig, MatDialogRef, MAT_DIALOG_DATA, MAT_DIALOG_DEFAULT_OPTIONS, MatDialogModule } from '@angular/material/dialog';
 import * as i1$1 from '@angular/cdk/overlay';
 import { OverlayConfig } from '@angular/cdk/overlay';
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { MatDialogConfig, MatDialogRef, MAT_DIALOG_DATA, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
+import { AnimationDurations, AnimationCurves } from '@angular/material/core';
 import * as i1 from '@angular/cdk/a11y';
 import { DOCUMENT } from '@angular/common';
 import { trigger, state, style, transition, animate } from '@angular/animations';
@@ -34,6 +33,7 @@ class CovalentSideSheetConfig extends MatDialogConfig {
     subPageMode = SubPageMode.pushed;
 }
 
+function CovalentSideSheetContainerComponent_ng_template_0_Template(rf, ctx) { }
 function _getFocusedElementPierceShadowDom() {
     let activeElement = typeof document !== 'undefined' && document
         ? document.activeElement
@@ -203,20 +203,25 @@ class _CovalentSideSheetContainerBase extends BasePortalOutlet {
         const activeElement = _getFocusedElementPierceShadowDom();
         return element === activeElement || element.contains(activeElement);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: _CovalentSideSheetContainerBase, deps: [{ token: i0.ElementRef }, { token: i1.ConfigurableFocusTrapFactory }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT, optional: true }, { token: CovalentSideSheetConfig }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: _CovalentSideSheetContainerBase, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
+    static ɵfac = function _CovalentSideSheetContainerBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || _CovalentSideSheetContainerBase)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.ConfigurableFocusTrapFactory), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(DOCUMENT, 8), i0.ɵɵdirectiveInject(CovalentSideSheetConfig), i0.ɵɵdirectiveInject(i1.FocusMonitor)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: _CovalentSideSheetContainerBase, viewQuery: function _CovalentSideSheetContainerBase_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(CdkPortalOutlet, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._portalOutlet = _t.first);
+        } }, features: [i0.ɵɵInheritDefinitionFeature] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: _CovalentSideSheetContainerBase, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ConfigurableFocusTrapFactory }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: CovalentSideSheetConfig }, { type: i1.FocusMonitor }], propDecorators: { _portalOutlet: [{
-                type: ViewChild,
-                args: [CdkPortalOutlet, { static: true }]
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(_CovalentSideSheetContainerBase, [{
+        type: Directive
+    }], () => [{ type: i0.ElementRef }, { type: i1.ConfigurableFocusTrapFactory }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [DOCUMENT]
+            }] }, { type: CovalentSideSheetConfig }, { type: i1.FocusMonitor }], { _portalOutlet: [{
+            type: ViewChild,
+            args: [CdkPortalOutlet, { static: true }]
+        }] }); })();
 /**
  * Internal component that wraps the generated side-sheet content.
  * This animation below is the only reason for duplicating most of the Material dialog code
@@ -268,46 +273,56 @@ class CovalentSideSheetContainerComponent extends _CovalentSideSheetContainerBas
         this._state = 'exit';
         this._changeDetectorRef.markForCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: CovalentSideSheetContainerComponent, selector: "td-side-sheet-container", host: { listeners: { "@sideSheetContainer.start": "onAnimateStart($event)", "@sideSheetContainer.done": "onAnimateDone($event)" }, properties: { "class.td-side-sheet-container": "this.tdSideSheetContainerClass", "tabindex": "this.tabIndex", "aria-modal": "this.arialModal", "id": "this.idAttr", "attr.role": "this.roleAttr", "attr.aria-labelledby": "this.arialLabelByAttr", "attr.aria-describedby": "this.arialDescribeByAttr", "attr.aria-label": "this.arialLabelAttr", "@sideSheetContainer": "this.sideSheetAnimationState" } }, usesInheritance: true, ngImport: i0, template: ` <ng-template cdkPortalOutlet></ng-template> `, isInline: true, styles: [".td-side-sheet-container{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;display:block;padding:24px;box-sizing:border-box;overflow:auto;outline:0;width:100%;height:100%;min-height:inherit;max-height:inherit}.td-side-sheet-wrapper{display:flex;flex-direction:column;height:100%}.td-side-sheet-content{margin:0 -24px;padding:0 24px;overflow:auto;flex:1;-webkit-overflow-scrolling:touch}.td-side-sheet-title{margin:-16px 0 20px;display:flex;align-items:center}.td-side-sheet-actions{padding:8px 0;margin:0 -16px -24px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;box-sizing:content-box}.td-side-sheet-actions[align=end]{justify-content:flex-end}.td-side-sheet-actions[align=center]{justify-content:center}.td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0;margin-right:8px}\n"], dependencies: [{ kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [tdSideSheetAnimations.sideSheetContainer], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = /*@__PURE__*/ (() => { let ɵCovalentSideSheetContainerComponent_BaseFactory; return function CovalentSideSheetContainerComponent_Factory(__ngFactoryType__) { return (ɵCovalentSideSheetContainerComponent_BaseFactory || (ɵCovalentSideSheetContainerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CovalentSideSheetContainerComponent)))(__ngFactoryType__ || CovalentSideSheetContainerComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CovalentSideSheetContainerComponent, selectors: [["td-side-sheet-container"]], hostVars: 10, hostBindings: function CovalentSideSheetContainerComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵsyntheticHostListener("@sideSheetContainer.start", function CovalentSideSheetContainerComponent_animation_sideSheetContainer_start_HostBindingHandler($event) { return ctx.onAnimateStart($event); })("@sideSheetContainer.done", function CovalentSideSheetContainerComponent_animation_sideSheetContainer_done_HostBindingHandler($event) { return ctx.onAnimateDone($event); });
+        } if (rf & 2) {
+            i0.ɵɵhostProperty("tabindex", ctx.tabIndex)("aria-modal", ctx.arialModal)("id", ctx.idAttr);
+            i0.ɵɵsyntheticHostProperty("@sideSheetContainer", ctx.sideSheetAnimationState);
+            i0.ɵɵattribute("role", ctx.roleAttr)("aria-labelledby", ctx.arialLabelByAttr)("aria-describedby", ctx.arialDescribeByAttr)("aria-label", ctx.arialLabelAttr);
+            i0.ɵɵclassProp("td-side-sheet-container", ctx.tdSideSheetContainerClass);
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 0, consts: [["cdkPortalOutlet", ""]], template: function CovalentSideSheetContainerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, CovalentSideSheetContainerComponent_ng_template_0_Template, 0, 0, "ng-template", 0);
+        } }, dependencies: [CdkPortalOutlet], styles: [".td-side-sheet-container{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;display:block;padding:24px;box-sizing:border-box;overflow:auto;outline:0;width:100%;height:100%;min-height:inherit;max-height:inherit}.td-side-sheet-wrapper{display:flex;flex-direction:column;height:100%}.td-side-sheet-content{margin:0 -24px;padding:0 24px;overflow:auto;flex:1;-webkit-overflow-scrolling:touch}.td-side-sheet-title{margin:-16px 0 20px;display:flex;align-items:center}.td-side-sheet-actions{padding:8px 0;margin:0 -16px -24px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;box-sizing:content-box}.td-side-sheet-actions[align=end]{justify-content:flex-end}.td-side-sheet-actions[align=center]{justify-content:center}.td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0;margin-right:8px}\n"], encapsulation: 2, data: { animation: [tdSideSheetAnimations.sideSheetContainer] } });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'td-side-sheet-container', template: ` <ng-template cdkPortalOutlet></ng-template> `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, animations: [tdSideSheetAnimations.sideSheetContainer], styles: [".td-side-sheet-container{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;display:block;padding:24px;box-sizing:border-box;overflow:auto;outline:0;width:100%;height:100%;min-height:inherit;max-height:inherit}.td-side-sheet-wrapper{display:flex;flex-direction:column;height:100%}.td-side-sheet-content{margin:0 -24px;padding:0 24px;overflow:auto;flex:1;-webkit-overflow-scrolling:touch}.td-side-sheet-title{margin:-16px 0 20px;display:flex;align-items:center}.td-side-sheet-actions{padding:8px 0;margin:0 -16px -24px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;box-sizing:content-box}.td-side-sheet-actions[align=end]{justify-content:flex-end}.td-side-sheet-actions[align=center]{justify-content:center}.td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0;margin-right:8px}\n"] }]
-        }], propDecorators: { tdSideSheetContainerClass: [{
-                type: HostBinding,
-                args: ['class.td-side-sheet-container']
-            }], tabIndex: [{
-                type: HostBinding,
-                args: ['tabindex']
-            }], arialModal: [{
-                type: HostBinding,
-                args: ['aria-modal']
-            }], idAttr: [{
-                type: HostBinding,
-                args: ['id']
-            }], roleAttr: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], arialLabelByAttr: [{
-                type: HostBinding,
-                args: ['attr.aria-labelledby']
-            }], arialDescribeByAttr: [{
-                type: HostBinding,
-                args: ['attr.aria-describedby']
-            }], arialLabelAttr: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
-            }], sideSheetAnimationState: [{
-                type: HostBinding,
-                args: ['@sideSheetContainer']
-            }], onAnimateStart: [{
-                type: HostListener,
-                args: ['@sideSheetContainer.start', ['$event']]
-            }], onAnimateDone: [{
-                type: HostListener,
-                args: ['@sideSheetContainer.done', ['$event']]
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetContainerComponent, [{
+        type: Component,
+        args: [{ selector: 'td-side-sheet-container', template: ` <ng-template cdkPortalOutlet></ng-template> `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, animations: [tdSideSheetAnimations.sideSheetContainer], imports: [CdkPortalOutlet], styles: [".td-side-sheet-container{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;display:block;padding:24px;box-sizing:border-box;overflow:auto;outline:0;width:100%;height:100%;min-height:inherit;max-height:inherit}.td-side-sheet-wrapper{display:flex;flex-direction:column;height:100%}.td-side-sheet-content{margin:0 -24px;padding:0 24px;overflow:auto;flex:1;-webkit-overflow-scrolling:touch}.td-side-sheet-title{margin:-16px 0 20px;display:flex;align-items:center}.td-side-sheet-actions{padding:8px 0;margin:0 -16px -24px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;box-sizing:content-box}.td-side-sheet-actions[align=end]{justify-content:flex-end}.td-side-sheet-actions[align=center]{justify-content:center}.td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0;margin-right:8px}\n"] }]
+    }], null, { tdSideSheetContainerClass: [{
+            type: HostBinding,
+            args: ['class.td-side-sheet-container']
+        }], tabIndex: [{
+            type: HostBinding,
+            args: ['tabindex']
+        }], arialModal: [{
+            type: HostBinding,
+            args: ['aria-modal']
+        }], idAttr: [{
+            type: HostBinding,
+            args: ['id']
+        }], roleAttr: [{
+            type: HostBinding,
+            args: ['attr.role']
+        }], arialLabelByAttr: [{
+            type: HostBinding,
+            args: ['attr.aria-labelledby']
+        }], arialDescribeByAttr: [{
+            type: HostBinding,
+            args: ['attr.aria-describedby']
+        }], arialLabelAttr: [{
+            type: HostBinding,
+            args: ['attr.aria-label']
+        }], sideSheetAnimationState: [{
+            type: HostBinding,
+            args: ['@sideSheetContainer']
+        }], onAnimateStart: [{
+            type: HostListener,
+            args: ['@sideSheetContainer.start', ['$event']]
+        }], onAnimateDone: [{
+            type: HostListener,
+            args: ['@sideSheetContainer.done', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CovalentSideSheetContainerComponent, { className: "CovalentSideSheetContainerComponent", filePath: "side-sheet-container.ts", lineNumber: 255 }); })();
 
 // Counter for unique dialog ids.
 let uniqueId = 0;
@@ -530,12 +545,12 @@ class _CovalentSideSheetBase {
             sideSheets[i].close();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: _CovalentSideSheetBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: _CovalentSideSheetBase, ngImport: i0 });
+    static ɵfac = function _CovalentSideSheetBase_Factory(__ngFactoryType__) { i0.ɵɵinvalidFactory(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: _CovalentSideSheetBase });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: _CovalentSideSheetBase, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [{ type: i1$1.Overlay }, { type: i0.Injector }, { type: undefined }, { type: undefined }, { type: i0.Type }, { type: i0.Type }, { type: i0.InjectionToken }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(_CovalentSideSheetBase, [{
+        type: Directive
+    }], () => [{ type: i1$1.Overlay }, { type: i0.Injector }, { type: undefined }, { type: undefined }, { type: i0.Type }, { type: i0.Type }, { type: i0.InjectionToken }], null); })();
 /**
  * Service to open Covalent Design side-sheet.
  */
@@ -543,21 +558,21 @@ class CovalentSideSheet extends _CovalentSideSheetBase {
     constructor(overlay, injector, defaultOptions, parentSideSheet) {
         super(overlay, injector, defaultOptions, parentSideSheet, CovalentSideSheetRef, CovalentSideSheetContainerComponent, MAT_DIALOG_DATA);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheet, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }, { token: MAT_DIALOG_DEFAULT_OPTIONS, optional: true }, { token: CovalentSideSheet, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheet });
+    static ɵfac = function CovalentSideSheet_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentSideSheet)(i0.ɵɵinject(i1$1.Overlay), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(MAT_DIALOG_DEFAULT_OPTIONS, 8), i0.ɵɵinject(CovalentSideSheet, 12)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CovalentSideSheet, factory: CovalentSideSheet.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheet, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.Overlay }, { type: i0.Injector }, { type: CovalentSideSheetConfig, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MAT_DIALOG_DEFAULT_OPTIONS]
-                }] }, { type: CovalentSideSheet, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheet, [{
+        type: Injectable
+    }], () => [{ type: i1$1.Overlay }, { type: i0.Injector }, { type: CovalentSideSheetConfig, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [MAT_DIALOG_DEFAULT_OPTIONS]
+            }] }, { type: CovalentSideSheet, decorators: [{
+                type: Optional
+            }, {
+                type: SkipSelf
+            }] }], null); })();
 
 /* tslint:disable */
 /** Counter used to generate unique IDs for dialog elements. */
@@ -608,38 +623,42 @@ class CovalentSideSheetCloseDirective {
         // the FocusMonitor won't detect any origin change, and will always output `program`.
         _closeSideSheetVia(this.dialogRef, event.screenX === 0 && event.screenY === 0 ? 'keyboard' : 'mouse', this.dialogResult);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetCloseDirective, deps: [{ token: CovalentSideSheetRef, optional: true }, { token: i0.ElementRef }, { token: CovalentSideSheet }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: CovalentSideSheetCloseDirective, selector: "[td-side-sheet-close], [CovalentSideSheetClose]", inputs: { ariaLabel: ["aria-label", "ariaLabel"], type: "type", dialogResult: ["td-side-sheet-close", "dialogResult"], _CovalentSideSheetClose: ["CovalentSideSheetClose", "_CovalentSideSheetClose"] }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.arial-label": "this.ariaLabel", "attr.type": "this.type" } }, exportAs: ["CovalentSideSheetClose"], usesOnChanges: true, ngImport: i0 });
+    static ɵfac = function CovalentSideSheetCloseDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentSideSheetCloseDirective)(i0.ɵɵdirectiveInject(CovalentSideSheetRef, 8), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(CovalentSideSheet)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CovalentSideSheetCloseDirective, selectors: [["", "td-side-sheet-close", ""], ["", "CovalentSideSheetClose", ""]], hostVars: 2, hostBindings: function CovalentSideSheetCloseDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function CovalentSideSheetCloseDirective_click_HostBindingHandler($event) { return ctx.onClick($event); });
+        } if (rf & 2) {
+            i0.ɵɵattribute("arial-label", ctx.ariaLabel)("type", ctx.type);
+        } }, inputs: { ariaLabel: [0, "aria-label", "ariaLabel"], type: "type", dialogResult: [0, "td-side-sheet-close", "dialogResult"], _CovalentSideSheetClose: [0, "CovalentSideSheetClose", "_CovalentSideSheetClose"] }, exportAs: ["CovalentSideSheetClose"], features: [i0.ɵɵNgOnChangesFeature] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetCloseDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[td-side-sheet-close], [CovalentSideSheetClose]',
-                    exportAs: 'CovalentSideSheetClose',
-                }]
-        }], ctorParameters: () => [{ type: CovalentSideSheetRef, decorators: [{
-                    type: Optional
-                }] }, { type: i0.ElementRef }, { type: CovalentSideSheet }], propDecorators: { ariaLabel: [{
-                type: HostBinding,
-                args: ['attr.arial-label']
-            }, {
-                type: Input,
-                args: ['aria-label']
-            }], type: [{
-                type: HostBinding,
-                args: ['attr.type']
-            }, {
-                type: Input
-            }], dialogResult: [{
-                type: Input,
-                args: ['td-side-sheet-close']
-            }], _CovalentSideSheetClose: [{
-                type: Input,
-                args: ['CovalentSideSheetClose']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetCloseDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[td-side-sheet-close], [CovalentSideSheetClose]',
+                exportAs: 'CovalentSideSheetClose',
+            }]
+    }], () => [{ type: CovalentSideSheetRef, decorators: [{
+                type: Optional
+            }] }, { type: i0.ElementRef }, { type: CovalentSideSheet }], { ariaLabel: [{
+            type: HostBinding,
+            args: ['attr.arial-label']
+        }, {
+            type: Input,
+            args: ['aria-label']
+        }], type: [{
+            type: HostBinding,
+            args: ['attr.type']
+        }, {
+            type: Input
+        }], dialogResult: [{
+            type: Input,
+            args: ['td-side-sheet-close']
+        }], _CovalentSideSheetClose: [{
+            type: Input,
+            args: ['CovalentSideSheetClose']
+        }], onClick: [{
+            type: HostListener,
+            args: ['click', ['$event']]
+        }] }); })();
 /**
  * Title of a side sheet element. Stays fixed to the top of the side sheet when scrolling.
  */
@@ -672,78 +691,87 @@ class CovalentSideSheetTitleDirective {
             this._dialogRef = getClosestDialog(this._elementRef, this._dialog.openSideSheets);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetTitleDirective, deps: [{ token: CovalentSideSheetRef, optional: true }, { token: i0.ElementRef }, { token: CovalentSideSheet }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: CovalentSideSheetTitleDirective, selector: "[td-side-sheet-title], [CovalentSideSheetTitle]", inputs: { id: "id" }, host: { properties: { "class.td-side-sheet-title": "this.tdSideSheetTitle", "attr.id": "this.idAttr" } }, exportAs: ["CovalentSideSheetTitle"], ngImport: i0 });
+    static ɵfac = function CovalentSideSheetTitleDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentSideSheetTitleDirective)(i0.ɵɵdirectiveInject(CovalentSideSheetRef, 8), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(CovalentSideSheet)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CovalentSideSheetTitleDirective, selectors: [["", "td-side-sheet-title", ""], ["", "CovalentSideSheetTitle", ""]], hostVars: 3, hostBindings: function CovalentSideSheetTitleDirective_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("id", ctx.idAttr);
+            i0.ɵɵclassProp("td-side-sheet-title", ctx.tdSideSheetTitle);
+        } }, inputs: { id: "id" }, exportAs: ["CovalentSideSheetTitle"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetTitleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[td-side-sheet-title], [CovalentSideSheetTitle]',
-                    exportAs: 'CovalentSideSheetTitle',
-                }]
-        }], ctorParameters: () => [{ type: CovalentSideSheetRef, decorators: [{
-                    type: Optional
-                }] }, { type: i0.ElementRef }, { type: CovalentSideSheet }], propDecorators: { id: [{
-                type: Input
-            }], tdSideSheetTitle: [{
-                type: HostBinding,
-                args: ['class.td-side-sheet-title']
-            }], idAttr: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetTitleDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[td-side-sheet-title], [CovalentSideSheetTitle]',
+                exportAs: 'CovalentSideSheetTitle',
+            }]
+    }], () => [{ type: CovalentSideSheetRef, decorators: [{
+                type: Optional
+            }] }, { type: i0.ElementRef }, { type: CovalentSideSheet }], { id: [{
+            type: Input
+        }], tdSideSheetTitle: [{
+            type: HostBinding,
+            args: ['class.td-side-sheet-title']
+        }], idAttr: [{
+            type: HostBinding,
+            args: ['attr.id']
+        }] }); })();
 /**
  * Scrollable content container of a dialog.
  */
 class CovalentSideSheetContentDirective {
     tdSideSheetContent = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: CovalentSideSheetContentDirective, selector: "[td-side-sheet-content], td-side-sheet-content, [CovalentSideSheetContent]", host: { properties: { "class.td-side-sheet-content": "this.tdSideSheetContent" } }, ngImport: i0 });
+    static ɵfac = function CovalentSideSheetContentDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentSideSheetContentDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CovalentSideSheetContentDirective, selectors: [["", "td-side-sheet-content", ""], ["td-side-sheet-content"], ["", "CovalentSideSheetContent", ""]], hostVars: 2, hostBindings: function CovalentSideSheetContentDirective_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassProp("td-side-sheet-content", ctx.tdSideSheetContent);
+        } } });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetContentDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[td-side-sheet-content], td-side-sheet-content, [CovalentSideSheetContent]`,
-                }]
-        }], propDecorators: { tdSideSheetContent: [{
-                type: HostBinding,
-                args: ['class.td-side-sheet-content']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetContentDirective, [{
+        type: Directive,
+        args: [{
+                selector: `[td-side-sheet-content], td-side-sheet-content, [CovalentSideSheetContent]`,
+            }]
+    }], null, { tdSideSheetContent: [{
+            type: HostBinding,
+            args: ['class.td-side-sheet-content']
+        }] }); })();
 /**
  * Container for the bottom action buttons in a dialog.
  * Stays fixed to the bottom when scrolling.
  */
 class CovalentSideSheetActionsDirective {
     tdSideSheetActions = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: CovalentSideSheetActionsDirective, selector: "[td-side-sheet-actions], td-side-sheet-actions, [CovalentSideSheetActions]", host: { properties: { "class.td-side-sheet-actions": "this.tdSideSheetActions" } }, ngImport: i0 });
+    static ɵfac = function CovalentSideSheetActionsDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentSideSheetActionsDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CovalentSideSheetActionsDirective, selectors: [["", "td-side-sheet-actions", ""], ["td-side-sheet-actions"], ["", "CovalentSideSheetActions", ""]], hostVars: 2, hostBindings: function CovalentSideSheetActionsDirective_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassProp("td-side-sheet-actions", ctx.tdSideSheetActions);
+        } } });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetActionsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[td-side-sheet-actions], td-side-sheet-actions, [CovalentSideSheetActions]`,
-                }]
-        }], propDecorators: { tdSideSheetActions: [{
-                type: HostBinding,
-                args: ['class.td-side-sheet-actions']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetActionsDirective, [{
+        type: Directive,
+        args: [{
+                selector: `[td-side-sheet-actions], td-side-sheet-actions, [CovalentSideSheetActions]`,
+            }]
+    }], null, { tdSideSheetActions: [{
+            type: HostBinding,
+            args: ['class.td-side-sheet-actions']
+        }] }); })();
 /**
  * Container for the wrapper part of the dialog
  */
 class CovalentSideSheetWrapperDirective {
     tdSideSheetWrapper = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetWrapperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: CovalentSideSheetWrapperDirective, selector: "[td-side-sheet-wrapper], td-side-sheet-wrapper, [CovalentSideSheetWrapper]", host: { properties: { "class.td-side-sheet-wrapper": "this.tdSideSheetWrapper" } }, ngImport: i0 });
+    static ɵfac = function CovalentSideSheetWrapperDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentSideSheetWrapperDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CovalentSideSheetWrapperDirective, selectors: [["", "td-side-sheet-wrapper", ""], ["td-side-sheet-wrapper"], ["", "CovalentSideSheetWrapper", ""]], hostVars: 2, hostBindings: function CovalentSideSheetWrapperDirective_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassProp("td-side-sheet-wrapper", ctx.tdSideSheetWrapper);
+        } } });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetWrapperDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[td-side-sheet-wrapper], td-side-sheet-wrapper, [CovalentSideSheetWrapper]`,
-                }]
-        }], propDecorators: { tdSideSheetWrapper: [{
-                type: HostBinding,
-                args: ['class.td-side-sheet-wrapper']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetWrapperDirective, [{
+        type: Directive,
+        args: [{
+                selector: `[td-side-sheet-wrapper], td-side-sheet-wrapper, [CovalentSideSheetWrapper]`,
+            }]
+    }], null, { tdSideSheetWrapper: [{
+            type: HostBinding,
+            args: ['class.td-side-sheet-wrapper']
+        }] }); })();
 /**
  * Finds the closest CovalentSideSheetRef to an element by looking at the DOM.
  * @param element Element relative to which to look for a dialog.
@@ -759,42 +787,46 @@ function getClosestDialog(element, openDialogs) {
         : openDialogs[0];
 }
 
+/**
+ * @deprecated This module is deprecated and will be removed in future versions.
+ * Please migrate to using standalone components as soon as possible.
+ */
 class CovalentSideSheetModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetModule, declarations: [CovalentSideSheetContainerComponent,
-            CovalentSideSheetActionsDirective,
-            CovalentSideSheetCloseDirective,
-            CovalentSideSheetContentDirective,
-            CovalentSideSheetTitleDirective,
-            CovalentSideSheetWrapperDirective], imports: [PortalModule, MatDialogModule, MatCommonModule], exports: [CovalentSideSheetActionsDirective,
-            CovalentSideSheetCloseDirective,
-            CovalentSideSheetContentDirective,
-            CovalentSideSheetTitleDirective,
-            CovalentSideSheetWrapperDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetModule, providers: [CovalentSideSheet], imports: [PortalModule, MatDialogModule, MatCommonModule] });
+    static ɵfac = function CovalentSideSheetModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentSideSheetModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CovalentSideSheetModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [CovalentSideSheet] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentSideSheetModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        CovalentSideSheetContainerComponent,
-                        CovalentSideSheetActionsDirective,
-                        CovalentSideSheetCloseDirective,
-                        CovalentSideSheetContentDirective,
-                        CovalentSideSheetTitleDirective,
-                        CovalentSideSheetWrapperDirective,
-                    ],
-                    exports: [
-                        CovalentSideSheetActionsDirective,
-                        CovalentSideSheetCloseDirective,
-                        CovalentSideSheetContentDirective,
-                        CovalentSideSheetTitleDirective,
-                        CovalentSideSheetWrapperDirective,
-                    ],
-                    imports: [PortalModule, MatDialogModule, MatCommonModule],
-                    providers: [CovalentSideSheet],
-                }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CovalentSideSheetContainerComponent,
+                    CovalentSideSheetActionsDirective,
+                    CovalentSideSheetCloseDirective,
+                    CovalentSideSheetContentDirective,
+                    CovalentSideSheetTitleDirective,
+                    CovalentSideSheetWrapperDirective,
+                ],
+                exports: [
+                    CovalentSideSheetActionsDirective,
+                    CovalentSideSheetCloseDirective,
+                    CovalentSideSheetContentDirective,
+                    CovalentSideSheetTitleDirective,
+                    CovalentSideSheetWrapperDirective,
+                ],
+                providers: [CovalentSideSheet],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentSideSheetModule, { imports: [CovalentSideSheetContainerComponent,
+        CovalentSideSheetActionsDirective,
+        CovalentSideSheetCloseDirective,
+        CovalentSideSheetContentDirective,
+        CovalentSideSheetTitleDirective,
+        CovalentSideSheetWrapperDirective], exports: [CovalentSideSheetActionsDirective,
+        CovalentSideSheetCloseDirective,
+        CovalentSideSheetContentDirective,
+        CovalentSideSheetTitleDirective,
+        CovalentSideSheetWrapperDirective] }); })();
 
 /**
  * Generated bundle index. Do not edit.