@covalent/core 4.0.0-beta.2 → 4.1.0-develop.2

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Optional, Inject, ViewChild, Component, ViewEncapsulation, ChangeDetectionStrategy, Injector, TemplateRef, InjectFlags, Injectable, SkipSelf, Input, NgModule } 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';
@@ -26,11 +26,13 @@ const tdSideSheetAnimations = {
 class CovalentSideSheetConfig extends MatDialogConfig {
 }
 
-function CovalentSideSheetContainer_ng_template_0_Template(rf, ctx) { }
 function _getFocusedElementPierceShadowDom() {
-    let activeElement = typeof document !== 'undefined' && document ? document.activeElement : null;
+    let activeElement = typeof document !== 'undefined' && document
+        ? document.activeElement
+        : null;
     while (activeElement && activeElement.shadowRoot) {
-        const newActiveElement = activeElement.shadowRoot.activeElement;
+        const newActiveElement = activeElement.shadowRoot
+            .activeElement;
         if (newActiveElement === activeElement) {
             break;
         }
@@ -114,7 +116,9 @@ class _CovalentSideSheetContainerBase extends BasePortalOutlet {
             }
         }
         else {
-            this._focusTrap.focusInitialElementWhenReady().then((focusedSuccessfully) => {
+            this._focusTrap
+                .focusInitialElementWhenReady()
+                .then((focusedSuccessfully) => {
                 // If we weren't able to find a focusable element in the side-sheet, then focus the side-sheet
                 // container instead.
                 if (!focusedSuccessfully) {
@@ -127,7 +131,9 @@ class _CovalentSideSheetContainerBase extends BasePortalOutlet {
     _restoreFocus() {
         const previousElement = this._elementFocusedBeforeSideSheetWasOpened;
         // We need the extra check, because IE can set the `activeElement` to null in some cases.
-        if (this._config.restoreFocus && previousElement && typeof previousElement.focus === 'function') {
+        if (this._config.restoreFocus &&
+            previousElement &&
+            typeof previousElement.focus === 'function') {
             const activeElement = _getFocusedElementPierceShadowDom();
             const element = this._elementRef.nativeElement;
             // Make sure that focus is still inside the side-sheet or is on the body (usually because a
@@ -158,7 +164,8 @@ class _CovalentSideSheetContainerBase extends BasePortalOutlet {
     /** Captures the element that was focused before the side-sheet was opened. */
     _capturePreviouslyFocusedElement() {
         if (this._document) {
-            this._elementFocusedBeforeSideSheetWasOpened = _getFocusedElementPierceShadowDom();
+            this._elementFocusedBeforeSideSheetWasOpened =
+                _getFocusedElementPierceShadowDom();
         }
     }
     /** Focuses the side-sheet container. */
@@ -175,33 +182,47 @@ class _CovalentSideSheetContainerBase extends BasePortalOutlet {
         return element === activeElement || element.contains(activeElement);
     }
 }
-/** @nocollapse */ /** @nocollapse */ _CovalentSideSheetContainerBase.ɵfac = function _CovalentSideSheetContainerBase_Factory(t) { return new (t || _CovalentSideSheetContainerBase)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.FocusTrapFactory), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(DOCUMENT, 8), i0.ɵɵdirectiveInject(CovalentSideSheetConfig), i0.ɵɵdirectiveInject(i1.FocusMonitor)); };
-/** @nocollapse */ /** @nocollapse */ _CovalentSideSheetContainerBase.ɵdir = /** @pureOrBreakMyCode */ 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] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(_CovalentSideSheetContainerBase, [{
-        type: Directive
-    }], function () { return [{ type: i0.ElementRef }, { type: i1.FocusTrapFactory }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                type: Optional
-            }, {
-                type: Inject,
-                args: [DOCUMENT]
-            }] }, { type: CovalentSideSheetConfig }, { type: i1.FocusMonitor }]; }, { _portalOutlet: [{
-            type: ViewChild,
-            args: [CdkPortalOutlet, { static: true }]
-        }] }); })();
+_CovalentSideSheetContainerBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", 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 });
+_CovalentSideSheetContainerBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: _CovalentSideSheetContainerBase, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: _CovalentSideSheetContainerBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ 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 }]
+            }] } });
 /**
  * Internal component that wraps the generated side-sheet content.
  * This animation below is the only reason for duplicating most of the Material dialog code
  */
