@spw-ds/spw-angular-library 1.5.10-alpha.0 → 1.6.0

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

@@ -70,11 +70,11 @@ let SpwAccordion = class SpwAccordion {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwAccordion, 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: SpwAccordion, isStandalone: true, selector: "spw-accordion", inputs: { background: "background" }, 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: SpwAccordion, isStandalone: true, selector: "spw-accordion", inputs: { background: "background", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwAccordion = __decorate([
     ProxyCmp({
-        inputs: ['background']
+        inputs: ['background', 'variant']
     })
 ], SpwAccordion);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwAccordion, decorators: [{
@@ -84,7 +84,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: ['background'],
+                    inputs: ['background', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwAccordionContent = class SpwAccordionContent {
@@ -117,11 +117,11 @@ let SpwAccordionItem = class SpwAccordionItem {
         proxyOutputs(this, this.el, ['accordionToggle']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwAccordionItem, 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: SpwAccordionItem, isStandalone: true, selector: "spw-accordion-item", inputs: { defaultOpen: "defaultOpen" }, 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: SpwAccordionItem, isStandalone: true, selector: "spw-accordion-item", inputs: { defaultOpen: "defaultOpen", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwAccordionItem = __decorate([
     ProxyCmp({
-        inputs: ['defaultOpen']
+        inputs: ['defaultOpen', 'variant']
     })
 ], SpwAccordionItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwAccordionItem, decorators: [{
@@ -131,7 +131,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: ['defaultOpen'],
+                    inputs: ['defaultOpen', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwAccordionTitle = class SpwAccordionTitle {
@@ -457,11 +457,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", disabled: "disabled", error: "error", hint: "hint", 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", disabled: "disabled", error: "error", fixedDropdown: "fixedDropdown", hint: "hint", 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', 'disabled', 'error', 'hint', 'isSearch', 'items', 'label', 'multiple', 'name', 'noResultsText', 'placeholder', 'required', 'searchPlaceholder', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+        inputs: ['assistiveText', 'disabled', 'error', 'fixedDropdown', 'hint', '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);
@@ -472,7 +472,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', 'disabled', 'error', 'hint', 'isSearch', 'items', 'label', 'multiple', 'name', 'noResultsText', 'placeholder', 'required', 'searchPlaceholder', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+                    inputs: ['assistiveText', 'disabled', 'error', 'fixedDropdown', 'hint', '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 {
@@ -2508,7 +2508,7 @@ class TextValueAccessor extends ValueAccessor {
         super(el);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TextValueAccessor, isStandalone: true, selector: "spw-text-field:not([type=number]), spw-textarea, spw-select, spw-search-field, spw-custom-select", host: { listeners: { "valueChanged": "handleChangeEvent($event.target.value)" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TextValueAccessor, isStandalone: true, selector: "spw-text-field:not([type=number]), spw-textarea, spw-select, spw-custom-select", host: { listeners: { "valueChanged": "handleChangeEvent($event.target.value)" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: TextValueAccessor,
@@ -2520,7 +2520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */
-                    selector: 'spw-text-field:not([type=number]), spw-textarea, spw-select, spw-search-field, spw-custom-select',
+                    selector: 'spw-text-field:not([type=number]), spw-textarea, spw-select, spw-custom-select',
                     host: {
                         '(valueChanged)': 'handleChangeEvent($event.target.value)'
                     },
@@ -2570,46 +2570,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
-const VALUE_ACCESSORS = [TextValueAccessor, NumericValueAccessor];
-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, 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, 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, NumericValueAccessor], 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, 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, 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, NumericValueAccessor] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemDirectivesModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemDirectivesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...DIRECTIVES, ...VALUE_ACCESSORS],
-                    exports: [...DIRECTIVES, ...VALUE_ACCESSORS],
-                }]
-        }] });
-
-class SpwDesignSystemModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemModule, imports: [SpwDesignSystemDirectivesModule], exports: [SpwDesignSystemDirectivesModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemModule, providers: [
-            {
-                provide: APP_INITIALIZER,
-                useFactory: () => defineCustomElements,
-                multi: true,
-            },
-        ], imports: [SpwDesignSystemDirectivesModule, SpwDesignSystemDirectivesModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [SpwDesignSystemDirectivesModule],
-                    exports: [SpwDesignSystemDirectivesModule],
-                    providers: [
-                        {
-                            provide: APP_INITIALIZER,
-                            useFactory: () => defineCustomElements,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 class TabsValueAccessor {
     constructor(el) {
         this.el = el;
@@ -2651,6 +2612,7 @@ class TabsValueAccessor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabsValueAccessor, decorators: [{
             type: Directive,
             args: [{
+                    /* tslint:disable-next-line:directive-selector */
                     selector: 'spw-tabs',
                     providers: [
                         {
@@ -2669,6 +2631,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['focusout']
             }] } });
 
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 class CheckboxValueAccessor {
     constructor(el) {
         this.el = el;
@@ -2710,6 +2673,7 @@ class CheckboxValueAccessor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CheckboxValueAccessor, decorators: [{
             type: Directive,
             args: [{
+                    /* tslint:disable-next-line:directive-selector */
                     selector: 'spw-checkbox',
                     providers: [
                         {
@@ -2728,6 +2692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['focusout']
             }] } });
 
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 class RadioValueAccessor {
     constructor(el) {
         this.el = el;
@@ -2769,6 +2734,7 @@ class RadioValueAccessor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RadioValueAccessor, decorators: [{
             type: Directive,
             args: [{
+                    /* tslint:disable-next-line:directive-selector */
                     selector: 'spw-radio',
                     providers: [
                         {
@@ -2787,6 +2753,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['focusout']
             }] } });
 
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 class DatePickerValueAccessor {
     constructor(el) {
         this.el = el;
@@ -2828,6 +2795,7 @@ class DatePickerValueAccessor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DatePickerValueAccessor, decorators: [{
             type: Directive,
             args: [{
+                    /* tslint:disable-next-line:directive-selector */
                     selector: 'spw-date-picker',
                     providers: [
                         {
@@ -2846,6 +2814,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['focusout']
             }] } });
 
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 class InputSliderValueAccessor {
     constructor(el) {
         this.el = el;
@@ -2887,6 +2856,7 @@ class InputSliderValueAccessor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: InputSliderValueAccessor, decorators: [{
             type: Directive,
             args: [{
+                    /* tslint:disable-next-line:directive-selector */
                     selector: 'spw-input-slider',
                     providers: [
                         {
@@ -2905,9 +2875,133 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['focusout']
             }] } });
 
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
+class SearchFieldValueAccessor {
+    constructor(el) {
+        this.el = el;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.lastValue = '';
+    }
+    writeValue(value) {
+        this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
+    }
+    handleValueChanged(event) {
+        const value = event.detail;
+        if (value !== this.lastValue) {
+            this.lastValue = value;
+            this.onChange(value);
+        }
+    }
+    handleBlurEvent() {
+        this.onTouched();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.el.nativeElement.disabled = isDisabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchFieldValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: SearchFieldValueAccessor, isStandalone: true, selector: "spw-search-field", host: { listeners: { "valueChanged": "handleValueChanged($event)", "focusout": "handleBlurEvent()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: SearchFieldValueAccessor,
+                multi: true,
+            },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchFieldValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'spw-search-field',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: SearchFieldValueAccessor,
+                            multi: true,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { handleValueChanged: [{
+                type: HostListener,
+                args: ['valueChanged', ['$event']]
+            }], handleBlurEvent: [{
+                type: HostListener,
+                args: ['focusout']
+            }] } });
+
+const VALUE_ACCESSORS = [
+    TextValueAccessor,
+    NumericValueAccessor,
+    TabsValueAccessor,
+    CheckboxValueAccessor,
+    RadioValueAccessor,
+    DatePickerValueAccessor,
+    InputSliderValueAccessor,
+    SearchFieldValueAccessor,
+];
+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, 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, 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,
+            NumericValueAccessor,
+            TabsValueAccessor,
+            CheckboxValueAccessor,
+            RadioValueAccessor,
+            DatePickerValueAccessor,
+            InputSliderValueAccessor,
+            SearchFieldValueAccessor], 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, 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, 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,
+            NumericValueAccessor,
+            TabsValueAccessor,
+            CheckboxValueAccessor,
+            RadioValueAccessor,
+            DatePickerValueAccessor,
+            InputSliderValueAccessor,
+            SearchFieldValueAccessor] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemDirectivesModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemDirectivesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...DIRECTIVES, ...VALUE_ACCESSORS],
+                    exports: [...DIRECTIVES, ...VALUE_ACCESSORS],
+                }]
+        }] });
+
+class SpwDesignSystemModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemModule, imports: [SpwDesignSystemDirectivesModule], exports: [SpwDesignSystemDirectivesModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemModule, providers: [
+            {
+                provide: APP_INITIALIZER,
+                useFactory: () => defineCustomElements,
+                multi: true,
+            },
+        ], imports: [SpwDesignSystemDirectivesModule, SpwDesignSystemDirectivesModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDesignSystemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SpwDesignSystemDirectivesModule],
+                    exports: [SpwDesignSystemDirectivesModule],
+                    providers: [
+                        {
+                            provide: APP_INITIALIZER,
+                            useFactory: () => defineCustomElements,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CheckboxValueAccessor, DatePickerValueAccessor, InputSliderValueAccessor, NumericValueAccessor, RadioValueAccessor, 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, 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, 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, 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, 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 };
 //# sourceMappingURL=spw-ds-spw-angular-library.mjs.map