@daffodil/design 0.62.2 → 0.62.4

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

@@ -0,0 +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/dismissable-notification/dismissable-notification.component.ts","../../../libs/design/notification/examples/src/dismissable-notification/dismissable-notification.component.html","../../../libs/design/notification/examples/src/dismissable-notification/dismissable-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/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  styles: [`\n    :host {\n      display: flex;\n      justify-content: center;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DefaultNotificationComponent {\n  faInfoCircle = faInfoCircle;\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\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\">Confirm</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';\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: 'dismissable-notification',\n  templateUrl: './dismissable-notification.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      justify-content: center;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DismissableNotificationComponent {\n  faInfoCircle = faInfoCircle;\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { DismissableNotificationComponent } from './dismissable-notification.component';\n\n@NgModule({\n  declarations: [\n    DismissableNotificationComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffNotificationModule,\n    FontAwesomeModule,\n    DaffButtonModule,\n  ],\n  exports: [\n    DismissableNotificationComponent,\n  ],\n})\nexport class DismissableNotificationModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport {\n  faCheck,\n  faExclamation,\n  faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\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: FormControl = new FormControl('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\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>","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';\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 { FormControl } 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: FormControl = new FormControl('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\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>","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';\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 { ComponentExample } from '@daffodil/design';\n\nimport { DefaultNotificationComponent } from './default-notification/default-notification.component';\nimport { DefaultNotificationModule } from './default-notification/default-notification.module';\nimport { DismissableNotificationComponent } from './dismissable-notification/dismissable-notification.component';\nimport { DismissableNotificationModule } from './dismissable-notification/dismissable-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';\n\nexport const NOTIFICATION_EXAMPLES: ComponentExample[] = [\n  { component: DefaultNotificationComponent, module: DefaultNotificationModule },\n  { component: NotificationStatusComponent, module: NotificationStatusModule },\n  { component: NotificationOrientationsComponent, module: NotificationOrientationsModule },\n  { component: DismissableNotificationComponent, module: DismissableNotificationModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i4","i5"],"mappings":"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"}

package/fesm2015/daffodil-design-notification.mjs

@@ -0,0 +1,218 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Directive, HostBinding, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, ContentChild, NgModule } from '@angular/core';
+import * as i1 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { daffArticleEncapsulatedMixin, daffStatusMixin, DaffPrefixDirective, DaffPrefixSuffixModule } from '@daffodil/design';
+import { faTimes } from '@fortawesome/free-solid-svg-icons';
+
+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']
+            }] } });
+
+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']
+            }] } });
+
+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']
+            }] } });
+
+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']
+            }] } });
+
+/**
+ * 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.
+ */
+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]
+            }] } });
+
+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,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DaffNotificationActionsDirective, DaffNotificationComponent, DaffNotificationMessageDirective, DaffNotificationModule, DaffNotificationSubtitleDirective, DaffNotificationTitleDirective };
+//# sourceMappingURL=daffodil-design-notification.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-notification.mjs","sources":["../../../libs/design/notification/src/notification-actions/notification-actions.directive.ts","../../../libs/design/notification/src/notification-message/notification-message.directive.ts","../../../libs/design/notification/src/notification-subtitle/notification-subtitle.directive.ts","../../../libs/design/notification/src/notification-title/notification-title.directive.ts","../../../libs/design/notification/src/notification/notification.component.ts","../../../libs/design/notification/src/notification/notification.component.html","../../../libs/design/notification/src/notification.module.ts","../../../libs/design/notification/src/daffodil-design-notification.ts"],"sourcesContent":["import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffNotificationActions]',\n})\n\nexport class DaffNotificationActionsDirective {\n\n  @HostBinding('class.daff-notification__actions') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffNotificationMessage]',\n})\n\nexport class DaffNotificationMessageDirective {\n\n  @HostBinding('class.daff-notification__message') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffNotificationSubtitle]',\n})\n\nexport class DaffNotificationSubtitleDirective {\n\n  @HostBinding('class.daff-notification__subtitle') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffNotificationTitle]',\n})\n\nexport class DaffNotificationTitleDirective {\n\n  @HostBinding('class.daff-notification__title') class = true;\n}\n","import {\n  Component,\n  Input,\n  ElementRef,\n  Renderer2,\n  HostBinding,\n  ContentChild,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  Output,\n  EventEmitter,\n} from '@angular/core';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  daffArticleEncapsulatedMixin,\n  DaffPrefixable,\n  DaffPrefixDirective,\n  DaffStatusable,\n  daffStatusMixin,\n} from '@daffodil/design';\n\n/**\n * An _elementRef is needed for the core mixins\n */\nclass DaffNotificationBase {\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffNotificationBase = daffArticleEncapsulatedMixin(daffStatusMixin(DaffNotificationBase));\n\nexport type DaffNotificationOrientation = 'horizontal' | 'vertical';\n\nenum DaffNotificationOrientationEnum {\n  Horizontal = 'horizontal',\n  Vertical = 'vertical',\n}\n\n/**\n * DaffNotificationComponent provides a way to display and\n * communicate information for user actions or system updates.\n */\n@Component({\n  selector: 'daff-notification',\n  templateUrl: './notification.component.html',\n  styleUrls: ['./notification.component.scss'],\n  // todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['status'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffNotificationComponent\n  extends _daffNotificationBase\n  implements DaffPrefixable, DaffStatusable {\n  faTimes = faTimes;\n\n  @HostBinding('class.daff-notification') class = true;\n\n  @HostBinding('attr.tabindex') tabindex = '0';\n  @HostBinding('attr.aria-live') ariaLive = 'polite';\n\n  @HostBinding('class.vertical') get verticalOrientation() {\n\t  return this.orientation === DaffNotificationOrientationEnum.Vertical;\n  }\n\n  @HostBinding('class.horizontal') get horizontalOrientation() {\n\t  return this.orientation === DaffNotificationOrientationEnum.Horizontal;\n  }\n\n  /** Whether or not a notification is closable */\n  @Input() @HostBinding('class.dismissable') dismissable = false;\n\n  @Output() closeNotification: EventEmitter<void> = new EventEmitter();\n\n  private _orientation: DaffNotificationOrientation = DaffNotificationOrientationEnum.Vertical;\n\n  @Input()\n  get orientation() {\n    return this._orientation;\n  }\n\n  set orientation(value: DaffNotificationOrientation) {\n    if(value === null || value === undefined || <unknown>value === '') {\n      this._orientation = DaffNotificationOrientationEnum.Vertical;\n    } else {\n      this._orientation = value;\n    }\n  };\n\n  constructor(private elementRef: ElementRef, private renderer: Renderer2) {\n\t  super(elementRef, renderer);\n  }\n\n  @ContentChild(DaffPrefixDirective)\n  _prefix: DaffPrefixDirective;\n\n  onCloseNotification(event: Event) {\n    this.closeNotification.emit();\n  }\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffNotificationActionsDirective } from './notification-actions/notification-actions.directive';\nimport { DaffNotificationMessageDirective } from './notification-message/notification-message.directive';\nimport { DaffNotificationSubtitleDirective } from './notification-subtitle/notification-subtitle.directive';\nimport { DaffNotificationTitleDirective } from './notification-title/notification-title.directive';\nimport { DaffNotificationComponent } from './notification/notification.component';\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffPrefixSuffixModule,\n    FontAwesomeModule,\n  ],\n  declarations: [\n    DaffNotificationComponent,\n    DaffNotificationActionsDirective,\n    DaffNotificationMessageDirective,\n    DaffNotificationTitleDirective,\n    DaffNotificationSubtitleDirective,\n  ],\n  exports: [\n    DaffNotificationComponent,\n    DaffNotificationActionsDirective,\n    DaffNotificationMessageDirective,\n    DaffNotificationTitleDirective,\n    DaffNotificationSubtitleDirective,\n    DaffPrefixSuffixModule,\n  ],\n})\nexport class DaffNotificationModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;MASa,gCAAgC,CAAA;AAJ7C,IAAA,WAAA,GAAA;AAMmD,QAAA,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;KAC/D;;gJAHY,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;oIAAhC,gCAAgC,EAAA,QAAA,EAAA,2BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kCAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAAhC,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAJ5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;iBACtC,CAAA;8BAIkD,KAAK,EAAA,CAAA;sBAArD,WAAW;uBAAC,kCAAkC,CAAA;;;MCFpC,gCAAgC,CAAA;AAJ7C,IAAA,WAAA,GAAA;AAMmD,QAAA,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;KAC/D;;gJAHY,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;oIAAhC,gCAAgC,EAAA,QAAA,EAAA,2BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kCAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAAhC,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAJ5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;iBACtC,CAAA;8BAIkD,KAAK,EAAA,CAAA;sBAArD,WAAW;uBAAC,kCAAkC,CAAA;;;MCFpC,iCAAiC,CAAA;AAJ9C,IAAA,WAAA,GAAA;AAMoD,QAAA,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;KAChE;;iJAHY,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qIAAjC,iCAAiC,EAAA,QAAA,EAAA,4BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mCAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAJ7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,4BAA4B;iBACvC,CAAA;8BAImD,KAAK,EAAA,CAAA;sBAAtD,WAAW;uBAAC,mCAAmC,CAAA;;;MCFrC,8BAA8B,CAAA;AAJ3C,IAAA,WAAA,GAAA;AAMiD,QAAA,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;KAC7D;;8IAHY,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kIAA9B,8BAA8B,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gCAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAA9B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAJ1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;iBACpC,CAAA;8BAIgD,KAAK,EAAA,CAAA;sBAAnD,WAAW;uBAAC,gCAAgC,CAAA;;;ACW/C;;AAEG;AACH,MAAM,oBAAoB,CAAA;IACxB,WAAmB,CAAA,WAAuB,EAAS,SAAoB,EAAA;AAApD,QAAA,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;AAAS,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;KAAI;AAC5E,CAAA;AAED,MAAM,qBAAqB,GAAG,4BAA4B,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAIlG,IAAK,+BAGJ,CAAA;AAHD,CAAA,UAAK,+BAA+B,EAAA;AAClC,IAAA,+BAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzB,IAAA,+BAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACvB,CAAC,EAHI,+BAA+B,KAA/B,+BAA+B,GAGnC,EAAA,CAAA,CAAA,CAAA;AAED;;;AAGG;AAWG,MAAO,yBACX,SAAQ,qBAAqB,CAAA;IAqC7B,WAAoB,CAAA,UAAsB,EAAU,QAAmB,EAAA;AACtE,QAAA,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AADT,QAAA,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;AAAU,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;AAnCvE,QAAA,IAAO,CAAA,OAAA,GAAG,OAAO,CAAC;AAEsB,QAAA,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AAEvB,QAAA,IAAQ,CAAA,QAAA,GAAG,GAAG,CAAC;AACd,QAAA,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;;AAWR,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AAErD,QAAA,IAAA,CAAA,iBAAiB,GAAuB,IAAI,YAAY,EAAE,CAAC;AAE7D,QAAA,IAAA,CAAA,YAAY,GAAgC,+BAA+B,CAAC,QAAQ,CAAC;KAiB5F;AA9BD,IAAA,IAAmC,mBAAmB,GAAA;AACrD,QAAA,OAAO,IAAI,CAAC,WAAW,KAAK,+BAA+B,CAAC,QAAQ,CAAC;KACrE;AAED,IAAA,IAAqC,qBAAqB,GAAA;AACzD,QAAA,OAAO,IAAI,CAAC,WAAW,KAAK,+BAA+B,CAAC,UAAU,CAAC;KACvE;AASD,IAAA,IACI,WAAW,GAAA;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;KAC1B;IAED,IAAI,WAAW,CAAC,KAAkC,EAAA;QAChD,IAAG,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAa,KAAK,KAAK,EAAE,EAAE;AACjE,YAAA,IAAI,CAAC,YAAY,GAAG,+BAA+B,CAAC,QAAQ,CAAC;AAC9D,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;AAC3B,SAAA;KACF;;AASD,IAAA,mBAAmB,CAAC,KAAY,EAAA;AAC9B,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;KAC/B;;yIA/CU,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;6HAAzB,yBAAyB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,eAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,0BAAA,EAAA,kBAAA,EAAA,4BAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EA0CtB,mBAAmB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9FnC,wlBAYS,EAAA,MAAA,EAAA,CAAA,0yCAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDwCI,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;+BACE,mBAAmB,EAAA,MAAA,EAKrB,CAAC,QAAQ,CAAC,EAAA,aAAA,EACH,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wlBAAA,EAAA,MAAA,EAAA,CAAA,0yCAAA,CAAA,EAAA,CAAA;yHAOP,KAAK,EAAA,CAAA;sBAA5C,WAAW;uBAAC,yBAAyB,CAAA;gBAER,QAAQ,EAAA,CAAA;sBAArC,WAAW;uBAAC,eAAe,CAAA;gBACG,QAAQ,EAAA,CAAA;sBAAtC,WAAW;uBAAC,gBAAgB,CAAA;gBAEM,mBAAmB,EAAA,CAAA;sBAArD,WAAW;uBAAC,gBAAgB,CAAA;gBAIQ,qBAAqB,EAAA,CAAA;sBAAzD,WAAW;uBAAC,kBAAkB,CAAA;gBAKY,WAAW,EAAA,CAAA;sBAArD,KAAK;;sBAAI,WAAW;uBAAC,mBAAmB,CAAA;gBAE/B,iBAAiB,EAAA,CAAA;sBAA1B,MAAM;gBAKH,WAAW,EAAA,CAAA;sBADd,KAAK;gBAkBN,OAAO,EAAA,CAAA;sBADN,YAAY;uBAAC,mBAAmB,CAAA;;;ME3DtB,sBAAsB,CAAA;;sIAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAtB,mBAAA,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,iBAf/B,yBAAyB;QACzB,gCAAgC;QAChC,gCAAgC;QAChC,8BAA8B;AAC9B,QAAA,iCAAiC,aATjC,YAAY;QACZ,sBAAsB;AACtB,QAAA,iBAAiB,aAUjB,yBAAyB;QACzB,gCAAgC;QAChC,gCAAgC;QAChC,8BAA8B;QAC9B,iCAAiC;QACjC,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAGb,mBAAA,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,EArBxB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,sBAAsB;YACtB,iBAAiB;AAClB,SAAA,EAcC,sBAAsB,CAAA,EAAA,CAAA,CAAA;2FAGb,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAtBlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,sBAAsB;wBACtB,iBAAiB;AAClB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,yBAAyB;wBACzB,gCAAgC;wBAChC,gCAAgC;wBAChC,8BAA8B;wBAC9B,iCAAiC;AAClC,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,yBAAyB;wBACzB,gCAAgC;wBAChC,gCAAgC;wBAChC,8BAA8B;wBAC9B,iCAAiC;wBACjC,sBAAsB;AACvB,qBAAA;iBACF,CAAA;;;AClCD;;AAEG;;;;"}

package/fesm2015/daffodil-design.mjs

@@ -13,7 +13,7 @@ import * as i1$2 from '@angular/forms';
 import { FormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { __awaiter } from 'tslib';
-import * as i1$5 from '@angular/cdk/portal';
+import * as i2$1 from '@angular/cdk/portal';
 import { ComponentPortal, TemplatePortal, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
 import * as i1$3 from '@angular/cdk/overlay';
 import { OverlayModule, GlobalPositionStrategy } from '@angular/cdk/overlay';
@@ -3751,7 +3751,13 @@ const daffFadeAnimations = {
 const getAnimationState$1 = (open) => open ? 'open' : 'closed';
 
 class DaffModalComponent {
-    constructor() {
+    constructor(_focusTrapFactory, _elementRef) {
+        this._focusTrapFactory = _focusTrapFactory;
+        this._elementRef = _elementRef;
+        /**
+         * HostBinding to set the default modal class on the host element.
+         */
+        this.modalClass = true;
         /**
          * Dictates whether or not a modal is open or closed.
          */
@@ -3765,27 +3771,32 @@ class DaffModalComponent {
          */
         this.closedAnimationCompleted = new EventEmitter();
         /**
-         * Event fired when the backdrop is clicked
-         * This is often used to close the modal
+         * Event fired when the backdrop is clicked. This is often used to close the modal.
          */
         this.hide = new EventEmitter();
-        /**
-         * Hostbinding to set the default modal class on the host element
-         *
-         * @docs-private
-         */
-        this.modalClass = true;
+    }
+    ngAfterContentInit() {
+        this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);
+    }
+    ngAfterViewInit() {
+        const focusableChild = this._elementRef.nativeElement.querySelector(daffFocusableElementsSelector);
+        if (focusableChild) {
+            focusableChild.focus();
+        }
+        else {
+            // There's a timing condition when computing HostBindings afterContentInit
+            // so to allow the menu to be focused, we manually set the tabindex.
+            this._elementRef.nativeElement.tabIndex = 0;
+            this._elementRef.nativeElement.focus();
+        }
     }
     /**
-     * Helper method to attach portable content to modal
+     * Helper method to attach portable content to modal.
      */
     attachContent(portal) {
         this._portalOutlet.attachComponentPortal(portal);
     }
-    /**
-     * Animation hook that controls the entrance and exit animations
-     * of the modal
-     */
+    /** Animation hook that controls the entrance and exit animations of the modal. */
     get fadeState() {
         return getAnimationState$1(this.open);
     }
@@ -3802,19 +3813,19 @@ class DaffModalComponent {
         }
     }
 }
-/** @nocollapse */ DaffModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffModalComponent, selector: "daff-modal", inputs: { open: "open" }, host: { listeners: { "@fade.done": "animationDone($event)" }, properties: { "class.daff-modal": "this.modalClass", "@fade": "this.fadeState" } }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"], directives: [{ type: i1$5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [daffFadeAnimations.fade], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ DaffModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalComponent, deps: [{ token: i1$4.ConfigurableFocusTrapFactory }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffModalComponent, selector: "daff-modal", inputs: { open: "open" }, host: { listeners: { "@fade.done": "animationDone($event)" }, properties: { "class.daff-modal": "this.modalClass", "@fade": "this.fadeState" } }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"], directives: [{ type: i2$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [daffFadeAnimations.fade], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-modal', animations: [daffFadeAnimations.fade], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"] }]
-        }], propDecorators: { open: [{
+        }], ctorParameters: function () { return [{ type: i1$4.ConfigurableFocusTrapFactory }, { type: i0.ElementRef }]; }, propDecorators: { modalClass: [{
+                type: HostBinding,
+                args: ['class.daff-modal']
+            }], open: [{
                 type: Input
             }], _portalOutlet: [{
                 type: ViewChild,
                 args: [CdkPortalOutlet, { static: true }]
-            }], modalClass: [{
-                type: HostBinding,
-                args: ['class.daff-modal']
             }], fadeState: [{
                 type: HostBinding,
                 args: ['@fade']
@@ -4678,14 +4689,14 @@ class DaffSidebarViewportComponent {
     }
 }
 /** @nocollapse */ DaffSidebarViewportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarViewportComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffSidebarViewportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: { backdropClicked: "backdropClicked" }, queries: [{ propertyName: "sidebars", predicate: DaffSidebarComponent }], ngImport: i0, template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n  [@transformContent]=\"_animationState\"\n  class=\"daff-sidebar-viewport__backdrop\"\n  [interactable]=\"_backdropInteractable\"\n  (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n  <ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content>\n  <div class=\"daff-sidebar-viewport__inner\" [style.padding-left.px]=\"_contentPadLeft\" [style.padding-right.px]=\"_contentPadRight\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>", styles: [":host{overflow:hidden;display:flex;min-height:100%;position:relative;width:100%;z-index:1;height:100vh;height:100dvh}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;will-change:transform;z-index:3;overflow-y:auto;height:100%}.daff-sidebar-viewport__sidebar{flex-shrink:0}.daff-sidebar-viewport__backdrop{height:100%;position:absolute;width:100%;z-index:4}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"], components: [{ type: DaffBackdropComponent, selector: "daff-backdrop", inputs: ["transparent", "interactable", "fullscreen"], outputs: ["backdropClicked"] }], animations: [
+/** @nocollapse */ DaffSidebarViewportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: { backdropClicked: "backdropClicked" }, queries: [{ propertyName: "sidebars", predicate: DaffSidebarComponent }], ngImport: i0, template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n  [@transformContent]=\"_animationState\"\n  class=\"daff-sidebar-viewport__backdrop\"\n  [interactable]=\"_backdropInteractable\"\n  (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n  <div class=\"daff-sidebar-viewport__nav\"><ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content></div>\n  <div class=\"daff-sidebar-viewport__inner\" [style.padding-left.px]=\"_contentPadLeft\" [style.padding-right.px]=\"_contentPadRight\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>", styles: [":host{overflow:hidden;display:flex;min-height:100%;position:relative;width:100%;z-index:1;height:100vh;height:100dvh}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;z-index:3;overflow-y:auto;height:100%}.daff-sidebar-viewport__sidebar{flex-shrink:0}.daff-sidebar-viewport__nav{position:fixed;top:0;width:100%;z-index:3}.daff-sidebar-viewport__nav:empty{display:none}.daff-sidebar-viewport__nav:not(:empty)+.daff-sidebar-viewport__inner{margin-top:var(--daff-sidebar-side-fixed-top-shift)}.daff-sidebar-viewport__backdrop{height:100%;position:absolute;width:100%;z-index:4}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"], components: [{ type: DaffBackdropComponent, selector: "daff-backdrop", inputs: ["transparent", "interactable", "fullscreen"], outputs: ["backdropClicked"] }], animations: [
         daffSidebarAnimations.transformContent,
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarViewportComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-sidebar-viewport', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         daffSidebarAnimations.transformContent,
-                    ], template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n  [@transformContent]=\"_animationState\"\n  class=\"daff-sidebar-viewport__backdrop\"\n  [interactable]=\"_backdropInteractable\"\n  (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n  <ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content>\n  <div class=\"daff-sidebar-viewport__inner\" [style.padding-left.px]=\"_contentPadLeft\" [style.padding-right.px]=\"_contentPadRight\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>", styles: [":host{overflow:hidden;display:flex;min-height:100%;position:relative;width:100%;z-index:1;height:100vh;height:100dvh}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;will-change:transform;z-index:3;overflow-y:auto;height:100%}.daff-sidebar-viewport__sidebar{flex-shrink:0}.daff-sidebar-viewport__backdrop{height:100%;position:absolute;width:100%;z-index:4}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"] }]
+                    ], template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n  [@transformContent]=\"_animationState\"\n  class=\"daff-sidebar-viewport__backdrop\"\n  [interactable]=\"_backdropInteractable\"\n  (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n  <div class=\"daff-sidebar-viewport__nav\"><ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content></div>\n  <div class=\"daff-sidebar-viewport__inner\" [style.padding-left.px]=\"_contentPadLeft\" [style.padding-right.px]=\"_contentPadRight\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>", styles: [":host{overflow:hidden;display:flex;min-height:100%;position:relative;width:100%;z-index:1;height:100vh;height:100dvh}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;z-index:3;overflow-y:auto;height:100%}.daff-sidebar-viewport__sidebar{flex-shrink:0}.daff-sidebar-viewport__nav{position:fixed;top:0;width:100%;z-index:3}.daff-sidebar-viewport__nav:empty{display:none}.daff-sidebar-viewport__nav:not(:empty)+.daff-sidebar-viewport__inner{margin-top:var(--daff-sidebar-side-fixed-top-shift)}.daff-sidebar-viewport__backdrop{height:100%;position:absolute;width:100%;z-index:4}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { sidebars: [{
                 type: ContentChildren,
                 args: [DaffSidebarComponent, { descendants: false }]