-class CovalentSideSheetContainer extends _CovalentSideSheetContainerBase {
+class CovalentSideSheetContainerComponent extends _CovalentSideSheetContainerBase {
     constructor() {
         super(...arguments);
         /** State of the side-sheet animation. */
         this._state = 'enter';
+        this.tdSideSheetContainerClass = true;
+        this.tabIndex = -1;
+        this.arialModal = true;
+        this.idAttr = this._id;
+        this.roleAttr = this._config.role;
+        this.arialLabelByAttr = this._config.ariaLabel
+            ? null
+            : this._ariaLabelledBy;
+        this.arialDescribeByAttr = this._config.ariaDescribedBy || null;
+        this.arialLabelAttr = this._config.ariaLabel;
+    }
+    get sideSheetAnimationState() {
+        return this._state;
+    }
+    onAnimateStart($event) {
+        this._onAnimationStart($event);
+    }
+    onAnimateDone($event) {
+        this._onAnimationDone($event);
     }
     /** Callback, invoked whenever an animation on the host completes. */
     _onAnimationDone({ toState, totalTime }) {
@@ -229,34 +250,45 @@ class CovalentSideSheetContainer extends _CovalentSideSheetContainerBase {
         this._changeDetectorRef.markForCheck();
     }
 }
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetContainer.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵCovalentSideSheetContainer_BaseFactory; return function CovalentSideSheetContainer_Factory(t) { return (ɵCovalentSideSheetContainer_BaseFactory || (ɵCovalentSideSheetContainer_BaseFactory = i0.ɵɵgetInheritedFactory(CovalentSideSheetContainer)))(t || CovalentSideSheetContainer); }; }();
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetContainer.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CovalentSideSheetContainer, selectors: [["td-side-sheet-container"]], hostAttrs: ["tabindex", "-1", "aria-modal", "true", 1, "td-side-sheet-container"], hostVars: 6, hostBindings: function CovalentSideSheetContainer_HostBindings(rf, ctx) { if (rf & 1) {
-        i0.ɵɵsyntheticHostListener("@sideSheetContainer.start", function CovalentSideSheetContainer_animation_sideSheetContainer_start_HostBindingHandler($event) { return ctx._onAnimationStart($event); })("@sideSheetContainer.done", function CovalentSideSheetContainer_animation_sideSheetContainer_done_HostBindingHandler($event) { return ctx._onAnimationDone($event); });
-    } if (rf & 2) {
-        i0.ɵɵhostProperty("id", ctx._id);
-        i0.ɵɵattribute("role", ctx._config.role)("aria-labelledby", ctx._config.ariaLabel ? null : ctx._ariaLabelledBy)("aria-label", ctx._config.ariaLabel)("aria-describedby", ctx._config.ariaDescribedBy || null);
-        i0.ɵɵsyntheticHostProperty("@sideSheetContainer", ctx._state);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 0, consts: [["cdkPortalOutlet", ""]], template: function CovalentSideSheetContainer_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, CovalentSideSheetContainer_ng_template_0_Template, 0, 0, "ng-template", 0);
-    } }, directives: [i3.CdkPortalOutlet], styles: [".td-side-sheet-container{background-color:#fff;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.td-side-sheet-content{margin:0 -24px;padding:0 24px;overflow:auto;-ms-flex:1;flex:1;-webkit-overflow-scrolling:touch}.td-side-sheet-title{margin:-16px 0 20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.td-side-sheet-actions{padding:8px 0;margin:0 -16px -24px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;box-sizing:content-box}.td-side-sheet-actions[align=end]{-ms-flex-pack:end;justify-content:flex-end}.td-side-sheet-actions[align=center]{-ms-flex-pack:center;justify-content:center}.td-side-sheet-actions .mat-button-base+.mat-button-base,.td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .td-side-sheet-actions .mat-button-base+.mat-button-base,[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] } });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetContainer, [{
-        type: Component,
-        args: [{ selector: 'td-side-sheet-container', template: `
-    <ng-template cdkPortalOutlet></ng-template>
-  `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, animations: [tdSideSheetAnimations.sideSheetContainer], host: {
-                    'class': 'td-side-sheet-container',
-                    'tabindex': '-1',
-                    'aria-modal': 'true',
-                    '[id]': '_id',
-                    '[attr.role]': '_config.role',
-                    '[attr.aria-labelledby]': '_config.ariaLabel ? null : _ariaLabelledBy',
-                    '[attr.aria-label]': '_config.ariaLabel',
-                    '[attr.aria-describedby]': '_config.ariaDescribedBy || null',
-                    '[@sideSheetContainer]': '_state',
-                    '(@sideSheetContainer.start)': '_onAnimationStart($event)',
-                    '(@sideSheetContainer.done)': '_onAnimationDone($event)',
-                }, styles: [".td-side-sheet-container{background-color:#fff;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.td-side-sheet-content{margin:0 -24px;padding:0 24px;overflow:auto;-ms-flex:1;flex:1;-webkit-overflow-scrolling:touch}.td-side-sheet-title{margin:-16px 0 20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.td-side-sheet-actions{padding:8px 0;margin:0 -16px -24px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;box-sizing:content-box}.td-side-sheet-actions[align=end]{-ms-flex-pack:end;justify-content:flex-end}.td-side-sheet-actions[align=center]{-ms-flex-pack:center;justify-content:center}.td-side-sheet-actions .mat-button-base+.mat-button-base,.td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .td-side-sheet-actions .mat-button-base+.mat-button-base,[dir=rtl] .td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0;margin-right:8px}\n"] }]
-    }], null, null); })();
+CovalentSideSheetContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheetContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+CovalentSideSheetContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", 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{background-color:#fff;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-button-base+.mat-button-base,.td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .td-side-sheet-actions .mat-button-base+.mat-button-base,[dir=rtl] .td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0;margin-right:8px}\n"], directives: [{ type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [tdSideSheetAnimations.sideSheetContainer], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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{background-color:#fff;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-button-base+.mat-button-base,.td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .td-side-sheet-actions .mat-button-base+.mat-button-base,[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']]
+            }] } });
 
 // Counter for unique dialog ids.
 let uniqueId = 0;
