@daffodil/design 0.73.0 → 0.75.0

package/fesm2022/daffodil-design-toast-examples.mjs

@@ -1,11 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i1 from '@daffodil/design/toast';
-import { DaffToastModule, provideDaffToastOptions } from '@daffodil/design/toast';
+import { EventEmitter, Component, ChangeDetectionStrategy } from '@angular/core';
 import * as i2 from '@daffodil/design/button';
 import { DaffButtonModule } from '@daffodil/design/button';
-import { CommonModule } from '@angular/common';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import * as i1 from '@daffodil/design/toast';
+import { provideDaffToastOptions } from '@daffodil/design/toast';
 import * as i2$1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { combineLatest } from 'rxjs';
@@ -37,42 +35,13 @@ class DefaultToastComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultToastComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DefaultToastComponent, selector: "default-toast", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DefaultToastComponent, isStandalone: true, selector: "default-toast", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'default-toast', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
+            args: [{ selector: 'default-toast', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule], template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
         }], ctorParameters: () => [{ type: i1.DaffToastService }] });
 
-class DefaultToastModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DefaultToastModule, declarations: [DefaultToastComponent], imports: [CommonModule,
-            DaffToastModule,
-            FontAwesomeModule,
-            DaffButtonModule], exports: [DefaultToastComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultToastModule, imports: [CommonModule,
-            DaffToastModule,
-            FontAwesomeModule,
-            DaffButtonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultToastModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        DefaultToastComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        DaffToastModule,
-                        FontAwesomeModule,
-                        DaffButtonModule,
-                    ],
-                    exports: [
-                        DefaultToastComponent,
-                    ],
-                }]
-        }] });
-
 class ToastPositionsComponent {
     constructor(toastService, toastPositionService) {
         this.toastService = toastService;
@@ -100,21 +69,7 @@ class ToastPositionsComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsComponent, deps: [{ token: i1.DaffToastService }, { token: i1.DaffToastPositionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ToastPositionsComponent, selector: "toast-positions", ngImport: i0, template: "<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n", styles: [".toast-positions__options{display:flex;gap:8px;margin:0 0 16px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'toast-positions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n", styles: [".toast-positions__options{display:flex;gap:8px;margin:0 0 16px}\n"] }]
-        }], ctorParameters: () => [{ type: i1.DaffToastService }, { type: i1.DaffToastPositionService }] });
-
-class ToastPositionsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsModule, declarations: [ToastPositionsComponent], imports: [CommonModule,
-            ReactiveFormsModule,
-            DaffToastModule,
-            FontAwesomeModule,
-            DaffButtonModule], exports: [ToastPositionsComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsModule, providers: [
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ToastPositionsComponent, isStandalone: true, selector: "toast-positions", providers: [
             provideDaffToastOptions({
                 position: {
                     vertical: 'top',
@@ -122,29 +77,11 @@ class ToastPositionsModule {
                 },
                 useParent: false,
             }),
-        ], imports: [CommonModule,
-            ReactiveFormsModule,
-            DaffToastModule,
-            FontAwesomeModule,
-            DaffButtonModule] }); }
+        ], ngImport: i0, template: "<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n", styles: [".toast-positions__options{display:flex;gap:8px;margin:0 0 16px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ToastPositionsComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        DaffToastModule,
-                        FontAwesomeModule,
-                        DaffButtonModule,
-                    ],
-                    exports: [
-                        ToastPositionsComponent,
-                    ],
-                    providers: [
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastPositionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'toast-positions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ReactiveFormsModule, DaffButtonModule], providers: [
                         provideDaffToastOptions({
                             position: {
                                 vertical: 'top',
@@ -152,9 +89,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                             },
                             useParent: false,
                         }),
-                    ],
-                }]
-        }] });
+                    ], template: "<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n", styles: [".toast-positions__options{display:flex;gap:8px;margin:0 0 16px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DaffToastService }, { type: i1.DaffToastPositionService }] });
 
 const status = {
     error: {
@@ -186,45 +122,13 @@ class ToastStatusComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastStatusComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ToastStatusComponent, selector: "toast-status", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"error\">Error</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"], dependencies: [{ kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ToastStatusComponent, isStandalone: true, selector: "toast-status", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"error\">Error</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastStatusComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'toast-status', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"error\">Error</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"] }]
+            args: [{ selector: 'toast-status', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule, ReactiveFormsModule], template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"error\">Error</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"] }]
         }], ctorParameters: () => [{ type: i1.DaffToastService }] });
 
