@db-ux/ngx-core-components 4.0.4 → 4.1.0

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { AfterViewInit, InputSignal, ElementRef, ModelSignal, Renderer2, OnDestroy } from '@angular/core';
+import { AfterViewInit, InputSignal, ElementRef, OnDestroy, ModelSignal, Renderer2 } from '@angular/core';
 import { IconTypes } from '@db-ux/core-foundations';
 import { ControlValueAccessor } from '@angular/forms';
 
@@ -368,6 +368,10 @@ type FormState = {
      * This is an internal Fallback
      */
     _voiceOverFallback?: string;
+    /**
+     * We use this to remove form event listener
+     */
+    abortController?: AbortController;
 };
 type InitializedState = {
     initialized: boolean;
@@ -464,7 +468,7 @@ type InputEventProps<T> = {
     onInput?: (event: InputEvent<T>) => void;
 };
 type InputEventState<T> = {
-    handleInput: (event: InputEvent<T> | any) => void;
+    handleInput: (event: InputEvent<T> | any, reset?: boolean) => void;
 };
 type ChangeEvent<T> = Event;
 type ChangeEventProps<T> = {
@@ -472,7 +476,7 @@ type ChangeEventProps<T> = {
     onChange?: (event: ChangeEvent<T>) => void;
 };
 type ChangeEventState<T> = {
-    handleChange: (event: ChangeEvent<T> | any) => void;
+    handleChange: (event: ChangeEvent<T> | any, reset?: boolean) => void;
 };
 type InteractionEvent<T> = FocusEvent;
 type FocusEventProps<T> = {
@@ -900,7 +904,7 @@ type DBCheckboxProps = DBCheckboxDefaultProps & GlobalProps & ChangeEventProps<H
 type DBCheckboxDefaultState = {};
 type DBCheckboxState = DBCheckboxDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState & FromValidState;
 
-declare class DBCheckbox implements AfterViewInit, ControlValueAccessor {
+declare class DBCheckbox implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private renderer;
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getHideProp: (show?: boolean | string) => any;
@@ -938,9 +942,10 @@ declare class DBCheckbox implements AfterViewInit, ControlValueAccessor {
     _invalidMessage: _angular_core.WritableSignal<string | undefined>;
     _descByIds: _angular_core.WritableSignal<string | undefined>;
     _voiceOverFallback: _angular_core.WritableSignal<string | undefined>;
+    abortController: _angular_core.WritableSignal<AbortController | undefined>;
     hasValidState(): boolean;
     handleValidation(): void;
-    handleChange(event: ChangeEvent<HTMLInputElement>): void;
+    handleChange(event: ChangeEvent<HTMLInputElement>, reset?: boolean): void;
     handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
     handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
     constructor(renderer: Renderer2);
@@ -956,6 +961,7 @@ declare class DBCheckbox implements AfterViewInit, ControlValueAccessor {
     registerOnTouched(onTouched: any): void;
     setDisabledState(disabled: boolean): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCheckbox, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCheckbox, "db-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
 }
@@ -1147,6 +1153,11 @@ type DBCustomSelectDefaultProps = {
      * You need to define the empty state as well based on selected options.
      */
     selectedLabels?: string;
+    /**
+     * Optional: Prefix text announced by screen readers before the selection
+     * (e.g., "Ausgewählt" or "Selected").
+     */
+    selectedPrefix?: string;
     /**
      * Change the selected type for values shown in multi select
      */
@@ -1226,7 +1237,7 @@ type DBCustomSelectDefaultState = {
 };
 type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState<InteractionEvent<HTMLDetailsElement>> & DocumentScrollState;
 
-declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor {
+declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private renderer;
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
@@ -1277,6 +1288,7 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor {
     name: InputSignal<DBCustomSelectProps["name"]>;
     disabled: ModelSignal<DBCustomSelectProps["disabled"]>;
     open: InputSignal<DBCustomSelectProps["open"]>;
+    selectedPrefix: InputSignal<DBCustomSelectProps["selectedPrefix"]>;
     dropdownWidth: InputSignal<DBCustomSelectProps["dropdownWidth"]>;
     searchLabel: InputSignal<DBCustomSelectProps["searchLabel"]>;
     searchPlaceholder: InputSignal<DBCustomSelectProps["searchPlaceholder"]>;
@@ -1309,6 +1321,7 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor {
     _infoTextId: _angular_core.WritableSignal<string | undefined>;
     _validity: _angular_core.WritableSignal<"invalid" | "valid" | "no-validation" | undefined>;
     _userInteraction: _angular_core.WritableSignal<boolean | undefined>;
+    abortController: _angular_core.WritableSignal<AbortController | undefined>;
     _descByIds: _angular_core.WritableSignal<string | undefined>;
     _selectedLabels: _angular_core.WritableSignal<string | undefined>;
     _selectedLabelsId: _angular_core.WritableSignal<string | undefined>;
@@ -1368,8 +1381,9 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor {
     registerOnTouched(onTouched: any): void;
     setDisabledState(disabled: boolean): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCustomSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelect, "db-custom-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "showNoResults": { "alias": "showNoResults"; "required": false; "isSignal": true; }; "showLoading": { "alias": "showLoading"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "selectedLabels": { "alias": "selectedLabels"; "required": false; "isSignal": true; }; "transformSelectedLabels": { "alias": "transformSelectedLabels"; "required": false; "isSignal": true; }; "selectedType": { "alias": "selectedType"; "required": false; "isSignal": true; }; "amountText": { "alias": "amountText"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "removeTagsTexts": { "alias": "removeTagsTexts"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "searchFilter": { "alias": "searchFilter"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "formFieldWidth": { "alias": "formFieldWidth"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "listLabel": { "alias": "listLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "mobileCloseButtonText": { "alias": "mobileCloseButtonText"; "required": false; "isSignal": true; }; "showClearSelection": { "alias": "showClearSelection"; "required": false; "isSignal": true; }; "clearSelectionText": { "alias": "clearSelectionText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; "disabled": "disabledChange"; "amountChange": "amountChange"; "dropdownToggle": "dropdownToggle"; "optionSelected": "optionSelected"; "search": "search"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelect, "db-custom-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "showNoResults": { "alias": "showNoResults"; "required": false; "isSignal": true; }; "showLoading": { "alias": "showLoading"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "selectedLabels": { "alias": "selectedLabels"; "required": false; "isSignal": true; }; "transformSelectedLabels": { "alias": "transformSelectedLabels"; "required": false; "isSignal": true; }; "selectedType": { "alias": "selectedType"; "required": false; "isSignal": true; }; "amountText": { "alias": "amountText"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "removeTagsTexts": { "alias": "removeTagsTexts"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "searchFilter": { "alias": "searchFilter"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "formFieldWidth": { "alias": "formFieldWidth"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "selectedPrefix": { "alias": "selectedPrefix"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "listLabel": { "alias": "listLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "mobileCloseButtonText": { "alias": "mobileCloseButtonText"; "required": false; "isSignal": true; }; "showClearSelection": { "alias": "showClearSelection"; "required": false; "isSignal": true; }; "clearSelectionText": { "alias": "clearSelectionText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; "disabled": "disabledChange"; "amountChange": "amountChange"; "dropdownToggle": "dropdownToggle"; "optionSelected": "optionSelected"; "search": "search"; }, never, ["*"], true, never>;
 }
 
 declare class DBCustomSelectDropdown implements AfterViewInit {
@@ -1810,7 +1824,7 @@ type DBInputDefaultState = {
 };
 type DBInputState = DBInputDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & FromValidState;
 
-declare class DBInput implements AfterViewInit, ControlValueAccessor {
+declare class DBInput implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private renderer;
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getHideProp: (show?: boolean | string) => any;
@@ -1885,10 +1899,11 @@ declare class DBInput implements AfterViewInit, ControlValueAccessor {
     _descByIds: _angular_core.WritableSignal<string | undefined>;
     _value: _angular_core.WritableSignal<string | undefined>;
     _voiceOverFallback: _angular_core.WritableSignal<string | undefined>;
+    abortController: _angular_core.WritableSignal<AbortController | undefined>;
     hasValidState(): boolean;
     handleValidation(): void;
-    handleInput(event: InputEvent<HTMLInputElement>): void;
-    handleChange(event: ChangeEvent<HTMLInputElement>): void;
+    handleInput(event: InputEvent<HTMLInputElement>, reset?: boolean): void;
+    handleChange(event: ChangeEvent<HTMLInputElement>, reset?: boolean): void;
     handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
     handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
     getDataList(): ValueLabelType[];
@@ -1906,6 +1921,7 @@ declare class DBInput implements AfterViewInit, ControlValueAccessor {
     registerOnTouched(onTouched: any): void;
     setDisabledState(disabled: boolean): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBInput, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBInput, "db-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "dataListId": { "alias": "dataListId"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "dataList": { "alias": "dataList"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldSizing": { "alias": "fieldSizing"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "messageSize": { "alias": "messageSize"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "validMessageSize": { "alias": "validMessageSize"; "required": false; "isSignal": true; }; "invalidMessageSize": { "alias": "invalidMessageSize"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
 }
@@ -2154,17 +2170,17 @@ type DBNotificationState = DBNotificationDefaultState & GlobalState & CloseEvent
 
 declare class DBNotification implements AfterViewInit {
     protected readonly cls: (...args: ClassNameArg[]) => string;
+    protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
     protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
-    protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     protected readonly DEFAULT_CLOSE_BUTTON: string;
     id: InputSignal<DBNotificationProps["id"]>;
     className: InputSignal<DBNotificationProps["className"]>;
     ariaLive: InputSignal<DBNotificationProps["ariaLive"]>;
     semantic: InputSignal<DBNotificationProps["semantic"]>;
     variant: InputSignal<DBNotificationProps["variant"]>;
-    icon: InputSignal<DBNotificationProps["icon"]>;
     showIcon: InputSignal<DBNotificationProps["showIcon"]>;
+    icon: InputSignal<DBNotificationProps["icon"]>;
     linkVariant: InputSignal<DBNotificationProps["linkVariant"]>;
     headline: InputSignal<DBNotificationProps["headline"]>;
     showHeadline: InputSignal<DBNotificationProps["showHeadline"]>;
@@ -2186,7 +2202,7 @@ declare class DBNotification implements AfterViewInit {
     private enableAttributePassing;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBNotification, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBNotification, "db-notification", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "linkVariant": { "alias": "linkVariant"; "required": false; "isSignal": true; }; "headline": { "alias": "headline"; "required": false; "isSignal": true; }; "showHeadline": { "alias": "showHeadline"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; "showTimestamp": { "alias": "showTimestamp"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[image]", "*", "[link]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBNotification, "db-notification", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "linkVariant": { "alias": "linkVariant"; "required": false; "isSignal": true; }; "headline": { "alias": "headline"; "required": false; "isSignal": true; }; "showHeadline": { "alias": "showHeadline"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; "showTimestamp": { "alias": "showTimestamp"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[image]", "*", "[link]"], true, never>;
 }
 
 declare const PageVariantList: readonly ["auto", "fixed"];
@@ -2303,11 +2319,11 @@ declare class DBPopover implements AfterViewInit {
 }
 
 type DBRadioDefaultProps = {};
-type DBRadioProps = DBRadioDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & SizeProps;
+type DBRadioProps = DBRadioDefaultProps & GlobalProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & SizeProps;
 type DBRadioDefaultState = {};
-type DBRadioState = DBRadioDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState;
+type DBRadioState = DBRadioDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState;
 
-declare class DBRadio implements AfterViewInit, ControlValueAccessor {
+declare class DBRadio implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private renderer;
     protected readonly getHideProp: (show?: boolean | string) => any;
     protected readonly cls: (...args: ClassNameArg[]) => string;
@@ -2324,13 +2340,16 @@ declare class DBRadio implements AfterViewInit, ControlValueAccessor {
     value: ModelSignal<DBRadioProps["value"]>;
     required: InputSignal<DBRadioProps["required"]>;
     label: InputSignal<DBRadioProps["label"]>;
+    input: _angular_core.OutputEmitterRef<void | Event>;
     change: _angular_core.OutputEmitterRef<void | Event>;
     blur: _angular_core.OutputEmitterRef<void | FocusEvent>;
     focus: _angular_core.OutputEmitterRef<void | FocusEvent>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
     _id: _angular_core.WritableSignal<string | undefined>;
-    handleChange(event: ChangeEvent<HTMLInputElement> | any): void;
+    abortController: _angular_core.WritableSignal<AbortController | undefined>;
+    handleInput(event: ChangeEvent<HTMLInputElement> | any, reset?: boolean): void;
+    handleChange(event: ChangeEvent<HTMLInputElement> | any, reset?: boolean): void;
     handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
     handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
     constructor(renderer: Renderer2);
@@ -2346,8 +2365,9 @@ declare class DBRadio implements AfterViewInit, ControlValueAccessor {
     registerOnTouched(onTouched: any): void;
     setDisabledState(disabled: boolean): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBRadio, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBRadio, "db-radio", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBRadio, "db-radio", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
 }
 
 type DBSectionDefaultProps = {};
@@ -2419,7 +2439,7 @@ type DBSelectDefaultState = {
 };
 type DBSelectState = DBSelectDefaultState & GlobalState & ClickEventState<HTMLSelectElement> & ChangeEventState<HTMLSelectElement> & FocusEventState<HTMLSelectElement> & InputEventState<HTMLSelectElement> & FormState & InitializedState & FromValidState;
 
-declare class DBSelect implements AfterViewInit, ControlValueAccessor {
+declare class DBSelect implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private renderer;
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getHideProp: (show?: boolean | string) => any;
@@ -2472,11 +2492,12 @@ declare class DBSelect implements AfterViewInit, ControlValueAccessor {
     _value: _angular_core.WritableSignal<string | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
     _voiceOverFallback: _angular_core.WritableSignal<string | undefined>;
+    abortController: _angular_core.WritableSignal<AbortController | undefined>;
     hasValidState(): boolean;
     handleValidation(): void;
     handleClick(event: ClickEvent<HTMLSelectElement> | any): void;
-    handleInput(event: InputEvent<HTMLSelectElement> | any): void;
-    handleChange(event: ChangeEvent<HTMLSelectElement> | any): void;
+    handleInput(event: InputEvent<HTMLSelectElement> | any, reset?: boolean): void;
+    handleChange(event: ChangeEvent<HTMLSelectElement> | any, reset?: boolean): void;
     handleBlur(event: InteractionEvent<HTMLSelectElement> | any): void;
     handleFocus(event: InteractionEvent<HTMLSelectElement> | any): void;
     getOptionLabel(option: DBSelectOptionType): string;
@@ -2494,6 +2515,7 @@ declare class DBSelect implements AfterViewInit, ControlValueAccessor {
     registerOnTouched(onTouched: any): void;
     setDisabledState(disabled: boolean): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBSelect, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBSelect, "db-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "click": "click"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
 }
@@ -2570,7 +2592,7 @@ type DBSwitchProps = GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEve
 type DBSwitchDefaultState = {};
 type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & FromValidState;
 
-declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
+declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private renderer;
     protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
     protected readonly getHideProp: (show?: boolean | string) => any;
@@ -2601,6 +2623,7 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
     iconTrailing: InputSignal<DBSwitchProps["iconTrailing"]>;
     label: InputSignal<DBSwitchProps["label"]>;
     messageIcon: InputSignal<DBSwitchProps["messageIcon"]>;
+    change: _angular_core.OutputEmitterRef<void | Event>;
     blur: _angular_core.OutputEmitterRef<void | FocusEvent>;
     focus: _angular_core.OutputEmitterRef<void | FocusEvent>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
@@ -2611,9 +2634,10 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
     _invalidMessage: _angular_core.WritableSignal<string | undefined>;
     _descByIds: _angular_core.WritableSignal<string | undefined>;
     _voiceOverFallback: _angular_core.WritableSignal<string | undefined>;
+    abortController: _angular_core.WritableSignal<AbortController | undefined>;
     hasValidState(): boolean;
     handleValidation(): void;
-    handleChange(event: ChangeEvent<HTMLInputElement>): void;
+    handleChange(event: ChangeEvent<HTMLInputElement>, reset?: boolean): void;
     handleBlur(event: InteractionEvent<HTMLInputElement>): void;
     handleFocus(event: InteractionEvent<HTMLInputElement>): void;
     constructor(renderer: Renderer2);
@@ -2629,8 +2653,9 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
     registerOnTouched(onTouched: any): void;
     setDisabledState(disabled: boolean): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBSwitch, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "visualAid": { "alias": "visualAid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "visualAid": { "alias": "visualAid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
 }
 
 type DBTabItemDefaultProps = {
@@ -2972,7 +2997,7 @@ type DBTextareaProps = DBTextareaDefaultProps & ChangeEventProps<HTMLTextAreaEle
 type DBTextareaDefaultState = {};
 type DBTextareaState = DBTextareaDefaultState & ChangeEventState<HTMLTextAreaElement> & InputEventState<HTMLTextAreaElement> & FocusEventState<HTMLTextAreaElement> & FormState & GlobalState & FromValidState;
 
-declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
+declare class DBTextarea implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private renderer;
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getHideProp: (show?: boolean | string) => any;
@@ -3029,10 +3054,11 @@ declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
     _descByIds: _angular_core.WritableSignal<string | undefined>;
     _value: _angular_core.WritableSignal<string | undefined>;
     _voiceOverFallback: _angular_core.WritableSignal<string | undefined>;
+    abortController: _angular_core.WritableSignal<AbortController | undefined>;
     hasValidState(): boolean;
     handleValidation(): void;
-    handleInput(event: InputEvent<HTMLTextAreaElement>): void;
-    handleChange(event: ChangeEvent<HTMLTextAreaElement>): void;
+    handleInput(event: InputEvent<HTMLTextAreaElement>, reset?: boolean): void;
+    handleChange(event: ChangeEvent<HTMLTextAreaElement>, reset?: boolean): void;
     handleBlur(event: InteractionEvent<HTMLTextAreaElement> | any): void;
     handleFocus(event: InteractionEvent<HTMLTextAreaElement> | any): void;
     constructor(renderer: Renderer2);
@@ -3048,6 +3074,7 @@ declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
     registerOnTouched(onTouched: any): void;
     setDisabledState(disabled: boolean): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTextarea, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTextarea, "db-textarea", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldSizing": { "alias": "fieldSizing"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "showResizer": { "alias": "showResizer"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "spellCheck": { "alias": "spellCheck"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/ngx-core-components",
-  "version": "4.0.4",
+  "version": "4.1.0",
   "description": "Angular components @db-ux/core-components",
   "type": "module",
   "repository": {
@@ -16,8 +16,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@db-ux/core-components": "4.0.4",
-    "@db-ux/core-foundations": "4.0.4",
+    "@db-ux/core-components": "4.1.0",
+    "@db-ux/core-foundations": "4.1.0",
     "tslib": "^2.3.0"
   },
   "typings": "index.d.ts",