@daffodil/design 0.74.0 → 0.75.0

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

@@ -1,16 +1,16 @@
+import { NgIf } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i3$1 from '@fortawesome/angular-fontawesome';
+import { FaIconComponent, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faInfoCircle, faCheck, faExclamation, faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@daffodil/design/notification';
-import { DaffNotificationModule } from '@daffodil/design/notification';
-import * as i3 from '@daffodil/design';
-import * as i4 from '@fortawesome/angular-fontawesome';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import * as i5 from '@daffodil/design/button';
+import * as i2 from '@daffodil/design';
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import * as i4 from '@daffodil/design/button';
 import { DaffButtonModule } from '@daffodil/design/button';
-import * as i4$1 from '@angular/forms';
+import * as i1 from '@daffodil/design/notification';
+import { DaffNotificationModule } from '@daffodil/design/notification';
+import * as i3 from '@angular/forms';
 import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
 
 class DefaultNotificationComponent {
@@ -22,40 +22,17 @@ class DefaultNotificationComponent {
         this.showNotification = !this.showNotification;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DefaultNotificationComponent, selector: "default-notification", ngImport: i0, template: "<button daff-button (click)=\"toggleNotification()\">Show Notification</button>\n\n<daff-notification *ngIf=\"showNotification\" status=\"success\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t\t<button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i2.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i2.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { 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: i5.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: DefaultNotificationComponent, isStandalone: true, selector: "default-notification", ngImport: i0, template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "ngmodule", type: DaffButtonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'default-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button (click)=\"toggleNotification()\">Show Notification</button>\n\n<daff-notification *ngIf=\"showNotification\" status=\"success\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t\t<button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
-        }] });
-
-class DefaultNotificationModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationModule, declarations: [DefaultNotificationComponent], imports: [CommonModule,
-            DaffNotificationModule,
-            FontAwesomeModule,
-            DaffButtonModule], exports: [DefaultNotificationComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationModule, imports: [CommonModule,
-            DaffNotificationModule,
-            FontAwesomeModule,
-            DaffButtonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        DefaultNotificationComponent,
-                    ],
-                    imports: [
-                        CommonModule,
+            args: [{ selector: 'default-notification', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         DaffNotificationModule,
-                        FontAwesomeModule,
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
                         DaffButtonModule,
-                    ],
-                    exports: [
-                        DefaultNotificationComponent,
-                    ],
-                }]
+                        NgIf,
+                    ], template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
         }] });
 
 class DismissibleNotificationComponent {
@@ -67,40 +44,16 @@ class DismissibleNotificationComponent {
         this.hidden = true;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DismissibleNotificationComponent, selector: "dismissible-notification", ngImport: i0, template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i2.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DismissibleNotificationComponent, isStandalone: true, selector: "dismissible-notification", ngImport: i0, template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dismissible-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"] }]
-        }] });
-
-class DismissibleNotificationModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationModule, declarations: [DismissibleNotificationComponent], imports: [CommonModule,
-            DaffNotificationModule,
-            FontAwesomeModule,
-            DaffButtonModule], exports: [DismissibleNotificationComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationModule, imports: [CommonModule,
-            DaffNotificationModule,
-            FontAwesomeModule,
-            DaffButtonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        DismissibleNotificationComponent,
-                    ],
-                    imports: [
-                        CommonModule,
+            args: [{ selector: 'dismissible-notification', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         DaffNotificationModule,
-                        FontAwesomeModule,
-                        DaffButtonModule,
-                    ],
-                    exports: [
-                        DismissibleNotificationComponent,
-                    ],
-                }]
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
+                        NgIf,
+                    ], template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"] }]
         }] });
 
 class NotificationOrientationsComponent {
@@ -111,43 +64,17 @@ class NotificationOrientationsComponent {
         this.orientationControl = new UntypedFormControl('vertical');
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationOrientationsComponent, selector: "notification-orientations", ngImport: i0, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "component", type: i2.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i2.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { 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: "directive", type: i4$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$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: NotificationOrientationsComponent, isStandalone: true, selector: "notification-orientations", ngImport: i0, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.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: NotificationOrientationsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'notification-orientations', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
-        }] });
-
-class NotificationOrientationsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsModule, declarations: [NotificationOrientationsComponent], imports: [CommonModule,
-            DaffNotificationModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-            ReactiveFormsModule], exports: [NotificationOrientationsComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsModule, imports: [CommonModule,
-            DaffNotificationModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-            ReactiveFormsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        NotificationOrientationsComponent,
-                    ],
-                    imports: [
-                        CommonModule,
+            args: [{ selector: 'notification-orientations', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         DaffNotificationModule,
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
                         DaffButtonModule,
-                        FontAwesomeModule,
                         ReactiveFormsModule,
-                    ],
-                    exports: [
-                        NotificationOrientationsComponent,
-                    ],
-                }]
+                    ], template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
         }] });
 
 class NotificationStatusComponent {
@@ -158,43 +85,18 @@ class NotificationStatusComponent {
         this.statusControl = new UntypedFormControl('success');
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationStatusComponent, selector: "notification-status", ngImport: i0, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'error'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\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:center;gap:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i2.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { 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: "directive", type: i4$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$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: NotificationStatusComponent, isStandalone: true, selector: "notification-status", ngImport: i0, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'danger'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"danger\">Danger</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.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: NotificationStatusComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'notification-status', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'error'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\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:center;gap:16px}\n"] }]
-        }] });
-
-class NotificationStatusModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: NotificationStatusModule, declarations: [NotificationStatusComponent], imports: [CommonModule,
-            DaffNotificationModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-            ReactiveFormsModule], exports: [NotificationStatusComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationStatusModule, imports: [CommonModule,
-            DaffNotificationModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-            ReactiveFormsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationStatusModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        NotificationStatusComponent,
-                    ],
-                    imports: [
-                        CommonModule,
+            args: [{ selector: 'notification-status', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         DaffNotificationModule,
+                        NgIf,
+                        FaIconComponent,
+                        DaffPrefixSuffixModule,
                         DaffButtonModule,
-                        FontAwesomeModule,
                         ReactiveFormsModule,
-                    ],
-                    exports: [
-                        NotificationStatusComponent,
-                    ],
-                }]
+                    ], template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'danger'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"danger\">Danger</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
         }] });
 
 class NotificationWithActionsComponent {
@@ -206,48 +108,23 @@ class NotificationWithActionsComponent {
         this.showNotification = !this.showNotification;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationWithActionsComponent, selector: "notification-with-actions", ngImport: i0, template: "<button daff-button (click)=\"toggleNotification()\">\n\t<ng-container *ngIf=\"showNotification\">Show Notification</ng-container>\n\t<ng-container *ngIf=\"!showNotification\">Hide Notification</ng-container>\n</button>\n\n<daff-notification status=\"error\" *ngIf=\"showNotification\">\n\t<fa-icon daffPrefix [icon]=\"faExclamationCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t\t<button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i2.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i2.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { 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: i5.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: NotificationWithActionsComponent, isStandalone: true, selector: "notification-with-actions", ngImport: i0, template: "<daff-notification>\n  <fa-icon daffPrefix [icon]=\"faExclamationCircle\"></fa-icon>\n  <div daffNotificationTitle>Title</div>\n  <div daffNotificationSubtitle>This is the subtitle with information</div>\n  <div daffNotificationActions>\n    <button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n    <button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n  </div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i3$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i4.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: NotificationWithActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'notification-with-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button (click)=\"toggleNotification()\">\n\t<ng-container *ngIf=\"showNotification\">Show Notification</ng-container>\n\t<ng-container *ngIf=\"!showNotification\">Hide Notification</ng-container>\n</button>\n\n<daff-notification status=\"error\" *ngIf=\"showNotification\">\n\t<fa-icon daffPrefix [icon]=\"faExclamationCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t\t<button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
-        }] });
-
-class NotificationWithActionsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsModule, declarations: [NotificationWithActionsComponent], imports: [CommonModule,
-            DaffNotificationModule,
-            FontAwesomeModule,
-            DaffButtonModule], exports: [NotificationWithActionsComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsModule, imports: [CommonModule,
-            DaffNotificationModule,
-            FontAwesomeModule,
-            DaffButtonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        NotificationWithActionsComponent,
-                    ],
-                    imports: [
-                        CommonModule,
+            args: [{ selector: 'notification-with-actions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         DaffNotificationModule,
                         FontAwesomeModule,
                         DaffButtonModule,
-                    ],
-                    exports: [
-                        NotificationWithActionsComponent,
-                    ],
-                }]
+                    ], template: "<daff-notification>\n  <fa-icon daffPrefix [icon]=\"faExclamationCircle\"></fa-icon>\n  <div daffNotificationTitle>Title</div>\n  <div daffNotificationSubtitle>This is the subtitle with information</div>\n  <div daffNotificationActions>\n    <button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n    <button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n  </div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
         }] });
 
 const NOTIFICATION_EXAMPLES = [
-    { component: DefaultNotificationComponent, module: DefaultNotificationModule },
-    { component: NotificationStatusComponent, module: NotificationStatusModule },
-    { component: NotificationOrientationsComponent, module: NotificationOrientationsModule },
-    { component: DismissibleNotificationComponent, module: DismissibleNotificationModule },
-    { component: NotificationWithActionsComponent, module: NotificationWithActionsModule },
+    DefaultNotificationComponent,
+    DismissibleNotificationComponent,
+    NotificationOrientationsComponent,
+    NotificationStatusComponent,
+    NotificationWithActionsComponent,
 ];
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-notification-examples.mjs","sources":["../../../libs/design/notification/examples/src/default-notification/default-notification.component.ts","../../../libs/design/notification/examples/src/default-notification/default-notification.component.html","../../../libs/design/notification/examples/src/default-notification/default-notification.module.ts","../../../libs/design/notification/examples/src/dismissible-notification/dismissible-notification.component.ts","../../../libs/design/notification/examples/src/dismissible-notification/dismissible-notification.component.html","../../../libs/design/notification/examples/src/dismissible-notification/dismissible-notification.module.ts","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.component.ts","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.component.html","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.module.ts","../../../libs/design/notification/examples/src/notification-status/notification-status.component.ts","../../../libs/design/notification/examples/src/notification-status/notification-status.component.html","../../../libs/design/notification/examples/src/notification-status/notification-status.module.ts","../../../libs/design/notification/examples/src/notification-with-actions/notification-with-actions.component.ts","../../../libs/design/notification/examples/src/notification-with-actions/notification-with-actions.component.html","../../../libs/design/notification/examples/src/notification-with-actions/notification-with-actions.module.ts","../../../libs/design/notification/examples/src/public_api.ts","../../../libs/design/notification/examples/src/daffodil-design-notification-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'default-notification',\n  templateUrl: './default-notification.component.html',\n  styleUrls: ['./default-notification.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DefaultNotificationComponent {\n  faInfoCircle = faInfoCircle;\n\n  showNotification = false;\n\n  toggleNotification() {\n    this.showNotification = !this.showNotification;\n  }\n}\n","<button daff-button (click)=\"toggleNotification()\">Show Notification</button>\n\n<daff-notification *ngIf=\"showNotification\" status=\"success\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t\t<button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n\t</div>\n</daff-notification>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { DefaultNotificationComponent } from './default-notification.component';\n\n@NgModule({\n  declarations: [\n    DefaultNotificationComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffNotificationModule,\n    FontAwesomeModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    DefaultNotificationComponent,\n  ],\n})\nexport class DefaultNotificationModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'dismissible-notification',\n  templateUrl: './dismissible-notification.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      justify-content: center;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DismissibleNotificationComponent {\n  faInfoCircle = faInfoCircle;\n\n  hidden = false;\n\n  hideNotification() {\n    this.hidden = true;\n  }\n}\n","<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { DismissibleNotificationComponent } from './dismissible-notification.component';\n\n@NgModule({\n  declarations: [\n    DismissibleNotificationComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffNotificationModule,\n    FontAwesomeModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    DismissibleNotificationComponent,\n  ],\n})\nexport class DismissibleNotificationModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\nimport {\n  faCheck,\n  faExclamation,\n  faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'notification-orientations',\n  templateUrl: './notification-orientations.component.html',\n  styleUrls: ['./notification-orientations.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NotificationOrientationsComponent {\n  faInfoCircle = faInfoCircle;\n  faCheck = faCheck;\n  faExclamation = faExclamation;\n\n  orientationControl: UntypedFormControl = new UntypedFormControl('vertical');\n}\n","<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</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 { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { NotificationOrientationsComponent } from './notification-orientations.component';\n\n@NgModule({\n  declarations: [\n    NotificationOrientationsComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffNotificationModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n    ReactiveFormsModule,\n  ],\n  exports: [\n    NotificationOrientationsComponent,\n  ],\n})\nexport class NotificationOrientationsModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\nimport {\n  faCheck,\n  faExclamation,\n  faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'notification-status',\n  templateUrl: './notification-status.component.html',\n  styleUrls: ['./notification-status.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NotificationStatusComponent {\n  faInfoCircle = faInfoCircle;\n  faCheck = faCheck;\n  faExclamation = faExclamation;\n\n  statusControl: UntypedFormControl = new UntypedFormControl('success');\n}\n","<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'error'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\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 { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { NotificationStatusComponent } from './notification-status.component';\n\n@NgModule({\n  declarations: [\n    NotificationStatusComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffNotificationModule,\n    DaffButtonModule,\n    FontAwesomeModule,\n    ReactiveFormsModule,\n  ],\n  exports: [\n    NotificationStatusComponent,\n  ],\n})\nexport class NotificationStatusModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'notification-with-actions',\n  templateUrl: './notification-with-actions.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 16px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NotificationWithActionsComponent {\n  faExclamationCircle = faExclamationCircle;\n\n  showNotification = false;\n\n  toggleNotification() {\n    this.showNotification = !this.showNotification;\n  }\n}\n","<button daff-button (click)=\"toggleNotification()\">\n\t<ng-container *ngIf=\"showNotification\">Show Notification</ng-container>\n\t<ng-container *ngIf=\"!showNotification\">Hide Notification</ng-container>\n</button>\n\n<daff-notification status=\"error\" *ngIf=\"showNotification\">\n\t<fa-icon daffPrefix [icon]=\"faExclamationCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t\t<button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n\t</div>\n</daff-notification>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { NotificationWithActionsComponent } from './notification-with-actions.component';\n\n@NgModule({\n  declarations: [\n    NotificationWithActionsComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffNotificationModule,\n    FontAwesomeModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    NotificationWithActionsComponent,\n  ],\n})\nexport class NotificationWithActionsModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { DefaultNotificationComponent } from './default-notification/default-notification.component';\nimport { DefaultNotificationModule } from './default-notification/default-notification.module';\nimport { DismissibleNotificationComponent } from './dismissible-notification/dismissible-notification.component';\nimport { DismissibleNotificationModule } from './dismissible-notification/dismissible-notification.module';\nimport { NotificationOrientationsComponent } from './notification-orientations/notification-orientations.component';\nimport { NotificationOrientationsModule } from './notification-orientations/notification-orientations.module';\nimport { NotificationStatusComponent } from './notification-status/notification-status.component';\nimport { NotificationStatusModule } from './notification-status/notification-status.module';\nimport { NotificationWithActionsComponent } from './notification-with-actions/notification-with-actions.component';\nimport { NotificationWithActionsModule } from './notification-with-actions/notification-with-actions.module';\n\nexport const NOTIFICATION_EXAMPLES: ComponentExample[] = [\n  { component: DefaultNotificationComponent, module: DefaultNotificationModule },\n  { component: NotificationStatusComponent, module: NotificationStatusModule },\n  { component: NotificationOrientationsComponent, module: NotificationOrientationsModule },\n  { component: DismissibleNotificationComponent, module: DismissibleNotificationModule },\n  { component: NotificationWithActionsComponent, module: NotificationWithActionsModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i3","i4","i5"],"mappings":"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"}
+{"version":3,"file":"daffodil-design-notification-examples.mjs","sources":["../../../libs/design/notification/examples/src/default-notification/default-notification.component.ts","../../../libs/design/notification/examples/src/default-notification/default-notification.component.html","../../../libs/design/notification/examples/src/dismissible-notification/dismissible-notification.component.ts","../../../libs/design/notification/examples/src/dismissible-notification/dismissible-notification.component.html","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.component.ts","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.component.html","../../../libs/design/notification/examples/src/notification-status/notification-status.component.ts","../../../libs/design/notification/examples/src/notification-status/notification-status.component.html","../../../libs/design/notification/examples/src/notification-with-actions/notification-with-actions.component.ts","../../../libs/design/notification/examples/src/notification-with-actions/notification-with-actions.component.html","../../../libs/design/notification/examples/src/public_api.ts","../../../libs/design/notification/examples/src/daffodil-design-notification-examples.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'default-notification',\n  templateUrl: './default-notification.component.html',\n  styleUrls: ['./default-notification.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffNotificationModule,\n    FaIconComponent,\n    DaffPrefixSuffixModule,\n    DaffButtonModule,\n    NgIf,\n  ],\n})\nexport class DefaultNotificationComponent {\n  faInfoCircle = faInfoCircle;\n\n  showNotification = false;\n\n  toggleNotification() {\n    this.showNotification = !this.showNotification;\n  }\n}\n","<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>","import { NgIf } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'dismissible-notification',\n  templateUrl: './dismissible-notification.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      justify-content: center;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffNotificationModule,\n    FaIconComponent,\n    DaffPrefixSuffixModule,\n    NgIf,\n  ],\n})\nexport class DismissibleNotificationComponent {\n  faInfoCircle = faInfoCircle;\n\n  hidden = false;\n\n  hideNotification() {\n    this.hidden = true;\n  }\n}\n","<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n  faCheck,\n  faExclamation,\n  faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'notification-orientations',\n  templateUrl: './notification-orientations.component.html',\n  styleUrls: ['./notification-orientations.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffNotificationModule,\n    FaIconComponent,\n    DaffPrefixSuffixModule,\n    DaffButtonModule,\n    ReactiveFormsModule,\n  ],\n})\nexport class NotificationOrientationsComponent {\n  faInfoCircle = faInfoCircle;\n  faCheck = faCheck;\n  faExclamation = faExclamation;\n\n  orientationControl: UntypedFormControl = new UntypedFormControl('vertical');\n}\n","<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>","import { NgIf } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n  faCheck,\n  faExclamation,\n  faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'notification-status',\n  templateUrl: './notification-status.component.html',\n  styleUrls: ['./notification-status.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffNotificationModule,\n    NgIf,\n    FaIconComponent,\n    DaffPrefixSuffixModule,\n    DaffButtonModule,\n    ReactiveFormsModule,\n  ],\n})\nexport class NotificationStatusComponent {\n  faInfoCircle = faInfoCircle;\n  faCheck = faCheck;\n  faExclamation = faExclamation;\n\n  statusControl: UntypedFormControl = new UntypedFormControl('success');\n}\n","<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'danger'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"danger\">Danger</option>\n</select>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'notification-with-actions',\n  templateUrl: './notification-with-actions.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 16px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DaffNotificationModule,\n    FontAwesomeModule,\n    DaffButtonModule,\n  ],\n})\nexport class NotificationWithActionsComponent {\n  faExclamationCircle = faExclamationCircle;\n\n  showNotification = false;\n\n  toggleNotification() {\n    this.showNotification = !this.showNotification;\n  }\n}\n","<daff-notification>\n  <fa-icon daffPrefix [icon]=\"faExclamationCircle\"></fa-icon>\n  <div daffNotificationTitle>Title</div>\n  <div daffNotificationSubtitle>This is the subtitle with information</div>\n  <div daffNotificationActions>\n    <button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n    <button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n  </div>\n</daff-notification>","import { DefaultNotificationComponent } from './default-notification/default-notification.component';\nimport { DismissibleNotificationComponent } from './dismissible-notification/dismissible-notification.component';\nimport { NotificationOrientationsComponent } from './notification-orientations/notification-orientations.component';\nimport { NotificationStatusComponent } from './notification-status/notification-status.component';\nimport { NotificationWithActionsComponent } from './notification-with-actions/notification-with-actions.component';\n\nexport const NOTIFICATION_EXAMPLES = [\n  DefaultNotificationComponent,\n  DismissibleNotificationComponent,\n  NotificationOrientationsComponent,\n  NotificationStatusComponent,\n  NotificationWithActionsComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/daffodil-design-notification.mjs

@@ -1,10 +1,11 @@
-import * as i1 from '@angular/common';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Directive, HostBinding, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, Output, NgModule } from '@angular/core';
-import * as i2 from '@fortawesome/angular-fontawesome';
+import * as i3 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { daffArticleEncapsulatedMixin, daffStatusMixin, DaffStatusEnum, DaffPrefixDirective, DaffPrefixSuffixModule } from '@daffodil/design';
+import * as i1 from '@daffodil/design';
+import { DaffStatusEnum, DaffPrefixDirective, DaffArticleEncapsulatedDirective, DaffStatusableDirective, DaffPrefixSuffixModule } from '@daffodil/design';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
 
 class DaffNotificationActionsDirective {
@@ -24,16 +25,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                 args: ['class.daff-notification__actions']
             }] } });
 
-/**
- * An _elementRef is needed for the core mixins
- */
-class DaffNotificationBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffNotificationBase = daffArticleEncapsulatedMixin(daffStatusMixin(DaffNotificationBase));
 var DaffNotificationOrientationEnum;
 (function (DaffNotificationOrientationEnum) {
     DaffNotificationOrientationEnum["Horizontal"] = "horizontal";
@@ -43,13 +34,13 @@ var DaffNotificationOrientationEnum;
  * DaffNotificationComponent provides a way to display and communicate
  * information related to user actions within a page's content.
  */
-class DaffNotificationComponent extends _daffNotificationBase {
+class DaffNotificationComponent {
     /**
      * Sets role to alert when `status="warn"` or `status="danger"`.
      * Sets role to status on all other instances.
      */
     get role() {
-        return this.status === DaffStatusEnum.Warn || this.status === DaffStatusEnum.Danger ? 'alert' : 'status';
+        return this.statusDirective.status === DaffStatusEnum.Warn || this.statusDirective.status === DaffStatusEnum.Danger ? 'alert' : 'status';
     }
     ;
     get verticalOrientation() {
@@ -58,6 +49,19 @@ class DaffNotificationComponent extends _daffNotificationBase {
     get horizontalOrientation() {
         return this.orientation === DaffNotificationOrientationEnum.Horizontal;
     }
+    constructor(statusDirective) {
+        this.statusDirective = statusDirective;
+        this.faTimes = faTimes;
+        this.class = true;
+        this.tabindex = '0';
+        /** Whether or not a notification is closable */
+        this.dismissible = false;
+        this._orientation = DaffNotificationOrientationEnum.Vertical;
+        /**
+         * Output event triggered when the close icon is clicked.
+         */
+        this.closeNotification = new EventEmitter();
+    }
     get orientation() {
         return this._orientation;
     }
@@ -70,31 +74,22 @@ class DaffNotificationComponent extends _daffNotificationBase {
         }
     }
     ;
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.faTimes = faTimes;
-        this.class = true;
-        this.tabindex = '0';
-        /** Whether or not a notification is closable */
-        this.dismissible = false;
-        this._orientation = DaffNotificationOrientationEnum.Vertical;
-        /**
-         * Output event triggered when the close icon is clicked.
-         */
-        this.closeNotification = new EventEmitter();
-    }
     onCloseNotification(event) {
         this.closeNotification.emit();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNotificationComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffNotificationComponent, selector: "daff-notification", inputs: { status: "status", dismissible: "dismissible", orientation: "orientation" }, outputs: { closeNotification: "closeNotification" }, host: { properties: { "class.daff-notification": "this.class", "attr.tabindex": "this.tabindex", "attr.role": "this.role", "class.vertical": "this.verticalOrientation", "class.horizontal": "this.horizontalOrientation", "class.dismissible": "this.dismissible" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }, { propertyName: "_actions", first: true, predicate: DaffNotificationActionsDirective, 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-notification__body\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"_actions\">\n    <ng-content select=\"[daffNotificationActions]\"></ng-content>\n  </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{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-notification__body{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], 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: DaffNotificationComponent, deps: [{ token: i1.DaffStatusableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffNotificationComponent, selector: "daff-notification", inputs: { dismissible: "dismissible", orientation: "orientation" }, outputs: { closeNotification: "closeNotification" }, host: { properties: { "class.daff-notification": "this.class", "attr.tabindex": "this.tabindex", "attr.role": "this.role", "class.vertical": "this.verticalOrientation", "class.horizontal": "this.horizontalOrientation", "class.dismissible": "this.dismissible" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }, { propertyName: "_actions", first: true, predicate: DaffNotificationActionsDirective, descendants: true }], hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.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-notification__body\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"_actions\">\n    <ng-content select=\"[daffNotificationActions]\"></ng-content>\n  </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{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-notification__body{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-notification', 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-notification__body\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"_actions\">\n    <ng-content select=\"[daffNotificationActions]\"></ng-content>\n  </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{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-notification__body{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { _prefix: [{
+            args: [{ selector: 'daff-notification', 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-notification__body\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"_actions\">\n    <ng-content select=\"[daffNotificationActions]\"></ng-content>\n  </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{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-notification__body{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DaffStatusableDirective }], propDecorators: { _prefix: [{
                 type: ContentChild,
                 args: [DaffPrefixDirective]
             }], _actions: [{