@@ -298,10 +330,16 @@ class _CovalentSideSheetBase {
     }
     /** Keeps track of the currently-open side-sheets. */
     get openSideSheets() {
-        return this._parentSideSheet ? this._parentSideSheet.openSideSheets : this._openSideSheetsAtThisLevel;
+        return this._parentSideSheet
+            ? this._parentSideSheet.openSideSheets
+            : this._openSideSheetsAtThisLevel;
     }
     open(componentOrTemplateRef, config) {
-        config = { ...(this._defaultOptions || new CovalentSideSheetConfig()), ...this.defaultSidebarConfig, ...config };
+        config = {
+            ...(this._defaultOptions || new CovalentSideSheetConfig()),
+            ...this.defaultSidebarConfig,
+            ...config,
+        };
         const overlayRef = this._createOverlay(config);
         const sideSheetContainer = this._attachSideSheetContainer(overlayRef, config);
         const sideSheetRef = this._attachSideSheetContent(componentOrTemplateRef, sideSheetContainer, overlayRef, config);
@@ -359,7 +397,8 @@ class _CovalentSideSheetBase {
             maxWidth: config.maxWidth,
         });
         const overlayRef = this._overlay.create(overlayConfig);
-        const positionStrategy = overlayRef.getConfig().positionStrategy;
+        const positionStrategy = overlayRef.getConfig()
+            .positionStrategy;
         positionStrategy.right('0px');
         return overlayRef;
     }
