@covalent/core 9.1.2 → 10.0.0

package/fesm2022/covalent-core-dialogs.mjs

@@ -1,58 +1,75 @@
 import * as i0 from '@angular/core';
 import { Directive, Component, ContentChildren, ElementRef, ViewChild, Injectable, Inject, EventEmitter, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import * as i2$1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
+import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i1 from '@angular/material/dialog';
-import { MatDialogConfig, MatDialogModule } from '@angular/material/dialog';
-import * as i4 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
+import { MatDialogModule, MatDialogConfig } from '@angular/material/dialog';
 import * as i3 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
+import { MatButtonModule, MatButton, MatIconButton } from '@angular/material/button';
 import { RIGHT_ARROW, LEFT_ARROW } from '@angular/cdk/keycodes';
 import { Subject, fromEvent, takeUntil, merge } from 'rxjs';
-import * as i5 from '@angular/material/form-field';
-import * as i4$1 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i2$2 from '@angular/cdk/drag-drop';
-import * as i2$3 from '@angular/material/toolbar';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i3$1 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i3$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { MatFormField } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { MatIcon } from '@angular/material/icon';
+import * as i2$1 from '@angular/cdk/drag-drop';
+import { MatToolbar, MatToolbarRow } from '@angular/material/toolbar';
+import { MatTooltip } from '@angular/material/tooltip';
 
+const _c0$3 = [[["", "tdDialogStatus", ""]], [["", "tdDialogTitle", ""]], [["", "tdDialogContent", ""]], [["", "tdDialogActions", ""]]];
+const _c1$1 = ["[tdDialogStatus]", "[tdDialogTitle]", "[tdDialogContent]", "[tdDialogActions]"];
+function TdDialogComponent_ng_content_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵprojection(0, 0, ["*ngIf", "dialogStatus.length > 0"]);
+} }
+function TdDialogComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵprojection(1, 1);
+    i0.ɵɵelementEnd();
+} }
+function TdDialogComponent_mat_dialog_content_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-dialog-content", 7);
+    i0.ɵɵprojection(1, 2);
+    i0.ɵɵelementEnd();
+} }
+function TdDialogComponent_mat_dialog_actions_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-dialog-actions", 8);
+    i0.ɵɵelement(1, "span", 9);
+    i0.ɵɵprojection(2, 3);
+    i0.ɵɵelementEnd();
+} }
 class TdDialogTitleDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: TdDialogTitleDirective, selector: "[tdDialogTitle]", ngImport: i0 });
+    static ɵfac = function TdDialogTitleDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdDialogTitleDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdDialogTitleDirective, selectors: [["", "tdDialogTitle", ""]] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogTitleDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[tdDialogTitle]' }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDialogTitleDirective, [{
+        type: Directive,
+        args: [{ selector: '[tdDialogTitle]' }]
+    }], null, null); })();
 class TdDialogContentDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: TdDialogContentDirective, selector: "[tdDialogContent]", ngImport: i0 });
+    static ɵfac = function TdDialogContentDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdDialogContentDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdDialogContentDirective, selectors: [["", "tdDialogContent", ""]] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogContentDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[tdDialogContent]' }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDialogContentDirective, [{
+        type: Directive,
+        args: [{ selector: '[tdDialogContent]' }]
+    }], null, null); })();
 class TdDialogActionsDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: TdDialogActionsDirective, selector: "[tdDialogActions]", ngImport: i0 });
+    static ɵfac = function TdDialogActionsDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdDialogActionsDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdDialogActionsDirective, selectors: [["", "tdDialogActions", ""]] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogActionsDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[tdDialogActions]' }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDialogActionsDirective, [{
+        type: Directive,
+        args: [{ selector: '[tdDialogActions]' }]
+    }], null, null); })();
 class TdDialogStatusDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogStatusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: TdDialogStatusDirective, selector: "[tdDialogStatus]", ngImport: i0 });