-class ToastStatusModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: ToastStatusModule, declarations: [ToastStatusComponent], imports: [CommonModule,
-            DaffToastModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-            ReactiveFormsModule], exports: [ToastStatusComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastStatusModule, imports: [CommonModule,
-            DaffToastModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-            ReactiveFormsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastStatusModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ToastStatusComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        DaffToastModule,
-                        DaffButtonModule,
-                        FontAwesomeModule,
-                        ReactiveFormsModule,
-                    ],
-                    exports: [
-                        ToastStatusComponent,
-                    ],
-                }]
-        }] });
-
 class ToastWithCustomDurationComponent {
     constructor(toastService) {
         this.toastService = toastService;
@@ -239,44 +143,18 @@ class ToastWithCustomDurationComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastWithCustomDurationComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ToastWithCustomDurationComponent, selector: "toast-with-custom-duration", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ToastWithCustomDurationComponent, isStandalone: true, selector: "toast-with-custom-duration", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastWithCustomDurationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'toast-with-custom-duration', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
+            args: [{ selector: 'toast-with-custom-duration', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule], template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
         }], ctorParameters: () => [{ type: i1.DaffToastService }] });
 
-class ToastWithCustomDurationModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastWithCustomDurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: ToastWithCustomDurationModule, declarations: [ToastWithCustomDurationComponent], imports: [CommonModule,
-            DaffToastModule,
-            DaffButtonModule], exports: [ToastWithCustomDurationComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastWithCustomDurationModule, imports: [CommonModule,
-            DaffToastModule,
-            DaffButtonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ToastWithCustomDurationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ToastWithCustomDurationComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        DaffToastModule,
-                        DaffButtonModule,
-                    ],
-                    exports: [
-                        ToastWithCustomDurationComponent,
-                    ],
-                }]
-        }] });
-
 const TOAST_EXAMPLES = [
-    { component: DefaultToastComponent, module: DefaultToastModule },
-    { component: ToastStatusComponent, module: ToastStatusModule },
-    { component: ToastPositionsComponent, module: ToastPositionsModule },
-    { component: ToastWithCustomDurationComponent, module: ToastWithCustomDurationModule },
+    DefaultToastComponent,
+    ToastPositionsComponent,
+    ToastStatusComponent,
+    ToastWithCustomDurationComponent,
 ];
 
 /**

package/fesm2022/daffodil-design-toast-examples.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-toast-examples.mjs","sources":["../../../libs/design/toast/examples/src/default-toast/default-toast.component.ts","../../../libs/design/toast/examples/src/default-toast/default-toast.component.html","../../../libs/design/toast/examples/src/default-toast/default-toast.module.ts","../../../libs/design/toast/examples/src/toast-positions/toast-positions.component.ts","../../../libs/design/toast/examples/src/toast-positions/toast-positions.component.html","../../../libs/design/toast/examples/src/toast-positions/toast-positions.module.ts","../../../libs/design/toast/examples/src/toast-status/toast-status.component.ts","../../../libs/design/toast/examples/src/toast-status/toast-status.component.html","../../../libs/design/toast/examples/src/toast-status/toast-status.module.ts","../../../libs/design/toast/examples/src/toast-with-custom-duration/toast-with-custom-duration.component.ts","../../../libs/design/toast/examples/src/toast-with-custom-duration/toast-with-custom-duration.component.html","../../../libs/design/toast/examples/src/toast-with-custom-duration/toast-with-custom-duration.module.ts","../../../libs/design/toast/examples/src/public_api.ts","../../../libs/design/toast/examples/src/daffodil-design-toast-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  OnInit,\n} from '@angular/core';\n\nimport {\n  DaffToast,\n  DaffToastAction,\n  DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'default-toast',\n  templateUrl: './default-toast.component.html',\n  styles: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DefaultToastComponent implements OnInit {\n  private toast: DaffToast;\n\n  constructor(private toastService: DaffToastService) {}\n\n  update = new EventEmitter<DaffToastAction>();\n\n  closeToast = new EventEmitter<DaffToastAction>();\n\n  open() {\n    this.toast = this.toastService.open({\n      title: 'Update Available' + ' ' + this.count++,\n      message: 'A new version of this page is available.',\n      actions: [\n        { content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },\n        { content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },\n      ],\n    });\n  }\n\n  ngOnInit() {\n    this.update.subscribe(() => {\n      console.log('test');\n    });\n\n    this.closeToast.subscribe(() => {\n      this.toastService.close(this.toast);\n    });\n  }\n\n  private count = 0;\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffToastModule } from '@daffodil/design/toast';\n\nimport { DefaultToastComponent } from './default-toast.component';\n\n@NgModule({\n  declarations: [\n    DefaultToastComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffToastModule,\n    FontAwesomeModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    DefaultToastComponent,\n  ],\n})\nexport class DefaultToastModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  OnInit,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { combineLatest } from 'rxjs';\n\nimport {\n  DaffToast,\n  DaffToastService,\n  DaffToastPositionService,\n} from '@daffodil/design/toast';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'toast-positions',\n  templateUrl: './toast-positions.component.html',\n  styleUrls: ['./toast-positions.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToastPositionsComponent implements OnInit {\n  private toast: DaffToast;\n\n  constructor(\n    private toastService: DaffToastService,\n    private toastPositionService: DaffToastPositionService,\n  ) {}\n\n  open() {\n    this.toast = this.toastService.open({\n      title: 'Update complete' + ' ' + this.count++,\n      message: 'This page is now up-to-date.',\n      dismissible: true,\n    });\n  }\n\n  private count = 0;\n\n  horizontalControl: FormControl = new FormControl('right');\n  verticalControl: FormControl = new FormControl('top');\n\n  ngOnInit() {\n    combineLatest([\n      this.horizontalControl.valueChanges,\n      this.verticalControl.valueChanges,\n    ]).subscribe(([\n      horizontal, vertical,\n    ]) => {\n      this.toastPositionService.setPosition({\n        horizontal,\n        vertical,\n      });\n    });\n  }\n}\n","<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport {\n  DaffToastModule,\n  provideDaffToastOptions,\n} from '@daffodil/design/toast';\n\nimport { ToastPositionsComponent } from './toast-positions.component';\n\n@NgModule({\n  declarations: [\n    ToastPositionsComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    DaffToastModule,\n    FontAwesomeModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    ToastPositionsComponent,\n  ],\n  providers: [\n    provideDaffToastOptions({\n      position: {\n        vertical: 'top',\n        horizontal: 'right',\n      },\n      useParent: false,\n    }),\n  ],\n})\nexport class ToastPositionsModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport {\n  faCheck,\n  faExclamation,\n  faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  DaffToastData,\n  DaffToastService,\n} from '@daffodil/design/toast';\n\nconst status: Record<string, DaffToastData> =  {\n  error: {\n    title: 'Server error',\n  },\n  success: {\n    title: 'Update complete',\n    message: 'The app is now up-to-date with the newest version.',\n  },\n  warn: {\n    title: 'The app is outdated',\n    message: 'Update the app now. The version you are using may have security vulnerabilities.',\n  },\n};\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'toast-status',\n  templateUrl: './toast-status.component.html',\n  styleUrls: ['./toast-status.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToastStatusComponent {\n  faInfoCircle = faInfoCircle;\n  faCheck = faCheck;\n  faExclamation = faExclamation;\n\n  statusControl: FormControl = new FormControl('success');\n\n  constructor(private toastService: DaffToastService) {}\n\n  open() {\n    this.toastService.open({\n      status: this.statusControl.value,\n      ...status[this.statusControl.value],\n    },\n    {\n      duration: this.statusControl.value === 'error' ? undefined : 5000,\n    },\n    );\n  }\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"error\">Error</option>\n</select>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffToastModule } from '@daffodil/design/toast';\n\nimport { ToastStatusComponent } from './toast-status.component';\n\n@NgModule({\n  declarations: [\n    ToastStatusComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffToastModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n    ReactiveFormsModule,\n  ],\n  exports: [\n    ToastStatusComponent,\n  ],\n})\nexport class ToastStatusModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  OnInit,\n} from '@angular/core';\n\nimport {\n  DaffToast,\n  DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'toast-with-custom-duration',\n  templateUrl: './toast-with-custom-duration.component.html',\n  styles: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToastWithCustomDurationComponent {\n  private toast: DaffToast;\n\n  constructor(private toastService: DaffToastService) {}\n\n  open() {\n    this.toast = this.toastService.open({\n      title: 'Update Complete',\n      message: 'This page has been updated to the newest version.',\n      status: 'success',\n    },\n    {\n      duration: 7000,\n    });\n  }\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffToastModule } from '@daffodil/design/toast';\n\nimport { ToastWithCustomDurationComponent } from './toast-with-custom-duration.component';\n\n@NgModule({\n  declarations: [\n    ToastWithCustomDurationComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffToastModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    ToastWithCustomDurationComponent,\n  ],\n})\nexport class ToastWithCustomDurationModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { DefaultToastComponent } from './default-toast/default-toast.component';\nimport { DefaultToastModule } from './default-toast/default-toast.module';\nimport { ToastPositionsComponent } from './toast-positions/toast-positions.component';\nimport { ToastPositionsModule } from './toast-positions/toast-positions.module';\nimport { ToastStatusComponent } from './toast-status/toast-status.component';\nimport { ToastStatusModule } from './toast-status/toast-status.module';\nimport { ToastWithCustomDurationComponent } from './toast-with-custom-duration/toast-with-custom-duration.component';\nimport { ToastWithCustomDurationModule } from './toast-with-custom-duration/toast-with-custom-duration.module';\n\nexport const TOAST_EXAMPLES: ComponentExample[] = [\n  { component: DefaultToastComponent, module: DefaultToastModule },\n  { component: ToastStatusComponent, module: ToastStatusModule },\n  { component: ToastPositionsComponent, module: ToastPositionsModule },\n  { component: ToastWithCustomDurationComponent, module: ToastWithCustomDurationModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3"],"mappings":"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"}
+{"version":3,"file":"daffodil-design-toast-examples.mjs","sources":["../../../libs/design/toast/examples/src/default-toast/default-toast.component.ts","../../../libs/design/toast/examples/src/default-toast/default-toast.component.html","../../../libs/design/toast/examples/src/toast-positions/toast-positions.component.ts","../../../libs/design/toast/examples/src/toast-positions/toast-positions.component.html","../../../libs/design/toast/examples/src/toast-status/toast-status.component.ts","../../../libs/design/toast/examples/src/toast-status/toast-status.component.html","../../../libs/design/toast/examples/src/toast-with-custom-duration/toast-with-custom-duration.component.ts","../../../libs/design/toast/examples/src/toast-with-custom-duration/toast-with-custom-duration.component.html","../../../libs/design/toast/examples/src/public_api.ts","../../../libs/design/toast/examples/src/daffodil-design-toast-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  OnInit,\n} from '@angular/core';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport {\n  DaffToast,\n  DaffToastAction,\n  DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'default-toast',\n  templateUrl: './default-toast.component.html',\n  styles: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [DaffButtonModule],\n})\nexport class DefaultToastComponent implements OnInit {\n  private toast: DaffToast;\n\n  constructor(private toastService: DaffToastService) {}\n\n  update = new EventEmitter<DaffToastAction>();\n\n  closeToast = new EventEmitter<DaffToastAction>();\n\n  open() {\n    this.toast = this.toastService.open({\n      title: 'Update Available' + ' ' + this.count++,\n      message: 'A new version of this page is available.',\n      actions: [\n        { content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },\n        { content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },\n      ],\n    });\n  }\n\n  ngOnInit() {\n    this.update.subscribe(() => {\n      console.log('test');\n    });\n\n    this.closeToast.subscribe(() => {\n      this.toastService.close(this.toast);\n    });\n  }\n\n  private count = 0;\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import {\n  ChangeDetectionStrategy,\n  Component,\n  OnInit,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { combineLatest } from 'rxjs';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport {\n  DaffToast,\n  DaffToastService,\n  DaffToastPositionService,\n  provideDaffToastOptions,\n} from '@daffodil/design/toast';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'toast-positions',\n  templateUrl: './toast-positions.component.html',\n  styleUrls: ['./toast-positions.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [ReactiveFormsModule, DaffButtonModule],\n  providers: [\n    provideDaffToastOptions({\n      position: {\n        vertical: 'top',\n        horizontal: 'right',\n      },\n      useParent: false,\n    }),\n  ],\n})\nexport class ToastPositionsComponent implements OnInit {\n  private toast: DaffToast;\n\n  constructor(\n    private toastService: DaffToastService,\n    private toastPositionService: DaffToastPositionService,\n  ) {}\n\n  open() {\n    this.toast = this.toastService.open({\n      title: 'Update complete' + ' ' + this.count++,\n      message: 'This page is now up-to-date.',\n      dismissible: true,\n    });\n  }\n\n  private count = 0;\n\n  horizontalControl: FormControl = new FormControl('right');\n  verticalControl: FormControl = new FormControl('top');\n\n  ngOnInit() {\n    combineLatest([\n      this.horizontalControl.valueChanges,\n      this.verticalControl.valueChanges,\n    ]).subscribe(([\n      horizontal, vertical,\n    ]) => {\n      this.toastPositionService.setPosition({\n        horizontal,\n        vertical,\n      });\n    });\n  }\n}\n","<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport {\n  faCheck,\n  faExclamation,\n  faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport {\n  DaffToastData,\n  DaffToastService,\n} from '@daffodil/design/toast';\n\nconst status: Record<string, DaffToastData> =  {\n  error: {\n    title: 'Server error',\n  },\n  success: {\n    title: 'Update complete',\n    message: 'The app is now up-to-date with the newest version.',\n  },\n  warn: {\n    title: 'The app is outdated',\n    message: 'Update the app now. The version you are using may have security vulnerabilities.',\n  },\n};\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'toast-status',\n  templateUrl: './toast-status.component.html',\n  styleUrls: ['./toast-status.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [DaffButtonModule, ReactiveFormsModule],\n})\nexport class ToastStatusComponent {\n  faInfoCircle = faInfoCircle;\n  faCheck = faCheck;\n  faExclamation = faExclamation;\n\n  statusControl: FormControl = new FormControl('success');\n\n  constructor(private toastService: DaffToastService) {}\n\n  open() {\n    this.toastService.open({\n      status: this.statusControl.value,\n      ...status[this.statusControl.value],\n    },\n    {\n      duration: this.statusControl.value === 'error' ? undefined : 5000,\n    },\n    );\n  }\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"error\">Error</option>\n</select>","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  OnInit,\n} from '@angular/core';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport {\n  DaffToast,\n  DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'toast-with-custom-duration',\n  templateUrl: './toast-with-custom-duration.component.html',\n  styles: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [DaffButtonModule],\n})\nexport class ToastWithCustomDurationComponent {\n  private toast: DaffToast;\n\n  constructor(private toastService: DaffToastService) {}\n\n  open() {\n    this.toast = this.toastService.open({\n      title: 'Update Complete',\n      message: 'This page has been updated to the newest version.',\n      status: 'success',\n    },\n    {\n      duration: 7000,\n    });\n  }\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import { DefaultToastComponent } from './default-toast/default-toast.component';\nimport { ToastPositionsComponent } from './toast-positions/toast-positions.component';\nimport { ToastStatusComponent } from './toast-status/toast-status.component';\nimport { ToastWithCustomDurationComponent } from './toast-with-custom-duration/toast-with-custom-duration.component';\n\nexport const TOAST_EXAMPLES = [\n  DefaultToastComponent,\n  ToastPositionsComponent,\n  ToastStatusComponent,\n  ToastWithCustomDurationComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3"],"mappings":"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"}

package/fesm2022/daffodil-design-toast.mjs

@@ -2,7 +2,7 @@ import * as i1 from '@angular/cdk/layout';
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Inject, Directive, HostBinding, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, HostListener, EventEmitter, Output, NgModule, Optional, SkipSelf } from '@angular/core';
 import * as i2 from '@daffodil/design';
-import { DaffBreakpoints, daffArticleEncapsulatedMixin, daffStatusMixin, DaffPrefixDirective, DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffBreakpoints, DaffPrefixDirective, DaffArticleEncapsulatedDirective, DaffStatusableDirective, DaffPrefixSuffixModule } from '@daffodil/design';
 import * as i1$2 from '@angular/cdk/overlay';
 import { OverlayModule, GlobalPositionStrategy } from '@angular/cdk/overlay';
 import { PortalModule, ComponentPortal } from '@angular/cdk/portal';
@@ -79,31 +79,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                 args: ['class.daff-toast__actions']
             }] } });
 
-/**
- * An _elementRef is needed for the core mixins
- */
-class DaffToastBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffToastBase = daffArticleEncapsulatedMixin(daffStatusMixin(DaffToastBase));
 /**
  * DaffToastComponent provides a way to display and
  * communicate information for user actions or system updates.
  */