@@ -393,7 +432,9 @@ class _CovalentSideSheetBase {
         // to modify and close it.
         const sideSheetRef = new this._sideSheetRefConstructor(overlayRef, sideSheetContainer, config.id);
         if (componentOrTemplateRef instanceof TemplateRef) {
-            sideSheetContainer.attachTemplatePortal(new TemplatePortal(componentOrTemplateRef, null, {
+            sideSheetContainer.attachTemplatePortal(
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            new TemplatePortal(componentOrTemplateRef, null, {
                 $implicit: config.data,
                 sideSheetRef,
             }));
@@ -418,13 +459,17 @@ class _CovalentSideSheetBase {
             { provide: this._sideSheetRefConstructor, useValue: sideSheetRef },
         ];
         if (config.direction &&
-            (!userInjector || !userInjector.get(Directionality, null, InjectFlags.Optional))) {
+            (!userInjector ||
+                !userInjector.get(Directionality, null, InjectFlags.Optional))) {
             providers.push({
                 provide: Directionality,
                 useValue: { value: config.direction, change: of() },
             });
         }
-        return Injector.create({ parent: userInjector || this._injector, providers });
+        return Injector.create({
+            parent: userInjector || this._injector,
+            providers,
+        });
     }
     /**
      * Removes a side sheet from the array of open side sheets.
@@ -444,33 +489,33 @@ class _CovalentSideSheetBase {
         }
     }
 }
-/** @nocollapse */ /** @nocollapse */ _CovalentSideSheetBase.ɵfac = function _CovalentSideSheetBase_Factory(t) { i0.ɵɵinvalidFactory(); };
-/** @nocollapse */ /** @nocollapse */ _CovalentSideSheetBase.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: _CovalentSideSheetBase });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(_CovalentSideSheetBase, [{
-        type: Directive
-    }], function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }, { type: undefined }, { type: undefined }, { type: i0.Type }, { type: i0.Type }, { type: i0.InjectionToken }]; }, null); })();
+_CovalentSideSheetBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: _CovalentSideSheetBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+_CovalentSideSheetBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: _CovalentSideSheetBase, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: _CovalentSideSheetBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }, { type: undefined }, { type: undefined }, { type: i0.Type }, { type: i0.Type }, { type: i0.InjectionToken }]; } });
 /**
  * Service to open Covalent Design side-sheet.
  */
 class CovalentSideSheet extends _CovalentSideSheetBase {
     constructor(overlay, injector, defaultOptions, parentSideSheet) {
-        super(overlay, injector, defaultOptions, parentSideSheet, CovalentSideSheetRef, CovalentSideSheetContainer, MAT_DIALOG_DATA);
+        super(overlay, injector, defaultOptions, parentSideSheet, CovalentSideSheetRef, CovalentSideSheetContainerComponent, MAT_DIALOG_DATA);
     }
 }
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheet.ɵfac = function CovalentSideSheet_Factory(t) { return new (t || CovalentSideSheet)(i0.ɵɵinject(i1$1.Overlay), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(MAT_DIALOG_DEFAULT_OPTIONS, 8), i0.ɵɵinject(CovalentSideSheet, 12)); };
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheet.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: CovalentSideSheet, factory: CovalentSideSheet.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheet, [{
-        type: Injectable
-    }], function () { return [{ 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); })();
+CovalentSideSheet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", 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 });
+CovalentSideSheet.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheet });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheet, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ 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
+                }] }]; } });
 
 /* tslint:disable */
 /** Counter used to generate unique IDs for dialog elements. */
@@ -478,7 +523,7 @@ let dialogElementUid = 0;
 /**
  * Button that will close the current dialog.
  */
