@spw-ds/spw-angular-library 1.2.3 → 1.2.5

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

@@ -458,7 +458,8 @@ let SpwCustomSelect = class SpwCustomSelect {
 };
 SpwCustomSelect = __decorate([
     ProxyCmp({
-        inputs: ['assistiveText', 'disabled', 'error', 'hint', 'isSearch', 'items', 'label', 'multiple', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'value', 'warning']
+        inputs: ['assistiveText', 'disabled', 'error', 'hint', 'isSearch', 'items', 'label', 'multiple', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'value', 'warning'],
+        methods: ['resetSelect']
     })
 ], SpwCustomSelect);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwCustomSelect, decorators: [{
@@ -484,7 +485,7 @@ let SpwDatePicker = class SpwDatePicker {
 SpwDatePicker = __decorate([
     ProxyCmp({
         inputs: ['assistiveText', 'dateFormat', 'disabled', 'disabledDates', 'disabledDays', 'error', 'hint', 'isStart', 'label', 'maxDate', 'minDate', 'name', 'placeholder', 'position', 'range', 'rangeId', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'success', 'value', 'warning'],
-        methods: ['open', 'close', 'setDate', 'getDate', 'getRange']
+        methods: ['open', 'close', 'setDate', 'getDate', 'getRange', 'updateConstraints', 'resetInput']
     })
 ], SpwDatePicker);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwDatePicker, decorators: [{
@@ -522,6 +523,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                     inputs: ['contentWidth', 'direction', 'hasPadding', 'open'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let SpwDropdownContainer = class SpwDropdownContainer {
+    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.11", ngImport: i0, type: SpwDropdownContainer, 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.11", type: SpwDropdownContainer, isStandalone: true, selector: "spw-dropdown-container", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+SpwDropdownContainer = __decorate([
+    ProxyCmp({})
+], SpwDropdownContainer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwDropdownContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spw-dropdown-container',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let SpwDropdownItem = class SpwDropdownItem {
+    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.11", ngImport: i0, type: SpwDropdownItem, 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.11", type: SpwDropdownItem, isStandalone: true, selector: "spw-dropdown-item", inputs: { disabled: "disabled", href: "href", icon: "icon", iconVariant: "iconVariant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+SpwDropdownItem = __decorate([
+    ProxyCmp({
+        inputs: ['disabled', 'href', 'icon', 'iconVariant']
+    })
+], SpwDropdownItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwDropdownItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spw-dropdown-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['disabled', 'href', 'icon', 'iconVariant'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwFieldLabel = class SpwFieldLabel {
     constructor(c, r, z) {
         this.z = z;
@@ -1273,7 +1320,8 @@ let SpwPagination = class SpwPagination {
 };
 SpwPagination = __decorate([
     ProxyCmp({
-        inputs: ['currentPage', 'isDisabled', 'itemsPerPage', 'totalItems', 'variant']
+        inputs: ['currentPage', 'isDisabled', 'itemsPerPage', 'totalItems', 'variant'],
+        methods: ['setPage']
     })
 ], SpwPagination);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwPagination, decorators: [{
@@ -1317,13 +1365,15 @@ let SpwSearchField = class SpwSearchField {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwSearchField, 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.11", type: SpwSearchField, isStandalone: true, selector: "spw-search-field", inputs: { assistiveText: "assistiveText", disabled: "disabled", items: "items", label: "label", name: "name", placeholder: "placeholder", required: "required", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwSearchField = __decorate([
     ProxyCmp({
-        inputs: ['assistiveText', 'disabled', 'items', 'label', 'name', 'placeholder', 'required', 'size']
+        inputs: ['assistiveText', 'disabled', 'items', 'label', 'name', 'placeholder', 'required', 'size'],
+        methods: ['resetInput']
     })
 ], SpwSearchField);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwSearchField, decorators: [{
@@ -1348,7 +1398,8 @@ let SpwSelect = class SpwSelect {
 };
 SpwSelect = __decorate([
     ProxyCmp({
-        inputs: ['assistiveText', 'disabled', 'error', 'hint', 'itemLabel', 'itemValue', 'items', 'label', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'value', 'warning']
+        inputs: ['assistiveText', 'disabled', 'error', 'hint', 'itemLabel', 'itemValue', 'items', 'label', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'value', 'warning'],
+        methods: ['resetSelect']
     })
 ], SpwSelect);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwSelect, decorators: [{
@@ -1440,11 +1491,11 @@ let SpwSidebarNavigationItem = class SpwSidebarNavigationItem {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwSidebarNavigationItem, 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.11", type: SpwSidebarNavigationItem, isStandalone: true, selector: "spw-sidebar-navigation-item", inputs: { active: "active", bubble: "bubble", disabled: "disabled", href: "href", icon: "icon", iconVariant: "iconVariant", tooltipTitle: "tooltipTitle" }, 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.11", type: SpwSidebarNavigationItem, isStandalone: true, selector: "spw-sidebar-navigation-item", inputs: { active: "active", bubble: "bubble", disabled: "disabled", href: "href", icon: "icon", iconVariant: "iconVariant", openOnClick: "openOnClick", tooltipTitle: "tooltipTitle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwSidebarNavigationItem = __decorate([
     ProxyCmp({
-        inputs: ['active', 'bubble', 'disabled', 'href', 'icon', 'iconVariant', 'tooltipTitle']
+        inputs: ['active', 'bubble', 'disabled', 'href', 'icon', 'iconVariant', 'openOnClick', 'tooltipTitle']
     })
 ], SpwSidebarNavigationItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwSidebarNavigationItem, decorators: [{
@@ -1454,7 +1505,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'bubble', 'disabled', 'href', 'icon', 'iconVariant', 'tooltipTitle'],
+                    inputs: ['active', 'bubble', 'disabled', 'href', 'icon', 'iconVariant', 'openOnClick', 'tooltipTitle'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwSidebarNavigationSeparator = class SpwSidebarNavigationSeparator {
@@ -1535,11 +1586,11 @@ let SpwTable = class SpwTable {
         proxyOutputs(this, this.el, ['spwSort']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwTable, 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.11", type: SpwTable, isStandalone: true, selector: "spw-table", inputs: { accAriaLabel: "accAriaLabel", isSticky: "isSticky", isZebra: "isZebra", maxHeight: "maxHeight", minWidth: "minWidth" }, 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.11", type: SpwTable, isStandalone: true, selector: "spw-table", inputs: { accAriaLabel: "accAriaLabel", currentSort: "currentSort", disableSort: "disableSort", isSticky: "isSticky", isZebra: "isZebra", maxHeight: "maxHeight", minWidth: "minWidth", tableLayout: "tableLayout" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTable = __decorate([
     ProxyCmp({
-        inputs: ['accAriaLabel', 'isSticky', 'isZebra', 'maxHeight', 'minWidth']
+        inputs: ['accAriaLabel', 'currentSort', 'disableSort', 'isSticky', 'isZebra', 'maxHeight', 'minWidth', 'tableLayout']
     })
 ], SpwTable);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwTable, decorators: [{
@@ -1549,7 +1600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accAriaLabel', 'isSticky', 'isZebra', 'maxHeight', 'minWidth'],
+                    inputs: ['accAriaLabel', 'currentSort', 'disableSort', 'isSticky', 'isZebra', 'maxHeight', 'minWidth', 'tableLayout'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwTableBody = class SpwTableBody {
@@ -1584,11 +1635,11 @@ let SpwTableCell = class SpwTableCell {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwTableCell, 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.11", type: SpwTableCell, isStandalone: true, selector: "spw-table-cell", inputs: { colspan: "colspan", headers: "headers", isHighlighted: "isHighlighted", padding: "padding", rowspan: "rowspan", textAlign: "textAlign", verticalAlign: "verticalAlign", width: "width" }, 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.11", type: SpwTableCell, isStandalone: true, selector: "spw-table-cell", inputs: { colspan: "colspan", headers: "headers", isHighlighted: "isHighlighted", padding: "padding", rowspan: "rowspan", state: "state", sticky: "sticky", stickyOffset: "stickyOffset", stickyPosition: "stickyPosition", textAlign: "textAlign", verticalAlign: "verticalAlign", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTableCell = __decorate([
     ProxyCmp({
-        inputs: ['colspan', 'headers', 'isHighlighted', 'padding', 'rowspan', 'textAlign', 'verticalAlign', 'width']
+        inputs: ['colspan', 'headers', 'isHighlighted', 'padding', 'rowspan', 'state', 'sticky', 'stickyOffset', 'stickyPosition', 'textAlign', 'verticalAlign', 'width']
     })
 ], SpwTableCell);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwTableCell, decorators: [{
@@ -1598,7 +1649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['colspan', 'headers', 'isHighlighted', 'padding', 'rowspan', 'textAlign', 'verticalAlign', 'width'],
+                    inputs: ['colspan', 'headers', 'isHighlighted', 'padding', 'rowspan', 'state', 'sticky', 'stickyOffset', 'stickyPosition', 'textAlign', 'verticalAlign', 'width'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwTableFooter = class SpwTableFooter {
@@ -1653,11 +1704,11 @@ let SpwTableHeader = class SpwTableHeader {
         proxyOutputs(this, this.el, ['spwHeaderClick']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwTableHeader, 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.11", type: SpwTableHeader, isStandalone: true, selector: "spw-table-header", inputs: { colspan: "colspan", columnId: "columnId", headers: "headers", isHighlighted: "isHighlighted", isSorted: "isSorted", padding: "padding", rowspan: "rowspan", sortDirection: "sortDirection", sortable: "sortable", textAlign: "textAlign", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", verticalAlign: "verticalAlign" }, 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.11", type: SpwTableHeader, isStandalone: true, selector: "spw-table-header", inputs: { colspan: "colspan", columnId: "columnId", headers: "headers", isHighlighted: "isHighlighted", isSorted: "isSorted", padding: "padding", rowspan: "rowspan", sortDirection: "sortDirection", sortable: "sortable", sticky: "sticky", stickyOffset: "stickyOffset", stickyPosition: "stickyPosition", textAlign: "textAlign", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", verticalAlign: "verticalAlign" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTableHeader = __decorate([
     ProxyCmp({
-        inputs: ['colspan', 'columnId', 'headers', 'isHighlighted', 'isSorted', 'padding', 'rowspan', 'sortDirection', 'sortable', 'textAlign', 'tooltipText', 'tooltipTitle', 'verticalAlign']
+        inputs: ['colspan', 'columnId', 'headers', 'isHighlighted', 'isSorted', 'padding', 'rowspan', 'sortDirection', 'sortable', 'sticky', 'stickyOffset', 'stickyPosition', 'textAlign', 'tooltipText', 'tooltipTitle', 'verticalAlign']
     })
 ], SpwTableHeader);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwTableHeader, decorators: [{
@@ -1667,7 +1718,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['colspan', 'columnId', 'headers', 'isHighlighted', 'isSorted', 'padding', 'rowspan', 'sortDirection', 'sortable', 'textAlign', 'tooltipText', 'tooltipTitle', 'verticalAlign'],
+                    inputs: ['colspan', 'columnId', 'headers', 'isHighlighted', 'isSorted', 'padding', 'rowspan', 'sortDirection', 'sortable', 'sticky', 'stickyOffset', 'stickyPosition', 'textAlign', 'tooltipText', 'tooltipTitle', 'verticalAlign'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwTableRow = class SpwTableRow {
@@ -1677,11 +1728,11 @@ let SpwTableRow = class SpwTableRow {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwTableRow, 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.11", type: SpwTableRow, isStandalone: true, selector: "spw-table-row", inputs: { state: "state" }, 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.11", type: SpwTableRow, isStandalone: true, selector: "spw-table-row", inputs: { padding: "padding", state: "state" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTableRow = __decorate([
     ProxyCmp({
-        inputs: ['state']
+        inputs: ['padding', 'state']
     })
 ], SpwTableRow);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwTableRow, decorators: [{
@@ -1691,7 +1742,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['state'],
+                    inputs: ['padding', 'state'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwTabs = class SpwTabs {
@@ -2004,6 +2055,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                     inputs: [],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let SpwWizard = class SpwWizard {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['stepClick']);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwWizard, 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.11", type: SpwWizard, isStandalone: true, selector: "spw-wizard", inputs: { currentStep: "currentStep", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+SpwWizard = __decorate([
+    ProxyCmp({
+        inputs: ['currentStep', 'variant'],
+        methods: ['setStep']
+    })
+], SpwWizard);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwWizard, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spw-wizard',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['currentStep', 'variant'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let SpwWizardItem = class SpwWizardItem {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['wizardItemClick']);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwWizardItem, 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.11", type: SpwWizardItem, isStandalone: true, selector: "spw-wizard-item", inputs: { additionalInfo: "additionalInfo", description: "description", icon: "icon", isAfterCurrent: "isAfterCurrent", isBeforeCurrent: "isBeforeCurrent", isClickable: "isClickable", isCurrent: "isCurrent", isLast: "isLast", label: "label", state: "state", status: "status", stepNumber: "stepNumber", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+SpwWizardItem = __decorate([
+    ProxyCmp({
+        inputs: ['additionalInfo', 'description', 'icon', 'isAfterCurrent', 'isBeforeCurrent', 'isClickable', 'isCurrent', 'isLast', 'label', 'state', 'status', 'stepNumber', 'variant']
+    })
+], SpwWizardItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwWizardItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spw-wizard-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['additionalInfo', 'description', 'icon', 'isAfterCurrent', 'isBeforeCurrent', 'isClickable', 'isCurrent', 'isLast', 'label', 'state', 'status', 'stepNumber', 'variant'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 
 const DIRECTIVES = [
     SpwAccordion,
@@ -2025,6 +2127,8 @@ const DIRECTIVES = [
     SpwCustomSelect,
     SpwDatePicker,
     SpwDropdown,
+    SpwDropdownContainer,
+    SpwDropdownItem,
     SpwFieldLabel,
     SpwFieldMessage,
     SpwFileUpload,
@@ -2086,12 +2190,14 @@ const DIRECTIVES = [
     SpwTileDescription,
     SpwTileTitle,
     SpwTooltip,
-    SpwTopbar
+    SpwTopbar,
+    SpwWizard,
+    SpwWizardItem
 ];
 
 class SpwDesignSystemDirectivesModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwDesignSystemDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: SpwDesignSystemDirectivesModule, imports: [SpwAccordion, SpwAccordionContent, SpwAccordionItem, SpwAccordionTitle, SpwBreadcrumb, SpwBreadcrumbItem, SpwButton, SpwCard, SpwCardContent, SpwCardExcerpt, SpwCardImage, SpwCardSubtagItem, SpwCardSubtags, SpwCardTitle, SpwCheckbox, SpwCookies, SpwCustomSelect, SpwDatePicker, SpwDropdown, SpwFieldLabel, SpwFieldMessage, SpwFileUpload, SpwFooter, SpwFooterBottom, SpwFooterContent, SpwFooterContentCol, SpwFooterLink, SpwGroup, SpwHeader, SpwHeaderLang, SpwHeaderLangItem, SpwHeaderNavigation, SpwHeaderNavigationDropdown, SpwHeaderNavigationItem, SpwHeaderPersona, SpwHeaderPersonaItem, SpwHero, SpwIcon, SpwIllustration, SpwIodda, SpwLink, SpwList, SpwListDescription, SpwListItem, SpwListTitle, SpwLoading, SpwMessage, SpwModal, SpwMosaic, SpwMosaicItem, SpwPagination, SpwRadio, SpwSearchField, SpwSelect, SpwSeparator, SpwSidebar, SpwSidebarNavigationDropdown, SpwSidebarNavigationItem, SpwSidebarNavigationSeparator, SpwSkeleton, SpwSocials, SpwTable, SpwTableBody, SpwTableCell, SpwTableFooter, SpwTableHead, SpwTableHeader, SpwTableRow, SpwTabs, SpwTabsContent, SpwTabsNavigation, SpwTabsNavigationItem, SpwTag, SpwTextField, SpwTextarea, SpwThemeProvider, SpwTile, SpwTileDescription, SpwTileTitle, SpwTooltip, SpwTopbar], exports: [SpwAccordion, SpwAccordionContent, SpwAccordionItem, SpwAccordionTitle, SpwBreadcrumb, SpwBreadcrumbItem, SpwButton, SpwCard, SpwCardContent, SpwCardExcerpt, SpwCardImage, SpwCardSubtagItem, SpwCardSubtags, SpwCardTitle, SpwCheckbox, SpwCookies, SpwCustomSelect, SpwDatePicker, SpwDropdown, SpwFieldLabel, SpwFieldMessage, SpwFileUpload, SpwFooter, SpwFooterBottom, SpwFooterContent, SpwFooterContentCol, SpwFooterLink, SpwGroup, SpwHeader, SpwHeaderLang, SpwHeaderLangItem, SpwHeaderNavigation, SpwHeaderNavigationDropdown, SpwHeaderNavigationItem, SpwHeaderPersona, SpwHeaderPersonaItem, SpwHero, SpwIcon, SpwIllustration, SpwIodda, SpwLink, SpwList, SpwListDescription, SpwListItem, SpwListTitle, SpwLoading, SpwMessage, SpwModal, SpwMosaic, SpwMosaicItem, SpwPagination, SpwRadio, SpwSearchField, SpwSelect, SpwSeparator, SpwSidebar, SpwSidebarNavigationDropdown, SpwSidebarNavigationItem, SpwSidebarNavigationSeparator, SpwSkeleton, SpwSocials, SpwTable, SpwTableBody, SpwTableCell, SpwTableFooter, SpwTableHead, SpwTableHeader, SpwTableRow, SpwTabs, SpwTabsContent, SpwTabsNavigation, SpwTabsNavigationItem, SpwTag, SpwTextField, SpwTextarea, SpwThemeProvider, SpwTile, SpwTileDescription, SpwTileTitle, SpwTooltip, SpwTopbar] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: SpwDesignSystemDirectivesModule, imports: [SpwAccordion, SpwAccordionContent, SpwAccordionItem, SpwAccordionTitle, 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, SpwGroup, SpwHeader, SpwHeaderLang, SpwHeaderLangItem, SpwHeaderNavigation, SpwHeaderNavigationDropdown, SpwHeaderNavigationItem, SpwHeaderPersona, SpwHeaderPersonaItem, SpwHero, SpwIcon, SpwIllustration, SpwIodda, SpwLink, SpwList, SpwListDescription, SpwListItem, SpwListTitle, SpwLoading, SpwMessage, SpwModal, SpwMosaic, SpwMosaicItem, SpwPagination, SpwRadio, SpwSearchField, SpwSelect, SpwSeparator, SpwSidebar, SpwSidebarNavigationDropdown, SpwSidebarNavigationItem, SpwSidebarNavigationSeparator, SpwSkeleton, SpwSocials, SpwTable, SpwTableBody, SpwTableCell, SpwTableFooter, SpwTableHead, SpwTableHeader, SpwTableRow, SpwTabs, SpwTabsContent, SpwTabsNavigation, SpwTabsNavigationItem, SpwTag, SpwTextField, SpwTextarea, SpwThemeProvider, SpwTile, SpwTileDescription, SpwTileTitle, SpwTooltip, SpwTopbar, SpwWizard, SpwWizardItem], exports: [SpwAccordion, SpwAccordionContent, SpwAccordionItem, SpwAccordionTitle, 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, SpwGroup, SpwHeader, SpwHeaderLang, SpwHeaderLangItem, SpwHeaderNavigation, SpwHeaderNavigationDropdown, SpwHeaderNavigationItem, SpwHeaderPersona, SpwHeaderPersonaItem, SpwHero, SpwIcon, SpwIllustration, SpwIodda, SpwLink, SpwList, SpwListDescription, SpwListItem, SpwListTitle, SpwLoading, SpwMessage, SpwModal, SpwMosaic, SpwMosaicItem, SpwPagination, SpwRadio, SpwSearchField, SpwSelect, SpwSeparator, SpwSidebar, SpwSidebarNavigationDropdown, SpwSidebarNavigationItem, SpwSidebarNavigationSeparator, SpwSkeleton, SpwSocials, SpwTable, SpwTableBody, SpwTableCell, SpwTableFooter, SpwTableHead, SpwTableHeader, SpwTableRow, SpwTabs, SpwTabsContent, SpwTabsNavigation, SpwTabsNavigationItem, SpwTag, SpwTextField, SpwTextarea, SpwThemeProvider, SpwTile, SpwTileDescription, SpwTileTitle, SpwTooltip, SpwTopbar, SpwWizard, SpwWizardItem] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwDesignSystemDirectivesModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpwDesignSystemDirectivesModule, decorators: [{
@@ -2132,5 +2238,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { SpwAccordion, SpwAccordionContent, SpwAccordionItem, SpwAccordionTitle, SpwBreadcrumb, SpwBreadcrumbItem, SpwButton, SpwCard, SpwCardContent, SpwCardExcerpt, SpwCardImage, SpwCardSubtagItem, SpwCardSubtags, SpwCardTitle, SpwCheckbox, SpwCookies, SpwCustomSelect, SpwDatePicker, SpwDesignSystemDirectivesModule, SpwDesignSystemModule, SpwDropdown, SpwFieldLabel, SpwFieldMessage, SpwFileUpload, SpwFooter, SpwFooterBottom, SpwFooterContent, SpwFooterContentCol, SpwFooterLink, SpwGroup, SpwHeader, SpwHeaderLang, SpwHeaderLangItem, SpwHeaderNavigation, SpwHeaderNavigationDropdown, SpwHeaderNavigationItem, SpwHeaderPersona, SpwHeaderPersonaItem, SpwHero, SpwIcon, SpwIllustration, SpwIodda, SpwLink, SpwList, SpwListDescription, SpwListItem, SpwListTitle, SpwLoading, SpwMessage, SpwModal, SpwMosaic, SpwMosaicItem, SpwPagination, SpwRadio, SpwSearchField, SpwSelect, SpwSeparator, SpwSidebar, SpwSidebarNavigationDropdown, SpwSidebarNavigationItem, SpwSidebarNavigationSeparator, SpwSkeleton, SpwSocials, SpwTable, SpwTableBody, SpwTableCell, SpwTableFooter, SpwTableHead, SpwTableHeader, SpwTableRow, SpwTabs, SpwTabsContent, SpwTabsNavigation, SpwTabsNavigationItem, SpwTag, SpwTextField, SpwTextarea, SpwThemeProvider, SpwTile, SpwTileDescription, SpwTileTitle, SpwTooltip, SpwTopbar };
+export { SpwAccordion, SpwAccordionContent, SpwAccordionItem, SpwAccordionTitle, 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, SpwGroup, SpwHeader, SpwHeaderLang, SpwHeaderLangItem, SpwHeaderNavigation, SpwHeaderNavigationDropdown, SpwHeaderNavigationItem, SpwHeaderPersona, SpwHeaderPersonaItem, SpwHero, SpwIcon, SpwIllustration, SpwIodda, SpwLink, SpwList, SpwListDescription, SpwListItem, SpwListTitle, SpwLoading, SpwMessage, SpwModal, SpwMosaic, SpwMosaicItem, SpwPagination, SpwRadio, SpwSearchField, SpwSelect, SpwSeparator, SpwSidebar, SpwSidebarNavigationDropdown, SpwSidebarNavigationItem, SpwSidebarNavigationSeparator, SpwSkeleton, SpwSocials, SpwTable, SpwTableBody, SpwTableCell, SpwTableFooter, SpwTableHead, SpwTableHeader, SpwTableRow, SpwTabs, SpwTabsContent, SpwTabsNavigation, SpwTabsNavigationItem, SpwTag, SpwTextField, SpwTextarea, SpwThemeProvider, SpwTile, SpwTileDescription, SpwTileTitle, SpwTooltip, SpwTopbar, SpwWizard, SpwWizardItem };
 //# sourceMappingURL=spw-ds-spw-angular-library.mjs.map