@spw-ds/spw-angular-library 1.8.1-alpha.0 → 1.9.1-alpha.0

package/fesm2022/spw-ds-spw-angular-library.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, HostListener, Directive, Input, NgModule, APP_INITIALIZER } from '@angular/core';
+import { ChangeDetectionStrategy, Component, HostListener, Directive, Input, NgModule, APP_INITIALIZER, Injectable } from '@angular/core';
 import { defineCustomElements } from '@spw-ds/spw-stencil-library/loader';
 import { __decorate } from 'tslib';
 import { fromEvent } from 'rxjs';
@@ -358,11 +358,11 @@ let SpwCardImage = class SpwCardImage {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwCardImage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwCardImage, isStandalone: true, selector: "spw-card-image", inputs: { label: "label", ratio: "ratio", ratioDesktop: "ratioDesktop", ratioMobile: "ratioMobile", ratioTablet: "ratioTablet" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwCardImage, isStandalone: true, selector: "spw-card-image", inputs: { imagePosition: "imagePosition", label: "label", ratio: "ratio", ratioDesktop: "ratioDesktop", ratioMobile: "ratioMobile", ratioTablet: "ratioTablet" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwCardImage = __decorate([
     ProxyCmp({
-        inputs: ['label', 'ratio', 'ratioDesktop', 'ratioMobile', 'ratioTablet']
+        inputs: ['imagePosition', 'label', 'ratio', 'ratioDesktop', 'ratioMobile', 'ratioTablet']
     })
 ], SpwCardImage);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwCardImage, decorators: [{
@@ -372,7 +372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['label', 'ratio', 'ratioDesktop', 'ratioMobile', 'ratioTablet'],
+                    inputs: ['imagePosition', 'label', 'ratio', 'ratioDesktop', 'ratioMobile', 'ratioTablet'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwCardSubtagItem = class SpwCardSubtagItem {
@@ -505,11 +505,11 @@ let SpwCustomSelect = class SpwCustomSelect {
         proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwCustomSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwCustomSelect, isStandalone: true, selector: "spw-custom-select", inputs: { assistiveText: "assistiveText", direction: "direction", disabled: "disabled", error: "error", fixedDropdown: "fixedDropdown", hint: "hint", isClear: "isClear", isSearch: "isSearch", items: "items", label: "label", multiple: "multiple", name: "name", noResultsText: "noResultsText", placeholder: "placeholder", required: "required", searchPlaceholder: "searchPlaceholder", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", size: "size", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwCustomSelect, isStandalone: true, selector: "spw-custom-select", inputs: { assistiveText: "assistiveText", direction: "direction", disabled: "disabled", error: "error", fixedDropdown: "fixedDropdown", fixedDropdownParent: "fixedDropdownParent", hint: "hint", isClear: "isClear", isSearch: "isSearch", items: "items", label: "label", multiple: "multiple", name: "name", noResultsText: "noResultsText", placeholder: "placeholder", required: "required", searchPlaceholder: "searchPlaceholder", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", size: "size", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwCustomSelect = __decorate([
     ProxyCmp({
-        inputs: ['assistiveText', 'direction', 'disabled', 'error', 'fixedDropdown', 'hint', 'isClear', 'isSearch', 'items', 'label', 'multiple', 'name', 'noResultsText', 'placeholder', 'required', 'searchPlaceholder', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+        inputs: ['assistiveText', 'direction', 'disabled', 'error', 'fixedDropdown', 'fixedDropdownParent', 'hint', 'isClear', 'isSearch', 'items', 'label', 'multiple', 'name', 'noResultsText', 'placeholder', 'required', 'searchPlaceholder', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
         methods: ['setFocus', 'resetSelect', 'setValue', 'getValue']
     })
 ], SpwCustomSelect);
@@ -520,7 +520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['assistiveText', 'direction', 'disabled', 'error', 'fixedDropdown', 'hint', 'isClear', 'isSearch', 'items', 'label', 'multiple', 'name', 'noResultsText', 'placeholder', 'required', 'searchPlaceholder', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+                    inputs: ['assistiveText', 'direction', 'disabled', 'error', 'fixedDropdown', 'fixedDropdownParent', 'hint', 'isClear', 'isSearch', 'items', 'label', 'multiple', 'name', 'noResultsText', 'placeholder', 'required', 'searchPlaceholder', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwDatePicker = class SpwDatePicker {
@@ -531,11 +531,11 @@ let SpwDatePicker = class SpwDatePicker {
         proxyOutputs(this, this.el, ['dateChange', 'datePickerOpen', 'datePickerClose']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDatePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwDatePicker, isStandalone: true, selector: "spw-date-picker", inputs: { accAriaLabel: "accAriaLabel", assistiveText: "assistiveText", dateFormat: "dateFormat", disabled: "disabled", disabledDates: "disabledDates", disabledDays: "disabledDays", error: "error", hint: "hint", isClear: "isClear", isStart: "isStart", label: "label", maxDate: "maxDate", minDate: "minDate", name: "name", placeholder: "placeholder", position: "position", range: "range", rangeId: "rangeId", required: "required", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwDatePicker, isStandalone: true, selector: "spw-date-picker", inputs: { accAriaLabel: "accAriaLabel", assistiveText: "assistiveText", dateFormat: "dateFormat", disabled: "disabled", disabledDates: "disabledDates", disabledDays: "disabledDays", error: "error", fixedCalendar: "fixedCalendar", fixedCalendarParent: "fixedCalendarParent", hint: "hint", isClear: "isClear", isStart: "isStart", label: "label", maxDate: "maxDate", minDate: "minDate", name: "name", placeholder: "placeholder", position: "position", range: "range", rangeId: "rangeId", required: "required", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwDatePicker = __decorate([
     ProxyCmp({
-        inputs: ['accAriaLabel', 'assistiveText', 'dateFormat', 'disabled', 'disabledDates', 'disabledDays', 'error', 'hint', 'isClear', 'isStart', 'label', 'maxDate', 'minDate', 'name', 'placeholder', 'position', 'range', 'rangeId', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+        inputs: ['accAriaLabel', 'assistiveText', 'dateFormat', 'disabled', 'disabledDates', 'disabledDays', 'error', 'fixedCalendar', 'fixedCalendarParent', 'hint', 'isClear', 'isStart', 'label', 'maxDate', 'minDate', 'name', 'placeholder', 'position', 'range', 'rangeId', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
         methods: ['open', 'close', 'setDate', 'getDate', 'getRange', 'updateConstraints', 'resetInput', 'resetConstraints']
     })
 ], SpwDatePicker);
@@ -546,7 +546,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accAriaLabel', 'assistiveText', 'dateFormat', 'disabled', 'disabledDates', 'disabledDays', 'error', 'hint', 'isClear', 'isStart', 'label', 'maxDate', 'minDate', 'name', 'placeholder', 'position', 'range', 'rangeId', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+                    inputs: ['accAriaLabel', 'assistiveText', 'dateFormat', 'disabled', 'disabledDates', 'disabledDays', 'error', 'fixedCalendar', 'fixedCalendarParent', 'hint', 'isClear', 'isStart', 'label', 'maxDate', 'minDate', 'name', 'placeholder', 'position', 'range', 'rangeId', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwDropdown = class SpwDropdown {
@@ -677,11 +677,11 @@ let SpwFileUpload = class SpwFileUpload {
         proxyOutputs(this, this.el, ['spwFileChange']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwFileUpload, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwFileUpload, isStandalone: true, selector: "spw-file-upload", inputs: { accept: "accept", disabled: "disabled", enableDropZone: "enableDropZone", error: "error", maxFileSize: "maxFileSize", maxFileSizeUnit: "maxFileSizeUnit", maxFiles: "maxFiles", multiple: "multiple", name: "name", refuse: "refuse", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwFileUpload, isStandalone: true, selector: "spw-file-upload", inputs: { accept: "accept", disabled: "disabled", enableDropZone: "enableDropZone", error: "error", maxFileSize: "maxFileSize", maxFileSizeUnit: "maxFileSizeUnit", maxFiles: "maxFiles", multiple: "multiple", name: "name", refuse: "refuse", textAcceptedFormats: "textAcceptedFormats", textAllFormats: "textAllFormats", textChooseFile: "textChooseFile", textChooseFiles: "textChooseFiles", textChooseFromComputer: "textChooseFromComputer", textDelete: "textDelete", textDropFile: "textDropFile", textDropFiles: "textDropFiles", textErrorFormat: "textErrorFormat", textErrorFormatAndSize: "textErrorFormatAndSize", textErrorSize: "textErrorSize", textLimitExceeded: "textLimitExceeded", textLimitReached: "textLimitReached", textMaxFileSize: "textMaxFileSize", textMaxFiles: "textMaxFiles", textRefusedFormats: "textRefusedFormats", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwFileUpload = __decorate([
     ProxyCmp({
-        inputs: ['accept', 'disabled', 'enableDropZone', 'error', 'maxFileSize', 'maxFileSizeUnit', 'maxFiles', 'multiple', 'name', 'refuse', 'value'],
+        inputs: ['accept', 'disabled', 'enableDropZone', 'error', 'maxFileSize', 'maxFileSizeUnit', 'maxFiles', 'multiple', 'name', 'refuse', 'textAcceptedFormats', 'textAllFormats', 'textChooseFile', 'textChooseFiles', 'textChooseFromComputer', 'textDelete', 'textDropFile', 'textDropFiles', 'textErrorFormat', 'textErrorFormatAndSize', 'textErrorSize', 'textLimitExceeded', 'textLimitReached', 'textMaxFileSize', 'textMaxFiles', 'textRefusedFormats', 'value'],
         methods: ['resetInput']
     })
 ], SpwFileUpload);
@@ -692,7 +692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accept', 'disabled', 'enableDropZone', 'error', 'maxFileSize', 'maxFileSizeUnit', 'maxFiles', 'multiple', 'name', 'refuse', 'value'],
+                    inputs: ['accept', 'disabled', 'enableDropZone', 'error', 'maxFileSize', 'maxFileSizeUnit', 'maxFiles', 'multiple', 'name', 'refuse', 'textAcceptedFormats', 'textAllFormats', 'textChooseFile', 'textChooseFiles', 'textChooseFromComputer', 'textDelete', 'textDropFile', 'textDropFiles', 'textErrorFormat', 'textErrorFormatAndSize', 'textErrorSize', 'textLimitExceeded', 'textLimitReached', 'textMaxFileSize', 'textMaxFiles', 'textRefusedFormats', 'value'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwFooter = class SpwFooter {
@@ -868,11 +868,11 @@ let SpwGroup = class SpwGroup {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwGroup, isStandalone: true, selector: "spw-group", inputs: { alignment: "alignment", disabled: "disabled", isFullWidth: "isFullWidth", isReversed: "isReversed", label: "label", name: "name", orientation: "orientation", required: "required", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwGroup, isStandalone: true, selector: "spw-group", inputs: { alignment: "alignment", disabled: "disabled", flexWrap: "flexWrap", isFullWidth: "isFullWidth", isReversed: "isReversed", label: "label", name: "name", orientation: "orientation", required: "required", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwGroup = __decorate([
     ProxyCmp({
-        inputs: ['alignment', 'disabled', 'isFullWidth', 'isReversed', 'label', 'name', 'orientation', 'required', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'type']
+        inputs: ['alignment', 'disabled', 'flexWrap', 'isFullWidth', 'isReversed', 'label', 'name', 'orientation', 'required', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'type']
     })
 ], SpwGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwGroup, decorators: [{
@@ -882,7 +882,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['alignment', 'disabled', 'isFullWidth', 'isReversed', 'label', 'name', 'orientation', 'required', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'type'],
+                    inputs: ['alignment', 'disabled', 'flexWrap', 'isFullWidth', 'isReversed', 'label', 'name', 'orientation', 'required', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'type'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwHeader = class SpwHeader {
@@ -1064,11 +1064,11 @@ let SpwHero = class SpwHero {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwHero, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwHero, isStandalone: true, selector: "spw-hero", inputs: { accPlayButtonAriaLabel: "accPlayButtonAriaLabel", alignment: "alignment", copyrightHref: "copyrightHref", copyrightIcon: "copyrightIcon", copyrightIconVariant: "copyrightIconVariant", copyrightTarget: "copyrightTarget", copyrightText: "copyrightText", hasPictureFull: "hasPictureFull", hasRadius: "hasRadius", hasShadow: "hasShadow", hasVideo: "hasVideo", imageAlt: "imageAlt", imageSrc: "imageSrc", modalVideoId: "modalVideoId", overlayColor: "overlayColor", overlayOpacity: "overlayOpacity", surface: "surface", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwHero, isStandalone: true, selector: "spw-hero", inputs: { accPlayButtonAriaLabel: "accPlayButtonAriaLabel", alignment: "alignment", copyrightHref: "copyrightHref", copyrightIcon: "copyrightIcon", copyrightIconVariant: "copyrightIconVariant", copyrightTarget: "copyrightTarget", copyrightText: "copyrightText", hasPictureFull: "hasPictureFull", hasRadius: "hasRadius", hasShadow: "hasShadow", hasVideo: "hasVideo", imageAlt: "imageAlt", imagePosition: "imagePosition", imageSrc: "imageSrc", modalVideoId: "modalVideoId", overlayColor: "overlayColor", overlayOpacity: "overlayOpacity", surface: "surface", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwHero = __decorate([
     ProxyCmp({
-        inputs: ['accPlayButtonAriaLabel', 'alignment', 'copyrightHref', 'copyrightIcon', 'copyrightIconVariant', 'copyrightTarget', 'copyrightText', 'hasPictureFull', 'hasRadius', 'hasShadow', 'hasVideo', 'imageAlt', 'imageSrc', 'modalVideoId', 'overlayColor', 'overlayOpacity', 'surface', 'variant']
+        inputs: ['accPlayButtonAriaLabel', 'alignment', 'copyrightHref', 'copyrightIcon', 'copyrightIconVariant', 'copyrightTarget', 'copyrightText', 'hasPictureFull', 'hasRadius', 'hasShadow', 'hasVideo', 'imageAlt', 'imagePosition', 'imageSrc', 'modalVideoId', 'overlayColor', 'overlayOpacity', 'surface', 'variant']
     })
 ], SpwHero);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwHero, decorators: [{
@@ -1078,7 +1078,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accPlayButtonAriaLabel', 'alignment', 'copyrightHref', 'copyrightIcon', 'copyrightIconVariant', 'copyrightTarget', 'copyrightText', 'hasPictureFull', 'hasRadius', 'hasShadow', 'hasVideo', 'imageAlt', 'imageSrc', 'modalVideoId', 'overlayColor', 'overlayOpacity', 'surface', 'variant'],
+                    inputs: ['accPlayButtonAriaLabel', 'alignment', 'copyrightHref', 'copyrightIcon', 'copyrightIconVariant', 'copyrightTarget', 'copyrightText', 'hasPictureFull', 'hasRadius', 'hasShadow', 'hasVideo', 'imageAlt', 'imagePosition', 'imageSrc', 'modalVideoId', 'overlayColor', 'overlayOpacity', 'surface', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwIcon = class SpwIcon {
@@ -1283,11 +1283,11 @@ let SpwLoading = class SpwLoading {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwLoading, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwLoading, isStandalone: true, selector: "spw-loading", inputs: { text: "text" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwLoading, isStandalone: true, selector: "spw-loading", inputs: { orientation: "orientation", size: "size", surface: "surface", text: "text" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwLoading = __decorate([
     ProxyCmp({
-        inputs: ['text']
+        inputs: ['orientation', 'size', 'surface', 'text']
     })
 ], SpwLoading);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwLoading, decorators: [{
@@ -1297,7 +1297,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['text'],
+                    inputs: ['orientation', 'size', 'surface', 'text'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwMessage = class SpwMessage {
@@ -1511,11 +1511,11 @@ let SpwSelect = class SpwSelect {
         proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwSelect, isStandalone: true, selector: "spw-select", inputs: { accAriaLabel: "accAriaLabel", assistiveText: "assistiveText", disabled: "disabled", error: "error", hint: "hint", itemLabel: "itemLabel", itemValue: "itemValue", items: "items", label: "label", name: "name", placeholder: "placeholder", required: "required", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", size: "size", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwSelect, isStandalone: true, selector: "spw-select", inputs: { accAriaLabel: "accAriaLabel", assistiveText: "assistiveText", disabled: "disabled", error: "error", hint: "hint", isClear: "isClear", itemLabel: "itemLabel", itemValue: "itemValue", items: "items", label: "label", name: "name", placeholder: "placeholder", required: "required", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", size: "size", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwSelect = __decorate([
     ProxyCmp({
-        inputs: ['accAriaLabel', 'assistiveText', 'disabled', 'error', 'hint', 'itemLabel', 'itemValue', 'items', 'label', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+        inputs: ['accAriaLabel', 'assistiveText', 'disabled', 'error', 'hint', 'isClear', 'itemLabel', 'itemValue', 'items', 'label', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
         methods: ['resetSelect', 'setValue', 'getValue']
     })
 ], SpwSelect);
@@ -1526,7 +1526,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accAriaLabel', 'assistiveText', 'disabled', 'error', 'hint', 'itemLabel', 'itemValue', 'items', 'label', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+                    inputs: ['accAriaLabel', 'assistiveText', 'disabled', 'error', 'hint', 'isClear', 'itemLabel', 'itemValue', 'items', 'label', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwSeparator = class SpwSeparator {
@@ -2038,11 +2038,11 @@ let SpwTabsNavigationItem = class SpwTabsNavigationItem {
         proxyOutputs(this, this.el, ['tabSelected']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTabsNavigationItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTabsNavigationItem, isStandalone: true, selector: "spw-tabs-navigation-item", inputs: { active: "active", bubble: "bubble", disabled: "disabled", hasEllipsis: "hasEllipsis", icon: "icon", iconPosition: "iconPosition", tabId: "tabId", tagIcon: "tagIcon", tagText: "tagText", tagVariant: "tagVariant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTabsNavigationItem, isStandalone: true, selector: "spw-tabs-navigation-item", inputs: { accAriaLabel: "accAriaLabel", active: "active", bubble: "bubble", disabled: "disabled", hasEllipsis: "hasEllipsis", icon: "icon", iconPosition: "iconPosition", tabId: "tabId", tagIcon: "tagIcon", tagText: "tagText", tagVariant: "tagVariant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTabsNavigationItem = __decorate([
     ProxyCmp({
-        inputs: ['active', 'bubble', 'disabled', 'hasEllipsis', 'icon', 'iconPosition', 'tabId', 'tagIcon', 'tagText', 'tagVariant']
+        inputs: ['accAriaLabel', 'active', 'bubble', 'disabled', 'hasEllipsis', 'icon', 'iconPosition', 'tabId', 'tagIcon', 'tagText', 'tagVariant']
     })
 ], SpwTabsNavigationItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTabsNavigationItem, decorators: [{
@@ -2052,7 +2052,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'bubble', 'disabled', 'hasEllipsis', 'icon', 'iconPosition', 'tabId', 'tagIcon', 'tagText', 'tagVariant'],
+                    inputs: ['accAriaLabel', 'active', 'bubble', 'disabled', 'hasEllipsis', 'icon', 'iconPosition', 'tabId', 'tagIcon', 'tagText', 'tagVariant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwTag = class SpwTag {
@@ -2087,11 +2087,11 @@ let SpwTextField = class SpwTextField {
         proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTextField, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTextField, isStandalone: true, selector: "spw-text-field", inputs: { accAriaLabel: "accAriaLabel", accAriaLabelDecrement: "accAriaLabelDecrement", accAriaLabelIncrement: "accAriaLabelIncrement", assistiveText: "assistiveText", disabled: "disabled", error: "error", hasControls: "hasControls", hint: "hint", indicator: "indicator", isClear: "isClear", isSearch: "isSearch", label: "label", mask: "mask", max: "max", maxLength: "maxLength", min: "min", minLength: "minLength", name: "name", placeholder: "placeholder", required: "required", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", size: "size", step: "step", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", type: "type", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTextField, isStandalone: true, selector: "spw-text-field", inputs: { accAriaLabel: "accAriaLabel", accAriaLabelDecrement: "accAriaLabelDecrement", accAriaLabelIncrement: "accAriaLabelIncrement", assistiveText: "assistiveText", disabled: "disabled", error: "error", hasControls: "hasControls", hasSubmitButton: "hasSubmitButton", hint: "hint", indicator: "indicator", isClear: "isClear", isSearch: "isSearch", label: "label", mask: "mask", max: "max", maxLength: "maxLength", min: "min", minLength: "minLength", name: "name", placeholder: "placeholder", required: "required", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", size: "size", step: "step", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", type: "type", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTextField = __decorate([
     ProxyCmp({
-        inputs: ['accAriaLabel', 'accAriaLabelDecrement', 'accAriaLabelIncrement', 'assistiveText', 'disabled', 'error', 'hasControls', 'hint', 'indicator', 'isClear', 'isSearch', 'label', 'mask', 'max', 'maxLength', 'min', 'minLength', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'step', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'type', 'value', 'warning'],
+        inputs: ['accAriaLabel', 'accAriaLabelDecrement', 'accAriaLabelIncrement', 'assistiveText', 'disabled', 'error', 'hasControls', 'hasSubmitButton', 'hint', 'indicator', 'isClear', 'isSearch', 'label', 'mask', 'max', 'maxLength', 'min', 'minLength', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'step', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'type', 'value', 'warning'],
         methods: ['setFocus', 'setValue']
     })
 ], SpwTextField);
@@ -2102,7 +2102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accAriaLabel', 'accAriaLabelDecrement', 'accAriaLabelIncrement', 'assistiveText', 'disabled', 'error', 'hasControls', 'hint', 'indicator', 'isClear', 'isSearch', 'label', 'mask', 'max', 'maxLength', 'min', 'minLength', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'step', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'type', 'value', 'warning'],
+                    inputs: ['accAriaLabel', 'accAriaLabelDecrement', 'accAriaLabelIncrement', 'assistiveText', 'disabled', 'error', 'hasControls', 'hasSubmitButton', 'hint', 'indicator', 'isClear', 'isSearch', 'label', 'mask', 'max', 'maxLength', 'min', 'minLength', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'step', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'type', 'value', 'warning'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwTextarea = class SpwTextarea {
@@ -2271,6 +2271,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     inputs: ['description', 'isLast', 'label', 'state', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let SpwToast = class SpwToast {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['spwToastDismiss', 'spwToastLinkClick']);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwToast, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwToast, isStandalone: true, selector: "spw-toast", inputs: { dismissText: "dismissText", dismissable: "dismissable", duration: "duration", heading: "heading", icon: "icon", linkHref: "linkHref", linkLabel: "linkLabel", message: "message", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+SpwToast = __decorate([
+    ProxyCmp({
+        inputs: ['dismissText', 'dismissable', 'duration', 'heading', 'icon', 'linkHref', 'linkLabel', 'message', 'variant'],
+        methods: ['show', 'dismiss']
+    })
+], SpwToast);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwToast, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spw-toast',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['dismissText', 'dismissable', 'duration', 'heading', 'icon', 'linkHref', 'linkLabel', 'message', 'variant'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let SpwToastController = class SpwToastController {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwToastController, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwToastController, isStandalone: true, selector: "spw-toast-controller", inputs: { position: "position" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+SpwToastController = __decorate([
+    ProxyCmp({
+        inputs: ['position'],
+        methods: ['create', 'dismissAll']
+    })
+], SpwToastController);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwToastController, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spw-toast-controller',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['position'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwToc = class SpwToc {
     constructor(c, r, z) {
         this.z = z;
@@ -2533,6 +2584,8 @@ const DIRECTIVES = [
     SpwTileTitle,
     SpwTimeline,
     SpwTimelineItem,
+    SpwToast,
+    SpwToastController,
     SpwToc,
     SpwTocContainer,
     SpwTocNavigation,
@@ -3035,14 +3088,14 @@ const VALUE_ACCESSORS = [
 ];
 class SpwDesignSystemDirectivesModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemDirectivesModule, imports: [SpwAccordion, SpwAccordionContent, SpwAccordionItem, SpwAccordionTitle, SpwAvatar, SpwBlockContent, SpwBreadcrumb, SpwBreadcrumbItem, SpwButton, SpwCard, SpwCardContent, SpwCardExcerpt, SpwCardImage, SpwCardSubtagItem, SpwCardSubtags, SpwCardTitle, SpwCheckbox, SpwCookies, SpwCustomSelect, SpwDatePicker, SpwDropdown, SpwDropdownContainer, SpwDropdownItem, SpwFieldLabel, SpwFieldMessage, SpwFileUpload, SpwFooter, SpwFooterBottom, SpwFooterContent, SpwFooterContentCol, SpwFooterLink, SpwGrid, SpwGridItem, SpwGroup, SpwHeader, SpwHeaderLang, SpwHeaderNavigation, SpwHeaderNavigationDropdown, SpwHeaderNavigationItem, SpwHeaderPersona, SpwHeaderPersonaItem, SpwHero, SpwIcon, SpwIllustration, SpwInputSlider, SpwLink, SpwList, SpwListDescription, SpwListItem, SpwListTitle, SpwLoading, SpwMessage, SpwModal, SpwMosaic, SpwMosaicItem, SpwPagination, SpwRadio, SpwScrolltop, SpwSearchField, SpwSelect, SpwSeparator, SpwSidebar, SpwSidebarNavigationDropdown, SpwSidebarNavigationItem, SpwSidebarNavigationSeparator, SpwSkeleton, SpwSlider, SpwSliderItem, SpwSocials, SpwTable, SpwTableBody, SpwTableCell, SpwTableContainer, SpwTableFooter, SpwTableHead, SpwTableHeader, SpwTableRow, SpwTableSidebar, SpwTabs, SpwTabsContent, SpwTabsNavigation, SpwTabsNavigationItem, SpwTag, SpwTextField, SpwTextarea, SpwThemeProvider, SpwTile, SpwTileDescription, SpwTileTitle, SpwTimeline, SpwTimelineItem, SpwToc, SpwTocContainer, SpwTocNavigation, SpwTooltip, SpwTopbar, SpwWizard, SpwWizardItem, TextValueAccessor,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemDirectivesModule, imports: [SpwAccordion, SpwAccordionContent, SpwAccordionItem, SpwAccordionTitle, SpwAvatar, SpwBlockContent, SpwBreadcrumb, SpwBreadcrumbItem, SpwButton, SpwCard, SpwCardContent, SpwCardExcerpt, SpwCardImage, SpwCardSubtagItem, SpwCardSubtags, SpwCardTitle, SpwCheckbox, SpwCookies, SpwCustomSelect, SpwDatePicker, SpwDropdown, SpwDropdownContainer, SpwDropdownItem, SpwFieldLabel, SpwFieldMessage, SpwFileUpload, SpwFooter, SpwFooterBottom, SpwFooterContent, SpwFooterContentCol, SpwFooterLink, SpwGrid, SpwGridItem, SpwGroup, SpwHeader, SpwHeaderLang, SpwHeaderNavigation, SpwHeaderNavigationDropdown, SpwHeaderNavigationItem, SpwHeaderPersona, SpwHeaderPersonaItem, SpwHero, SpwIcon, SpwIllustration, SpwInputSlider, SpwLink, SpwList, SpwListDescription, SpwListItem, SpwListTitle, SpwLoading, SpwMessage, SpwModal, SpwMosaic, SpwMosaicItem, SpwPagination, SpwRadio, SpwScrolltop, SpwSearchField, SpwSelect, SpwSeparator, SpwSidebar, SpwSidebarNavigationDropdown, SpwSidebarNavigationItem, SpwSidebarNavigationSeparator, SpwSkeleton, SpwSlider, SpwSliderItem, SpwSocials, SpwTable, SpwTableBody, SpwTableCell, SpwTableContainer, SpwTableFooter, SpwTableHead, SpwTableHeader, SpwTableRow, SpwTableSidebar, SpwTabs, SpwTabsContent, SpwTabsNavigation, SpwTabsNavigationItem, SpwTag, SpwTextField, SpwTextarea, SpwThemeProvider, SpwTile, SpwTileDescription, SpwTileTitle, SpwTimeline, SpwTimelineItem, SpwToast, SpwToastController, SpwToc, SpwTocContainer, SpwTocNavigation, SpwTooltip, SpwTopbar, SpwWizard, SpwWizardItem, TextValueAccessor,
             NumericValueAccessor,
             TabsValueAccessor,
             CheckboxValueAccessor,
             RadioValueAccessor,
             DatePickerValueAccessor,
             InputSliderValueAccessor,
-            SearchFieldValueAccessor], exports: [SpwAccordion, SpwAccordionContent, SpwAccordionItem, SpwAccordionTitle, SpwAvatar, SpwBlockContent, SpwBreadcrumb, SpwBreadcrumbItem, SpwButton, SpwCard, SpwCardContent, SpwCardExcerpt, SpwCardImage, SpwCardSubtagItem, SpwCardSubtags, SpwCardTitle, SpwCheckbox, SpwCookies, SpwCustomSelect, SpwDatePicker, SpwDropdown, SpwDropdownContainer, SpwDropdownItem, SpwFieldLabel, SpwFieldMessage, SpwFileUpload, SpwFooter, SpwFooterBottom, SpwFooterContent, SpwFooterContentCol, SpwFooterLink, SpwGrid, SpwGridItem, SpwGroup, SpwHeader, SpwHeaderLang, SpwHeaderNavigation, SpwHeaderNavigationDropdown, SpwHeaderNavigationItem, SpwHeaderPersona, SpwHeaderPersonaItem, SpwHero, SpwIcon, SpwIllustration, SpwInputSlider, SpwLink, SpwList, SpwListDescription, SpwListItem, SpwListTitle, SpwLoading, SpwMessage, SpwModal, SpwMosaic, SpwMosaicItem, SpwPagination, SpwRadio, SpwScrolltop, SpwSearchField, SpwSelect, SpwSeparator, SpwSidebar, SpwSidebarNavigationDropdown, SpwSidebarNavigationItem, SpwSidebarNavigationSeparator, SpwSkeleton, SpwSlider, SpwSliderItem, SpwSocials, SpwTable, SpwTableBody, SpwTableCell, SpwTableContainer, SpwTableFooter, SpwTableHead, SpwTableHeader, SpwTableRow, SpwTableSidebar, SpwTabs, SpwTabsContent, SpwTabsNavigation, SpwTabsNavigationItem, SpwTag, SpwTextField, SpwTextarea, SpwThemeProvider, SpwTile, SpwTileDescription, SpwTileTitle, SpwTimeline, SpwTimelineItem, SpwToc, SpwTocContainer, SpwTocNavigation, SpwTooltip, SpwTopbar, SpwWizard, SpwWizardItem, TextValueAccessor,
+            SearchFieldValueAccessor], exports: [SpwAccordion, SpwAccordionContent, SpwAccordionItem, SpwAccordionTitle, SpwAvatar, SpwBlockContent, SpwBreadcrumb, SpwBreadcrumbItem, SpwButton, SpwCard, SpwCardContent, SpwCardExcerpt, SpwCardImage, SpwCardSubtagItem, SpwCardSubtags, SpwCardTitle, SpwCheckbox, SpwCookies, SpwCustomSelect, SpwDatePicker, SpwDropdown, SpwDropdownContainer, SpwDropdownItem, SpwFieldLabel, SpwFieldMessage, SpwFileUpload, SpwFooter, SpwFooterBottom, SpwFooterContent, SpwFooterContentCol, SpwFooterLink, SpwGrid, SpwGridItem, SpwGroup, SpwHeader, SpwHeaderLang, SpwHeaderNavigation, SpwHeaderNavigationDropdown, SpwHeaderNavigationItem, SpwHeaderPersona, SpwHeaderPersonaItem, SpwHero, SpwIcon, SpwIllustration, SpwInputSlider, SpwLink, SpwList, SpwListDescription, SpwListItem, SpwListTitle, SpwLoading, SpwMessage, SpwModal, SpwMosaic, SpwMosaicItem, SpwPagination, SpwRadio, SpwScrolltop, SpwSearchField, SpwSelect, SpwSeparator, SpwSidebar, SpwSidebarNavigationDropdown, SpwSidebarNavigationItem, SpwSidebarNavigationSeparator, SpwSkeleton, SpwSlider, SpwSliderItem, SpwSocials, SpwTable, SpwTableBody, SpwTableCell, SpwTableContainer, SpwTableFooter, SpwTableHead, SpwTableHeader, SpwTableRow, SpwTableSidebar, SpwTabs, SpwTabsContent, SpwTabsNavigation, SpwTabsNavigationItem, SpwTag, SpwTextField, SpwTextarea, SpwThemeProvider, SpwTile, SpwTileDescription, SpwTileTitle, SpwTimeline, SpwTimelineItem, SpwToast, SpwToastController, SpwToc, SpwTocContainer, SpwTocNavigation, SpwTooltip, SpwTopbar, SpwWizard, SpwWizardItem, TextValueAccessor,
             NumericValueAccessor,
             TabsValueAccessor,
             CheckboxValueAccessor,
@@ -3086,9 +3139,113 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }] });
 
+/**
+ * Service Angular pour afficher des toasts SPW programmatiquement.
+ *
+ * @example
+ * // 1. Importer SpwDesignSystemModule (ou SpwToastService directement) dans votre AppModule
+ *
+ * // 2. Injecter et utiliser
+ * constructor(private toast: SpwToastService) {}
+ *
+ * this.toast.create({ message: 'Sauvegardé !', variant: 'success' });
+ * this.toast.success('Enregistrement réussi');
+ * this.toast.error('Une erreur est survenue');
+ */
+class SpwToastService {
+    constructor() {
+        this.controllerEl = null;
+    }
+    getController() {
+        if (!this.controllerEl || !document.body.contains(this.controllerEl)) {
+            const existing = document.querySelector('spw-toast-controller');
+            if (existing) {
+                this.controllerEl = existing;
+            }
+            else {
+                const el = document.createElement('spw-toast-controller');
+                document.body.appendChild(el);
+                this.controllerEl = el;
+            }
+        }
+        return this.controllerEl;
+    }
+    /**
+     * Affiche un toast avec les options fournies.
+     */
+    async create(options) {
+        const controller = this.getController();
+        if (typeof controller.create === 'function') {
+            return controller.create(options);
+        }
+        // Fallback si le web component n'est pas encore défini
+        return this.createFallback(options);
+    }
+    /** Raccourci : toast de succès */
+    success(heading, options) {
+        return this.create({ ...options, heading, variant: 'success' });
+    }
+    /** Raccourci : toast d'information */
+    info(heading, options) {
+        return this.create({ ...options, heading, variant: 'info' });
+    }
+    /** Raccourci : toast d'avertissement */
+    warning(heading, options) {
+        return this.create({ ...options, heading, variant: 'warning' });
+    }
+    /** Raccourci : toast d'erreur/alerte */
+    error(heading, options) {
+        return this.create({ ...options, heading, variant: 'alert' });
+    }
+    /** Ferme tous les toasts en cours d'affichage */
+    async dismissAll() {
+        const controller = this.getController();
+        if (typeof controller.dismissAll === 'function') {
+            return controller.dismissAll();
+        }
+    }
+    /** Configure la position du conteneur de toasts */
+    setPosition(position) {
+        const controller = this.getController();
+        controller.position = position;
+    }
+    ngOnDestroy() {
+        // Ne pas supprimer le contrôleur : d'autres instances pourraient l'utiliser
+        this.controllerEl = null;
+    }
+    createFallback(options) {
+        const toast = document.createElement('spw-toast');
+        if (options.heading)
+            toast.heading = options.heading;
+        if (options.message)
+            toast.message = options.message;
+        if (options.linkLabel)
+            toast.linkLabel = options.linkLabel;
+        if (options.linkHref)
+            toast.linkHref = options.linkHref;
+        if (options.icon)
+            toast.icon = options.icon;
+        toast.variant = options.variant ?? 'info';
+        toast.duration = options.duration !== undefined ? options.duration : 5000;
+        toast.dismissable = options.dismissable !== undefined ? options.dismissable : true;
+        if (options.onLinkClick) {
+            toast.addEventListener('spwToastLinkClick', options.onLinkClick);
+        }
+        const controller = this.getController();
+        controller.appendChild(toast);
+        return toast;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwToastService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CheckboxValueAccessor, DatePickerValueAccessor, InputSliderValueAccessor, NumericValueAccessor, RadioValueAccessor, SearchFieldValueAccessor, SpwAccordion, SpwAccordionContent, SpwAccordionItem, SpwAccordionTitle, SpwAvatar, SpwBlockContent, SpwBreadcrumb, SpwBreadcrumbItem, SpwButton, SpwCard, SpwCardContent, SpwCardExcerpt, SpwCardImage, SpwCardSubtagItem, SpwCardSubtags, SpwCardTitle, SpwCheckbox, SpwCookies, SpwCustomSelect, SpwDatePicker, SpwDesignSystemDirectivesModule, SpwDesignSystemModule, SpwDropdown, SpwDropdownContainer, SpwDropdownItem, SpwFieldLabel, SpwFieldMessage, SpwFileUpload, SpwFooter, SpwFooterBottom, SpwFooterContent, SpwFooterContentCol, SpwFooterLink, SpwGrid, SpwGridItem, SpwGroup, SpwHeader, SpwHeaderLang, SpwHeaderNavigation, SpwHeaderNavigationDropdown, SpwHeaderNavigationItem, SpwHeaderPersona, SpwHeaderPersonaItem, SpwHero, SpwIcon, SpwIllustration, SpwInputSlider, SpwLink, SpwList, SpwListDescription, SpwListItem, SpwListTitle, SpwLoading, SpwMessage, SpwModal, SpwMosaic, SpwMosaicItem, SpwPagination, SpwRadio, SpwScrolltop, SpwSearchField, SpwSelect, SpwSeparator, SpwSidebar, SpwSidebarNavigationDropdown, SpwSidebarNavigationItem, SpwSidebarNavigationSeparator, SpwSkeleton, SpwSlider, SpwSliderItem, SpwSocials, SpwTable, SpwTableBody, SpwTableCell, SpwTableContainer, SpwTableFooter, SpwTableHead, SpwTableHeader, SpwTableRow, SpwTableSidebar, SpwTabs, SpwTabsContent, SpwTabsNavigation, SpwTabsNavigationItem, SpwTag, SpwTextField, SpwTextarea, SpwThemeProvider, SpwTile, SpwTileDescription, SpwTileTitle, SpwTimeline, SpwTimelineItem, SpwToc, SpwTocContainer, SpwTocNavigation, SpwTooltip, SpwTopbar, SpwWizard, SpwWizardItem, TabsValueAccessor, TextValueAccessor, ValueAccessor };
+export { CheckboxValueAccessor, DatePickerValueAccessor, InputSliderValueAccessor, NumericValueAccessor, RadioValueAccessor, SearchFieldValueAccessor, SpwAccordion, SpwAccordionContent, SpwAccordionItem, SpwAccordionTitle, SpwAvatar, SpwBlockContent, SpwBreadcrumb, SpwBreadcrumbItem, SpwButton, SpwCard, SpwCardContent, SpwCardExcerpt, SpwCardImage, SpwCardSubtagItem, SpwCardSubtags, SpwCardTitle, SpwCheckbox, SpwCookies, SpwCustomSelect, SpwDatePicker, SpwDesignSystemDirectivesModule, SpwDesignSystemModule, SpwDropdown, SpwDropdownContainer, SpwDropdownItem, SpwFieldLabel, SpwFieldMessage, SpwFileUpload, SpwFooter, SpwFooterBottom, SpwFooterContent, SpwFooterContentCol, SpwFooterLink, SpwGrid, SpwGridItem, SpwGroup, SpwHeader, SpwHeaderLang, SpwHeaderNavigation, SpwHeaderNavigationDropdown, SpwHeaderNavigationItem, SpwHeaderPersona, SpwHeaderPersonaItem, SpwHero, SpwIcon, SpwIllustration, SpwInputSlider, SpwLink, SpwList, SpwListDescription, SpwListItem, SpwListTitle, SpwLoading, SpwMessage, SpwModal, SpwMosaic, SpwMosaicItem, SpwPagination, SpwRadio, SpwScrolltop, SpwSearchField, SpwSelect, SpwSeparator, SpwSidebar, SpwSidebarNavigationDropdown, SpwSidebarNavigationItem, SpwSidebarNavigationSeparator, SpwSkeleton, SpwSlider, SpwSliderItem, SpwSocials, SpwTable, SpwTableBody, SpwTableCell, SpwTableContainer, SpwTableFooter, SpwTableHead, SpwTableHeader, SpwTableRow, SpwTableSidebar, SpwTabs, SpwTabsContent, SpwTabsNavigation, SpwTabsNavigationItem, SpwTag, SpwTextField, SpwTextarea, SpwThemeProvider, SpwTile, SpwTileDescription, SpwTileTitle, SpwTimeline, SpwTimelineItem, SpwToast, SpwToastController, SpwToastService, SpwToc, SpwTocContainer, SpwTocNavigation, SpwTooltip, SpwTopbar, SpwWizard, SpwWizardItem, TabsValueAccessor, TextValueAccessor, ValueAccessor };
 //# sourceMappingURL=spw-ds-spw-angular-library.mjs.map