-class CovalentSideSheetClose {
+class CovalentSideSheetCloseDirective {
     constructor(dialogRef, _elementRef, _dialog) {
         this.dialogRef = dialogRef;
         this._elementRef = _elementRef;
@@ -486,6 +531,9 @@ class CovalentSideSheetClose {
         /** Default to "button" to prevents accidental form submits. */
         this.type = 'button';
     }
+    onClick($event) {
+        this._onButtonClick($event);
+    }
     ngOnInit() {
         if (!this.dialogRef) {
             // When this directive is included in a dialog via TemplateRef (rather than being
@@ -497,7 +545,8 @@ class CovalentSideSheetClose {
         }
     }
     ngOnChanges(changes) {
-        const proxiedChange = changes['_CovalentSideSheetClose'] || changes['_CovalentSideSheetCloseResult'];
+        const proxiedChange = changes['_CovalentSideSheetClose'] ||
+            changes['_CovalentSideSheetCloseResult'];
         if (proxiedChange) {
             this.dialogResult = proxiedChange.currentValue;
         }
@@ -510,41 +559,41 @@ class CovalentSideSheetClose {
         _closeSideSheetVia(this.dialogRef, event.screenX === 0 && event.screenY === 0 ? 'keyboard' : 'mouse', this.dialogResult);
     }
 }
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetClose.ɵfac = function CovalentSideSheetClose_Factory(t) { return new (t || CovalentSideSheetClose)(i0.ɵɵdirectiveInject(CovalentSideSheetRef, 8), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(CovalentSideSheet)); };
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetClose.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: CovalentSideSheetClose, selectors: [["", "td-side-sheet-close", ""], ["", "CovalentSideSheetClose", ""]], hostVars: 2, hostBindings: function CovalentSideSheetClose_HostBindings(rf, ctx) { if (rf & 1) {
-        i0.ɵɵlistener("click", function CovalentSideSheetClose_click_HostBindingHandler($event) { return ctx._onButtonClick($event); });
-    } if (rf & 2) {
-        i0.ɵɵattribute("aria-label", ctx.ariaLabel || null)("type", ctx.type);
-    } }, inputs: { ariaLabel: ["aria-label", "ariaLabel"], type: "type", dialogResult: ["td-side-sheet-close", "dialogResult"], _CovalentSideSheetClose: ["CovalentSideSheetClose", "_CovalentSideSheetClose"] }, exportAs: ["CovalentSideSheetClose"], features: [i0.ɵɵNgOnChangesFeature] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetClose, [{
-        type: Directive,
-        args: [{
-                selector: '[td-side-sheet-close], [CovalentSideSheetClose]',
-                exportAs: 'CovalentSideSheetClose',
-                host: {
-                    '(click)': '_onButtonClick($event)',
-                    '[attr.aria-label]': 'ariaLabel || null',
-                    '[attr.type]': 'type',
-                },
-            }]
-    }], function () { return [{ type: CovalentSideSheetRef, decorators: [{
-                type: Optional
-            }] }, { type: i0.ElementRef }, { type: CovalentSideSheet }]; }, { ariaLabel: [{
-            type: Input,
-            args: ['aria-label']
-        }], type: [{
-            type: Input
-        }], dialogResult: [{
-            type: Input,
-            args: ['td-side-sheet-close']
-        }], _CovalentSideSheetClose: [{
-            type: Input,
-            args: ['CovalentSideSheetClose']
-        }] }); })();
+CovalentSideSheetCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheetCloseDirective, deps: [{ token: CovalentSideSheetRef, optional: true }, { token: i0.ElementRef }, { token: CovalentSideSheet }], target: i0.ɵɵFactoryTarget.Directive });
+CovalentSideSheetCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheetCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[td-side-sheet-close], [CovalentSideSheetClose]',
+                    exportAs: 'CovalentSideSheetClose',
+                }]
+        }], ctorParameters: function () { return [{ 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']]
+            }] } });
 /**
  * Title of a side sheet element. Stays fixed to the top of the side sheet when scrolling.
  */
-class CovalentSideSheetTitle {
+class CovalentSideSheetTitleDirective {
     constructor(
     // The dialog title directive is always used in combination with a `CovalentSideSheetRef`.
     // tslint:disable-next-line: lightweight-tokens
@@ -554,6 +603,8 @@ class CovalentSideSheetTitle {
         this._dialog = _dialog;
         /** Unique id for the dialog title. If none is supplied, it will be auto-generated. */
         this.id = `td-side-sheet-title-${dialogElementUid++}`;
+        this.tdSideSheetTitle = true;
+        this.idAttr = this.id;
     }
     ngOnInit() {
         if (this._dialogRef) {
@@ -569,68 +620,83 @@ class CovalentSideSheetTitle {
         }
     }
 }
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetTitle.ɵfac = function CovalentSideSheetTitle_Factory(t) { return new (t || CovalentSideSheetTitle)(i0.ɵɵdirectiveInject(CovalentSideSheetRef, 8), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(CovalentSideSheet)); };
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetTitle.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: CovalentSideSheetTitle, selectors: [["", "td-side-sheet-title", ""], ["", "CovalentSideSheetTitle", ""]], hostAttrs: [1, "td-side-sheet-title"], hostVars: 1, hostBindings: function CovalentSideSheetTitle_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵhostProperty("id", ctx.id);
-    } }, inputs: { id: "id" }, exportAs: ["CovalentSideSheetTitle"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetTitle, [{
-        type: Directive,
-        args: [{
-                selector: '[td-side-sheet-title], [CovalentSideSheetTitle]',
-                exportAs: 'CovalentSideSheetTitle',
-                host: {
-                    'class': 'td-side-sheet-title',
-                    '[id]': 'id',
-                },
-            }]
-    }], function () { return [{ type: CovalentSideSheetRef, decorators: [{
-                type: Optional
-            }] }, { type: i0.ElementRef }, { type: CovalentSideSheet }]; }, { id: [{
-            type: Input
-        }] }); })();
+CovalentSideSheetTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheetTitleDirective, deps: [{ token: CovalentSideSheetRef, optional: true }, { token: i0.ElementRef }, { token: CovalentSideSheet }], target: i0.ɵɵFactoryTarget.Directive });
+CovalentSideSheetTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheetTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[td-side-sheet-title], [CovalentSideSheetTitle]',
+                    exportAs: 'CovalentSideSheetTitle',
+                }]
+        }], ctorParameters: function () { return [{ 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']
+            }] } });
 /**
  * Scrollable content container of a dialog.
  */
