@daffodil/design 0.81.0 → 0.82.0

package/fesm2022/daffodil-design-toast.mjs

@@ -1,21 +1,21 @@
 import * as i1 from '@angular/cdk/layout';
 import * as i0 from '@angular/core';
-import { Injectable, Inject, Directive, HostBinding, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, HostListener, NgModule, EventEmitter, Output, Optional, SkipSelf } from '@angular/core';
+import { Injectable, Inject, Directive, HostBinding, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, HostListener, EventEmitter, Output, Optional, SkipSelf } from '@angular/core';
 import * as i2 from '@daffodil/design';
-import { DaffBreakpoints, DaffPrefixDirective, DaffArticleEncapsulatedDirective, DaffStatusableDirective, DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffBreakpoints, DaffPrefixDirective, DaffArticleEncapsulatedDirective, DaffStatusableDirective } 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 { 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 * as i1$3 from '@angular/cdk/overlay';
+import { GlobalPositionStrategy } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
 import { merge, of, EMPTY } from 'rxjs';
 import { filter, map, tap, delay, take } from 'rxjs/operators';
 import { trigger, transition, style, animate } from '@angular/animations';
+import { NgIf, NgFor, SlicePipe, NgTemplateOutlet } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
+import * as i1$2 from '@daffodil/design/button';
+import { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';
+import * as i1$1 from '@angular/cdk/a11y';
 
 ;
 ;
@@ -26,11 +26,16 @@ const daffToastDefaultOptions = {
     },
     useParent: true,
 };
-const { token: DAFF_TOAST_OPTIONS, 
-/**
- * Provider function for {@link DAFF_TOAST_OPTIONS}.
- */
-provider: provideDaffToastOptions, } = createConfigInjectionToken(daffToastDefaultOptions, 'DAFF_TOAST_OPTIONS');
+const result = createConfigInjectionToken(daffToastDefaultOptions, 'DAFF_TOAST_OPTIONS');
+const provideDaffToastOptions = result.provider;
+const DAFF_TOAST_OPTIONS = result.token;
+// export const {
+//   token: DAFF_TOAST_OPTIONS,
+//   /**
+//    * Provider function for {@link DAFF_TOAST_OPTIONS}.
+//    */
+//   provider: provideDaffToastOptions,
+// } = createConfigInjectionToken<DaffToastOptions>(daffToastDefaultOptions, 'DAFF_TOAST_OPTIONS');
 
 class DaffToastPositionService {
     constructor(options, mediaQuery) {
@@ -38,6 +43,9 @@ class DaffToastPositionService {
         this.mediaQuery = mediaQuery;
         this._config = options.position;
     }
+    /**
+     * Reads the current position of the toast. Defaults to bottom center on mobile devices.
+     */
     get config() {
         return this.mediaQuery.isMatched(DaffBreakpoints.MOBILE)
             ? this._position ?? this._config
@@ -46,13 +54,18 @@ class DaffToastPositionService {
     set config(val) {
         this._config = val;
     }
+    /**
+     * Changes the position of the toast.
+     *
+     * @param position The position of the toast.
+     */
     setPosition(position) {
         this._position = position;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffToastPositionService, deps: [{ token: DAFF_TOAST_OPTIONS }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffToastPositionService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastPositionService, deps: [{ token: DAFF_TOAST_OPTIONS }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastPositionService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffToastPositionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastPositionService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -61,18 +74,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
 
 const daffToastChangesFocus = (toast) => toast.actions?.length > 0;
 
+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 DaffToastActionsDirective {
     constructor() {
+        /**
+         * @docs-private
+         */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffToastActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", type: DaffToastActionsDirective, isStandalone: true, selector: "[daffToastActions]", host: { properties: { "class.daff-toast__actions": "this.class" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DaffToastActionsDirective, isStandalone: true, selector: "[daffToastActions]", host: { properties: { "class.daff-toast__actions": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffToastActionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffToastActions]',
-                    standalone: true,
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
@@ -80,6 +125,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
             }] } });
 
 /**
+ * @docs-private
+ *
  * DaffToastComponent provides a way to display and
  * communicate information for user actions or system updates.
  */
@@ -94,29 +141,40 @@ class DaffToastComponent {
         this._elementRef = _elementRef;
         this._focusTrapFactory = _focusTrapFactory;
         this._focusStack = _focusStack;
-        /** @docs-private */
+        /**
+         * @docs-private
+         */
         this.class = true;
     }
+    /**
+     * @docs-private
+     */
     ngAfterContentInit() {
         if (daffToastChangesFocus(this.toast)) {
             this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);
         }
     }
+    /**
+     * @docs-private
+     */
     ngAfterViewInit() {
         if (daffToastChangesFocus(this.toast)) {
             this._focusStack.push();
             this._focusTrap.focusFirstTabbableElementWhenReady();
         }
     }
+    /**
+     * @docs-private
+     */
     ngOnDestroy() {
         if (daffToastChangesFocus(this.toast)) {
             this._focusTrap.destroy();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", 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: "19.0.7", 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{margin-top:.75rem}.daff-toast+div+div+.daff-toast{margin-top:.75rem}.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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", 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: "19.1.5", 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{margin-top:.75rem}.daff-toast+div+div+.daff-toast{margin-top:.75rem}.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: "19.0.7", ngImport: i0, type: DaffToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-toast', hostDirectives: [
                         { directive: DaffArticleEncapsulatedDirective },
@@ -145,16 +203,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
 
 class DaffToastMessageDirective {
     constructor() {
+        /**
+         * @docs-private
+         */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffToastMessageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", type: DaffToastMessageDirective, isStandalone: true, selector: "[daffToastMessage]", host: { properties: { "class.daff-toast__message": "this.class" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastMessageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DaffToastMessageDirective, isStandalone: true, selector: "[daffToastMessage]", host: { properties: { "class.daff-toast__message": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffToastMessageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastMessageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffToastMessage]',
-                    standalone: true,
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
@@ -163,112 +223,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
 
 class DaffToastTitleDirective {
     constructor() {
+        /**
+         * @docs-private
+         */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffToastTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", type: DaffToastTitleDirective, isStandalone: true, selector: "[daffToastTitle]", host: { properties: { "class.daff-toast__title": "this.class" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DaffToastTitleDirective, isStandalone: true, selector: "[daffToastTitle]", host: { properties: { "class.daff-toast__title": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffToastTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffToastTitle]',
-                    standalone: true,
                 }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-toast__title']
             }] } });
 
-/**
- * @deprecated in favor of {@link provideDaffToast}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
- */
-class DaffToastModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.7", 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: "19.0.7", ngImport: i0, type: DaffToastModule, providers: [
-            DaffToastPositionService,
-        ], imports: [CommonModule,
-            DaffPrefixSuffixModule,
-            DaffButtonModule,
-            FontAwesomeModule,
-            PortalModule,
-            OverlayModule, DaffPrefixSuffixModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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) {
+    constructor(cd, toastPosition) {
         this.cd = cd;
-        this.options = options;
         this.toastPosition = toastPosition;
         this.faTimes = faTimes;
         this._items = [];
@@ -330,8 +305,8 @@ class DaffToastTemplateComponent {
         this._items = value;
         this.cd.markForCheck();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", 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: "19.0.7", type: DaffToastTemplateComponent, isStandalone: true, selector: "ng-component", inputs: { items: "items" }, outputs: { closeToast: "closeToast" }, ngImport: i0, template: `
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastTemplateComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DAFF_TOAST_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", 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"
@@ -343,65 +318,68 @@ class DaffToastTemplateComponent {
       [attr.aria-describedby]="item.actions ? item.message : undefined">
       <div daffToastTitle>{{ item.title }}</div>
       <div daffToastMessage>{{ item.message }}</div>
-      <div daffToastActions *ngIf="item.actions">
-        <ng-container *ngFor="let action of item.actions">
-          <ng-container *ngTemplateOutlet="button;context:{ action, item }"></ng-container>
-        </ng-container>
-      </div>
-      <button daff-icon-button color="theme-contrast"
-        *ngIf="item.dismissible"
-        aria-label="close button"
-        [attr.aria-hidden]="item.actions ? undefined : true"
-        (click)="onCloseToast(item.dismiss())">
-          <fa-icon [icon]="faTimes" size="sm" [fixedWidth]="true"></fa-icon>
-      </button>
+      @if (item.actions) {
+        <div daffToastActions>
+          @for (action of item.actions; track action) {
+            <ng-container *ngTemplateOutlet="button;context:{ action, item }"></ng-container>
+          }
+        </div>
+      }
+      @if (item.dismissible) {
+        <button daff-icon-button color="theme-contrast"
+          aria-label="close button"
+          [attr.aria-hidden]="item.actions ? undefined : true"
+          (click)="onCloseToast(item.dismiss())">
+            <fa-icon [icon]="faTimes" size="sm" [fixedWidth]="true"></fa-icon>
+        </button>
+      }
     </daff-toast>
 
     <ng-template #button let-action="action" let-item="item">
-      <ng-container [ngSwitch]="action.type">
-        <button type="button" *ngSwitchDefault daff-button
-          [status]="action.status"
-          [color]="action.color"
-          [size]="action.size"
-          [attr.aria-label]="action.content"
-          (click)="action.eventEmitter?.emit({ event: $event, action})">
-            {{ action.content }}
-        </button>
-        <button type="button" *ngSwitchCase="'stroked'" daff-stroked-button
-          [status]="action.status"
-          [color]="action.color"
-          [size]="action.size"
-          [attr.aria-label]="action.content"
-          (click)="action.eventEmitter?.emit({ event: $event, action})">
-            {{ action.content }}
-        </button>
-        <button type="button" *ngSwitchCase="'raised'" daff-raised-button
-          [status]="action.status"
-          [color]="action.color"
-          [size]="action.size"
-          [attr.aria-label]="action.content"
-          (click)="action.eventEmitter?.emit({ event: $event, action})">
-            {{ action.content }}
-        </button>
-        <button type="button" *ngSwitchCase="'flat'" daff-flat-button
-          [status]="action.status"
-          [color]="action.color"
-          [size]="action.size"
-          [attr.aria-label]="action.content"
-          (click)="action.eventEmitter?.emit({ event: $event, action})">
-            {{ action.content }}
-        </button>
-        <button type="button" *ngSwitchCase="'underline'" daff-underline-button
-          [status]="action.status"
-          [color]="action.color"
-          [size]="action.size"
-          [attr.aria-label]="action.content"
-          (click)="action.eventEmitter?.emit({ event: $event, action})">
-            {{ action.content }}
-        </button>
-      </ng-container>
+      @switch (action.type) {
+        @case ('stroked') {
+          <button type="button" daff-stroked-button
+            [status]="action.status"
+            [color]="action.color"
+            [size]="action.size"
+            [attr.aria-label]="action.content"
+            (click)="action.eventEmitter?.emit({ event: $event, action})">
+              {{ action.content }}
+          </button>
+        }
+        @case ('flat') {
+          <button type="button" daff-flat-button
+            [status]="action.status"
+            [color]="action.color"
+            [size]="action.size"
+            [attr.aria-label]="action.content"
+            (click)="action.eventEmitter?.emit({ event: $event, action})">
+              {{ action.content }}
+          </button>
+        }
+        @case ('underline') {
+          <button type="button" daff-underline-button
+            [status]="action.status"
+            [color]="action.color"
+            [size]="action.size"
+            [attr.aria-label]="action.content"
+            (click)="action.eventEmitter?.emit({ event: $event, action})">
+              {{ action.content }}
+          </button>
+        }
+        @default {
+          <button type="button" daff-button
+            [status]="action.status"
+            [color]="action.color"
+            [size]="action.size"
+            [attr.aria-label]="action.content"
+            (click)="action.eventEmitter?.emit({ event: $event, action})">
+              {{ action.content }}
+          </button>
+        }
+      }
     </ng-template>
-  `, 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: [
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$2.DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }, { kind: "component", type: i1$2.DaffFlatButtonComponent, selector: "button[daff-flat-button],a[daff-flat-button]" }, { kind: "component", type: i1$2.DaffIconButtonComponent, selector: "button[daff-icon-button],a[daff-icon-button]" }, { kind: "component", type: i1$2.DaffStrokedButtonComponent, selector: "button[daff-stroked-button],a[daff-stroked-button]", inputs: ["elevated"] }, { kind: "component", type: i1$2.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: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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}})' }),
@@ -415,7 +393,7 @@ class DaffToastTemplateComponent {
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffToastTemplateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastTemplateComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -431,63 +409,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
       [attr.aria-describedby]="item.actions ? item.message : undefined">
       <div daffToastTitle>{{ item.title }}</div>
       <div daffToastMessage>{{ item.message }}</div>
-      <div daffToastActions *ngIf="item.actions">
-        <ng-container *ngFor="let action of item.actions">
-          <ng-container *ngTemplateOutlet="button;context:{ action, item }"></ng-container>
-        </ng-container>
-      </div>
-      <button daff-icon-button color="theme-contrast"
-        *ngIf="item.dismissible"
-        aria-label="close button"
-        [attr.aria-hidden]="item.actions ? undefined : true"
-        (click)="onCloseToast(item.dismiss())">
-          <fa-icon [icon]="faTimes" size="sm" [fixedWidth]="true"></fa-icon>
-      </button>
+      @if (item.actions) {
+        <div daffToastActions>
+          @for (action of item.actions; track action) {
+            <ng-container *ngTemplateOutlet="button;context:{ action, item }"></ng-container>
+          }
+        </div>
+      }
+      @if (item.dismissible) {
+        <button daff-icon-button color="theme-contrast"
+          aria-label="close button"
+          [attr.aria-hidden]="item.actions ? undefined : true"
+          (click)="onCloseToast(item.dismiss())">
+            <fa-icon [icon]="faTimes" size="sm" [fixedWidth]="true"></fa-icon>
+        </button>
+      }
     </daff-toast>
 
     <ng-template #button let-action="action" let-item="item">
-      <ng-container [ngSwitch]="action.type">
-        <button type="button" *ngSwitchDefault daff-button
-          [status]="action.status"
-          [color]="action.color"
-          [size]="action.size"
-          [attr.aria-label]="action.content"
-          (click)="action.eventEmitter?.emit({ event: $event, action})">
-            {{ action.content }}
-        </button>
-        <button type="button" *ngSwitchCase="'stroked'" daff-stroked-button
-          [status]="action.status"
-          [color]="action.color"
-          [size]="action.size"
-          [attr.aria-label]="action.content"
-          (click)="action.eventEmitter?.emit({ event: $event, action})">
-            {{ action.content }}
-        </button>
-        <button type="button" *ngSwitchCase="'raised'" daff-raised-button
-          [status]="action.status"
-          [color]="action.color"
-          [size]="action.size"
-          [attr.aria-label]="action.content"
-          (click)="action.eventEmitter?.emit({ event: $event, action})">
-            {{ action.content }}
-        </button>
-        <button type="button" *ngSwitchCase="'flat'" daff-flat-button
-          [status]="action.status"
-          [color]="action.color"
-          [size]="action.size"
-          [attr.aria-label]="action.content"
-          (click)="action.eventEmitter?.emit({ event: $event, action})">
-            {{ action.content }}
-        </button>
-        <button type="button" *ngSwitchCase="'underline'" daff-underline-button
-          [status]="action.status"
-          [color]="action.color"
-          [size]="action.size"
-          [attr.aria-label]="action.content"
-          (click)="action.eventEmitter?.emit({ event: $event, action})">
-            {{ action.content }}
-        </button>
-      </ng-container>
+      @switch (action.type) {
+        @case ('stroked') {
+          <button type="button" daff-stroked-button
+            [status]="action.status"
+            [color]="action.color"
+            [size]="action.size"
+            [attr.aria-label]="action.content"
+            (click)="action.eventEmitter?.emit({ event: $event, action})">
+              {{ action.content }}
+          </button>
+        }
+        @case ('flat') {
+          <button type="button" daff-flat-button
+            [status]="action.status"
+            [color]="action.color"
+            [size]="action.size"
+            [attr.aria-label]="action.content"
+            (click)="action.eventEmitter?.emit({ event: $event, action})">
+              {{ action.content }}
+          </button>
+        }
+        @case ('underline') {
+          <button type="button" daff-underline-button
+            [status]="action.status"
+            [color]="action.color"
+            [size]="action.size"
+            [attr.aria-label]="action.content"
+            (click)="action.eventEmitter?.emit({ event: $event, action})">
+              {{ action.content }}
+          </button>
+        }
+        @default {
+          <button type="button" daff-button
+            [status]="action.status"
+            [color]="action.color"
+            [size]="action.size"
+            [attr.aria-label]="action.content"
+            (click)="action.eventEmitter?.emit({ event: $event, action})">
+              {{ action.content }}
+          </button>
+        }
+      }
     </ng-template>
   `,
                     animations: [
@@ -510,24 +491,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
                         DaffToastTitleDirective,
                         DaffToastMessageDirective,
                         FaIconComponent,
-                        NgSwitch,
                         NgFor,
-                        NgSwitchCase,
-                        NgSwitchDefault,
-                        NgIf,
                         SlicePipe,
                         NgTemplateOutlet,
                     ],
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: DaffToastPositionService, decorators: [{
                     type: Inject,
                     args: [DAFF_TOAST_OPTIONS]
-                }] }, { type: DaffToastPositionService }], propDecorators: { closeToast: [{
+                }] }], propDecorators: { closeToast: [{
                 type: Output
             }], items: [{
                 type: Input
             }] } });
 
+/**
+ * Service to display toasts.
+ *
+ * @example
+ * ```ts
+ * import {
+ *   ChangeDetectionStrategy,
+ *   Component,
+ *   EventEmitter,
+ *   OnInit,
+ * } from '@angular/core';
+ *
+ * import {
+ *   DaffToast,
+ *   DaffToastAction,
+ *   DaffToastService,
+ * } from '@daffodil/design/toast';
+ *
+ * @Component({
+ *   selector: 'default-toast',
+ *   templateUrl: './default-toast.component.html',
+ *   styles: [],
+ *   changeDetection: ChangeDetectionStrategy.OnPush,
+ * })
+ * export class DefaultToastComponent implements OnInit {
+ *   private toast: DaffToast;
+ *
+ *   constructor(private toastService: DaffToastService) {}
+ *
+ *   closeToast = new EventEmitter<DaffToastAction>();
+ *
+ *   open() {
+ *     this.toast = this.toastService.open({
+ *       title: 'Update Available',
+ *       message: 'A new version of this page is available.',
+ *       actions: [
+ *         { content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },
+ *       ],
+ *     });
+ *   }
+ *
+ *   ngOnInit() {
+ *     this.closeToast.subscribe(() => {
+ *       this.toastService.close(this.toast);
+ *     });
+ *   }
+ * }
+ * ```
+ */
 class DaffToastService {
     constructor(overlay, options, _parentToast, mediaQuery, toastPosition, focusStack, injector) {
         this.overlay = overlay;
@@ -540,6 +566,9 @@ class DaffToastService {
         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();
     }
+    /**
+     * @docs-private
+     */
     ngOnDestroy() {
         this._sub.unsubscribe();
     }
@@ -554,6 +583,12 @@ class DaffToastService {
             positionStrategy: createPositionStrategy(this.toastPosition.config),
         });
     }
+    /**
+     * Opens the toast.
+     *
+     * @param toast Data that can be shown on a toast.
+     * @param configuration Additional configuration options such as duration. The default duration is set to 5000ms.
+     */
     open(toast, configuration) {
         if (this._parentToast && this.options.useParent) {
             return this._parentToast.open(toast, configuration);
@@ -587,6 +622,11 @@ class DaffToastService {
         this._template.instance.items = this._toasts;
         return _toastPlus;
     }
+    /**
+     * Closes the toast.
+     *
+     * @param toast The instance of toast that you wish to close.
+     */
     close(toast) {
         if (this._parentToast && this.options.useParent) {
             this._parentToast.close(toast);
@@ -611,12 +651,12 @@ class DaffToastService {
             this._template = undefined;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", 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: "19.0.7", ngImport: i0, type: DaffToastService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastService, deps: [{ token: i1$3.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: "19.1.5", ngImport: i0, type: DaffToastService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffToastService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.Overlay }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$3.Overlay }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DAFF_TOAST_OPTIONS]
                 }] }, { type: DaffToastService, decorators: [{
@@ -625,6 +665,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
                     type: SkipSelf
                 }] }, { type: i1.BreakpointObserver }, { type: DaffToastPositionService }, { type: i2.DaffFocusStackService }, { type: i0.Injector }] });
 
+/**
+ * Registers the `DaffToastService` and `DaffToastPositionService` for displaying a toast. This provider ensures
+ * toasts function correctly within your application.
+ *
+ * ```ts
+ * import { provideDaffToast } from '@daffodil/design/toast';
+ *
+ * @NgModule({
+ * 	providers: [
+ * 		provideDaffToast(),
+ * 	]
+ * )}
+ *
+ * export class AppModule {}
+ * ```
+ */
 const provideDaffToast = () => [
     DaffToastService,
     DaffToastPositionService,
@@ -634,5 +690,5 @@ const provideDaffToast = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { DAFF_TOAST_OPTIONS, DaffToastActionsDirective, DaffToastComponent, DaffToastMessageDirective, DaffToastModule, DaffToastPositionService, DaffToastService, DaffToastTitleDirective, provideDaffToast, provideDaffToastOptions };
+export { DAFF_TOAST_OPTIONS, DaffToastPositionService, DaffToastService, provideDaffToast, provideDaffToastOptions };
 //# sourceMappingURL=daffodil-design-toast.mjs.map