+    static ɵfac = function TdDialogStatusDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdDialogStatusDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdDialogStatusDirective, selectors: [["", "tdDialogStatus", ""]] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogStatusDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[tdDialogStatus]' }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDialogStatusDirective, [{
+        type: Directive,
+        args: [{ selector: '[tdDialogStatus]' }]
+    }], null, null); })();
 class TdDialogComponent {
     dialogTitle;
     dialogContent;
@@ -72,26 +89,63 @@ class TdDialogComponent {
             throw new Error('Duplicate td-dialog-status component at in td-dialog.');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TdDialogComponent, selector: "td-dialog", queries: [{ propertyName: "dialogTitle", predicate: TdDialogTitleDirective, descendants: true }, { propertyName: "dialogContent", predicate: TdDialogContentDirective, descendants: true }, { propertyName: "dialogActions", predicate: TdDialogActionsDirective, descendants: true }, { propertyName: "dialogStatus", predicate: TdDialogStatusDirective, descendants: true }], ngImport: i0, template: "<div class=\"td-dialog-wrapper\">\n  <ng-content\n    *ngIf=\"dialogStatus.length > 0\"\n    select=\"[tdDialogStatus]\"\n  ></ng-content>\n  <section class=\"td-dialog\">\n    <div mat-dialog-title *ngIf=\"dialogTitle.length > 0\">\n      <ng-content select=\"[tdDialogTitle]\"></ng-content>\n    </div>\n    <mat-dialog-content\n      class=\"td-dialog-content\"\n      *ngIf=\"dialogContent.length > 0\"\n    >\n      <ng-content select=\"[tdDialogContent]\"></ng-content>\n    </mat-dialog-content>\n    <mat-dialog-actions\n      class=\"td-dialog-actions\"\n      *ngIf=\"dialogActions.length > 0\"\n    >\n      <span class=\"td-dialog-spacer\"></span>\n      <ng-content select=\"[tdDialogActions]\"></ng-content>\n    </mat-dialog-actions>\n  </section>\n</div>\n", styles: [".td-dialog{width:100%}.td-dialog-wrapper{display:flex}.td-dialog-actions{flex-direction:row;box-sizing:border-box;display:flex}.td-dialog-actions .td-dialog-spacer{flex:1}.td-dialog-actions ::ng-deep button{text-transform:uppercase;margin-left:8px;padding-left:8px;padding-right:8px;min-width:64px}[dir=rtl] .td-dialog-actions ::ng-deep button{margin-right:8px;margin-left:inherit}.td-dialog-actions ::ng-deep .td-status-dialog___button{padding:9px 16px}@media screen and (max-width: 480px){.td-dialog-wrapper{flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] });
+    static ɵfac = function TdDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdDialogComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdDialogComponent, selectors: [["td-dialog"]], contentQueries: function TdDialogComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, TdDialogTitleDirective, 5);
+            i0.ɵɵcontentQuery(dirIndex, TdDialogContentDirective, 5);
+            i0.ɵɵcontentQuery(dirIndex, TdDialogActionsDirective, 5);
+            i0.ɵɵcontentQuery(dirIndex, TdDialogStatusDirective, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogTitle = _t);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogContent = _t);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogActions = _t);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogStatus = _t);
+        } }, ngContentSelectors: _c1$1, decls: 6, vars: 4, consts: [[1, "td-dialog-wrapper"], [4, "ngIf"], [1, "td-dialog"], ["mat-dialog-title", "", 4, "ngIf"], ["class", "td-dialog-content", 4, "ngIf"], ["class", "td-dialog-actions", 4, "ngIf"], ["mat-dialog-title", ""], [1, "td-dialog-content"], [1, "td-dialog-actions"], [1, "td-dialog-spacer"]], template: function TdDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$3);
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, TdDialogComponent_ng_content_1_Template, 1, 0, "ng-content", 1);
+            i0.ɵɵelementStart(2, "section", 2);
+            i0.ɵɵtemplate(3, TdDialogComponent_div_3_Template, 2, 0, "div", 3)(4, TdDialogComponent_mat_dialog_content_4_Template, 2, 0, "mat-dialog-content", 4)(5, TdDialogComponent_mat_dialog_actions_5_Template, 3, 0, "mat-dialog-actions", 5);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.dialogStatus.length > 0);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.dialogTitle.length > 0);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.dialogContent.length > 0);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.dialogActions.length > 0);
+        } }, dependencies: [CommonModule, i2.NgIf, MatDialogModule, i1.MatDialogTitle, i1.MatDialogActions, i1.MatDialogContent], styles: [".td-dialog[_ngcontent-%COMP%]{width:100%}.td-dialog-wrapper[_ngcontent-%COMP%]{display:flex}.td-dialog-actions[_ngcontent-%COMP%]{flex-direction:row;box-sizing:border-box;display:flex}.td-dialog-actions[_ngcontent-%COMP%]   .td-dialog-spacer[_ngcontent-%COMP%]{flex:1}.td-dialog-actions[_ngcontent-%COMP%]     button{text-transform:uppercase;margin-left:8px;padding-left:8px;padding-right:8px;min-width:64px}[dir=rtl][_ngcontent-%COMP%]   .td-dialog-actions[_ngcontent-%COMP%]     button{margin-right:8px;margin-left:inherit}.td-dialog-actions[_ngcontent-%COMP%]     .td-status-dialog___button{padding:9px 16px}@media screen and (max-width: 480px){.td-dialog-wrapper[_ngcontent-%COMP%]{flex-direction:column}}"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'td-dialog', template: "<div class=\"td-dialog-wrapper\">\n  <ng-content\n    *ngIf=\"dialogStatus.length > 0\"\n    select=\"[tdDialogStatus]\"\n  ></ng-content>\n  <section class=\"td-dialog\">\n    <div mat-dialog-title *ngIf=\"dialogTitle.length > 0\">\n      <ng-content select=\"[tdDialogTitle]\"></ng-content>\n    </div>\n    <mat-dialog-content\n      class=\"td-dialog-content\"\n      *ngIf=\"dialogContent.length > 0\"\n    >\n      <ng-content select=\"[tdDialogContent]\"></ng-content>\n    </mat-dialog-content>\n    <mat-dialog-actions\n      class=\"td-dialog-actions\"\n      *ngIf=\"dialogActions.length > 0\"\n    >\n      <span class=\"td-dialog-spacer\"></span>\n      <ng-content select=\"[tdDialogActions]\"></ng-content>\n    </mat-dialog-actions>\n  </section>\n</div>\n", styles: [".td-dialog{width:100%}.td-dialog-wrapper{display:flex}.td-dialog-actions{flex-direction:row;box-sizing:border-box;display:flex}.td-dialog-actions .td-dialog-spacer{flex:1}.td-dialog-actions ::ng-deep button{text-transform:uppercase;margin-left:8px;padding-left:8px;padding-right:8px;min-width:64px}[dir=rtl] .td-dialog-actions ::ng-deep button{margin-right:8px;margin-left:inherit}.td-dialog-actions ::ng-deep .td-status-dialog___button{padding:9px 16px}@media screen and (max-width: 480px){.td-dialog-wrapper{flex-direction:column}}\n"] }]
-        }], propDecorators: { dialogTitle: [{
-                type: ContentChildren,
-                args: [TdDialogTitleDirective, { descendants: true }]
-            }], dialogContent: [{
-                type: ContentChildren,
-                args: [TdDialogContentDirective, { descendants: true }]
-            }], dialogActions: [{
-                type: ContentChildren,
-                args: [TdDialogActionsDirective, { descendants: true }]
-            }], dialogStatus: [{
-                type: ContentChildren,
-                args: [TdDialogStatusDirective, { descendants: true }]
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'td-dialog', imports: [CommonModule, MatDialogModule], template: "<div class=\"td-dialog-wrapper\">\n  <ng-content\n    *ngIf=\"dialogStatus.length > 0\"\n    select=\"[tdDialogStatus]\"\n  ></ng-content>\n  <section class=\"td-dialog\">\n    <div mat-dialog-title *ngIf=\"dialogTitle.length > 0\">\n      <ng-content select=\"[tdDialogTitle]\"></ng-content>\n    </div>\n    <mat-dialog-content\n      class=\"td-dialog-content\"\n      *ngIf=\"dialogContent.length > 0\"\n    >\n      <ng-content select=\"[tdDialogContent]\"></ng-content>\n    </mat-dialog-content>\n    <mat-dialog-actions\n      class=\"td-dialog-actions\"\n      *ngIf=\"dialogActions.length > 0\"\n    >\n      <span class=\"td-dialog-spacer\"></span>\n      <ng-content select=\"[tdDialogActions]\"></ng-content>\n    </mat-dialog-actions>\n  </section>\n</div>\n", styles: [".td-dialog{width:100%}.td-dialog-wrapper{display:flex}.td-dialog-actions{flex-direction:row;box-sizing:border-box;display:flex}.td-dialog-actions .td-dialog-spacer{flex:1}.td-dialog-actions ::ng-deep button{text-transform:uppercase;margin-left:8px;padding-left:8px;padding-right:8px;min-width:64px}[dir=rtl] .td-dialog-actions ::ng-deep button{margin-right:8px;margin-left:inherit}.td-dialog-actions ::ng-deep .td-status-dialog___button{padding:9px 16px}@media screen and (max-width: 480px){.td-dialog-wrapper{flex-direction:column}}\n"] }]
+    }], null, { dialogTitle: [{
+            type: ContentChildren,
+            args: [TdDialogTitleDirective, { descendants: true }]
+        }], dialogContent: [{
+            type: ContentChildren,
+            args: [TdDialogContentDirective, { descendants: true }]
+        }], dialogActions: [{
+            type: ContentChildren,
+            args: [TdDialogActionsDirective, { descendants: true }]
+        }], dialogStatus: [{
+            type: ContentChildren,
+            args: [TdDialogStatusDirective, { descendants: true }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdDialogComponent, { className: "TdDialogComponent", filePath: "dialog.component.ts", lineNumber: 29 }); })();
 
+function TdAlertDialogComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0, 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.title);
+} }
 class TdAlertDialogComponent {
     _dialogRef;
     title;
@@ -103,14 +157,46 @@ class TdAlertDialogComponent {
     close() {
         this._dialogRef.close();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdAlertDialogComponent, deps: [{ token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TdAlertDialogComponent, selector: "td-alert-dialog", ngImport: i0, template: "<td-dialog>\n  <ng-container tdDialogTitle *ngIf=\"title\">{{ title }}</ng-container>\n  <ng-container tdDialogContent>\n    <span class=\"td-dialog-message\">{{ message }}</span>\n  </ng-container>\n  <ng-container tdDialogActions>\n    <button mat-button color=\"accent\" (click)=\"close()\">\n      {{ closeButton }}\n    </button>\n  </ng-container>\n</td-dialog>\n", styles: [".td-dialog-message{word-break:break-word}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: TdDialogComponent, selector: "td-dialog" }, { kind: "directive", type: TdDialogTitleDirective, selector: "[tdDialogTitle]" }, { kind: "directive", type: TdDialogActionsDirective, selector: "[tdDialogActions]" }, { kind: "directive", type: TdDialogContentDirective, selector: "[tdDialogContent]" }] });
+    static ɵfac = function TdAlertDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdAlertDialogComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdAlertDialogComponent, selectors: [["td-alert-dialog"]], decls: 8, vars: 3, consts: [["tdDialogTitle", "", 4, "ngIf"], ["tdDialogContent", ""], [1, "td-dialog-message"], ["tdDialogActions", ""], ["mat-button", "", "color", "accent", 3, "click"], ["tdDialogTitle", ""]], template: function TdAlertDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "td-dialog");
+            i0.ɵɵtemplate(1, TdAlertDialogComponent_ng_container_1_Template, 2, 1, "ng-container", 0);
+            i0.ɵɵelementContainerStart(2, 1);
+            i0.ɵɵelementStart(3, "span", 2);
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainerEnd();
+            i0.ɵɵelementContainerStart(5, 3);
+            i0.ɵɵelementStart(6, "button", 4);
+            i0.ɵɵlistener("click", function TdAlertDialogComponent_Template_button_click_6_listener() { return ctx.close(); });
+            i0.ɵɵtext(7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainerEnd();
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.title);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.message);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate1(" ", ctx.closeButton, " ");
+        } }, dependencies: [CommonModule, i2.NgIf, MatButtonModule, i3.MatButton, TdDialogComponent, TdDialogTitleDirective, TdDialogContentDirective, TdDialogActionsDirective], styles: [".td-dialog-message[_ngcontent-%COMP%]{word-break:break-word}"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdAlertDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'td-alert-dialog', template: "<td-dialog>\n  <ng-container tdDialogTitle *ngIf=\"title\">{{ title }}</ng-container>\n  <ng-container tdDialogContent>\n    <span class=\"td-dialog-message\">{{ message }}</span>\n  </ng-container>\n  <ng-container tdDialogActions>\n    <button mat-button color=\"accent\" (click)=\"close()\">\n      {{ closeButton }}\n    </button>\n  </ng-container>\n</td-dialog>\n", styles: [".td-dialog-message{word-break:break-word}\n"] }]
-        }], ctorParameters: () => [{ type: i1.MatDialogRef }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdAlertDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'td-alert-dialog', imports: [CommonModule, MatButtonModule, TdDialogComponent, TdDialogTitleDirective, TdDialogContentDirective, TdDialogActionsDirective], template: "<td-dialog>\n  <ng-container tdDialogTitle *ngIf=\"title\">{{ title }}</ng-container>\n  <ng-container tdDialogContent>\n    <span class=\"td-dialog-message\">{{ message }}</span>\n  </ng-container>\n  <ng-container tdDialogActions>\n    <button mat-button color=\"accent\" (click)=\"close()\">\n      {{ closeButton }}\n    </button>\n  </ng-container>\n</td-dialog>\n", styles: [".td-dialog-message{word-break:break-word}\n"] }]
+    }], () => [{ type: i1.MatDialogRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdAlertDialogComponent, { className: "TdAlertDialogComponent", filePath: "alert-dialog/alert-dialog.component.ts", lineNumber: 13 }); })();
 
