@daffodil/design 0.77.0 → 0.79.0

package/fesm2022/daffodil-design-toast.mjs

@@ -1,22 +1,21 @@
 import * as i1 from '@angular/cdk/layout';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, Directive, HostBinding, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, HostListener, EventEmitter, Output, NgModule, Optional, SkipSelf } from '@angular/core';
+import { Injectable, Inject, Directive, HostBinding, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, HostListener, NgModule, EventEmitter, Output, Optional, SkipSelf } from '@angular/core';
 import * as i2 from '@daffodil/design';
 import { DaffBreakpoints, DaffPrefixDirective, DaffArticleEncapsulatedDirective, DaffStatusableDirective, DaffPrefixSuffixModule } from '@daffodil/design';
+import { createConfigInjectionToken } from '@daffodil/core';
 import * as i1$2 from '@angular/cdk/overlay';
 import { OverlayModule, GlobalPositionStrategy } from '@angular/cdk/overlay';
 import { PortalModule, ComponentPortal } from '@angular/cdk/portal';
-import * as i2$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i4 from '@fortawesome/angular-fontawesome';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import * as i3 from '@daffodil/design/button';
-import { DaffButtonModule } from '@daffodil/design/button';
-import { trigger, transition, style, animate } from '@angular/animations';
-import { faTimes } from '@fortawesome/free-solid-svg-icons';
+import { NgIf, CommonModule, NgSwitch, NgFor, NgSwitchCase, NgSwitchDefault, SlicePipe, NgTemplateOutlet } from '@angular/common';
+import { FontAwesomeModule, FaIconComponent } from '@fortawesome/angular-fontawesome';
+import * as i2$1 from '@daffodil/design/button';
+import { DaffButtonModule, DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';
 import * as i1$1 from '@angular/cdk/a11y';
 import { merge, of, EMPTY } from 'rxjs';
 import { filter, map, tap, delay, take } from 'rxjs/operators';
+import { trigger, transition, style, animate } from '@angular/animations';
+import { faTimes } from '@fortawesome/free-solid-svg-icons';
 
 ;
 ;
@@ -27,11 +26,11 @@ const daffToastDefaultOptions = {
     },
     useParent: true,
 };
