@daffodil/design 0.62.2 → 0.62.4

package/esm2020/notification/examples/notification-status/notification-status.module.mjs

@@ -0,0 +1,42 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule } from '@daffodil/design';
+import { DaffNotificationModule } from '@daffodil/design/notification';
+import { NotificationStatusComponent } from './notification-status.component';
+import * as i0 from "@angular/core";
+export class NotificationStatusModule {
+}
+/** @nocollapse */ NotificationStatusModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ NotificationStatusModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationStatusModule, declarations: [NotificationStatusComponent], imports: [CommonModule,
+        DaffNotificationModule,
+        DaffButtonModule,
+        FontAwesomeModule,
+        ReactiveFormsModule], exports: [NotificationStatusComponent] });
+/** @nocollapse */ NotificationStatusModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationStatusModule, imports: [[
+            CommonModule,
+            DaffNotificationModule,
+            DaffButtonModule,
+            FontAwesomeModule,
+            ReactiveFormsModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationStatusModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NotificationStatusComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNotificationModule,
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                        ReactiveFormsModule,
+                    ],
+                    exports: [
+                        NotificationStatusComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLXN0YXR1cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1zdGF0dXMvbm90aWZpY2F0aW9uLXN0YXR1cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFckUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDcEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFdkUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBaUI5RSxNQUFNLE9BQU8sd0JBQXdCOzt3SUFBeEIsd0JBQXdCO3lJQUF4Qix3QkFBd0IsaUJBYmpDLDJCQUEyQixhQUczQixZQUFZO1FBQ1osc0JBQXNCO1FBQ3RCLGdCQUFnQjtRQUNoQixpQkFBaUI7UUFDakIsbUJBQW1CLGFBR25CLDJCQUEyQjt5SUFHbEIsd0JBQXdCLFlBWDFCO1lBQ1AsWUFBWTtZQUNaLHNCQUFzQjtZQUN0QixnQkFBZ0I7WUFDaEIsaUJBQWlCO1lBQ2pCLG1CQUFtQjtTQUNwQjsyRkFLVSx3QkFBd0I7a0JBZnBDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLDJCQUEyQjtxQkFDNUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osc0JBQXNCO3dCQUN0QixnQkFBZ0I7d0JBQ2hCLGlCQUFpQjt3QkFDakIsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsMkJBQTJCO3FCQUM1QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuXG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5pbXBvcnQgeyBEYWZmTm90aWZpY2F0aW9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9ub3RpZmljYXRpb24nO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdGF0dXNDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1zdGF0dXMuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgTm90aWZpY2F0aW9uU3RhdHVzQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERhZmZOb3RpZmljYXRpb25Nb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTm90aWZpY2F0aW9uU3RhdHVzQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25TdGF0dXNNb2R1bGUgeyB9XG4iXX0=

package/esm2020/notification/examples/public_api.mjs

@@ -0,0 +1,15 @@
+import { DefaultNotificationComponent } from './default-notification/default-notification.component';
+import { DefaultNotificationModule } from './default-notification/default-notification.module';
+import { DismissableNotificationComponent } from './dismissable-notification/dismissable-notification.component';
+import { DismissableNotificationModule } from './dismissable-notification/dismissable-notification.module';
+import { NotificationOrientationsComponent } from './notification-orientations/notification-orientations.component';
+import { NotificationOrientationsModule } from './notification-orientations/notification-orientations.module';
+import { NotificationStatusComponent } from './notification-status/notification-status.component';
+import { NotificationStatusModule } from './notification-status/notification-status.module';
+export const NOTIFICATION_EXAMPLES = [
+    { component: DefaultNotificationComponent, module: DefaultNotificationModule },
+    { component: NotificationStatusComponent, module: NotificationStatusModule },
+    { component: NotificationOrientationsComponent, module: NotificationOrientationsModule },
+    { component: DismissableNotificationComponent, module: DismissableNotificationModule },
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUNyRyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUNqSCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUNwSCxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUM5RyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUU1RixNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBdUI7SUFDdkQsRUFBRSxTQUFTLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxFQUFFLHlCQUF5QixFQUFFO0lBQzlFLEVBQUUsU0FBUyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sRUFBRSx3QkFBd0IsRUFBRTtJQUM1RSxFQUFFLFNBQVMsRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLEVBQUUsOEJBQThCLEVBQUU7SUFDeEYsRUFBRSxTQUFTLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxFQUFFLDZCQUE2QixFQUFFO0NBQ3ZGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnRFeGFtcGxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IERlZmF1bHROb3RpZmljYXRpb25Db21wb25lbnQgfSBmcm9tICcuL2RlZmF1bHQtbm90aWZpY2F0aW9uL2RlZmF1bHQtbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEZWZhdWx0Tm90aWZpY2F0aW9uTW9kdWxlIH0gZnJvbSAnLi9kZWZhdWx0LW5vdGlmaWNhdGlvbi9kZWZhdWx0LW5vdGlmaWNhdGlvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRGlzbWlzc2FibGVOb3RpZmljYXRpb25Db21wb25lbnQgfSBmcm9tICcuL2Rpc21pc3NhYmxlLW5vdGlmaWNhdGlvbi9kaXNtaXNzYWJsZS1ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERpc21pc3NhYmxlTm90aWZpY2F0aW9uTW9kdWxlIH0gZnJvbSAnLi9kaXNtaXNzYWJsZS1ub3RpZmljYXRpb24vZGlzbWlzc2FibGUtbm90aWZpY2F0aW9uLm1vZHVsZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25PcmllbnRhdGlvbnNDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1vcmllbnRhdGlvbnMvbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uT3JpZW50YXRpb25zTW9kdWxlIH0gZnJvbSAnLi9ub3RpZmljYXRpb24tb3JpZW50YXRpb25zL25vdGlmaWNhdGlvbi1vcmllbnRhdGlvbnMubW9kdWxlJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0YXR1c0NvbXBvbmVudCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLXN0YXR1cy9ub3RpZmljYXRpb24tc3RhdHVzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdGF0dXNNb2R1bGUgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1zdGF0dXMvbm90aWZpY2F0aW9uLXN0YXR1cy5tb2R1bGUnO1xuXG5leHBvcnQgY29uc3QgTk9USUZJQ0FUSU9OX0VYQU1QTEVTOiBDb21wb25lbnRFeGFtcGxlW10gPSBbXG4gIHsgY29tcG9uZW50OiBEZWZhdWx0Tm90aWZpY2F0aW9uQ29tcG9uZW50LCBtb2R1bGU6IERlZmF1bHROb3RpZmljYXRpb25Nb2R1bGUgfSxcbiAgeyBjb21wb25lbnQ6IE5vdGlmaWNhdGlvblN0YXR1c0NvbXBvbmVudCwgbW9kdWxlOiBOb3RpZmljYXRpb25TdGF0dXNNb2R1bGUgfSxcbiAgeyBjb21wb25lbnQ6IE5vdGlmaWNhdGlvbk9yaWVudGF0aW9uc0NvbXBvbmVudCwgbW9kdWxlOiBOb3RpZmljYXRpb25PcmllbnRhdGlvbnNNb2R1bGUgfSxcbiAgeyBjb21wb25lbnQ6IERpc21pc3NhYmxlTm90aWZpY2F0aW9uQ29tcG9uZW50LCBtb2R1bGU6IERpc21pc3NhYmxlTm90aWZpY2F0aW9uTW9kdWxlIH0sXG5dO1xuIl19

package/esm2020/notification/notification/notification.component.mjs

@@ -0,0 +1,95 @@
+import { Component, Input, ElementRef, Renderer2, HostBinding, ContentChild, ViewEncapsulation, ChangeDetectionStrategy, Output, EventEmitter, } from '@angular/core';
+import { faTimes } from '@fortawesome/free-solid-svg-icons';
+import { daffArticleEncapsulatedMixin, DaffPrefixDirective, daffStatusMixin, } from '@daffodil/design';
+import * as i0 from "@angular/core";
+import * as i1 from "@fortawesome/angular-fontawesome";
+import * as i2 from "@angular/common";
+/**
+ * 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";
+    DaffNotificationOrientationEnum["Vertical"] = "vertical";
+})(DaffNotificationOrientationEnum || (DaffNotificationOrientationEnum = {}));
+/**
+ * DaffNotificationComponent provides a way to display and
+ * communicate information for user actions or system updates.
+ */
+export 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';
+        this.ariaLive = 'polite';
+        /** Whether or not a notification is closable */
+        this.dismissable = false;
+        this.closeNotification = new EventEmitter();
+        this._orientation = DaffNotificationOrientationEnum.Vertical;
+    }
+    get verticalOrientation() {
+        return this.orientation === DaffNotificationOrientationEnum.Vertical;
+    }
+    get horizontalOrientation() {
+        return this.orientation === DaffNotificationOrientationEnum.Horizontal;
+    }
+    get orientation() {
+        return this._orientation;
+    }
+    set orientation(value) {
+        if (value === null || value === undefined || value === '') {
+            this._orientation = DaffNotificationOrientationEnum.Vertical;
+        }
+        else {
+            this._orientation = value;
+        }
+    }
+    ;
+    onCloseNotification(event) {
+        this.closeNotification.emit();
+    }
+}
+/** @nocollapse */ DaffNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffNotificationComponent, selector: "daff-notification", inputs: { status: "status", dismissable: "dismissable", orientation: "orientation" }, outputs: { closeNotification: "closeNotification" }, host: { properties: { "class.daff-notification": "this.class", "attr.tabindex": "this.tabindex", "attr.aria-live": "this.ariaLive", "class.vertical": "this.verticalOrientation", "class.horizontal": "this.horizontalOrientation", "class.dismissable": "this.dismissable" } }, queries: [{ 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-notification__details\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffNotificationActions]\"></ng-content>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissable\" (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;user-select:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__details{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-weight:600}.daff-notification__subtitle{align-self:center;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px;margin:16px 0 0}.daff-notification.dismissable.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__details{flex-direction:column}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__details{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"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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__details\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffNotificationActions]\"></ng-content>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissable\" (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;user-select:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__details{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-weight:600}.daff-notification__subtitle{align-self:center;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px;margin:16px 0 0}.daff-notification.dismissable.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__details{flex-direction:column}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__details{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: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-notification']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], ariaLive: [{
+                type: HostBinding,
+                args: ['attr.aria-live']
+            }], verticalOrientation: [{
+                type: HostBinding,
+                args: ['class.vertical']
+            }], horizontalOrientation: [{
+                type: HostBinding,
+                args: ['class.horizontal']
+            }], dismissable: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.dismissable']
+            }], closeNotification: [{
+                type: Output
+            }], orientation: [{
+                type: Input
+            }], _prefix: [{
+                type: ContentChild,
+                args: [DaffPrefixDirective]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9zcmMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vc3JjL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsVUFBVSxFQUNWLFNBQVMsRUFDVCxXQUFXLEVBQ1gsWUFBWSxFQUNaLGlCQUFpQixFQUNqQix1QkFBdUIsRUFDdkIsTUFBTSxFQUNOLFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFNUQsT0FBTyxFQUNMLDRCQUE0QixFQUU1QixtQkFBbUIsRUFFbkIsZUFBZSxHQUNoQixNQUFNLGtCQUFrQixDQUFDOzs7O0FBRTFCOztHQUVHO0FBQ0gsTUFBTSxvQkFBb0I7SUFDeEIsWUFBbUIsV0FBdUIsRUFBUyxTQUFvQjtRQUFwRCxnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQUFTLGNBQVMsR0FBVCxTQUFTLENBQVc7SUFBRyxDQUFDO0NBQzVFO0FBRUQsTUFBTSxxQkFBcUIsR0FBRyw0QkFBNEIsQ0FBQyxlQUFlLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO0FBSWxHLElBQUssK0JBR0o7QUFIRCxXQUFLLCtCQUErQjtJQUNsQyw0REFBeUIsQ0FBQTtJQUN6Qix3REFBcUIsQ0FBQTtBQUN2QixDQUFDLEVBSEksK0JBQStCLEtBQS9CLCtCQUErQixRQUduQztBQUVEOzs7R0FHRztBQVdILE1BQU0sT0FBTyx5QkFDWCxTQUFRLHFCQUFxQjtJQXFDN0IsWUFBb0IsVUFBc0IsRUFBVSxRQUFtQjtRQUN0RSxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRFQsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFuQ3ZFLFlBQU8sR0FBRyxPQUFPLENBQUM7UUFFc0IsVUFBSyxHQUFHLElBQUksQ0FBQztRQUV2QixhQUFRLEdBQUcsR0FBRyxDQUFDO1FBQ2QsYUFBUSxHQUFHLFFBQVEsQ0FBQztRQVVuRCxnREFBZ0Q7UUFDTCxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUVyRCxzQkFBaUIsR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUU3RCxpQkFBWSxHQUFnQywrQkFBK0IsQ0FBQyxRQUFRLENBQUM7SUFpQjdGLENBQUM7SUE5QkQsSUFBbUMsbUJBQW1CO1FBQ3JELE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSywrQkFBK0IsQ0FBQyxRQUFRLENBQUM7SUFDdEUsQ0FBQztJQUVELElBQXFDLHFCQUFxQjtRQUN6RCxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssK0JBQStCLENBQUMsVUFBVSxDQUFDO0lBQ3hFLENBQUM7SUFTRCxJQUNJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksV0FBVyxDQUFDLEtBQWtDO1FBQ2hELElBQUcsS0FBSyxLQUFLLElBQUksSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFhLEtBQUssS0FBSyxFQUFFLEVBQUU7WUFDakUsSUFBSSxDQUFDLFlBQVksR0FBRywrQkFBK0IsQ0FBQyxRQUFRLENBQUM7U0FDOUQ7YUFBTTtZQUNMLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1NBQzNCO0lBQ0gsQ0FBQztJQUFBLENBQUM7SUFTRixtQkFBbUIsQ0FBQyxLQUFZO1FBQzlCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNoQyxDQUFDOzt5SUEvQ1UseUJBQXlCOzZIQUF6Qix5QkFBeUIsMGZBMEN0QixtQkFBbUIsdUVDOUZuQyx3bEJBWVM7MkZEd0NJLHlCQUF5QjtrQkFWckMsU0FBUzsrQkFDRSxtQkFBbUIsVUFLckIsQ0FBQyxRQUFRLENBQUMsaUJBQ0gsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTt5SEFPUCxLQUFLO3NCQUE1QyxXQUFXO3VCQUFDLHlCQUF5QjtnQkFFUixRQUFRO3NCQUFyQyxXQUFXO3VCQUFDLGVBQWU7Z0JBQ0csUUFBUTtzQkFBdEMsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBRU0sbUJBQW1CO3NCQUFyRCxXQUFXO3VCQUFDLGdCQUFnQjtnQkFJUSxxQkFBcUI7c0JBQXpELFdBQVc7dUJBQUMsa0JBQWtCO2dCQUtZLFdBQVc7c0JBQXJELEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMsbUJBQW1CO2dCQUUvQixpQkFBaUI7c0JBQTFCLE1BQU07Z0JBS0gsV0FBVztzQkFEZCxLQUFLO2dCQWtCTixPQUFPO3NCQUROLFlBQVk7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgRWxlbWVudFJlZixcbiAgUmVuZGVyZXIyLFxuICBIb3N0QmluZGluZyxcbiAgQ29udGVudENoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhVGltZXMgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQge1xuICBkYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZE1peGluLFxuICBEYWZmUHJlZml4YWJsZSxcbiAgRGFmZlByZWZpeERpcmVjdGl2ZSxcbiAgRGFmZlN0YXR1c2FibGUsXG4gIGRhZmZTdGF0dXNNaXhpbixcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbi8qKlxuICogQW4gX2VsZW1lbnRSZWYgaXMgbmVlZGVkIGZvciB0aGUgY29yZSBtaXhpbnNcbiAqL1xuY2xhc3MgRGFmZk5vdGlmaWNhdGlvbkJhc2Uge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHB1YmxpYyBfcmVuZGVyZXI6IFJlbmRlcmVyMikge31cbn1cblxuY29uc3QgX2RhZmZOb3RpZmljYXRpb25CYXNlID0gZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbihkYWZmU3RhdHVzTWl4aW4oRGFmZk5vdGlmaWNhdGlvbkJhc2UpKTtcblxuZXhwb3J0IHR5cGUgRGFmZk5vdGlmaWNhdGlvbk9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJztcblxuZW51bSBEYWZmTm90aWZpY2F0aW9uT3JpZW50YXRpb25FbnVtIHtcbiAgSG9yaXpvbnRhbCA9ICdob3Jpem9udGFsJyxcbiAgVmVydGljYWwgPSAndmVydGljYWwnLFxufVxuXG4vKipcbiAqIERhZmZOb3RpZmljYXRpb25Db21wb25lbnQgcHJvdmlkZXMgYSB3YXkgdG8gZGlzcGxheSBhbmRcbiAqIGNvbW11bmljYXRlIGluZm9ybWF0aW9uIGZvciB1c2VyIGFjdGlvbnMgb3Igc3lzdGVtIHVwZGF0ZXMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtbm90aWZpY2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICAvLyB0b2RvKGRhbWllbndlYmRldik6IHJlbW92ZSBvbmNlIGRlY29yYXRvcnMgaGl0IHN0YWdlIDMgLSBodHRwczovL2dpdGh1Yi5jb20vbWljcm9zb2Z0L1R5cGVTY3JpcHQvaXNzdWVzLzczNDJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dHMtbWV0YWRhdGEtcHJvcGVydHlcbiAgaW5wdXRzOiBbJ3N0YXR1cyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZk5vdGlmaWNhdGlvbkNvbXBvbmVudFxuICBleHRlbmRzIF9kYWZmTm90aWZpY2F0aW9uQmFzZVxuICBpbXBsZW1lbnRzIERhZmZQcmVmaXhhYmxlLCBEYWZmU3RhdHVzYWJsZSB7XG4gIGZhVGltZXMgPSBmYVRpbWVzO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1ub3RpZmljYXRpb24nKSBjbGFzcyA9IHRydWU7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnRhYmluZGV4JykgdGFiaW5kZXggPSAnMCc7XG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxpdmUnKSBhcmlhTGl2ZSA9ICdwb2xpdGUnO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MudmVydGljYWwnKSBnZXQgdmVydGljYWxPcmllbnRhdGlvbigpIHtcblx0ICByZXR1cm4gdGhpcy5vcmllbnRhdGlvbiA9PT0gRGFmZk5vdGlmaWNhdGlvbk9yaWVudGF0aW9uRW51bS5WZXJ0aWNhbDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaG9yaXpvbnRhbCcpIGdldCBob3Jpem9udGFsT3JpZW50YXRpb24oKSB7XG5cdCAgcmV0dXJuIHRoaXMub3JpZW50YXRpb24gPT09IERhZmZOb3RpZmljYXRpb25PcmllbnRhdGlvbkVudW0uSG9yaXpvbnRhbDtcbiAgfVxuXG4gIC8qKiBXaGV0aGVyIG9yIG5vdCBhIG5vdGlmaWNhdGlvbiBpcyBjbG9zYWJsZSAqL1xuICBASW5wdXQoKSBASG9zdEJpbmRpbmcoJ2NsYXNzLmRpc21pc3NhYmxlJykgZGlzbWlzc2FibGUgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgY2xvc2VOb3RpZmljYXRpb246IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwcml2YXRlIF9vcmllbnRhdGlvbjogRGFmZk5vdGlmaWNhdGlvbk9yaWVudGF0aW9uID0gRGFmZk5vdGlmaWNhdGlvbk9yaWVudGF0aW9uRW51bS5WZXJ0aWNhbDtcblxuICBASW5wdXQoKVxuICBnZXQgb3JpZW50YXRpb24oKSB7XG4gICAgcmV0dXJuIHRoaXMuX29yaWVudGF0aW9uO1xuICB9XG5cbiAgc2V0IG9yaWVudGF0aW9uKHZhbHVlOiBEYWZmTm90aWZpY2F0aW9uT3JpZW50YXRpb24pIHtcbiAgICBpZih2YWx1ZSA9PT0gbnVsbCB8fCB2YWx1ZSA9PT0gdW5kZWZpbmVkIHx8IDx1bmtub3duPnZhbHVlID09PSAnJykge1xuICAgICAgdGhpcy5fb3JpZW50YXRpb24gPSBEYWZmTm90aWZpY2F0aW9uT3JpZW50YXRpb25FbnVtLlZlcnRpY2FsO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9vcmllbnRhdGlvbiA9IHZhbHVlO1xuICAgIH1cbiAgfTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuXHQgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxuXG4gIEBDb250ZW50Q2hpbGQoRGFmZlByZWZpeERpcmVjdGl2ZSlcbiAgX3ByZWZpeDogRGFmZlByZWZpeERpcmVjdGl2ZTtcblxuICBvbkNsb3NlTm90aWZpY2F0aW9uKGV2ZW50OiBFdmVudCkge1xuICAgIHRoaXMuY2xvc2VOb3RpZmljYXRpb24uZW1pdCgpO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiX3ByZWZpeFwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZlByZWZpeF1cIj48L25nLWNvbnRlbnQ+XG48L25nLWNvbnRhaW5lcj5cbjxkaXYgY2xhc3M9XCJkYWZmLW5vdGlmaWNhdGlvbl9fZGV0YWlsc1wiPlxuICA8ZGl2IGNsYXNzPVwiZGFmZi1ub3RpZmljYXRpb25fX2NvbnRlbnRcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZk5vdGlmaWNhdGlvblRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZk5vdGlmaWNhdGlvblN1YnRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltkYWZmTm90aWZpY2F0aW9uQWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxidXR0b24gY2xhc3M9XCJkYWZmLW5vdGlmaWNhdGlvbl9fY2xvc2UtaWNvblwiICpuZ0lmPVwiZGlzbWlzc2FibGVcIiAoY2xpY2spPVwib25DbG9zZU5vdGlmaWNhdGlvbigkZXZlbnQpXCI+XG4gIDxmYS1pY29uIFtpY29uXT1cImZhVGltZXNcIiBbZml4ZWRXaWR0aF09XCJ0cnVlXCI+PC9mYS1pY29uPlxuPC9idXR0b24+Il19

package/esm2020/notification/notification-actions/notification-actions.directive.mjs

@@ -0,0 +1,19 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DaffNotificationActionsDirective {
+    constructor() {
+        this.class = true;
+    }
+}
+/** @nocollapse */ DaffNotificationActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffNotificationActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffNotificationActionsDirective, selector: "[daffNotificationActions]", host: { properties: { "class.daff-notification__actions": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffNotificationActions]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-notification__actions']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWFjdGlvbnMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbm90aWZpY2F0aW9uL3NyYy9ub3RpZmljYXRpb24tYWN0aW9ucy9ub3RpZmljYXRpb24tYWN0aW9ucy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7O0FBTXZCLE1BQU0sT0FBTyxnQ0FBZ0M7SUFKN0M7UUFNbUQsVUFBSyxHQUFHLElBQUksQ0FBQztLQUMvRDs7Z0pBSFksZ0NBQWdDO29JQUFoQyxnQ0FBZ0M7MkZBQWhDLGdDQUFnQztrQkFKNUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMkJBQTJCO2lCQUN0Qzs4QkFJa0QsS0FBSztzQkFBckQsV0FBVzt1QkFBQyxrQ0FBa0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZOb3RpZmljYXRpb25BY3Rpb25zXScsXG59KVxuXG5leHBvcnQgY2xhc3MgRGFmZk5vdGlmaWNhdGlvbkFjdGlvbnNEaXJlY3RpdmUge1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1ub3RpZmljYXRpb25fX2FjdGlvbnMnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=

package/esm2020/notification/notification-message/notification-message.directive.mjs

@@ -0,0 +1,19 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DaffNotificationMessageDirective {
+    constructor() {
+        this.class = true;
+    }
+}
+/** @nocollapse */ DaffNotificationMessageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationMessageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffNotificationMessageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffNotificationMessageDirective, selector: "[daffNotificationMessage]", host: { properties: { "class.daff-notification__message": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationMessageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffNotificationMessage]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-notification__message']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1lc3NhZ2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbm90aWZpY2F0aW9uL3NyYy9ub3RpZmljYXRpb24tbWVzc2FnZS9ub3RpZmljYXRpb24tbWVzc2FnZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7O0FBTXZCLE1BQU0sT0FBTyxnQ0FBZ0M7SUFKN0M7UUFNbUQsVUFBSyxHQUFHLElBQUksQ0FBQztLQUMvRDs7Z0pBSFksZ0NBQWdDO29JQUFoQyxnQ0FBZ0M7MkZBQWhDLGdDQUFnQztrQkFKNUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMkJBQTJCO2lCQUN0Qzs4QkFJa0QsS0FBSztzQkFBckQsV0FBVzt1QkFBQyxrQ0FBa0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZOb3RpZmljYXRpb25NZXNzYWdlXScsXG59KVxuXG5leHBvcnQgY2xhc3MgRGFmZk5vdGlmaWNhdGlvbk1lc3NhZ2VEaXJlY3RpdmUge1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1ub3RpZmljYXRpb25fX21lc3NhZ2UnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=

package/esm2020/notification/notification-subtitle/notification-subtitle.directive.mjs

@@ -0,0 +1,19 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DaffNotificationSubtitleDirective {
+    constructor() {
+        this.class = true;
+    }
+}
+/** @nocollapse */ DaffNotificationSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffNotificationSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]", host: { properties: { "class.daff-notification__subtitle": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationSubtitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffNotificationSubtitle]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-notification__subtitle']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLXN1YnRpdGxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9zcmMvbm90aWZpY2F0aW9uLXN1YnRpdGxlL25vdGlmaWNhdGlvbi1zdWJ0aXRsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7O0FBTXZCLE1BQU0sT0FBTyxpQ0FBaUM7SUFKOUM7UUFNb0QsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNoRTs7aUpBSFksaUNBQWlDO3FJQUFqQyxpQ0FBaUM7MkZBQWpDLGlDQUFpQztrQkFKN0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO2lCQUN2Qzs4QkFJbUQsS0FBSztzQkFBdEQsV0FBVzt1QkFBQyxtQ0FBbUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZOb3RpZmljYXRpb25TdWJ0aXRsZV0nLFxufSlcblxuZXhwb3J0IGNsYXNzIERhZmZOb3RpZmljYXRpb25TdWJ0aXRsZURpcmVjdGl2ZSB7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLW5vdGlmaWNhdGlvbl9fc3VidGl0bGUnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=

package/esm2020/notification/notification-title/notification-title.directive.mjs

@@ -0,0 +1,19 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DaffNotificationTitleDirective {
+    constructor() {
+        this.class = true;
+    }
+}
+/** @nocollapse */ DaffNotificationTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffNotificationTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffNotificationTitleDirective, selector: "[daffNotificationTitle]", host: { properties: { "class.daff-notification__title": "this.class" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffNotificationTitle]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-notification__title']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLXRpdGxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9zcmMvbm90aWZpY2F0aW9uLXRpdGxlL25vdGlmaWNhdGlvbi10aXRsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7O0FBTXZCLE1BQU0sT0FBTyw4QkFBOEI7SUFKM0M7UUFNaUQsVUFBSyxHQUFHLElBQUksQ0FBQztLQUM3RDs7OElBSFksOEJBQThCO2tJQUE5Qiw4QkFBOEI7MkZBQTlCLDhCQUE4QjtrQkFKMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO2lCQUNwQzs4QkFJZ0QsS0FBSztzQkFBbkQsV0FBVzt1QkFBQyxnQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZOb3RpZmljYXRpb25UaXRsZV0nLFxufSlcblxuZXhwb3J0IGNsYXNzIERhZmZOb3RpZmljYXRpb25UaXRsZURpcmVjdGl2ZSB7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLW5vdGlmaWNhdGlvbl9fdGl0bGUnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=

package/esm2020/notification/notification.module.mjs

@@ -0,0 +1,56 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffNotificationActionsDirective } from './notification-actions/notification-actions.directive';
+import { DaffNotificationMessageDirective } from './notification-message/notification-message.directive';
+import { DaffNotificationSubtitleDirective } from './notification-subtitle/notification-subtitle.directive';
+import { DaffNotificationTitleDirective } from './notification-title/notification-title.directive';
+import { DaffNotificationComponent } from './notification/notification.component';
+import * as i0 from "@angular/core";
+export class DaffNotificationModule {
+}
+/** @nocollapse */ DaffNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationModule, declarations: [DaffNotificationComponent,
+        DaffNotificationActionsDirective,
+        DaffNotificationMessageDirective,
+        DaffNotificationTitleDirective,
+        DaffNotificationSubtitleDirective], imports: [CommonModule,
+        DaffPrefixSuffixModule,
+        FontAwesomeModule], exports: [DaffNotificationComponent,
+        DaffNotificationActionsDirective,
+        DaffNotificationMessageDirective,
+        DaffNotificationTitleDirective,
+        DaffNotificationSubtitleDirective,
+        DaffPrefixSuffixModule] });
+/** @nocollapse */ DaffNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationModule, imports: [[
+            CommonModule,
+            DaffPrefixSuffixModule,
+            FontAwesomeModule,
+        ], DaffPrefixSuffixModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DaffPrefixSuffixModule,
+                        FontAwesomeModule,
+                    ],
+                    declarations: [
+                        DaffNotificationComponent,
+                        DaffNotificationActionsDirective,
+                        DaffNotificationMessageDirective,
+                        DaffNotificationTitleDirective,
+                        DaffNotificationSubtitleDirective,
+                    ],
+                    exports: [
+                        DaffNotificationComponent,
+                        DaffNotificationActionsDirective,
+                        DaffNotificationMessageDirective,
+                        DaffNotificationTitleDirective,
+                        DaffNotificationSubtitleDirective,
+                        DaffPrefixSuffixModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9zcmMvbm90aWZpY2F0aW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUUxRCxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUM1RyxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUNuRyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUF5QmxGLE1BQU0sT0FBTyxzQkFBc0I7O3NJQUF0QixzQkFBc0I7dUlBQXRCLHNCQUFzQixpQkFmL0IseUJBQXlCO1FBQ3pCLGdDQUFnQztRQUNoQyxnQ0FBZ0M7UUFDaEMsOEJBQThCO1FBQzlCLGlDQUFpQyxhQVRqQyxZQUFZO1FBQ1osc0JBQXNCO1FBQ3RCLGlCQUFpQixhQVVqQix5QkFBeUI7UUFDekIsZ0NBQWdDO1FBQ2hDLGdDQUFnQztRQUNoQyw4QkFBOEI7UUFDOUIsaUNBQWlDO1FBQ2pDLHNCQUFzQjt1SUFHYixzQkFBc0IsWUFyQnhCO1lBQ1AsWUFBWTtZQUNaLHNCQUFzQjtZQUN0QixpQkFBaUI7U0FDbEIsRUFjQyxzQkFBc0I7MkZBR2Isc0JBQXNCO2tCQXRCbEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixzQkFBc0I7d0JBQ3RCLGlCQUFpQjtxQkFDbEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHlCQUF5Qjt3QkFDekIsZ0NBQWdDO3dCQUNoQyxnQ0FBZ0M7d0JBQ2hDLDhCQUE4Qjt3QkFDOUIsaUNBQWlDO3FCQUNsQztvQkFDRCxPQUFPLEVBQUU7d0JBQ1AseUJBQXlCO3dCQUN6QixnQ0FBZ0M7d0JBQ2hDLGdDQUFnQzt3QkFDaEMsOEJBQThCO3dCQUM5QixpQ0FBaUM7d0JBQ2pDLHNCQUFzQjtxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuXG5pbXBvcnQgeyBEYWZmUHJlZml4U3VmZml4TW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IERhZmZOb3RpZmljYXRpb25BY3Rpb25zRGlyZWN0aXZlIH0gZnJvbSAnLi9ub3RpZmljYXRpb24tYWN0aW9ucy9ub3RpZmljYXRpb24tYWN0aW9ucy5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGFmZk5vdGlmaWNhdGlvbk1lc3NhZ2VEaXJlY3RpdmUgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1tZXNzYWdlL25vdGlmaWNhdGlvbi1tZXNzYWdlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEYWZmTm90aWZpY2F0aW9uU3VidGl0bGVEaXJlY3RpdmUgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1zdWJ0aXRsZS9ub3RpZmljYXRpb24tc3VidGl0bGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IERhZmZOb3RpZmljYXRpb25UaXRsZURpcmVjdGl2ZSB9IGZyb20gJy4vbm90aWZpY2F0aW9uLXRpdGxlL25vdGlmaWNhdGlvbi10aXRsZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGFmZk5vdGlmaWNhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSxcbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGFmZk5vdGlmaWNhdGlvbkNvbXBvbmVudCxcbiAgICBEYWZmTm90aWZpY2F0aW9uQWN0aW9uc0RpcmVjdGl2ZSxcbiAgICBEYWZmTm90aWZpY2F0aW9uTWVzc2FnZURpcmVjdGl2ZSxcbiAgICBEYWZmTm90aWZpY2F0aW9uVGl0bGVEaXJlY3RpdmUsXG4gICAgRGFmZk5vdGlmaWNhdGlvblN1YnRpdGxlRGlyZWN0aXZlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGFmZk5vdGlmaWNhdGlvbkNvbXBvbmVudCxcbiAgICBEYWZmTm90aWZpY2F0aW9uQWN0aW9uc0RpcmVjdGl2ZSxcbiAgICBEYWZmTm90aWZpY2F0aW9uTWVzc2FnZURpcmVjdGl2ZSxcbiAgICBEYWZmTm90aWZpY2F0aW9uVGl0bGVEaXJlY3RpdmUsXG4gICAgRGFmZk5vdGlmaWNhdGlvblN1YnRpdGxlRGlyZWN0aXZlLFxuICAgIERhZmZQcmVmaXhTdWZmaXhNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERhZmZOb3RpZmljYXRpb25Nb2R1bGUgeyB9XG4iXX0=

package/esm2020/notification/public_api.mjs

@@ -0,0 +1,7 @@
+export { DaffNotificationModule } from './notification.module';
+export * from './notification/notification.component';
+export * from './notification-actions/notification-actions.directive';
+export * from './notification-title/notification-title.directive';
+export * from './notification-subtitle/notification-subtitle.directive';
+export * from './notification-message/notification-message.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMvRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsdURBQXVELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEYWZmTm90aWZpY2F0aW9uTW9kdWxlIH0gZnJvbSAnLi9ub3RpZmljYXRpb24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24tYWN0aW9ucy9ub3RpZmljYXRpb24tYWN0aW9ucy5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24tdGl0bGUvbm90aWZpY2F0aW9uLXRpdGxlLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL25vdGlmaWNhdGlvbi1zdWJ0aXRsZS9ub3RpZmljYXRpb24tc3VidGl0bGUuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbm90aWZpY2F0aW9uLW1lc3NhZ2Uvbm90aWZpY2F0aW9uLW1lc3NhZ2UuZGlyZWN0aXZlJztcbiJdfQ==

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

@@ -0,0 +1,221 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { faInfoCircle, faCheck, faExclamation } from '@fortawesome/free-solid-svg-icons';
+import * as i1 from '@daffodil/design/notification';
+import { DaffNotificationModule } from '@daffodil/design/notification';
+import * as i2 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import * as i3 from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design';
+import * as i4$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+
+class DefaultNotificationComponent {
+    constructor() {
+        this.faInfoCircle = faInfoCircle;
+    }
+}
+/** @nocollapse */ DefaultNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DefaultNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DefaultNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DefaultNotificationComponent, 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\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\">Confirm</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], components: [{ type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { 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"] }], directives: [{ type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { type: i1.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DefaultNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'default-notification', styles: [`
+    :host {
+      display: flex;
+      justify-content: center;
+    }
+  `], changeDetection: ChangeDetectionStrategy.OnPush, 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\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\">Confirm</button>\n\t</div>\n</daff-notification>" }]
+        }] });
+
+class DefaultNotificationModule {
+}
+/** @nocollapse */ DefaultNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DefaultNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DefaultNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DefaultNotificationModule, declarations: [DefaultNotificationComponent], imports: [CommonModule,
+        DaffNotificationModule,
+        FontAwesomeModule,
+        DaffButtonModule], exports: [DefaultNotificationComponent] });
+/** @nocollapse */ DefaultNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DefaultNotificationModule, imports: [[
+            CommonModule,
+            DaffNotificationModule,
+            FontAwesomeModule,
+            DaffButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DefaultNotificationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DefaultNotificationComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNotificationModule,
+                        FontAwesomeModule,
+                        DaffButtonModule,
+                    ],
+                    exports: [
+                        DefaultNotificationComponent,
+                    ],
+                }]
+        }] });
+
+class DismissableNotificationComponent {
+    constructor() {
+        this.faInfoCircle = faInfoCircle;
+    }
+}
+/** @nocollapse */ DismissableNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DismissableNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DismissableNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DismissableNotificationComponent, selector: "dismissable-notification", ngImport: i0, template: "<daff-notification dismissable=\"true\">\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"], components: [{ type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DismissableNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dismissable-notification', styles: [`
+    :host {
+      display: flex;
+      justify-content: center;
+    }
+  `], changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification dismissable=\"true\">\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>" }]
+        }] });
+
+class DismissableNotificationModule {
+}
+/** @nocollapse */ DismissableNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DismissableNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DismissableNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DismissableNotificationModule, declarations: [DismissableNotificationComponent], imports: [CommonModule,
+        DaffNotificationModule,
+        FontAwesomeModule,
+        DaffButtonModule], exports: [DismissableNotificationComponent] });
+/** @nocollapse */ DismissableNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DismissableNotificationModule, imports: [[
+            CommonModule,
+            DaffNotificationModule,
+            FontAwesomeModule,
+            DaffButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DismissableNotificationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DismissableNotificationComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNotificationModule,
+                        FontAwesomeModule,
+                        DaffButtonModule,
+                    ],
+                    exports: [
+                        DismissableNotificationComponent,
+                    ],
+                }]
+        }] });
+
+class NotificationOrientationsComponent {
+    constructor() {
+        this.faInfoCircle = faInfoCircle;
+        this.faCheck = faCheck;
+        this.faExclamation = faExclamation;
+        this.orientationControl = new FormControl('vertical');
+    }
+}
+/** @nocollapse */ NotificationOrientationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationOrientationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ NotificationOrientationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</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"], components: [{ type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { 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"] }], directives: [{ type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { type: i1.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</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 */ NotificationOrientationsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationOrientationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ NotificationOrientationsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationOrientationsModule, declarations: [NotificationOrientationsComponent], imports: [CommonModule,
+        DaffNotificationModule,
+        DaffButtonModule,
+        FontAwesomeModule,
+        ReactiveFormsModule], exports: [NotificationOrientationsComponent] });
+/** @nocollapse */ NotificationOrientationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationOrientationsModule, imports: [[
+            CommonModule,
+            DaffNotificationModule,
+            DaffButtonModule,
+            FontAwesomeModule,
+            ReactiveFormsModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationOrientationsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NotificationOrientationsComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNotificationModule,
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                        ReactiveFormsModule,
+                    ],
+                    exports: [
+                        NotificationOrientationsComponent,
+                    ],
+                }]
+        }] });
+
+class NotificationStatusComponent {
+    constructor() {
+        this.faInfoCircle = faInfoCircle;
+        this.faCheck = faCheck;
+        this.faExclamation = faExclamation;
+        this.statusControl = new FormControl('success');
+    }
+}
+/** @nocollapse */ NotificationStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ NotificationStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</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"], components: [{ type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissable", "orientation"], outputs: ["closeNotification"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { 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"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { type: i1.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</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 */ NotificationStatusModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ NotificationStatusModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationStatusModule, declarations: [NotificationStatusComponent], imports: [CommonModule,
+        DaffNotificationModule,
+        DaffButtonModule,
+        FontAwesomeModule,
+        ReactiveFormsModule], exports: [NotificationStatusComponent] });
+/** @nocollapse */ NotificationStatusModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationStatusModule, imports: [[
+            CommonModule,
+            DaffNotificationModule,
+            DaffButtonModule,
+            FontAwesomeModule,
+            ReactiveFormsModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NotificationStatusModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NotificationStatusComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNotificationModule,
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                        ReactiveFormsModule,
+                    ],
+                    exports: [
+                        NotificationStatusComponent,
+                    ],
+                }]
+        }] });
+
+const NOTIFICATION_EXAMPLES = [
+    { component: DefaultNotificationComponent, module: DefaultNotificationModule },
+    { component: NotificationStatusComponent, module: NotificationStatusModule },
+    { component: NotificationOrientationsComponent, module: NotificationOrientationsModule },
+    { component: DismissableNotificationComponent, module: DismissableNotificationModule },
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NOTIFICATION_EXAMPLES };
+//# sourceMappingURL=daffodil-design-notification-examples.mjs.map