+function TdConfirmDialogComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0, 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.title);
+} }
 class TdConfirmDialogComponent {
     _dialogRef;
     title;
@@ -127,14 +213,58 @@ class TdConfirmDialogComponent {
     accept() {
         this._dialogRef.close(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdConfirmDialogComponent, deps: [{ token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TdConfirmDialogComponent, selector: "td-confirm-dialog", ngImport: i0, template: "<td-dialog>\n  <ng-container tdDialogTitle *ngIf=\"title\">{{ title }}</ng-container>\n  <ng-container tdDialogContent>\n    <span class=\"td-dialog-message\">{{ message }}</span>\n  </ng-container>\n  <ng-container tdDialogActions>\n    <button\n      mat-button\n      #closeBtn\n      (keydown.arrowright)=\"acceptBtn.focus()\"\n      (click)=\"cancel()\"\n    >\n      {{ cancelButton }}\n    </button>\n    <button\n      mat-button\n      [color]=\"isDestructive ? 'warn' : 'accent'\"\n      #acceptBtn\n      (keydown.arrowleft)=\"closeBtn.focus()\"\n      (click)=\"accept()\"\n    >\n      {{ acceptButton }}\n    </button>\n  </ng-container>\n</td-dialog>\n", styles: [".td-dialog-message{word-break:break-word}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: TdDialogComponent, selector: "td-dialog" }, { kind: "directive", type: TdDialogTitleDirective, selector: "[tdDialogTitle]" }, { kind: "directive", type: TdDialogActionsDirective, selector: "[tdDialogActions]" }, { kind: "directive", type: TdDialogContentDirective, selector: "[tdDialogContent]" }] });
+    static ɵfac = function TdConfirmDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdConfirmDialogComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdConfirmDialogComponent, selectors: [["td-confirm-dialog"]], decls: 12, vars: 5, consts: [["closeBtn", ""], ["acceptBtn", ""], ["tdDialogTitle", "", 4, "ngIf"], ["tdDialogContent", ""], [1, "td-dialog-message"], ["tdDialogActions", ""], ["mat-button", "", 3, "keydown.arrowright", "click"], ["mat-button", "", 3, "keydown.arrowleft", "click", "color"], ["tdDialogTitle", ""]], template: function TdConfirmDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "td-dialog");
+            i0.ɵɵtemplate(1, TdConfirmDialogComponent_ng_container_1_Template, 2, 1, "ng-container", 2);
+            i0.ɵɵelementContainerStart(2, 3);
+            i0.ɵɵelementStart(3, "span", 4);
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainerEnd();
+            i0.ɵɵelementContainerStart(5, 5);
+            i0.ɵɵelementStart(6, "button", 6, 0);
+            i0.ɵɵlistener("keydown.arrowright", function TdConfirmDialogComponent_Template_button_keydown_arrowright_6_listener() { i0.ɵɵrestoreView(_r1); const acceptBtn_r3 = i0.ɵɵreference(10); return i0.ɵɵresetView(acceptBtn_r3.focus()); })("click", function TdConfirmDialogComponent_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancel()); });
+            i0.ɵɵtext(8);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "button", 7, 1);
+            i0.ɵɵlistener("keydown.arrowleft", function TdConfirmDialogComponent_Template_button_keydown_arrowleft_9_listener() { i0.ɵɵrestoreView(_r1); const closeBtn_r4 = i0.ɵɵreference(7); return i0.ɵɵresetView(closeBtn_r4.focus()); })("click", function TdConfirmDialogComponent_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.accept()); });
+            i0.ɵɵtext(11);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainerEnd();
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.title);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.message);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate1(" ", ctx.cancelButton, " ");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("color", ctx.isDestructive ? "warn" : "accent");
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.acceptButton, " ");
+        } }, dependencies: [CommonModule, i2.NgIf, TdDialogComponent, TdDialogTitleDirective, TdDialogContentDirective, TdDialogActionsDirective, MatButtonModule, i3.MatButton], styles: [".td-dialog-message[_ngcontent-%COMP%]{word-break:break-word}"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdConfirmDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'td-confirm-dialog', template: "<td-dialog>\n  <ng-container tdDialogTitle *ngIf=\"title\">{{ title }}</ng-container>\n  <ng-container tdDialogContent>\n    <span class=\"td-dialog-message\">{{ message }}</span>\n  </ng-container>\n  <ng-container tdDialogActions>\n    <button\n      mat-button\n      #closeBtn\n      (keydown.arrowright)=\"acceptBtn.focus()\"\n      (click)=\"cancel()\"\n    >\n      {{ cancelButton }}\n    </button>\n    <button\n      mat-button\n      [color]=\"isDestructive ? 'warn' : 'accent'\"\n      #acceptBtn\n      (keydown.arrowleft)=\"closeBtn.focus()\"\n      (click)=\"accept()\"\n    >\n      {{ acceptButton }}\n    </button>\n  </ng-container>\n</td-dialog>\n", styles: [".td-dialog-message{word-break:break-word}\n"] }]
-        }], ctorParameters: () => [{ type: i1.MatDialogRef }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdConfirmDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'td-confirm-dialog', imports: [CommonModule, TdDialogComponent, TdDialogTitleDirective, TdDialogContentDirective, TdDialogActionsDirective, MatButtonModule], template: "<td-dialog>\n  <ng-container tdDialogTitle *ngIf=\"title\">{{ title }}</ng-container>\n  <ng-container tdDialogContent>\n    <span class=\"td-dialog-message\">{{ message }}</span>\n  </ng-container>\n  <ng-container tdDialogActions>\n    <button\n      mat-button\n      #closeBtn\n      (keydown.arrowright)=\"acceptBtn.focus()\"\n      (click)=\"cancel()\"\n    >\n      {{ cancelButton }}\n    </button>\n    <button\n      mat-button\n      [color]=\"isDestructive ? 'warn' : 'accent'\"\n      #acceptBtn\n      (keydown.arrowleft)=\"closeBtn.focus()\"\n      (click)=\"accept()\"\n    >\n      {{ acceptButton }}\n    </button>\n  </ng-container>\n</td-dialog>\n", styles: [".td-dialog-message{word-break:break-word}\n"] }]
+    }], () => [{ type: i1.MatDialogRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdConfirmDialogComponent, { className: "TdConfirmDialogComponent", filePath: "confirm-dialog/confirm-dialog.component.ts", lineNumber: 13 }); })();
 