-class DaffToastComponent extends _daffToastBase {
+class DaffToastComponent {
     /**
      * @docs-private
      */
     onEscape() {
         this.toast.dismiss();
     }
-    constructor(elementRef, renderer, _focusTrapFactory, _focusStack) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
+    constructor(_elementRef, _focusTrapFactory, _focusStack) {
+        this._elementRef = _elementRef;
         this._focusTrapFactory = _focusTrapFactory;
         this._focusStack = _focusStack;
         /** @docs-private */
@@ -127,13 +115,19 @@ class DaffToastComponent extends _daffToastBase {
             this._focusTrap.destroy();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.ConfigurableFocusTrapFactory }, { token: i2.DaffFocusStackService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffToastComponent, selector: "daff-toast", inputs: { status: "status", toast: "toast" }, host: { listeners: { "keydown.escape": "onEscape()" }, properties: { "class.daff-toast": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "_actions", first: true, predicate: DaffToastActionsDirective, descendants: true }, { propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-toast__details\">\n  <div class=\"daff-toast__content\">\n    <ng-content select=\"[daffToastTitle]\"></ng-content>\n    <ng-content select=\"[daffToastMessage]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffToastActions]\"></ng-content>\n</div>\n<ng-content></ng-content>\n", styles: [".daff-toast{display:flex;border-radius:.25rem;font-size:1rem;line-height:1.5rem;position:relative;min-width:15rem;max-width:90vw}@media (min-width: 480px){.daff-toast{max-width:22rem}}.daff-toast+div+.daff-toast,.daff-toast+div+div+.daff-toast,.daff-toast+.daff-toast{margin-top:.75rem}.daff-toast:before{content:\"\";border-radius:.25rem 0 0 .25rem;position:absolute;height:100%;left:0;top:0;width:.25rem}.daff-toast .daff-prefix{padding:1rem 0 1rem 1rem}.daff-toast__close-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-toast__details{display:block;font-size:1rem;line-height:1.5rem;width:100%}.daff-toast__content{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.daff-toast__title{font-weight:600}.daff-toast__message{font-weight:400;line-height:1.25rem}.daff-toast__actions{display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 1rem 1rem}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffToastComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.ConfigurableFocusTrapFactory }, { token: i2.DaffFocusStackService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffToastComponent, selector: "daff-toast", inputs: { toast: "toast" }, host: { listeners: { "keydown.escape": "onEscape()" }, properties: { "class.daff-toast": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "_actions", first: true, predicate: DaffToastActionsDirective, descendants: true }, { propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }], hostDirectives: [{ directive: i2.DaffArticleEncapsulatedDirective }, { directive: i2.DaffStatusableDirective, inputs: ["status", "status"] }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-toast__details\">\n  <div class=\"daff-toast__content\">\n    <ng-content select=\"[daffToastTitle]\"></ng-content>\n    <ng-content select=\"[daffToastMessage]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffToastActions]\"></ng-content>\n</div>\n<ng-content></ng-content>\n", styles: [".daff-toast{display:flex;border-radius:.25rem;font-size:1rem;line-height:1.5rem;position:relative;min-width:15rem;max-width:90vw}@media (min-width: 480px){.daff-toast{max-width:22rem}}.daff-toast+div+.daff-toast,.daff-toast+div+div+.daff-toast,.daff-toast+.daff-toast{margin-top:.75rem}.daff-toast:before{content:\"\";border-radius:.25rem 0 0 .25rem;position:absolute;height:100%;left:0;top:0;width:.25rem}.daff-toast .daff-prefix{padding:1rem 0 1rem 1rem}.daff-toast__close-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-toast__details{display:block;font-size:1rem;line-height:1.5rem;width:100%}.daff-toast__content{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.daff-toast__title{font-weight:600}.daff-toast__message{font-weight:400;line-height:1.25rem}.daff-toast__actions{display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 1rem 1rem}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-toast', inputs: ['status'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-toast__details\">\n  <div class=\"daff-toast__content\">\n    <ng-content select=\"[daffToastTitle]\"></ng-content>\n    <ng-content select=\"[daffToastMessage]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffToastActions]\"></ng-content>\n</div>\n<ng-content></ng-content>\n", styles: [".daff-toast{display:flex;border-radius:.25rem;font-size:1rem;line-height:1.5rem;position:relative;min-width:15rem;max-width:90vw}@media (min-width: 480px){.daff-toast{max-width:22rem}}.daff-toast+div+.daff-toast,.daff-toast+div+div+.daff-toast,.daff-toast+.daff-toast{margin-top:.75rem}.daff-toast:before{content:\"\";border-radius:.25rem 0 0 .25rem;position:absolute;height:100%;left:0;top:0;width:.25rem}.daff-toast .daff-prefix{padding:1rem 0 1rem 1rem}.daff-toast__close-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-toast__details{display:block;font-size:1rem;line-height:1.5rem;width:100%}.daff-toast__content{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.daff-toast__title{font-weight:600}.daff-toast__message{font-weight:400;line-height:1.25rem}.daff-toast__actions{display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 1rem 1rem}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.ConfigurableFocusTrapFactory }, { type: i2.DaffFocusStackService }], propDecorators: { class: [{
+            args: [{ selector: 'daff-toast', hostDirectives: [
+                        { directive: DaffArticleEncapsulatedDirective },
+                        {
+                            directive: DaffStatusableDirective,
+                            inputs: ['status'],
+                        },
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-toast__details\">\n  <div class=\"daff-toast__content\">\n    <ng-content select=\"[daffToastTitle]\"></ng-content>\n    <ng-content select=\"[daffToastMessage]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffToastActions]\"></ng-content>\n</div>\n<ng-content></ng-content>\n", styles: [".daff-toast{display:flex;border-radius:.25rem;font-size:1rem;line-height:1.5rem;position:relative;min-width:15rem;max-width:90vw}@media (min-width: 480px){.daff-toast{max-width:22rem}}.daff-toast+div+.daff-toast,.daff-toast+div+div+.daff-toast,.daff-toast+.daff-toast{margin-top:.75rem}.daff-toast:before{content:\"\";border-radius:.25rem 0 0 .25rem;position:absolute;height:100%;left:0;top:0;width:.25rem}.daff-toast .daff-prefix{padding:1rem 0 1rem 1rem}.daff-toast__close-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-toast__details{display:block;font-size:1rem;line-height:1.5rem;width:100%}.daff-toast__content{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.daff-toast__title{font-weight:600}.daff-toast__message{font-weight:400;line-height:1.25rem}.daff-toast__actions{display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 1rem 1rem}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.ConfigurableFocusTrapFactory }, { type: i2.DaffFocusStackService }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-toast']
             }], role: [{
@@ -322,7 +316,7 @@ class DaffToastTemplateComponent {
         </button>
       </ng-container>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: DaffToastComponent, selector: "daff-toast", inputs: ["status", "toast"] }, { kind: "directive", type: DaffToastActionsDirective, selector: "[daffToastActions]" }, { kind: "directive", type: DaffToastTitleDirective, selector: "[daffToastTitle]" }, { kind: "directive", type: DaffToastMessageDirective, selector: "[daffToastMessage]" }, { kind: "pipe", type: i2$1.SlicePipe, name: "slice" }], animations: [
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: DaffToastComponent, selector: "daff-toast", inputs: ["toast"] }, { kind: "directive", type: DaffToastActionsDirective, selector: "[daffToastActions]" }, { kind: "directive", type: DaffToastTitleDirective, selector: "[daffToastTitle]" }, { kind: "directive", type: DaffToastMessageDirective, selector: "[daffToastMessage]" }, { kind: "pipe", type: i2$1.SlicePipe, name: "slice" }], animations: [
             trigger('slideIn', [
                 transition(':enter', [
                     style({ opacity: '0', transform: 'translate({{startX}}, {{startY}})' }),