@spw-ds/spw-angular-library 1.9.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 {
@@ -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 {
@@ -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 {
@@ -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