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

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

@@ -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,6 @@ 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,
-                        },
-                    ],
-                }]
-        }] });
-
 class TabsValueAccessor {
     constructor(el) {
         this.el = el;
@@ -2905,9 +2865,131 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['focusout']
             }] } });
 
+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: [{
+                    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