-const DAFF_TOAST_OPTIONS = new InjectionToken('DAFF_TOAST_OPTIONS', { providedIn: 'root', factory: () => daffToastDefaultOptions });
-const provideDaffToastOptions = (options) => ({ provide: DAFF_TOAST_OPTIONS, useValue: {
-        ...daffToastDefaultOptions,
-        ...options,
-    } });
+const { token: DAFF_TOAST_OPTIONS, 
+/**
+ * Provider function for {@link DAFF_TOAST_OPTIONS}.
+ */
+provider: provideDaffToastOptions, } = createConfigInjectionToken(daffToastDefaultOptions, 'DAFF_TOAST_OPTIONS');
 
 class DaffToastPositionService {
     constructor(options, mediaQuery) {
@@ -67,12 +66,13 @@ class DaffToastActionsDirective {
         this.class = true;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffToastActionsDirective, selector: "[daffToastActions]", host: { properties: { "class.daff-toast__actions": "this.class" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffToastActionsDirective, isStandalone: true, selector: "[daffToastActions]", host: { properties: { "class.daff-toast__actions": "this.class" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffToastActions]',
+                    standalone: true,
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
@@ -96,8 +96,6 @@ class DaffToastComponent {
         this._focusStack = _focusStack;
         /** @docs-private */
         this.class = true;
-        /** @docs-private */
-        this.role = 'status';
     }
     ngAfterContentInit() {
         if (daffToastChangesFocus(this.toast)) {
@@ -116,7 +114,7 @@ class DaffToastComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.ConfigurableFocusTrapFactory }, { token: i2.DaffFocusStackService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffToastComponent, selector: "daff-toast", inputs: { toast: "toast" }, host: { listeners: { "keydown.escape": "onEscape()" }, properties: { "class.daff-toast": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "_actions", first: true, predicate: DaffToastActionsDirective, descendants: true }, { propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }], hostDirectives: [{ directive: i2.DaffArticleEncapsulatedDirective }, { directive: i2.DaffStatusableDirective, inputs: ["status", "status"] }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-toast__details\">\n  <div class=\"daff-toast__content\">\n    <ng-content select=\"[daffToastTitle]\"></ng-content>\n    <ng-content select=\"[daffToastMessage]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffToastActions]\"></ng-content>\n</div>\n<ng-content></ng-content>\n", styles: [".daff-toast{display:flex;border-radius:.25rem;font-size:1rem;line-height:1.5rem;position:relative;min-width:15rem;max-width:90vw}@media (min-width: 480px){.daff-toast{max-width:22rem}}.daff-toast+div+.daff-toast,.daff-toast+div+div+.daff-toast,.daff-toast+.daff-toast{margin-top:.75rem}.daff-toast:before{content:\"\";border-radius:.25rem 0 0 .25rem;position:absolute;height:100%;left:0;top:0;width:.25rem}.daff-toast .daff-prefix{padding:1rem 0 1rem 1rem}.daff-toast__close-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-toast__details{display:block;font-size:1rem;line-height:1.5rem;width:100%}.daff-toast__content{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.daff-toast__title{font-weight:600}.daff-toast__message{font-weight:400;line-height:1.25rem}.daff-toast__actions{display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 1rem 1rem}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffToastComponent, isStandalone: true, selector: "daff-toast", inputs: { toast: "toast" }, host: { listeners: { "keydown.escape": "onEscape()" }, properties: { "class.daff-toast": "this.class" } }, queries: [{ propertyName: "_actions", first: true, predicate: DaffToastActionsDirective, descendants: true }, { propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }], hostDirectives: [{ directive: i2.DaffArticleEncapsulatedDirective }, { directive: i2.DaffStatusableDirective, inputs: ["status", "status"] }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-toast__details\">\n  <div class=\"daff-toast__content\">\n    <ng-content select=\"[daffToastTitle]\"></ng-content>\n    <ng-content select=\"[daffToastMessage]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffToastActions]\"></ng-content>\n</div>\n<ng-content></ng-content>\n", styles: [".daff-toast{display:flex;border-radius:.25rem;font-size:1rem;line-height:1.5rem;position:relative;min-width:15rem;max-width:90vw}@media (min-width: 480px){.daff-toast{max-width:22rem}}.daff-toast+div+.daff-toast,.daff-toast+div+div+.daff-toast,.daff-toast+.daff-toast{margin-top:.75rem}.daff-toast:before{content:\"\";border-radius:.25rem 0 0 .25rem;position:absolute;height:100%;left:0;top:0;width:.25rem}.daff-toast .daff-prefix{padding:1rem 0 1rem 1rem}.daff-toast__close-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-toast__details{display:block;font-size:1rem;line-height:1.5rem;width:100%}.daff-toast__content{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.daff-toast__title{font-weight:600}.daff-toast__message{font-weight:400;line-height:1.25rem}.daff-toast__actions{display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 1rem 1rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastComponent, decorators: [{
             type: Component,
@@ -126,13 +124,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                             directive: DaffStatusableDirective,
                             inputs: ['status'],
                         },
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-toast__details\">\n  <div class=\"daff-toast__content\">\n    <ng-content select=\"[daffToastTitle]\"></ng-content>\n    <ng-content select=\"[daffToastMessage]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffToastActions]\"></ng-content>\n</div>\n<ng-content></ng-content>\n", styles: [".daff-toast{display:flex;border-radius:.25rem;font-size:1rem;line-height:1.5rem;position:relative;min-width:15rem;max-width:90vw}@media (min-width: 480px){.daff-toast{max-width:22rem}}.daff-toast+div+.daff-toast,.daff-toast+div+div+.daff-toast,.daff-toast+.daff-toast{margin-top:.75rem}.daff-toast:before{content:\"\";border-radius:.25rem 0 0 .25rem;position:absolute;height:100%;left:0;top:0;width:.25rem}.daff-toast .daff-prefix{padding:1rem 0 1rem 1rem}.daff-toast__close-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-toast__details{display:block;font-size:1rem;line-height:1.5rem;width:100%}.daff-toast__content{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.daff-toast__title{font-weight:600}.daff-toast__message{font-weight:400;line-height:1.25rem}.daff-toast__actions{display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 1rem 1rem}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        NgIf,
+                    ], template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-toast__details\">\n  <div class=\"daff-toast__content\">\n    <ng-content select=\"[daffToastTitle]\"></ng-content>\n    <ng-content select=\"[daffToastMessage]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffToastActions]\"></ng-content>\n</div>\n<ng-content></ng-content>\n", styles: [".daff-toast{display:flex;border-radius:.25rem;font-size:1rem;line-height:1.5rem;position:relative;min-width:15rem;max-width:90vw}@media (min-width: 480px){.daff-toast{max-width:22rem}}.daff-toast+div+.daff-toast,.daff-toast+div+div+.daff-toast,.daff-toast+.daff-toast{margin-top:.75rem}.daff-toast:before{content:\"\";border-radius:.25rem 0 0 .25rem;position:absolute;height:100%;left:0;top:0;width:.25rem}.daff-toast .daff-prefix{padding:1rem 0 1rem 1rem}.daff-toast__close-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-toast__details{display:block;font-size:1rem;line-height:1.5rem;width:100%}.daff-toast__content{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.daff-toast__title{font-weight:600}.daff-toast__message{font-weight:400;line-height:1.25rem}.daff-toast__actions{display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 1rem 1rem}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.ConfigurableFocusTrapFactory }, { type: i2.DaffFocusStackService }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-toast']
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
             }], _actions: [{
                 type: ContentChild,
                 args: [DaffToastActionsDirective]
@@ -146,40 +143,128 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                 args: ['keydown.escape']
             }] } });
 
-class DaffToastTitleDirective {
+class DaffToastMessageDirective {
     constructor() {
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffToastTitleDirective, selector: "[daffToastTitle]", host: { properties: { "class.daff-toast__title": "this.class" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastMessageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffToastMessageDirective, isStandalone: true, selector: "[daffToastMessage]", host: { properties: { "class.daff-toast__message": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastMessageDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffToastTitle]',
+                    selector: '[daffToastMessage]',
+                    standalone: true,
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-toast__title']
+                args: ['class.daff-toast__message']
             }] } });
 
-class DaffToastMessageDirective {
+class DaffToastTitleDirective {
     constructor() {
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastMessageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffToastMessageDirective, selector: "[daffToastMessage]", host: { properties: { "class.daff-toast__message": "this.class" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffToastTitleDirective, isStandalone: true, selector: "[daffToastTitle]", host: { properties: { "class.daff-toast__title": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastMessageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastTitleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffToastMessage]',
+                    selector: '[daffToastTitle]',
+                    standalone: true,
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
-                args: ['class.daff-toast__message']
+                args: ['class.daff-toast__title']
             }] } });
 
+/**
+ * @deprecated in favor of {@link provideDaffToast} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
+ */
+class DaffToastModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffToastModule, imports: [CommonModule,
+            DaffPrefixSuffixModule,
+            DaffButtonModule,
+            FontAwesomeModule,
+            PortalModule,
+            OverlayModule,
+            DaffToastComponent,
+            DaffToastActionsDirective,
+            DaffToastTitleDirective,
+            DaffToastMessageDirective], exports: [DaffToastComponent,
+            DaffToastActionsDirective,
+            DaffToastTitleDirective,
+            DaffToastMessageDirective,
+            DaffPrefixSuffixModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastModule, providers: [
+            DaffToastPositionService,
+        ], imports: [CommonModule,
+            DaffPrefixSuffixModule,
+            DaffButtonModule,
+            FontAwesomeModule,
+            PortalModule,
+            OverlayModule, DaffPrefixSuffixModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DaffPrefixSuffixModule,
+                        DaffButtonModule,
+                        FontAwesomeModule,
+                        PortalModule,
+                        OverlayModule,
+                        DaffToastComponent,
+                        DaffToastActionsDirective,
+                        DaffToastTitleDirective,
+                        DaffToastMessageDirective,
+                    ],
+                    exports: [
+                        DaffToastComponent,
+                        DaffToastActionsDirective,
+                        DaffToastTitleDirective,
+                        DaffToastMessageDirective,
+                        DaffPrefixSuffixModule,
+                    ],
+                    providers: [
+                        DaffToastPositionService,
+                    ],
+                }]
+        }] });
+
+const createPositionStrategy = (position) => {
+    const strat = new GlobalPositionStrategy();
+    switch (position.horizontal) {
+        case 'left':
+            strat.left('48px');
+            break;
+        case 'right':
+            strat.right('48px');
+            break;
+        case 'center':
+            strat.centerHorizontally();
+            break;
+        default:
+            strat.right('48px');
+    }
+    switch (position.vertical) {
+        case 'top':
+            strat.top('80px');
+            break;
+        case 'bottom':
+            strat.bottom('48px');
+            break;
+        default:
+            strat.top('80px');
+    }
+    return strat;
+};
+
+const daffDefaultToastConfiguration = {};
+
 class DaffToastTemplateComponent {
     constructor(cd, options, toastPosition) {
         this.cd = cd;
@@ -246,14 +331,14 @@ class DaffToastTemplateComponent {
         this.cd.markForCheck();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastTemplateComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DAFF_TOAST_OPTIONS }, { token: DaffToastPositionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffToastTemplateComponent, selector: "ng-component", inputs: { items: "items" }, outputs: { closeToast: "closeToast" }, ngImport: i0, template: `
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffToastTemplateComponent, isStandalone: true, selector: "ng-component", inputs: { items: "items" }, outputs: { closeToast: "closeToast" }, ngImport: i0, template: `
     <daff-toast
       *ngFor="let item of items | slice:0:3"
       [toast]="item"
       [status]="item.status ?? null"
       (closeToast)="item.dismiss()"
       [@slideIn]="slideAnimation"
-      [attr.role]="item.actions ? 'alertdialog' : undefined"
+      [attr.role]="item.actions ? 'alertdialog' : 'status'"
       [attr.aria-labelledby]="item.actions ? item.title : undefined"
       [attr.aria-describedby]="item.actions ? item.message : undefined">
       <div daffToastTitle>{{ item.title }}</div>
@@ -316,7 +401,7 @@ class DaffToastTemplateComponent {
         </button>
       </ng-container>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }, { kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffToastComponent, selector: "daff-toast", inputs: ["toast"] }, { kind: "directive", type: DaffToastActionsDirective, selector: "[daffToastActions]" }, { kind: "directive", type: DaffToastTitleDirective, selector: "[daffToastTitle]" }, { kind: "directive", type: DaffToastMessageDirective, selector: "[daffToastMessage]" }, { kind: "pipe", type: i2$1.SlicePipe, name: "slice" }], animations: [
+  `, isInline: true, dependencies: [{ kind: "component", type: i2$1.DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "component", type: i2$1.DaffFlatButtonComponent, selector: "button[daff-flat-button],a[daff-flat-button]" }, { kind: "component", type: i2$1.DaffIconButtonComponent, selector: "button[daff-icon-button],a[daff-icon-button]" }, { kind: "component", type: i2$1.DaffRaisedButtonComponent, selector: "button[daff-raised-button],a[daff-raised-button]" }, { kind: "component", type: i2$1.DaffStrokedButtonComponent, selector: "button[daff-stroked-button],a[daff-stroked-button]" }, { kind: "component", type: i2$1.DaffUnderlineButtonComponent, selector: "button[daff-underline-button],a[daff-underline-button]" }, { kind: "component", type: DaffToastComponent, selector: "daff-toast", inputs: ["toast"] }, { kind: "directive", type: DaffToastActionsDirective, selector: "[daffToastActions]" }, { kind: "directive", type: DaffToastTitleDirective, selector: "[daffToastTitle]" }, { kind: "directive", type: DaffToastMessageDirective, selector: "[daffToastMessage]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             trigger('slideIn', [
                 transition(':enter', [
                     style({ opacity: '0', transform: 'translate({{startX}}, {{startY}})' }),
@@ -341,7 +426,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
       [status]="item.status ?? null"
       (closeToast)="item.dismiss()"
       [@slideIn]="slideAnimation"
-      [attr.role]="item.actions ? 'alertdialog' : undefined"
+      [attr.role]="item.actions ? 'alertdialog' : 'status'"
       [attr.aria-labelledby]="item.actions ? item.title : undefined"
       [attr.aria-describedby]="item.actions ? item.message : undefined">
       <div daffToastTitle>{{ item.title }}</div>
@@ -418,6 +503,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                                 } }),
                         ]),
                     ],
+                    standalone: true,
+                    imports: [
+                        DAFF_BUTTON_COMPONENTS,
+                        DaffToastComponent,
+                        DaffToastActionsDirective,
+                        DaffToastTitleDirective,
+                        DaffToastMessageDirective,
+                        FaIconComponent,
+                        NgSwitch,
+                        NgFor,
+                        NgSwitchCase,
+                        NgSwitchDefault,
+                        NgIf,
+                        SlicePipe,
+                        NgTemplateOutlet,
+                    ],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Inject,
@@ -428,100 +529,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                 type: Input
             }] } });
 
-class DaffToastModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffToastModule, declarations: [DaffToastComponent,
-            DaffToastActionsDirective,
-            DaffToastTitleDirective,
-            DaffToastMessageDirective,
-            DaffToastTemplateComponent], imports: [CommonModule,
-            DaffPrefixSuffixModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-            PortalModule,
-            OverlayModule], exports: [DaffToastComponent,
-            DaffToastActionsDirective,
-            DaffToastTitleDirective,
-            DaffToastMessageDirective,
-            DaffPrefixSuffixModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastModule, providers: [
-            DaffToastPositionService,
-        ], imports: [CommonModule,
-            DaffPrefixSuffixModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-            PortalModule,
-            OverlayModule, DaffPrefixSuffixModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        DaffPrefixSuffixModule,
-                        DaffButtonModule,
-                        FontAwesomeModule,
-                        PortalModule,
-                        OverlayModule,
-                    ],
-                    declarations: [
-                        DaffToastComponent,
-                        DaffToastActionsDirective,
-                        DaffToastTitleDirective,
-                        DaffToastMessageDirective,
-                        DaffToastTemplateComponent,
-                    ],
-                    exports: [
-                        DaffToastComponent,
-                        DaffToastActionsDirective,
-                        DaffToastTitleDirective,
-                        DaffToastMessageDirective,
-                        DaffPrefixSuffixModule,
-                    ],
-                    providers: [
-                        DaffToastPositionService,
-                    ],
-                }]
-        }] });
-
-const createPositionStrategy = (position) => {
-    const strat = new GlobalPositionStrategy();
-    switch (position.horizontal) {
-        case 'left':
-            strat.left('48px');
-            break;
-        case 'right':
-            strat.right('48px');
-            break;
-        case 'center':
-            strat.centerHorizontally();
-            break;
-        default:
-            strat.right('48px');
-    }
-    switch (position.vertical) {
-        case 'top':
-            strat.top('80px');
-            break;
-        case 'bottom':
-            strat.bottom('48px');
-            break;
-        default:
-            strat.top('80px');
-    }
-    return strat;
-};
-
-const daffDefaultToastConfiguration = {};
-
 class DaffToastService {
-    constructor(overlay, options, _parentToast, mediaQuery, toastPosition, focusStack) {
+    constructor(overlay, options, _parentToast, mediaQuery, toastPosition, focusStack, injector) {
         this.overlay = overlay;
         this.options = options;
         this._parentToast = _parentToast;
         this.mediaQuery = mediaQuery;
         this.toastPosition = toastPosition;
         this.focusStack = focusStack;
+        this.injector = injector;
         this._toasts = [];
         this._sub = this.mediaQuery.observe(DaffBreakpoints.MOBILE).pipe(filter(() => this._overlayRef !== undefined), map((position) => createPositionStrategy(this.toastPosition.config)), tap((strategy) => this._overlayRef.updatePositionStrategy(strategy))).subscribe();
     }
@@ -529,7 +545,7 @@ class DaffToastService {
         this._sub.unsubscribe();
     }
     _attachToastTemplate(overlayRef) {
-        const template = overlayRef.attach(new ComponentPortal(DaffToastTemplateComponent));
+        const template = overlayRef.attach(new ComponentPortal(DaffToastTemplateComponent, null, this.injector));
         return template;
     }
     _createOverlayRef() {
@@ -596,12 +612,11 @@ class DaffToastService {
             this._template = undefined;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastService, deps: [{ token: i1$2.Overlay }, { token: DAFF_TOAST_OPTIONS }, { token: DaffToastService, optional: true, skipSelf: true }, { token: i1.BreakpointObserver }, { token: DaffToastPositionService }, { token: i2.DaffFocusStackService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastService, providedIn: DaffToastModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastService, deps: [{ token: i1$2.Overlay }, { token: DAFF_TOAST_OPTIONS }, { token: DaffToastService, optional: true, skipSelf: true }, { token: i1.BreakpointObserver }, { token: DaffToastPositionService }, { token: i2.DaffFocusStackService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffToastService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: DaffToastModule }]
+            type: Injectable
         }], ctorParameters: () => [{ type: i1$2.Overlay }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DAFF_TOAST_OPTIONS]
@@ -609,11 +624,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                     type: Optional
                 }, {
                     type: SkipSelf
-                }] }, { type: i1.BreakpointObserver }, { type: DaffToastPositionService }, { type: i2.DaffFocusStackService }] });
+                }] }, { type: i1.BreakpointObserver }, { type: DaffToastPositionService }, { type: i2.DaffFocusStackService }, { type: i0.Injector }] });
+
+const provideDaffToast = () => [
+    DaffToastService,
+    DaffToastPositionService,
+];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DAFF_TOAST_OPTIONS, DaffToastActionsDirective, DaffToastComponent, DaffToastMessageDirective, DaffToastModule, DaffToastPositionService, DaffToastService, DaffToastTitleDirective, provideDaffToastOptions };
+export { DAFF_TOAST_OPTIONS, DaffToastActionsDirective, DaffToastComponent, DaffToastMessageDirective, DaffToastModule, DaffToastPositionService, DaffToastService, DaffToastTitleDirective, provideDaffToast, provideDaffToastOptions };
 //# sourceMappingURL=daffodil-design-toast.mjs.map