-class CovalentSideSheetContent {
+class CovalentSideSheetContentDirective {
+    constructor() {
+        this.tdSideSheetContent = true;
+    }
 }
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetContent.ɵfac = function CovalentSideSheetContent_Factory(t) { return new (t || CovalentSideSheetContent)(); };
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetContent.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: CovalentSideSheetContent, selectors: [["", "td-side-sheet-content", ""], ["td-side-sheet-content"], ["", "CovalentSideSheetContent", ""]], hostAttrs: [1, "td-side-sheet-content"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetContent, [{
-        type: Directive,
-        args: [{
-                selector: `[td-side-sheet-content], td-side-sheet-content, [CovalentSideSheetContent]`,
-                host: { class: 'td-side-sheet-content' },
-            }]
-    }], null, null); })();
+CovalentSideSheetContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheetContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CovalentSideSheetContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: CovalentSideSheetContentDirective, selector: "[td-side-sheet-content], td-side-sheet-content, [CovalentSideSheetContent]", host: { properties: { "class.td-side-sheet-content": "this.tdSideSheetContent" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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']
+            }] } });
 /**
  * Container for the bottom action buttons in a dialog.
  * Stays fixed to the bottom when scrolling.
  */
-class CovalentSideSheetActions {
+class CovalentSideSheetActionsDirective {
+    constructor() {
+        this.tdSideSheetActions = true;
+    }
 }
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetActions.ɵfac = function CovalentSideSheetActions_Factory(t) { return new (t || CovalentSideSheetActions)(); };
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetActions.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: CovalentSideSheetActions, selectors: [["", "td-side-sheet-actions", ""], ["td-side-sheet-actions"], ["", "CovalentSideSheetActions", ""]], hostAttrs: [1, "td-side-sheet-actions"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetActions, [{
-        type: Directive,
-        args: [{
-                selector: `[td-side-sheet-actions], td-side-sheet-actions, [CovalentSideSheetActions]`,
-                host: { class: 'td-side-sheet-actions' },
-            }]
-    }], null, null); })();
+CovalentSideSheetActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheetActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CovalentSideSheetActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: CovalentSideSheetActionsDirective, selector: "[td-side-sheet-actions], td-side-sheet-actions, [CovalentSideSheetActions]", host: { properties: { "class.td-side-sheet-actions": "this.tdSideSheetActions" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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']
+            }] } });
 /**
  * Container for the wrapper part of the dialog
  */
