@spw-ds/spw-angular-library 1.5.0 → 1.5.2-alpha.0

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

@@ -1,8 +1,9 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, NgModule, APP_INITIALIZER } from '@angular/core';
+import { ChangeDetectionStrategy, Component, HostListener, Directive, NgModule, APP_INITIALIZER } from '@angular/core';
 import { defineCustomElements } from '@spw-ds/spw-stencil-library/loader';
 import { __decorate } from 'tslib';
 import { fromEvent } from 'rxjs';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
 /* eslint-disable */
 /* tslint:disable */
@@ -213,11 +214,11 @@ let SpwButton = class SpwButton {
         proxyOutputs(this, this.el, ['spwFocus', 'spwBlur', 'spwNavigate']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwButton, 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: SpwButton, isStandalone: true, selector: "spw-button", inputs: { accAriaLabel: "accAriaLabel", disabled: "disabled", download: "download", hideTextOnMobile: "hideTextOnMobile", href: "href", icon: "icon", iconPosition: "iconPosition", isFullWidth: "isFullWidth", isFullWidthMobile: "isFullWidthMobile", isIconOnly: "isIconOnly", isLoading: "isLoading", name: "name", rel: "rel", size: "size", surface: "surface", target: "target", type: "type", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwButton, isStandalone: true, selector: "spw-button", inputs: { accAriaLabel: "accAriaLabel", disabled: "disabled", download: "download", form: "form", hideTextOnMobile: "hideTextOnMobile", href: "href", icon: "icon", iconPosition: "iconPosition", isFullWidth: "isFullWidth", isFullWidthMobile: "isFullWidthMobile", isIconOnly: "isIconOnly", isLoading: "isLoading", name: "name", rel: "rel", size: "size", surface: "surface", target: "target", type: "type", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwButton = __decorate([
     ProxyCmp({
-        inputs: ['accAriaLabel', 'disabled', 'download', 'hideTextOnMobile', 'href', 'icon', 'iconPosition', 'isFullWidth', 'isFullWidthMobile', 'isIconOnly', 'isLoading', 'name', 'rel', 'size', 'surface', 'target', 'type', 'value', 'variant']
+        inputs: ['accAriaLabel', 'disabled', 'download', 'form', 'hideTextOnMobile', 'href', 'icon', 'iconPosition', 'isFullWidth', 'isFullWidthMobile', 'isIconOnly', 'isLoading', 'name', 'rel', 'size', 'surface', 'target', 'type', 'value', 'variant']
     })
 ], SpwButton);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwButton, decorators: [{
@@ -227,7 +228,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', 'disabled', 'download', 'hideTextOnMobile', 'href', 'icon', 'iconPosition', 'isFullWidth', 'isFullWidthMobile', 'isIconOnly', 'isLoading', 'name', 'rel', 'size', 'surface', 'target', 'type', 'value', 'variant'],
+                    inputs: ['accAriaLabel', 'disabled', 'download', 'form', 'hideTextOnMobile', 'href', 'icon', 'iconPosition', 'isFullWidth', 'isFullWidthMobile', 'isIconOnly', 'isLoading', 'name', 'rel', 'size', 'surface', 'target', 'type', 'value', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwCard = class SpwCard {
@@ -1889,11 +1890,11 @@ let SpwTabs = class SpwTabs {
         proxyOutputs(this, this.el, ['tabChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTabs, 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: SpwTabs, isStandalone: true, selector: "spw-tabs", inputs: { defaultActiveTab: "defaultActiveTab", hasEllipsis: "hasEllipsis", maxWidth: "maxWidth", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTabs, isStandalone: true, selector: "spw-tabs", inputs: { activeTab: "activeTab", defaultActiveTab: "defaultActiveTab", hasEllipsis: "hasEllipsis", maxWidth: "maxWidth", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTabs = __decorate([
     ProxyCmp({
-        inputs: ['defaultActiveTab', 'hasEllipsis', 'maxWidth', 'size', 'variant'],
+        inputs: ['activeTab', 'defaultActiveTab', 'hasEllipsis', 'maxWidth', 'size', 'variant'],
         methods: ['getSelectedTab', 'setSelectedTab']
     })
 ], SpwTabs);
@@ -1904,7 +1905,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: ['defaultActiveTab', 'hasEllipsis', 'maxWidth', 'size', 'variant'],
+                    inputs: ['activeTab', 'defaultActiveTab', 'hasEllipsis', 'maxWidth', 'size', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwTabsContent = class SpwTabsContent {
@@ -1987,11 +1988,11 @@ let SpwTag = class SpwTag {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTag, 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: SpwTag, isStandalone: true, selector: "spw-tag", inputs: { hasIcon: "hasIcon", href: "href", size: "size", surface: "surface", target: "target", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTag, isStandalone: true, selector: "spw-tag", inputs: { hasIcon: "hasIcon", href: "href", icon: "icon", size: "size", surface: "surface", target: "target", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTag = __decorate([
     ProxyCmp({
-        inputs: ['hasIcon', 'href', 'size', 'surface', 'target', 'variant']
+        inputs: ['hasIcon', 'href', 'icon', 'size', 'surface', 'target', 'variant']
     })
 ], SpwTag);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTag, decorators: [{
@@ -2001,7 +2002,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: ['hasIcon', 'href', 'size', 'surface', 'target', 'variant'],
+                    inputs: ['hasIcon', 'href', 'icon', 'size', 'surface', 'target', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwTextField = class SpwTextField {
@@ -2464,16 +2465,123 @@ const DIRECTIVES = [
     SpwWizardItem
 ];
 
+class ValueAccessor {
+    constructor(el) {
+        this.el = el;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    writeValue(value) {
+        this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
+    }
+    handleChangeEvent(value) {
+        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: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ValueAccessor, isStandalone: true, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ValueAccessor, decorators: [{
+            type: Directive,
+            args: [{}]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { _handleBlurEvent: [{
+                type: HostListener,
+                args: ['focusout']
+            }] } });
+
+class TextValueAccessor extends ValueAccessor {
+    constructor(el) {
+        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[type=text], spw-tabs", host: { listeners: { "spwChange": "handleChangeEvent($event.target.value)", "tabChanged": "handleChangeEvent($event.target.activeTab)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: TextValueAccessor,
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'spw-text-field[type=text], spw-tabs',
+                    host: {
+                        '(spwChange)': 'handleChangeEvent($event.target.value)',
+                        '(tabChanged)': 'handleChangeEvent($event.target.activeTab)'
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: TextValueAccessor,
+                            multi: true
+                        }
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+
+class NumericValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    registerOnChange(fn) {
+        super.registerOnChange(value => {
+            fn(value === '' ? null : parseFloat(value));
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NumericValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: NumericValueAccessor, isStandalone: true, selector: "spw-text-field[type=number]", host: { listeners: { "spwChange": "handleChangeEvent($event.target.value)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: NumericValueAccessor,
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NumericValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'spw-text-field[type=number]',
+                    host: {
+                        '(spwChange)': 'handleChangeEvent($event.target.value)'
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: NumericValueAccessor,
+                            multi: true
+                        }
+                    ]
+                }]
+        }], 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], 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] }); }
+    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],
-                    exports: [...DIRECTIVES],
+                    imports: [...DIRECTIVES, ...VALUE_ACCESSORS],
+                    exports: [...DIRECTIVES, ...VALUE_ACCESSORS],
                 }]
         }] });
 
@@ -2507,5 +2615,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", 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, 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 };
+export { NumericValueAccessor, 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, TextValueAccessor, ValueAccessor };
 //# sourceMappingURL=spw-ds-spw-angular-library.mjs.map