@infineon/infineon-design-system-angular 41.7.1 → 41.8.0

package/fesm2022/infineon-infineon-design-system-angular.mjs

@@ -727,11 +727,11 @@ let IfxCounter = class IfxCounter {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: IfxCounter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.31", type: IfxCounter, isStandalone: false, selector: "ifx-counter", inputs: { value: "value" }, outputs: { ifxChange: "ifxChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.31", type: IfxCounter, isStandalone: false, selector: "ifx-counter", inputs: { name: "name", value: "value" }, outputs: { ifxChange: "ifxChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxCounter = __decorate([
     ProxyCmp({
-        inputs: ['value']
+        inputs: ['name', 'value']
     })
 ], IfxCounter);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: IfxCounter, decorators: [{
@@ -741,7 +741,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['value'],
+                    inputs: ['name', 'value'],
                     outputs: ['ifxChange'],
                     standalone: false
                 }]
@@ -3052,6 +3052,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
+class IfxCounterNgModuleValueAccessor extends ValueAccessor {
+    writeValue(value) {
+        const numericValue = Number(value);
+        this.el.nativeElement.value = this.lastValue = Number.isFinite(numericValue)
+            ? Math.max(0, numericValue)
+            : 0;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: IfxCounterNgModuleValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.31", type: IfxCounterNgModuleValueAccessor, isStandalone: false, selector: "ifx-counter[ngModel],ifx-counter[formControl],ifx-counter[formControlName]", host: { listeners: { "ifxChange": "handleChangeEvent($event.detail)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef((() => IfxCounterNgModuleValueAccessor)),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: IfxCounterNgModuleValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'ifx-counter[ngModel],ifx-counter[formControl],ifx-counter[formControlName]',
+                    host: {
+                        '(ifxChange)': 'handleChangeEvent($event.detail)'
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef((() => IfxCounterNgModuleValueAccessor)),
+                            multi: true
+                        }
+                    ],
+                    standalone: false
+                }]
+        }] });
+
 /**
  * Custom Value Accessor for ifx-modal component.
  *
@@ -3172,14 +3207,14 @@ class InfineonDesignSystemModule {
         };
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: InfineonDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.31", ngImport: i0, type: InfineonDesignSystemModule, declarations: [IfxAccordion, IfxAccordionItem, IfxActionList, IfxActionListItem, IfxAiLabel, IfxAlert, IfxBasicTable, IfxBreadcrumb, IfxBreadcrumbItem, IfxBreadcrumbItemLabel, IfxButton, IfxCard, IfxCardHeadline, IfxCardImage, IfxCardLinks, IfxCardOverline, IfxCardText, IfxCheckbox, IfxCheckboxGroup, IfxChip, IfxChipItem, IfxContentSwitcher, IfxContentSwitcherItem, IfxCounter, IfxDatePicker, IfxDownload, IfxDropdown, IfxDropdownHeader, IfxDropdownItem, IfxDropdownMenu, IfxDropdownSeparator, IfxDropdownTrigger, IfxDropdownTriggerButton, IfxErrorPage, IfxFileUpload, IfxFilterAccordion, IfxFilterBar, IfxFilterSearch, IfxFilterTypeGroup, IfxFooter, IfxFooterColumn, IfxIcon, IfxIconButton, IfxIconsPreview, IfxIndicator, IfxLink, IfxList, IfxListEntry, IfxModal, IfxMultiselect, IfxMultiselectOption, IfxNavbar, IfxNavbarItem, IfxNavbarProfile, IfxNotification, IfxOverviewTable, IfxPagination, IfxPopover, IfxProgressBar, IfxRadioButton, IfxRadioButtonGroup, IfxSearchBar, IfxSearchField, IfxSegment, IfxSegmentedControl, IfxSelect, IfxSelectGroup, IfxSelectOption, IfxSetFilter, IfxSidebar, IfxSidebarItem, IfxSidebarSeparator, IfxSidebarTitle, IfxSlider, IfxSpinner, IfxStatus, IfxStep, IfxStepper, IfxSwitch, IfxTab, IfxTable, IfxTabs, IfxTemplate, IfxTemplatesUi, IfxTextField, IfxTextarea, IfxToast, IfxToastContainer, IfxTooltip, IfxTreeView, IfxTreeViewItem, BooleanValueAccessor, TextValueAccessor, IfxModalNgModuleValueAccessor, IfxSliderNgModuleValueAccessor], imports: [CommonModule], exports: [IfxAccordion, IfxAccordionItem, IfxActionList, IfxActionListItem, IfxAiLabel, IfxAlert, IfxBasicTable, IfxBreadcrumb, IfxBreadcrumbItem, IfxBreadcrumbItemLabel, IfxButton, IfxCard, IfxCardHeadline, IfxCardImage, IfxCardLinks, IfxCardOverline, IfxCardText, IfxCheckbox, IfxCheckboxGroup, IfxChip, IfxChipItem, IfxContentSwitcher, IfxContentSwitcherItem, IfxCounter, IfxDatePicker, IfxDownload, IfxDropdown, IfxDropdownHeader, IfxDropdownItem, IfxDropdownMenu, IfxDropdownSeparator, IfxDropdownTrigger, IfxDropdownTriggerButton, IfxErrorPage, IfxFileUpload, IfxFilterAccordion, IfxFilterBar, IfxFilterSearch, IfxFilterTypeGroup, IfxFooter, IfxFooterColumn, IfxIcon, IfxIconButton, IfxIconsPreview, IfxIndicator, IfxLink, IfxList, IfxListEntry, IfxModal, IfxMultiselect, IfxMultiselectOption, IfxNavbar, IfxNavbarItem, IfxNavbarProfile, IfxNotification, IfxOverviewTable, IfxPagination, IfxPopover, IfxProgressBar, IfxRadioButton, IfxRadioButtonGroup, IfxSearchBar, IfxSearchField, IfxSegment, IfxSegmentedControl, IfxSelect, IfxSelectGroup, IfxSelectOption, IfxSetFilter, IfxSidebar, IfxSidebarItem, IfxSidebarSeparator, IfxSidebarTitle, IfxSlider, IfxSpinner, IfxStatus, IfxStep, IfxStepper, IfxSwitch, IfxTab, IfxTable, IfxTabs, IfxTemplate, IfxTemplatesUi, IfxTextField, IfxTextarea, IfxToast, IfxToastContainer, IfxTooltip, IfxTreeView, IfxTreeViewItem, BooleanValueAccessor, TextValueAccessor, IfxModalNgModuleValueAccessor, IfxSliderNgModuleValueAccessor] });
+    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.31", ngImport: i0, type: InfineonDesignSystemModule, declarations: [IfxAccordion, IfxAccordionItem, IfxActionList, IfxActionListItem, IfxAiLabel, IfxAlert, IfxBasicTable, IfxBreadcrumb, IfxBreadcrumbItem, IfxBreadcrumbItemLabel, IfxButton, IfxCard, IfxCardHeadline, IfxCardImage, IfxCardLinks, IfxCardOverline, IfxCardText, IfxCheckbox, IfxCheckboxGroup, IfxChip, IfxChipItem, IfxContentSwitcher, IfxContentSwitcherItem, IfxCounter, IfxDatePicker, IfxDownload, IfxDropdown, IfxDropdownHeader, IfxDropdownItem, IfxDropdownMenu, IfxDropdownSeparator, IfxDropdownTrigger, IfxDropdownTriggerButton, IfxErrorPage, IfxFileUpload, IfxFilterAccordion, IfxFilterBar, IfxFilterSearch, IfxFilterTypeGroup, IfxFooter, IfxFooterColumn, IfxIcon, IfxIconButton, IfxIconsPreview, IfxIndicator, IfxLink, IfxList, IfxListEntry, IfxModal, IfxMultiselect, IfxMultiselectOption, IfxNavbar, IfxNavbarItem, IfxNavbarProfile, IfxNotification, IfxOverviewTable, IfxPagination, IfxPopover, IfxProgressBar, IfxRadioButton, IfxRadioButtonGroup, IfxSearchBar, IfxSearchField, IfxSegment, IfxSegmentedControl, IfxSelect, IfxSelectGroup, IfxSelectOption, IfxSetFilter, IfxSidebar, IfxSidebarItem, IfxSidebarSeparator, IfxSidebarTitle, IfxSlider, IfxSpinner, IfxStatus, IfxStep, IfxStepper, IfxSwitch, IfxTab, IfxTable, IfxTabs, IfxTemplate, IfxTemplatesUi, IfxTextField, IfxTextarea, IfxToast, IfxToastContainer, IfxTooltip, IfxTreeView, IfxTreeViewItem, BooleanValueAccessor, TextValueAccessor, IfxCounterNgModuleValueAccessor, IfxModalNgModuleValueAccessor, IfxSliderNgModuleValueAccessor], imports: [CommonModule], exports: [IfxAccordion, IfxAccordionItem, IfxActionList, IfxActionListItem, IfxAiLabel, IfxAlert, IfxBasicTable, IfxBreadcrumb, IfxBreadcrumbItem, IfxBreadcrumbItemLabel, IfxButton, IfxCard, IfxCardHeadline, IfxCardImage, IfxCardLinks, IfxCardOverline, IfxCardText, IfxCheckbox, IfxCheckboxGroup, IfxChip, IfxChipItem, IfxContentSwitcher, IfxContentSwitcherItem, IfxCounter, IfxDatePicker, IfxDownload, IfxDropdown, IfxDropdownHeader, IfxDropdownItem, IfxDropdownMenu, IfxDropdownSeparator, IfxDropdownTrigger, IfxDropdownTriggerButton, IfxErrorPage, IfxFileUpload, IfxFilterAccordion, IfxFilterBar, IfxFilterSearch, IfxFilterTypeGroup, IfxFooter, IfxFooterColumn, IfxIcon, IfxIconButton, IfxIconsPreview, IfxIndicator, IfxLink, IfxList, IfxListEntry, IfxModal, IfxMultiselect, IfxMultiselectOption, IfxNavbar, IfxNavbarItem, IfxNavbarProfile, IfxNotification, IfxOverviewTable, IfxPagination, IfxPopover, IfxProgressBar, IfxRadioButton, IfxRadioButtonGroup, IfxSearchBar, IfxSearchField, IfxSegment, IfxSegmentedControl, IfxSelect, IfxSelectGroup, IfxSelectOption, IfxSetFilter, IfxSidebar, IfxSidebarItem, IfxSidebarSeparator, IfxSidebarTitle, IfxSlider, IfxSpinner, IfxStatus, IfxStep, IfxStepper, IfxSwitch, IfxTab, IfxTable, IfxTabs, IfxTemplate, IfxTemplatesUi, IfxTextField, IfxTextarea, IfxToast, IfxToastContainer, IfxTooltip, IfxTreeView, IfxTreeViewItem, BooleanValueAccessor, TextValueAccessor, IfxCounterNgModuleValueAccessor, IfxModalNgModuleValueAccessor, IfxSliderNgModuleValueAccessor] });
     /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: InfineonDesignSystemModule, imports: [CommonModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: InfineonDesignSystemModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [...DIRECTIVES, BooleanValueAccessor, TextValueAccessor, IfxModalNgModuleValueAccessor, IfxSliderNgModuleValueAccessor],
-                    exports: [...DIRECTIVES, BooleanValueAccessor, TextValueAccessor, IfxModalNgModuleValueAccessor, IfxSliderNgModuleValueAccessor],
+                    declarations: [...DIRECTIVES, BooleanValueAccessor, TextValueAccessor, IfxCounterNgModuleValueAccessor, IfxModalNgModuleValueAccessor, IfxSliderNgModuleValueAccessor],
+                    exports: [...DIRECTIVES, BooleanValueAccessor, TextValueAccessor, IfxCounterNgModuleValueAccessor, IfxModalNgModuleValueAccessor, IfxSliderNgModuleValueAccessor],
                     imports: [CommonModule],
                 }]
         }] });
@@ -3190,5 +3225,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BooleanValueAccessor, DIRECTIVES, IfxAccordion, IfxAccordionItem, IfxActionList, IfxActionListItem, IfxAiLabel, IfxAlert, IfxBasicTable, IfxBreadcrumb, IfxBreadcrumbItem, IfxBreadcrumbItemLabel, IfxButton, IfxCard, IfxCardHeadline, IfxCardImage, IfxCardLinks, IfxCardOverline, IfxCardText, IfxCheckbox, IfxCheckboxGroup, IfxChip, IfxChipItem, IfxContentSwitcher, IfxContentSwitcherItem, IfxCounter, IfxDatePicker, IfxDownload, IfxDropdown, IfxDropdownHeader, IfxDropdownItem, IfxDropdownMenu, IfxDropdownSeparator, IfxDropdownTrigger, IfxDropdownTriggerButton, IfxErrorPage, IfxFileUpload, IfxFilterAccordion, IfxFilterBar, IfxFilterSearch, IfxFilterTypeGroup, IfxFooter, IfxFooterColumn, IfxIcon, IfxIconButton, IfxIconsPreview, IfxIndicator, IfxLink, IfxList, IfxListEntry, IfxModal, IfxModalNgModuleValueAccessor as IfxModalValueAccessor, IfxMultiselect, IfxMultiselectOption, IfxNavbar, IfxNavbarItem, IfxNavbarProfile, IfxNotification, IfxOverviewTable, IfxPagination, IfxPopover, IfxProgressBar, IfxRadioButton, IfxRadioButtonGroup, IfxSearchBar, IfxSearchField, IfxSegment, IfxSegmentedControl, IfxSelect, IfxSelectGroup, IfxSelectOption, IfxSetFilter, IfxSidebar, IfxSidebarItem, IfxSidebarSeparator, IfxSidebarTitle, IfxSlider, IfxSliderNgModuleValueAccessor as IfxSliderValueAccessor, IfxSpinner, IfxStatus, IfxStep, IfxStepper, IfxSwitch, IfxTab, IfxTable, IfxTabs, IfxTemplate, IfxTemplatesUi, IfxTextField, IfxTextarea, IfxToast, IfxToastContainer, IfxTooltip, IfxTreeView, IfxTreeViewItem, InfineonDesignSystemModule, TextValueAccessor };
+export { BooleanValueAccessor, DIRECTIVES, IfxAccordion, IfxAccordionItem, IfxActionList, IfxActionListItem, IfxAiLabel, IfxAlert, IfxBasicTable, IfxBreadcrumb, IfxBreadcrumbItem, IfxBreadcrumbItemLabel, IfxButton, IfxCard, IfxCardHeadline, IfxCardImage, IfxCardLinks, IfxCardOverline, IfxCardText, IfxCheckbox, IfxCheckboxGroup, IfxChip, IfxChipItem, IfxContentSwitcher, IfxContentSwitcherItem, IfxCounter, IfxCounterNgModuleValueAccessor as IfxCounterValueAccessor, IfxDatePicker, IfxDownload, IfxDropdown, IfxDropdownHeader, IfxDropdownItem, IfxDropdownMenu, IfxDropdownSeparator, IfxDropdownTrigger, IfxDropdownTriggerButton, IfxErrorPage, IfxFileUpload, IfxFilterAccordion, IfxFilterBar, IfxFilterSearch, IfxFilterTypeGroup, IfxFooter, IfxFooterColumn, IfxIcon, IfxIconButton, IfxIconsPreview, IfxIndicator, IfxLink, IfxList, IfxListEntry, IfxModal, IfxModalNgModuleValueAccessor as IfxModalValueAccessor, IfxMultiselect, IfxMultiselectOption, IfxNavbar, IfxNavbarItem, IfxNavbarProfile, IfxNotification, IfxOverviewTable, IfxPagination, IfxPopover, IfxProgressBar, IfxRadioButton, IfxRadioButtonGroup, IfxSearchBar, IfxSearchField, IfxSegment, IfxSegmentedControl, IfxSelect, IfxSelectGroup, IfxSelectOption, IfxSetFilter, IfxSidebar, IfxSidebarItem, IfxSidebarSeparator, IfxSidebarTitle, IfxSlider, IfxSliderNgModuleValueAccessor as IfxSliderValueAccessor, IfxSpinner, IfxStatus, IfxStep, IfxStepper, IfxSwitch, IfxTab, IfxTable, IfxTabs, IfxTemplate, IfxTemplatesUi, IfxTextField, IfxTextarea, IfxToast, IfxToastContainer, IfxTooltip, IfxTreeView, IfxTreeViewItem, InfineonDesignSystemModule, TextValueAccessor };
 //# sourceMappingURL=infineon-infineon-design-system-angular.mjs.map