-class CovalentSideSheetWrapper {
+class CovalentSideSheetWrapperDirective {
+    constructor() {
+        this.tdSideSheetWrapper = true;
+    }
 }
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetWrapper.ɵfac = function CovalentSideSheetWrapper_Factory(t) { return new (t || CovalentSideSheetWrapper)(); };
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetWrapper.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: CovalentSideSheetWrapper, selectors: [["", "td-side-sheet-wrapper", ""], ["td-side-sheet-wrapper"], ["", "CovalentSideSheetWrapper", ""]], hostAttrs: [1, "td-side-sheet-wrapper"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetWrapper, [{
-        type: Directive,
-        args: [{
-                selector: `[td-side-sheet-wrapper], td-side-sheet-wrapper, [CovalentSideSheetWrapper]`,
-                host: { class: 'td-side-sheet-wrapper' },
-            }]
-    }], null, null); })();
+CovalentSideSheetWrapperDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheetWrapperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CovalentSideSheetWrapperDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: CovalentSideSheetWrapperDirective, selector: "[td-side-sheet-wrapper], td-side-sheet-wrapper, [CovalentSideSheetWrapper]", host: { properties: { "class.td-side-sheet-wrapper": "this.tdSideSheetWrapper" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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']
+            }] } });
 /**
  * Finds the closest CovalentSideSheetRef to an element by looking at the DOM.
  * @param element Element relative to which to look for a dialog.
@@ -641,50 +707,51 @@ function getClosestDialog(element, openDialogs) {
     while (parent && !parent.classList.contains('td-side-sheet-container')) {
         parent = parent.parentElement;
     }
-    return parent ? openDialogs.find((dialog) => dialog.id === parent.id) : null;
+    return parent
+        ? openDialogs.find((dialog) => dialog.id === parent?.id) ?? openDialogs[0]
+        : openDialogs[0];
 }
 
 class CovalentSideSheetModule {
 }
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetModule.ɵfac = function CovalentSideSheetModule_Factory(t) { return new (t || CovalentSideSheetModule)(); };
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: CovalentSideSheetModule });
-/** @nocollapse */ /** @nocollapse */ CovalentSideSheetModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [CovalentSideSheet], imports: [[PortalModule, MatDialogModule, MatCommonModule]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentSideSheetModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    CovalentSideSheetContainer,
-                    CovalentSideSheetActions,
-                    CovalentSideSheetClose,
-                    CovalentSideSheetContent,
-                    CovalentSideSheetTitle,
-                    CovalentSideSheetWrapper,
-                ],
-                exports: [
-                    CovalentSideSheetActions,
-                    CovalentSideSheetClose,
-                    CovalentSideSheetContent,
-                    CovalentSideSheetTitle,
-                    CovalentSideSheetWrapper,
-                ],
-                imports: [PortalModule, MatDialogModule, MatCommonModule],
-                providers: [CovalentSideSheet],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentSideSheetModule, { declarations: [CovalentSideSheetContainer,
-        CovalentSideSheetActions,
-        CovalentSideSheetClose,
-        CovalentSideSheetContent,
-        CovalentSideSheetTitle,
-        CovalentSideSheetWrapper], imports: [PortalModule, MatDialogModule, MatCommonModule], exports: [CovalentSideSheetActions,
-        CovalentSideSheetClose,
-        CovalentSideSheetContent,
-        CovalentSideSheetTitle,
-        CovalentSideSheetWrapper] }); })();
+CovalentSideSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CovalentSideSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheetModule, declarations: [CovalentSideSheetContainerComponent,
+        CovalentSideSheetActionsDirective,
+        CovalentSideSheetCloseDirective,
+        CovalentSideSheetContentDirective,
+        CovalentSideSheetTitleDirective,
+        CovalentSideSheetWrapperDirective], imports: [PortalModule, MatDialogModule, MatCommonModule], exports: [CovalentSideSheetActionsDirective,
+        CovalentSideSheetCloseDirective,
+        CovalentSideSheetContentDirective,
+        CovalentSideSheetTitleDirective,
+        CovalentSideSheetWrapperDirective] });
+CovalentSideSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentSideSheetModule, providers: [CovalentSideSheet], imports: [[PortalModule, MatDialogModule, MatCommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CovalentSideSheet, CovalentSideSheetActions, CovalentSideSheetClose, CovalentSideSheetConfig, CovalentSideSheetContent, CovalentSideSheetModule, CovalentSideSheetRef, CovalentSideSheetTitle, CovalentSideSheetWrapper, _CovalentSideSheetBase, _closeSideSheetVia };
+export { CovalentSideSheet, CovalentSideSheetActionsDirective, CovalentSideSheetCloseDirective, CovalentSideSheetConfig, CovalentSideSheetContentDirective, CovalentSideSheetModule, CovalentSideSheetRef, CovalentSideSheetTitleDirective, CovalentSideSheetWrapperDirective, _CovalentSideSheetBase, _closeSideSheetVia };
 //# sourceMappingURL=covalent-core-side-sheet.mjs.map