+const _c0$2 = ["input"];
+const _c1 = ["closeBtn"];
+const _c2 = ["acceptBtn"];
+function TdPromptDialogComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0, 14);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.title);
+} }
 class TdPromptDialogComponent {
     _ngZone;
     _dialogRef;
@@ -190,23 +320,105 @@ class TdPromptDialogComponent {
     accept() {
         this._dialogRef.close(this.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdPromptDialogComponent, deps: [{ token: i0.NgZone }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TdPromptDialogComponent, selector: "td-prompt-dialog", viewQueries: [{ propertyName: "_input", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "_closeBtn", first: true, predicate: ["closeBtn"], descendants: true, read: ElementRef, static: true }, { propertyName: "_acceptBtn", first: true, predicate: ["acceptBtn"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<td-dialog>\n  <ng-container tdDialogTitle *ngIf=\"title\">{{ title }}</ng-container>\n  <ng-container tdDialogContent>\n    <span class=\"td-dialog-message\">{{ message }}</span>\n    <form #form=\"ngForm\" novalidate>\n      <div class=\"td-dialog-input-wrapper\">\n        <mat-form-field class=\"td-dialog-input\">\n          <input\n            matInput\n            #input\n            (keydown.enter)=\"$event.preventDefault(); form.valid && accept()\"\n            [(ngModel)]=\"value\"\n            name=\"value\"\n            required\n          />\n        </mat-form-field>\n      </div>\n    </form>\n  </ng-container>\n  <ng-container tdDialogActions>\n    <button mat-button #closeBtn (click)=\"cancel()\">{{ cancelButton }}</button>\n    <button\n      mat-button\n      color=\"accent\"\n      #acceptBtn\n      [disabled]=\"!form.valid\"\n      (click)=\"accept()\"\n    >\n      {{ acceptButton }}\n    </button>\n  </ng-container>\n</td-dialog>\n", styles: [".td-dialog-input-wrapper{flex-direction:row;box-sizing:border-box;display:flex}.td-dialog-input-wrapper .td-dialog-input{flex:1;box-sizing:border-box}.td-dialog-message{word-break:break-word}\n"], dependencies: [{ kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: TdDialogComponent, selector: "td-dialog" }, { kind: "directive", type: TdDialogTitleDirective, selector: "[tdDialogTitle]" }, { kind: "directive", type: TdDialogActionsDirective, selector: "[tdDialogActions]" }, { kind: "directive", type: TdDialogContentDirective, selector: "[tdDialogContent]" }] });
+    static ɵfac = function TdPromptDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdPromptDialogComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1.MatDialogRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdPromptDialogComponent, selectors: [["td-prompt-dialog"]], viewQuery: function TdPromptDialogComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$2, 7);
+            i0.ɵɵviewQuery(_c1, 7, ElementRef);
+            i0.ɵɵviewQuery(_c2, 7, ElementRef);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._input = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._closeBtn = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._acceptBtn = _t.first);
+        } }, decls: 18, vars: 6, consts: [["form", "ngForm"], ["input", ""], ["closeBtn", ""], ["acceptBtn", ""], ["tdDialogTitle", "", 4, "ngIf"], ["tdDialogContent", ""], [1, "td-dialog-message"], ["novalidate", ""], [1, "td-dialog-input-wrapper"], [1, "td-dialog-input"], ["matInput", "", "name", "value", "required", "", 3, "keydown.enter", "ngModelChange", "ngModel"], ["tdDialogActions", ""], ["mat-button", "", 3, "click"], ["mat-button", "", "color", "accent", 3, "click", "disabled"], ["tdDialogTitle", ""]], template: function TdPromptDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "td-dialog");
+            i0.ɵɵtemplate(1, TdPromptDialogComponent_ng_container_1_Template, 2, 1, "ng-container", 4);
+            i0.ɵɵelementContainerStart(2, 5);
+            i0.ɵɵelementStart(3, "span", 6);
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "form", 7, 0)(7, "div", 8)(8, "mat-form-field", 9)(9, "input", 10, 1);
+            i0.ɵɵlistener("keydown.enter", function TdPromptDialogComponent_Template_input_keydown_enter_9_listener($event) { i0.ɵɵrestoreView(_r1); const form_r3 = i0.ɵɵreference(6); $event.preventDefault(); return i0.ɵɵresetView(form_r3.valid && ctx.accept()); });
+            i0.ɵɵtwoWayListener("ngModelChange", function TdPromptDialogComponent_Template_input_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.value, $event) || (ctx.value = $event); return i0.ɵɵresetView($event); });
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementContainerEnd();
+            i0.ɵɵelementContainerStart(11, 11);
+            i0.ɵɵelementStart(12, "button", 12, 2);
+            i0.ɵɵlistener("click", function TdPromptDialogComponent_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancel()); });
+            i0.ɵɵtext(14);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "button", 13, 3);
+            i0.ɵɵlistener("click", function TdPromptDialogComponent_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.accept()); });
+            i0.ɵɵtext(17);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainerEnd();
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            const form_r3 = i0.ɵɵreference(6);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.title);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.message);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.value);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.cancelButton);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", !form_r3.valid);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.acceptButton, " ");
+        } }, dependencies: [CommonModule, i2.NgIf, FormsModule, i3$1.ɵNgNoValidate, i3$1.DefaultValueAccessor, i3$1.NgControlStatus, i3$1.NgControlStatusGroup, i3$1.RequiredValidator, i3$1.NgModel, i3$1.NgForm, MatFormField, MatInput, MatButton, TdDialogComponent, TdDialogTitleDirective, TdDialogContentDirective, TdDialogActionsDirective], styles: [".td-dialog-input-wrapper[_ngcontent-%COMP%]{flex-direction:row;box-sizing:border-box;display:flex}.td-dialog-input-wrapper[_ngcontent-%COMP%]   .td-dialog-input[_ngcontent-%COMP%]{flex:1;box-sizing:border-box}.td-dialog-message[_ngcontent-%COMP%]{word-break:break-word}"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdPromptDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'td-prompt-dialog', template: "<td-dialog>\n  <ng-container tdDialogTitle *ngIf=\"title\">{{ title }}</ng-container>\n  <ng-container tdDialogContent>\n    <span class=\"td-dialog-message\">{{ message }}</span>\n    <form #form=\"ngForm\" novalidate>\n      <div class=\"td-dialog-input-wrapper\">\n        <mat-form-field class=\"td-dialog-input\">\n          <input\n            matInput\n            #input\n            (keydown.enter)=\"$event.preventDefault(); form.valid && accept()\"\n            [(ngModel)]=\"value\"\n            name=\"value\"\n            required\n          />\n        </mat-form-field>\n      </div>\n    </form>\n  </ng-container>\n  <ng-container tdDialogActions>\n    <button mat-button #closeBtn (click)=\"cancel()\">{{ cancelButton }}</button>\n    <button\n      mat-button\n      color=\"accent\"\n      #acceptBtn\n      [disabled]=\"!form.valid\"\n      (click)=\"accept()\"\n    >\n      {{ acceptButton }}\n    </button>\n  </ng-container>\n</td-dialog>\n", styles: [".td-dialog-input-wrapper{flex-direction:row;box-sizing:border-box;display:flex}.td-dialog-input-wrapper .td-dialog-input{flex:1;box-sizing:border-box}.td-dialog-message{word-break:break-word}\n"] }]
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i1.MatDialogRef }], propDecorators: { _input: [{
-                type: ViewChild,
-                args: ['input', { static: true }]
-            }], _closeBtn: [{
-                type: ViewChild,
-                args: ['closeBtn', { static: true, read: ElementRef }]
-            }], _acceptBtn: [{
-                type: ViewChild,
-                args: ['acceptBtn', { static: true, read: ElementRef }]
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdPromptDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'td-prompt-dialog', imports: [CommonModule, FormsModule, MatFormField, MatInput, MatButton, TdDialogComponent, TdDialogTitleDirective, TdDialogContentDirective, TdDialogActionsDirective], template: "<td-dialog>\n  <ng-container tdDialogTitle *ngIf=\"title\">{{ title }}</ng-container>\n  <ng-container tdDialogContent>\n    <span class=\"td-dialog-message\">{{ message }}</span>\n    <form #form=\"ngForm\" novalidate>\n      <div class=\"td-dialog-input-wrapper\">\n        <mat-form-field class=\"td-dialog-input\">\n          <input\n            matInput\n            #input\n            (keydown.enter)=\"$event.preventDefault(); form.valid && accept()\"\n            [(ngModel)]=\"value\"\n            name=\"value\"\n            required\n          />\n        </mat-form-field>\n      </div>\n    </form>\n  </ng-container>\n  <ng-container tdDialogActions>\n    <button mat-button #closeBtn (click)=\"cancel()\">{{ cancelButton }}</button>\n    <button\n      mat-button\n      color=\"accent\"\n      #acceptBtn\n      [disabled]=\"!form.valid\"\n      (click)=\"accept()\"\n    >\n      {{ acceptButton }}\n    </button>\n  </ng-container>\n</td-dialog>\n", styles: [".td-dialog-input-wrapper{flex-direction:row;box-sizing:border-box;display:flex}.td-dialog-input-wrapper .td-dialog-input{flex:1;box-sizing:border-box}.td-dialog-message{word-break:break-word}\n"] }]
+    }], () => [{ type: i0.NgZone }, { type: i1.MatDialogRef }], { _input: [{
+            type: ViewChild,
+            args: ['input', { static: true }]
+        }], _closeBtn: [{
+            type: ViewChild,
+            args: ['closeBtn', { static: true, read: ElementRef }]
+        }], _acceptBtn: [{
+            type: ViewChild,
+            args: ['acceptBtn', { static: true, read: ElementRef }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdPromptDialogComponent, { className: "TdPromptDialogComponent", filePath: "prompt-dialog/prompt-dialog.component.ts", lineNumber: 25 }); })();
 
+const _c0$1 = (a0, a1) => ({ "td-status-dialog__arrow-icon": true, close: a0, open: a1 });
+function TdStatusDialogComponent_span_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 12);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.title);
+} }
+function TdStatusDialogComponent_div_13_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵlistener("click", function TdStatusDialogComponent_div_13_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleDetails()); })("keydown.enter", function TdStatusDialogComponent_div_13_Template_div_keydown_enter_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleDetails()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "mat-icon", 14);
+    i0.ɵɵtext(3, "arrow_drop_down");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.showDetails ? ctx_r0.detailsLabels == null ? null : ctx_r0.detailsLabels.hideDetailsLabel : ctx_r0.detailsLabels == null ? null : ctx_r0.detailsLabels.showDetailsLabel, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(2, _c0$1, !ctx_r0.showDetails, ctx_r0.showDetails));
+} }
+function TdStatusDialogComponent_div_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.details);
+} }
 class TdStatusDialogComponent {
     _dialogRef;
     // Label of the close button in the footer
@@ -246,13 +458,55 @@ class TdStatusDialogComponent {
     toggleDetails() {
         this.showDetails = !this.showDetails;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdStatusDialogComponent, deps: [{ token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TdStatusDialogComponent, selector: "td-status-dialog", ngImport: i0, template: "<td-dialog class=\"td-status-dialog\">\n  <!-- Displays the icon and background color according to the state -->\n  <div tdDialogStatus class=\"td-status-dialog-state\" [ngClass]=\"state\">\n    <mat-icon>\n      {{ getStatusIcon() }}\n    </mat-icon>\n  </div>\n  <!-- Dialog title and the close icon -->\n  <ng-container tdDialogTitle>\n    <div class=\"td-status-dialog-title\">\n      <span *ngIf=\"title\" class=\"\">{{ title }}</span>\n      <button\n        mat-icon-button\n        class=\"td-status-dialog__icon-button\"\n        (click)=\"close()\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </ng-container>\n  <!-- Dialog content with additonal information -->\n  <ng-container tdDialogContent>\n    <span class=\"td-dialog-message\">\n      {{ message }}\n      <div\n        class=\"td-status-dialog__toggle-details\"\n        role=\"button\"\n        tabindex=\"0\"\n        *ngIf=\"details\"\n        (click)=\"toggleDetails()\"\n        (keydown.enter)=\"toggleDetails()\"\n      >\n        {{\n          showDetails\n            ? detailsLabels?.hideDetailsLabel\n            : detailsLabels?.showDetailsLabel\n        }}\n        <mat-icon\n          [ngClass]=\"{\n            'td-status-dialog__arrow-icon': true,\n            close: !showDetails,\n            open: showDetails\n          }\"\n          >arrow_drop_down</mat-icon\n        >\n      </div>\n      <div *ngIf=\"showDetails\">{{ details }}</div>\n    </span>\n  </ng-container>\n  <ng-container tdDialogActions>\n    <button\n      mat-raised-button\n      color=\"primary\"\n      class=\"td-status-dialog___button\"\n      (click)=\"close()\"\n    >\n      {{ closeButton }}\n    </button>\n  </ng-container>\n</td-dialog>\n", styles: ["::ng-deep .mat-mdc-dialog-container .mdc-dialog__surface{background-color:var(--cv-theme-surface-container-lowest);border-radius:12px}::ng-deep .td-status-dialog-title{align-items:flex-start;display:inline-flex;justify-content:space-between;width:100%;-webkit-font-smoothing:antialiased}::ng-deep .td-status-dialog-title :first-child{padding-right:40px}::ng-deep [mat-icon-button].td-status-dialog__icon-button{--mdc-icon-button-state-layer-size: 40px;padding:8px;position:absolute;right:8px;top:10px}::ng-deep .td-status-dialog___button{border-radius:8px}::ng-deep .mat-mdc-dialog-container .mdc-dialog__title{padding:18px 16px;line-height:var(--mdc-dialog-supporting-text-line-height)}::ng-deep .mat-mdc-dialog-container .mdc-dialog__title:before{display:none}::ng-deep .mat-mdc-icon-button .mat-mdc-button-base{padding:8px}::ng-deep .mdc-dialog .mdc-dialog__content{padding:0 16px;-webkit-font-smoothing:antialiased}::ng-deep .mdc-dialog__actions{padding:16px}.td-status-dialog{width:auto}.td-status-dialog:before{padding:14px 16px 0}.td-status-dialog .td-dialog-message{font-feature-settings:\"clig\" off,\"liga\" off;color:var(--cv-theme-on-surface-variant);line-height:var(--mdc-dialog-supporting-text-line-height)}.td-status-dialog-state{padding:14px 16px 0}.td-status-dialog-state .mat-icon{font-size:var(--mat-toolbar-title-text-line-height);height:var(--mat-toolbar-title-text-line-height);width:var(--mat-toolbar-title-text-line-height);font-variation-settings:\"FILL\" 1}.td-status-dialog-state.error{background-color:var(--cv-theme-negative-8)}.td-status-dialog-state.error .mat-icon{color:var(--cv-theme-negative)}.td-status-dialog-state.positive{background-color:var(--cv-theme-positive-8)}.td-status-dialog-state.positive .mat-icon{color:var(--cv-theme-positive)}.td-status-dialog-state.warning{background-color:var(--cv-theme-caution-8)}.td-status-dialog-state.warning .mat-icon{color:var(--cv-theme-caution)}.td-status-dialog__toggle-details{align-items:center;color:var(--cv-theme-primary);cursor:pointer;display:flex;font-size:var(--mat-expansion-container-text-size);letter-spacing:.25px;line-height:var(--mat-expansion-container-text-line-height);padding:16px 0}.td-status-dialog__arrow-icon{margin-top:2px}.td-status-dialog__arrow-icon.open{transform:rotate(0);transition:transform .25s ease-out}.td-status-dialog__arrow-icon.close{transform:rotate(180deg);transition:transform .25s ease-in}@media screen and (max-width: 480px){:host .td-status-dialog-state{padding:4px}:host .td-status-dialog-state .mat-icon{display:none}:host .td-status-dialog-state.error{background-color:var(--cv-theme-negative)}:host .td-status-dialog-state.positive{background-color:var(--cv-theme-positive)}:host .td-status-dialog-state.warning{background-color:var(--cv-theme-caution)}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: TdDialogComponent, selector: "td-dialog" }, { kind: "directive", type: TdDialogStatusDirective, selector: "[tdDialogStatus]" }, { kind: "directive", type: TdDialogTitleDirective, selector: "[tdDialogTitle]" }, { kind: "directive", type: TdDialogActionsDirective, selector: "[tdDialogActions]" }, { kind: "directive", type: TdDialogContentDirective, selector: "[tdDialogContent]" }] });
+    static ɵfac = function TdStatusDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdStatusDialogComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdStatusDialogComponent, selectors: [["td-status-dialog"]], decls: 18, vars: 7, consts: [[1, "td-status-dialog"], ["tdDialogStatus", "", 1, "td-status-dialog-state", 3, "ngClass"], ["tdDialogTitle", ""], [1, "td-status-dialog-title"], ["class", "", 4, "ngIf"], ["mat-icon-button", "", 1, "td-status-dialog__icon-button", 3, "click"], ["tdDialogContent", ""], [1, "td-dialog-message"], ["class", "td-status-dialog__toggle-details", "role", "button", "tabindex", "0", 3, "click", "keydown.enter", 4, "ngIf"], [4, "ngIf"], ["tdDialogActions", ""], ["mat-raised-button", "", "color", "primary", 1, "td-status-dialog___button", 3, "click"], [1, ""], ["role", "button", "tabindex", "0", 1, "td-status-dialog__toggle-details", 3, "click", "keydown.enter"], [3, "ngClass"]], template: function TdStatusDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "td-dialog", 0)(1, "div", 1)(2, "mat-icon");
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementContainerStart(4, 2);
+            i0.ɵɵelementStart(5, "div", 3);
+            i0.ɵɵtemplate(6, TdStatusDialogComponent_span_6_Template, 2, 1, "span", 4);
+            i0.ɵɵelementStart(7, "button", 5);
+            i0.ɵɵlistener("click", function TdStatusDialogComponent_Template_button_click_7_listener() { return ctx.close(); });
+            i0.ɵɵelementStart(8, "mat-icon");
+            i0.ɵɵtext(9, "close");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementContainerEnd();
+            i0.ɵɵelementContainerStart(10, 6);
+            i0.ɵɵelementStart(11, "span", 7);
+            i0.ɵɵtext(12);
+            i0.ɵɵtemplate(13, TdStatusDialogComponent_div_13_Template, 4, 5, "div", 8)(14, TdStatusDialogComponent_div_14_Template, 2, 1, "div", 9);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainerEnd();
+            i0.ɵɵelementContainerStart(15, 10);
+            i0.ɵɵelementStart(16, "button", 11);
+            i0.ɵɵlistener("click", function TdStatusDialogComponent_Template_button_click_16_listener() { return ctx.close(); });
+            i0.ɵɵtext(17);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainerEnd();
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.state);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.getStatusIcon(), " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx.title);
+            i0.ɵɵadvance(6);
+            i0.ɵɵtextInterpolate1(" ", ctx.message, " ");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.details);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.showDetails);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate1(" ", ctx.closeButton, " ");
+        } }, dependencies: [CommonModule, i2.NgClass, i2.NgIf, MatIcon, MatIconButton, MatButton, TdDialogComponent, TdDialogTitleDirective, TdDialogContentDirective, TdDialogActionsDirective, TdDialogStatusDirective], styles: [".mat-mdc-dialog-container .mdc-dialog__surface{background-color:var(--cv-theme-surface-container-lowest);border-radius:12px}  .td-status-dialog-title{align-items:flex-start;display:inline-flex;justify-content:space-between;width:100%;-webkit-font-smoothing:antialiased}  .td-status-dialog-title :first-child{padding-right:40px}  [mat-icon-button].td-status-dialog__icon-button{--mdc-icon-button-state-layer-size: 40px;padding:8px;position:absolute;right:8px;top:10px}  .td-status-dialog___button{border-radius:8px}  .mat-mdc-dialog-container .mdc-dialog__title{padding:18px 16px;line-height:var(--mdc-dialog-supporting-text-line-height)}  .mat-mdc-dialog-container .mdc-dialog__title:before{display:none}  .mat-mdc-icon-button .mat-mdc-button-base{padding:8px}  .mdc-dialog .mdc-dialog__content{padding:0 16px;-webkit-font-smoothing:antialiased}  .mdc-dialog__actions{padding:16px}.td-status-dialog[_ngcontent-%COMP%]{width:auto}.td-status-dialog[_ngcontent-%COMP%]:before{padding:14px 16px 0}.td-status-dialog[_ngcontent-%COMP%]   .td-dialog-message[_ngcontent-%COMP%]{font-feature-settings:\"clig\" off,\"liga\" off;color:var(--cv-theme-on-surface-variant);line-height:var(--mdc-dialog-supporting-text-line-height)}.td-status-dialog-state[_ngcontent-%COMP%]{padding:14px 16px 0}.td-status-dialog-state[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{font-size:var(--mat-toolbar-title-text-line-height);height:var(--mat-toolbar-title-text-line-height);width:var(--mat-toolbar-title-text-line-height);font-variation-settings:\"FILL\" 1}.td-status-dialog-state.error[_ngcontent-%COMP%]{background-color:var(--cv-theme-negative-8)}.td-status-dialog-state.error[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{color:var(--cv-theme-negative)}.td-status-dialog-state.positive[_ngcontent-%COMP%]{background-color:var(--cv-theme-positive-8)}.td-status-dialog-state.positive[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{color:var(--cv-theme-positive)}.td-status-dialog-state.warning[_ngcontent-%COMP%]{background-color:var(--cv-theme-caution-8)}.td-status-dialog-state.warning[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{color:var(--cv-theme-caution)}.td-status-dialog__toggle-details[_ngcontent-%COMP%]{align-items:center;color:var(--cv-theme-primary);cursor:pointer;display:flex;font-size:var(--mat-expansion-container-text-size);letter-spacing:.25px;line-height:var(--mat-expansion-container-text-line-height);padding:16px 0}.td-status-dialog__arrow-icon[_ngcontent-%COMP%]{margin-top:2px}.td-status-dialog__arrow-icon.open[_ngcontent-%COMP%]{transform:rotate(0);transition:transform .25s ease-out}.td-status-dialog__arrow-icon.close[_ngcontent-%COMP%]{transform:rotate(180deg);transition:transform .25s ease-in}@media screen and (max-width: 480px){[_nghost-%COMP%]   .td-status-dialog-state[_ngcontent-%COMP%]{padding:4px}[_nghost-%COMP%]   .td-status-dialog-state[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%]   .td-status-dialog-state.error[_ngcontent-%COMP%]{background-color:var(--cv-theme-negative)}[_nghost-%COMP%]   .td-status-dialog-state.positive[_ngcontent-%COMP%]{background-color:var(--cv-theme-positive)}[_nghost-%COMP%]   .td-status-dialog-state.warning[_ngcontent-%COMP%]{background-color:var(--cv-theme-caution)}}"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdStatusDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'td-status-dialog', template: "<td-dialog class=\"td-status-dialog\">\n  <!-- Displays the icon and background color according to the state -->\n  <div tdDialogStatus class=\"td-status-dialog-state\" [ngClass]=\"state\">\n    <mat-icon>\n      {{ getStatusIcon() }}\n    </mat-icon>\n  </div>\n  <!-- Dialog title and the close icon -->\n  <ng-container tdDialogTitle>\n    <div class=\"td-status-dialog-title\">\n      <span *ngIf=\"title\" class=\"\">{{ title }}</span>\n      <button\n        mat-icon-button\n        class=\"td-status-dialog__icon-button\"\n        (click)=\"close()\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </ng-container>\n  <!-- Dialog content with additonal information -->\n  <ng-container tdDialogContent>\n    <span class=\"td-dialog-message\">\n      {{ message }}\n      <div\n        class=\"td-status-dialog__toggle-details\"\n        role=\"button\"\n        tabindex=\"0\"\n        *ngIf=\"details\"\n        (click)=\"toggleDetails()\"\n        (keydown.enter)=\"toggleDetails()\"\n      >\n        {{\n          showDetails\n            ? detailsLabels?.hideDetailsLabel\n            : detailsLabels?.showDetailsLabel\n        }}\n        <mat-icon\n          [ngClass]=\"{\n            'td-status-dialog__arrow-icon': true,\n            close: !showDetails,\n            open: showDetails\n          }\"\n          >arrow_drop_down</mat-icon\n        >\n      </div>\n      <div *ngIf=\"showDetails\">{{ details }}</div>\n    </span>\n  </ng-container>\n  <ng-container tdDialogActions>\n    <button\n      mat-raised-button\n      color=\"primary\"\n      class=\"td-status-dialog___button\"\n      (click)=\"close()\"\n    >\n      {{ closeButton }}\n    </button>\n  </ng-container>\n</td-dialog>\n", styles: ["::ng-deep .mat-mdc-dialog-container .mdc-dialog__surface{background-color:var(--cv-theme-surface-container-lowest);border-radius:12px}::ng-deep .td-status-dialog-title{align-items:flex-start;display:inline-flex;justify-content:space-between;width:100%;-webkit-font-smoothing:antialiased}::ng-deep .td-status-dialog-title :first-child{padding-right:40px}::ng-deep [mat-icon-button].td-status-dialog__icon-button{--mdc-icon-button-state-layer-size: 40px;padding:8px;position:absolute;right:8px;top:10px}::ng-deep .td-status-dialog___button{border-radius:8px}::ng-deep .mat-mdc-dialog-container .mdc-dialog__title{padding:18px 16px;line-height:var(--mdc-dialog-supporting-text-line-height)}::ng-deep .mat-mdc-dialog-container .mdc-dialog__title:before{display:none}::ng-deep .mat-mdc-icon-button .mat-mdc-button-base{padding:8px}::ng-deep .mdc-dialog .mdc-dialog__content{padding:0 16px;-webkit-font-smoothing:antialiased}::ng-deep .mdc-dialog__actions{padding:16px}.td-status-dialog{width:auto}.td-status-dialog:before{padding:14px 16px 0}.td-status-dialog .td-dialog-message{font-feature-settings:\"clig\" off,\"liga\" off;color:var(--cv-theme-on-surface-variant);line-height:var(--mdc-dialog-supporting-text-line-height)}.td-status-dialog-state{padding:14px 16px 0}.td-status-dialog-state .mat-icon{font-size:var(--mat-toolbar-title-text-line-height);height:var(--mat-toolbar-title-text-line-height);width:var(--mat-toolbar-title-text-line-height);font-variation-settings:\"FILL\" 1}.td-status-dialog-state.error{background-color:var(--cv-theme-negative-8)}.td-status-dialog-state.error .mat-icon{color:var(--cv-theme-negative)}.td-status-dialog-state.positive{background-color:var(--cv-theme-positive-8)}.td-status-dialog-state.positive .mat-icon{color:var(--cv-theme-positive)}.td-status-dialog-state.warning{background-color:var(--cv-theme-caution-8)}.td-status-dialog-state.warning .mat-icon{color:var(--cv-theme-caution)}.td-status-dialog__toggle-details{align-items:center;color:var(--cv-theme-primary);cursor:pointer;display:flex;font-size:var(--mat-expansion-container-text-size);letter-spacing:.25px;line-height:var(--mat-expansion-container-text-line-height);padding:16px 0}.td-status-dialog__arrow-icon{margin-top:2px}.td-status-dialog__arrow-icon.open{transform:rotate(0);transition:transform .25s ease-out}.td-status-dialog__arrow-icon.close{transform:rotate(180deg);transition:transform .25s ease-in}@media screen and (max-width: 480px){:host .td-status-dialog-state{padding:4px}:host .td-status-dialog-state .mat-icon{display:none}:host .td-status-dialog-state.error{background-color:var(--cv-theme-negative)}:host .td-status-dialog-state.positive{background-color:var(--cv-theme-positive)}:host .td-status-dialog-state.warning{background-color:var(--cv-theme-caution)}}\n"] }]
-        }], ctorParameters: () => [{ type: i1.MatDialogRef }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdStatusDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'td-status-dialog', imports: [CommonModule, MatIcon, MatIconButton, MatButton, TdDialogComponent, TdDialogTitleDirective, TdDialogContentDirective, TdDialogActionsDirective, TdDialogStatusDirective], template: "<td-dialog class=\"td-status-dialog\">\n  <!-- Displays the icon and background color according to the state -->\n  <div tdDialogStatus class=\"td-status-dialog-state\" [ngClass]=\"state\">\n    <mat-icon>\n      {{ getStatusIcon() }}\n    </mat-icon>\n  </div>\n  <!-- Dialog title and the close icon -->\n  <ng-container tdDialogTitle>\n    <div class=\"td-status-dialog-title\">\n      <span *ngIf=\"title\" class=\"\">{{ title }}</span>\n      <button\n        mat-icon-button\n        class=\"td-status-dialog__icon-button\"\n        (click)=\"close()\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </ng-container>\n  <!-- Dialog content with additonal information -->\n  <ng-container tdDialogContent>\n    <span class=\"td-dialog-message\">\n      {{ message }}\n      <div\n        class=\"td-status-dialog__toggle-details\"\n        role=\"button\"\n        tabindex=\"0\"\n        *ngIf=\"details\"\n        (click)=\"toggleDetails()\"\n        (keydown.enter)=\"toggleDetails()\"\n      >\n        {{\n          showDetails\n            ? detailsLabels?.hideDetailsLabel\n            : detailsLabels?.showDetailsLabel\n        }}\n        <mat-icon\n          [ngClass]=\"{\n            'td-status-dialog__arrow-icon': true,\n            close: !showDetails,\n            open: showDetails\n          }\"\n          >arrow_drop_down</mat-icon\n        >\n      </div>\n      <div *ngIf=\"showDetails\">{{ details }}</div>\n    </span>\n  </ng-container>\n  <ng-container tdDialogActions>\n    <button\n      mat-raised-button\n      color=\"primary\"\n      class=\"td-status-dialog___button\"\n      (click)=\"close()\"\n    >\n      {{ closeButton }}\n    </button>\n  </ng-container>\n</td-dialog>\n", styles: ["::ng-deep .mat-mdc-dialog-container .mdc-dialog__surface{background-color:var(--cv-theme-surface-container-lowest);border-radius:12px}::ng-deep .td-status-dialog-title{align-items:flex-start;display:inline-flex;justify-content:space-between;width:100%;-webkit-font-smoothing:antialiased}::ng-deep .td-status-dialog-title :first-child{padding-right:40px}::ng-deep [mat-icon-button].td-status-dialog__icon-button{--mdc-icon-button-state-layer-size: 40px;padding:8px;position:absolute;right:8px;top:10px}::ng-deep .td-status-dialog___button{border-radius:8px}::ng-deep .mat-mdc-dialog-container .mdc-dialog__title{padding:18px 16px;line-height:var(--mdc-dialog-supporting-text-line-height)}::ng-deep .mat-mdc-dialog-container .mdc-dialog__title:before{display:none}::ng-deep .mat-mdc-icon-button .mat-mdc-button-base{padding:8px}::ng-deep .mdc-dialog .mdc-dialog__content{padding:0 16px;-webkit-font-smoothing:antialiased}::ng-deep .mdc-dialog__actions{padding:16px}.td-status-dialog{width:auto}.td-status-dialog:before{padding:14px 16px 0}.td-status-dialog .td-dialog-message{font-feature-settings:\"clig\" off,\"liga\" off;color:var(--cv-theme-on-surface-variant);line-height:var(--mdc-dialog-supporting-text-line-height)}.td-status-dialog-state{padding:14px 16px 0}.td-status-dialog-state .mat-icon{font-size:var(--mat-toolbar-title-text-line-height);height:var(--mat-toolbar-title-text-line-height);width:var(--mat-toolbar-title-text-line-height);font-variation-settings:\"FILL\" 1}.td-status-dialog-state.error{background-color:var(--cv-theme-negative-8)}.td-status-dialog-state.error .mat-icon{color:var(--cv-theme-negative)}.td-status-dialog-state.positive{background-color:var(--cv-theme-positive-8)}.td-status-dialog-state.positive .mat-icon{color:var(--cv-theme-positive)}.td-status-dialog-state.warning{background-color:var(--cv-theme-caution-8)}.td-status-dialog-state.warning .mat-icon{color:var(--cv-theme-caution)}.td-status-dialog__toggle-details{align-items:center;color:var(--cv-theme-primary);cursor:pointer;display:flex;font-size:var(--mat-expansion-container-text-size);letter-spacing:.25px;line-height:var(--mat-expansion-container-text-line-height);padding:16px 0}.td-status-dialog__arrow-icon{margin-top:2px}.td-status-dialog__arrow-icon.open{transform:rotate(0);transition:transform .25s ease-out}.td-status-dialog__arrow-icon.close{transform:rotate(180deg);transition:transform .25s ease-in}@media screen and (max-width: 480px){:host .td-status-dialog-state{padding:4px}:host .td-status-dialog-state .mat-icon{display:none}:host .td-status-dialog-state.error{background-color:var(--cv-theme-negative)}:host .td-status-dialog-state.positive{background-color:var(--cv-theme-positive)}:host .td-status-dialog-state.warning{background-color:var(--cv-theme-caution)}}\n"] }]
+    }], () => [{ type: i1.MatDialogRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdStatusDialogComponent, { className: "TdStatusDialogComponent", filePath: "status-dialog/status-dialog.component.ts", lineNumber: 21 }); })();
 
 class TdDialogService {
     _document;
@@ -447,16 +701,17 @@ class TdDialogService {
         }
         return dialogRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogService, deps: [{ token: DOCUMENT }, { token: i1.MatDialog }, { token: i2$2.DragDrop }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogService });
+    static ɵfac = function TdDialogService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdDialogService)(i0.ɵɵinject(DOCUMENT), i0.ɵɵinject(i1.MatDialog), i0.ɵɵinject(i2$1.DragDrop), i0.ɵɵinject(i0.RendererFactory2)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TdDialogService, factory: TdDialogService.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdDialogService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i1.MatDialog }, { type: i2$2.DragDrop }, { type: i0.RendererFactory2 }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDialogService, [{
+        type: Injectable
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: [DOCUMENT]
+            }] }, { type: i1.MatDialog }, { type: i2$1.DragDrop }, { type: i0.RendererFactory2 }], null); })();
 
+const _c0 = ["*"];
 class TdWindowDialogComponent {
     toolbarColor;
     docked = false;
@@ -469,27 +724,62 @@ class TdWindowDialogComponent {
     toggleDockedState() {
         this.dockToggled.emit(this.docked);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdWindowDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TdWindowDialogComponent, selector: "td-window-dialog", inputs: { toolbarColor: "toolbarColor", docked: "docked", title: "title", toggleDockedStateLabel: "toggleDockedStateLabel", closeLabel: "closeLabel" }, outputs: { dockToggled: "dockToggled", closed: "closed" }, ngImport: i0, template: "<mat-toolbar\n  [color]=\"toolbarColor\"\n  class=\"td-window-dialog-toolbar\"\n  [style.min-height.px]=\"toolbarHeight\"\n  [style.cursor]=\"docked ? 'inherit' : 'move'\"\n>\n  <mat-toolbar-row [style.height.px]=\"toolbarHeight\">\n    <div layout=\"row\" layout-align=\"start center\" flex>\n      <span class=\"mat-title td-window-dialog-title truncate\" flex>\n        {{ title }}\n      </span>\n\n      <button\n        mat-icon-button\n        [matTooltip]=\"toggleDockedStateLabel ?? ''\"\n        (click)=\"toggleDockedState()\"\n      >\n        <mat-icon [attr.aria-label]=\"toggleDockedStateLabel\"\n          >dock_to_right</mat-icon\n        >\n      </button>\n\n      <button\n        mat-icon-button\n        [matTooltip]=\"closeLabel ?? ''\"\n        (click)=\"closed.emit()\"\n        class=\"td-window-dialog-close\"\n        [attr.data-test]=\"'close-button'\"\n      >\n        <mat-icon [attr.aria-label]=\"closeLabel\">close</mat-icon>\n      </button>\n    </div>\n  </mat-toolbar-row>\n</mat-toolbar>\n<ng-content></ng-content>\n", styles: [":host{height:100%;display:flex;flex-direction:column}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-window-dialog-toolbar{background:none}.td-window-dialog-title{margin-bottom:0}.td-window-dialog-close{margin-right:-8px}::ng-deep .td-window-dialog .mat-dialog-container{padding:0}\n"], dependencies: [{ kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i2$3.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = function TdWindowDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdWindowDialogComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdWindowDialogComponent, selectors: [["td-window-dialog"]], inputs: { toolbarColor: "toolbarColor", docked: "docked", title: "title", toggleDockedStateLabel: "toggleDockedStateLabel", closeLabel: "closeLabel" }, outputs: { dockToggled: "dockToggled", closed: "closed" }, ngContentSelectors: _c0, decls: 12, vars: 13, consts: [[1, "td-window-dialog-toolbar", 3, "color"], ["layout", "row", "layout-align", "start center", "flex", ""], ["flex", "", 1, "mat-title", "td-window-dialog-title", "truncate"], ["mat-icon-button", "", 3, "click", "matTooltip"], ["mat-icon-button", "", 1, "td-window-dialog-close", 3, "click", "matTooltip"]], template: function TdWindowDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "mat-toolbar", 0)(1, "mat-toolbar-row")(2, "div", 1)(3, "span", 2);
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "button", 3);
+            i0.ɵɵlistener("click", function TdWindowDialogComponent_Template_button_click_5_listener() { return ctx.toggleDockedState(); });
+            i0.ɵɵelementStart(6, "mat-icon");
+            i0.ɵɵtext(7, "dock_to_right");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(8, "button", 4);
+            i0.ɵɵlistener("click", function TdWindowDialogComponent_Template_button_click_8_listener() { return ctx.closed.emit(); });
+            i0.ɵɵelementStart(9, "mat-icon");
+            i0.ɵɵtext(10, "close");
+            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵprojection(11);
+        } if (rf & 2) {
+            let tmp_5_0;
+            let tmp_7_0;
+            i0.ɵɵstyleProp("min-height", ctx.toolbarHeight, "px")("cursor", ctx.docked ? "inherit" : "move");
+            i0.ɵɵproperty("color", ctx.toolbarColor);
+            i0.ɵɵadvance();
+            i0.ɵɵstyleProp("height", ctx.toolbarHeight, "px");
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate1(" ", ctx.title, " ");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("matTooltip", (tmp_5_0 = ctx.toggleDockedStateLabel) !== null && tmp_5_0 !== undefined ? tmp_5_0 : "");
+            i0.ɵɵadvance();
+            i0.ɵɵattribute("aria-label", ctx.toggleDockedStateLabel);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("matTooltip", (tmp_7_0 = ctx.closeLabel) !== null && tmp_7_0 !== undefined ? tmp_7_0 : "");
+            i0.ɵɵattribute("data-test", "close-button");
+            i0.ɵɵadvance();
+            i0.ɵɵattribute("aria-label", ctx.closeLabel);
+        } }, dependencies: [MatIcon, MatIconButton, MatToolbar, MatToolbarRow, MatTooltip], styles: ["[_nghost-%COMP%]{height:100%;display:flex;flex-direction:column}.truncate[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-window-dialog-toolbar[_ngcontent-%COMP%]{background:none}.td-window-dialog-title[_ngcontent-%COMP%]{margin-bottom:0}.td-window-dialog-close[_ngcontent-%COMP%]{margin-right:-8px}  .td-window-dialog .mat-dialog-container{padding:0}"], changeDetection: 0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdWindowDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'td-window-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar\n  [color]=\"toolbarColor\"\n  class=\"td-window-dialog-toolbar\"\n  [style.min-height.px]=\"toolbarHeight\"\n  [style.cursor]=\"docked ? 'inherit' : 'move'\"\n>\n  <mat-toolbar-row [style.height.px]=\"toolbarHeight\">\n    <div layout=\"row\" layout-align=\"start center\" flex>\n      <span class=\"mat-title td-window-dialog-title truncate\" flex>\n        {{ title }}\n      </span>\n\n      <button\n        mat-icon-button\n        [matTooltip]=\"toggleDockedStateLabel ?? ''\"\n        (click)=\"toggleDockedState()\"\n      >\n        <mat-icon [attr.aria-label]=\"toggleDockedStateLabel\"\n          >dock_to_right</mat-icon\n        >\n      </button>\n\n      <button\n        mat-icon-button\n        [matTooltip]=\"closeLabel ?? ''\"\n        (click)=\"closed.emit()\"\n        class=\"td-window-dialog-close\"\n        [attr.data-test]=\"'close-button'\"\n      >\n        <mat-icon [attr.aria-label]=\"closeLabel\">close</mat-icon>\n      </button>\n    </div>\n  </mat-toolbar-row>\n</mat-toolbar>\n<ng-content></ng-content>\n", styles: [":host{height:100%;display:flex;flex-direction:column}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-window-dialog-toolbar{background:none}.td-window-dialog-title{margin-bottom:0}.td-window-dialog-close{margin-right:-8px}::ng-deep .td-window-dialog .mat-dialog-container{padding:0}\n"] }]
-        }], propDecorators: { toolbarColor: [{
-                type: Input
-            }], docked: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], toggleDockedStateLabel: [{
-                type: Input
-            }], closeLabel: [{
-                type: Input
-            }], dockToggled: [{
-                type: Output
-            }], closed: [{
-                type: Output
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdWindowDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'td-window-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon, MatIconButton, MatToolbar, MatToolbarRow, MatTooltip], template: "<mat-toolbar\n  [color]=\"toolbarColor\"\n  class=\"td-window-dialog-toolbar\"\n  [style.min-height.px]=\"toolbarHeight\"\n  [style.cursor]=\"docked ? 'inherit' : 'move'\"\n>\n  <mat-toolbar-row [style.height.px]=\"toolbarHeight\">\n    <div layout=\"row\" layout-align=\"start center\" flex>\n      <span class=\"mat-title td-window-dialog-title truncate\" flex>\n        {{ title }}\n      </span>\n\n      <button\n        mat-icon-button\n        [matTooltip]=\"toggleDockedStateLabel ?? ''\"\n        (click)=\"toggleDockedState()\"\n      >\n        <mat-icon [attr.aria-label]=\"toggleDockedStateLabel\"\n          >dock_to_right</mat-icon\n        >\n      </button>\n\n      <button\n        mat-icon-button\n        [matTooltip]=\"closeLabel ?? ''\"\n        (click)=\"closed.emit()\"\n        class=\"td-window-dialog-close\"\n        [attr.data-test]=\"'close-button'\"\n      >\n        <mat-icon [attr.aria-label]=\"closeLabel\">close</mat-icon>\n      </button>\n    </div>\n  </mat-toolbar-row>\n</mat-toolbar>\n<ng-content></ng-content>\n", styles: [":host{height:100%;display:flex;flex-direction:column}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-window-dialog-toolbar{background:none}.td-window-dialog-title{margin-bottom:0}.td-window-dialog-close{margin-right:-8px}::ng-deep .td-window-dialog .mat-dialog-container{padding:0}\n"] }]
+    }], null, { toolbarColor: [{
+            type: Input
+        }], docked: [{
+            type: Input
+        }], title: [{
+            type: Input
+        }], toggleDockedStateLabel: [{
+            type: Input
+        }], closeLabel: [{
+            type: Input
+        }], dockToggled: [{
+            type: Output
+        }], closed: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdWindowDialogComponent, { className: "TdWindowDialogComponent", filePath: "window-dialog/window-dialog.component.ts", lineNumber: 21 }); })();
 
 const TD_DIALOGS = [
     TdAlertDialogComponent,
@@ -506,67 +796,56 @@ const TD_DIALOGS = [
     TdPromptDialogComponent,
     TdStatusDialogComponent,
 ];
+/**
+ * @deprecated This module is deprecated and will be removed in future versions.
+ * Please migrate to using standalone components as soon as possible.
+ */
 class CovalentDialogsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentDialogsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: CovalentDialogsModule, declarations: [TdAlertDialogComponent,
-            TdConfirmDialogComponent,
-            TdPromptDialogComponent,
-            TdDialogComponent,
-            TdDialogStatusDirective,
-            TdDialogTitleDirective,
-            TdDialogActionsDirective,
-            TdDialogContentDirective,
-            TdWindowDialogComponent,
-            TdAlertDialogComponent,
-            TdConfirmDialogComponent,
-            TdPromptDialogComponent,
-            TdStatusDialogComponent], imports: [FormsModule,
-            CommonModule,
-            MatDialogModule,
-            MatInputModule,
-            MatButtonModule,
-            MatToolbarModule,
-            MatTooltipModule,
-            MatIconModule], exports: [TdAlertDialogComponent,
+    static ɵfac = function CovalentDialogsModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentDialogsModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CovalentDialogsModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [TdDialogService], imports: [TdAlertDialogComponent,
             TdConfirmDialogComponent,
             TdPromptDialogComponent,
             TdDialogComponent,
-            TdDialogStatusDirective,
-            TdDialogTitleDirective,
-            TdDialogActionsDirective,
-            TdDialogContentDirective,
             TdWindowDialogComponent,
             TdAlertDialogComponent,
             TdConfirmDialogComponent,
             TdPromptDialogComponent,
             TdStatusDialogComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentDialogsModule, providers: [TdDialogService], imports: [FormsModule,
-            CommonModule,
-            MatDialogModule,
-            MatInputModule,
-            MatButtonModule,
-            MatToolbarModule,
-            MatTooltipModule,
-            MatIconModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentDialogsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        FormsModule,
-                        CommonModule,
-                        MatDialogModule,
-                        MatInputModule,
-                        MatButtonModule,
-                        MatToolbarModule,
-                        MatTooltipModule,
-                        MatIconModule,
-                    ],
-                    declarations: [...TD_DIALOGS],
-                    exports: [...TD_DIALOGS],
-                    providers: [TdDialogService],
-                }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentDialogsModule, [{
+        type: NgModule,
+        args: [{
+                imports: [...TD_DIALOGS],
+                exports: [...TD_DIALOGS],
+                providers: [TdDialogService],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentDialogsModule, { imports: [TdAlertDialogComponent,
+        TdConfirmDialogComponent,
+        TdPromptDialogComponent,
+        TdDialogComponent,
+        TdDialogStatusDirective,
+        TdDialogTitleDirective,
+        TdDialogActionsDirective,
+        TdDialogContentDirective,
+        TdWindowDialogComponent,
+        TdAlertDialogComponent,
+        TdConfirmDialogComponent,
+        TdPromptDialogComponent,
+        TdStatusDialogComponent], exports: [TdAlertDialogComponent,
+        TdConfirmDialogComponent,
+        TdPromptDialogComponent,
+        TdDialogComponent,
+        TdDialogStatusDirective,
+        TdDialogTitleDirective,
+        TdDialogActionsDirective,
+        TdDialogContentDirective,
+        TdWindowDialogComponent,
+        TdAlertDialogComponent,
+        TdConfirmDialogComponent,
+        TdPromptDialogComponent,
+        TdStatusDialogComponent] }); })();
 
 var corners;
 (function (corners) {