@fundamental-ngx/ui5-webcomponents 0.59.1-rc.8 → 0.59.1

package/types/fundamental-ngx-ui5-webcomponents.d.ts

@@ -27,6 +27,7 @@ export { default as FormItemSpacing } from '@ui5/webcomponents/dist/types/FormIt
 export { default as Highlight } from '@ui5/webcomponents/dist/types/Highlight.js';
 export { default as IconDesign } from '@ui5/webcomponents/dist/types/IconDesign.js';
 export { default as IconMode } from '@ui5/webcomponents/dist/types/IconMode.js';
+export { default as InputSuggestionsFilter } from '@ui5/webcomponents/dist/types/InputSuggestionsFilter.js';
 export { default as InputType } from '@ui5/webcomponents/dist/types/InputType.js';
 export { default as InteractiveAreaSize } from '@ui5/webcomponents/dist/types/InteractiveAreaSize.js';
 export { default as LinkAccessibleRole } from '@ui5/webcomponents/dist/types/LinkAccessibleRole.js';
@@ -73,6 +74,7 @@ import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import _Avatar, { AvatarAccessibilityAttributes } from '@ui5/webcomponents/dist/Avatar.js';
 import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import _AvatarBadge from '@ui5/webcomponents/dist/AvatarBadge.js';
 import _AvatarGroup, { AvatarGroupAccessibilityAttributes, IAvatarGroupItem } from '@ui5/webcomponents/dist/AvatarGroup.js';
 import _Bar from '@ui5/webcomponents/dist/Bar.js';
 import _Breadcrumbs from '@ui5/webcomponents/dist/Breadcrumbs.js';
@@ -303,8 +305,7 @@ declare class Avatar implements AfterViewInit {
      * - **badge**: Defines the optional badge that will be used for visual affordance.
   
   **Note:** While the slot allows for custom badges, to achieve
-  the Fiori design, you can use the `ui5-tag` with `ui5-icon`
-  in the corresponding `icon` slot, without text nodes.
+  the Fiori design, use the `ui5-avatar-badge` component.
      *
      * @example
      * ```html
@@ -330,6 +331,34 @@ declare class Avatar implements AfterViewInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<Avatar, "ui5-avatar, [ui5-avatar]", ["ui5Avatar"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "fallbackIcon": { "alias": "fallbackIcon"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
+declare class AvatarBadge implements AfterViewInit {
+    /**
+     * Defines the icon name to be displayed inside the badge.
+  
+  **Note:** You should import the desired icon first, then use its name as "icon".
+  
+  `import "@ui5/webcomponents-icons/dist/{icon_name}.js"`
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the state of the badge, which determines its styling.
+  
+  Available options:
+  - `None` (default) - Standard appearance
+  - `Positive` - Green, used for success/approved states
+  - `Critical` - Orange, used for warning states
+  - `Negative` - Red, used for error/rejected states
+  - `Information` - Blue, used for informational states
+     */
+    state: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    elementRef: ElementRef<_AvatarBadge>;
+    injector: Injector;
+    get element(): _AvatarBadge;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarBadge, "ui5-avatar-badge, [ui5-avatar-badge]", ["ui5AvatarBadge"], { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class AvatarGroup implements AfterViewInit {
     /**
      * Defines the mode of the `AvatarGroup`.
@@ -433,7 +462,7 @@ declare class Bar implements AfterViewInit {
   
   - If there is only one or no active element, it is recommended to avoid using the "toolbar" role, as it implies a grouping of multiple interactive controls.
      */
-    accessibleRole: _angular_core.InputSignal<"Toolbar" | "None" | undefined>;
+    accessibleRole: _angular_core.InputSignal<"None" | "Toolbar" | undefined>;
     /**
      * Defines the accessible ARIA name of the component.
      */
@@ -641,7 +670,7 @@ declare class Button implements AfterViewInit {
     /**
      * Defines the component design.
      */
-    design: _angular_core.InputSignal<"Transparent" | "Default" | "Positive" | "Negative" | "Emphasized" | "Attention" | undefined>;
+    design: _angular_core.InputSignal<"Transparent" | "Positive" | "Negative" | "Default" | "Emphasized" | "Attention" | undefined>;
     /**
      * Defines whether the component is disabled.
   A disabled component can't be pressed or
@@ -1294,7 +1323,7 @@ declare class CheckBox implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines whether the component text wraps when there is not enough space.
   
@@ -1417,6 +1446,10 @@ declare class ColorPalettePopover implements AfterViewInit {
   You can only set the `opener` attribute to a DOM Reference when using JavaScript.
      */
     opener: _angular_core.InputSignal<string | HTMLElement | null | undefined>;
+    /**
+     * Determines on which side the component is placed at.
+     */
+    placement: _angular_core.InputSignal<"Top" | "Bottom" | "Start" | "End" | undefined>;
     /**
      * Fired when the user selects a color.
      */
@@ -1453,7 +1486,7 @@ declare class ColorPalettePopover implements AfterViewInit {
     get element(): _ColorPalettePopover;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPalettePopover, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPalettePopover, "ui5-color-palette-popover, [ui5-color-palette-popover]", ["ui5ColorPalettePopover"], { "showRecentColors": { "alias": "showRecentColors"; "required": false; "isSignal": true; }; "showMoreColors": { "alias": "showMoreColors"; "required": false; "isSignal": true; }; "showDefaultColor": { "alias": "showDefaultColor"; "required": false; "isSignal": true; }; "defaultColor": { "alias": "defaultColor"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "opener": { "alias": "opener"; "required": false; "isSignal": true; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPalettePopover, "ui5-color-palette-popover, [ui5-color-palette-popover]", ["ui5ColorPalettePopover"], { "showRecentColors": { "alias": "showRecentColors"; "required": false; "isSignal": true; }; "showMoreColors": { "alias": "showMoreColors"; "required": false; "isSignal": true; }; "showDefaultColor": { "alias": "showDefaultColor"; "required": false; "isSignal": true; }; "defaultColor": { "alias": "defaultColor"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "opener": { "alias": "opener"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
 }
 
 declare class ColorPicker implements AfterViewInit {
@@ -1514,7 +1547,7 @@ declare class ComboBox implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines whether the component is read-only.
   
@@ -1710,7 +1743,7 @@ declare class DatePicker implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines whether the component is required.
      */
@@ -1805,9 +1838,15 @@ declare class DatePicker implements AfterViewInit {
     calendarWeekNumbering: _angular_core.InputSignal<"Default" | "ISO_8601" | "MiddleEastern" | "WesternTraditional" | undefined>;
     /**
      * Currently selected date represented as a Local JavaScript Date instance.
+  Note: this getter can only be reliably used after the component is fully defined. Use dateValueAsync which resolves only when this condition is met.
      * @readonly This property is managed by the web component.
      */
     get dateValue(): Date | null;
+    /**
+     * Promise that resolves to the currently selected date represented as a Local JavaScript Date instance.
+     * @readonly This property is managed by the web component.
+     */
+    get dateValueAsync(): Promise<Date | null>;
     /**
      * Fired when the input operation has finished by pressing Enter or on focusout.
      */
@@ -1880,7 +1919,7 @@ declare class DateRangePicker implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines whether the component is required.
      */
@@ -1993,6 +2032,11 @@ declare class DateRangePicker implements AfterViewInit {
      * @readonly This property is managed by the web component.
      */
     get endDateValue(): Date | null;
+    /**
+     * Promise that resolves to the currently selected date represented as a Local JavaScript Date instance.
+     * @readonly This property is managed by the web component.
+     */
+    get dateValueAsync(): Promise<Date | null>;
     /**
      * Fired when the input operation has finished by pressing Enter or on focusout.
      */
@@ -2060,7 +2104,7 @@ declare class DateTimePicker implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines whether the component is required.
      */
@@ -2155,9 +2199,15 @@ declare class DateTimePicker implements AfterViewInit {
     calendarWeekNumbering: _angular_core.InputSignal<"Default" | "ISO_8601" | "MiddleEastern" | "WesternTraditional" | undefined>;
     /**
      * Currently selected date represented as a Local JavaScript Date instance.
+  Note: this getter can only be reliably used after the component is fully defined. Use dateValueAsync which resolves only when this condition is met.
      * @readonly This property is managed by the web component.
      */
     get dateValue(): Date | null;
+    /**
+     * Promise that resolves to the currently selected date represented as a Local JavaScript Date instance.
+     * @readonly This property is managed by the web component.
+     */
+    get dateValueAsync(): Promise<Date | null>;
     /**
      * Fired when the input operation has finished by pressing Enter or on focusout.
      */
@@ -2258,7 +2308,7 @@ declare class Dialog implements AfterViewInit {
   **Note:** If `"Negative"` and `"Critical"` states is set, it will change the
   accessibility role to "alertdialog", if the accessibleRole property is set to `"Dialog"`.
      */
-    state: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    state: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines the ID of the HTML Element, which will get the initial focus.
   
@@ -2446,7 +2496,7 @@ declare class FileUploader implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines whether the component is required.
      */
@@ -2740,7 +2790,7 @@ declare class Icon implements AfterViewInit {
     /**
      * Defines the component semantic design.
      */
-    design: _angular_core.InputSignal<"Default" | "Positive" | "Negative" | "Critical" | "Information" | "Contrast" | "Neutral" | "NonInteractive" | undefined>;
+    design: _angular_core.InputSignal<"Positive" | "Critical" | "Negative" | "Information" | "Default" | "Contrast" | "Neutral" | "NonInteractive" | undefined>;
     /**
      * Defines the unique identifier (icon name) of the component.
   
@@ -2844,7 +2894,7 @@ declare class Input implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Determines the name by which the component will be identified upon submission in an HTML form.
   
@@ -2887,6 +2937,10 @@ declare class Input implements AfterViewInit {
   The picker will close automatically and `close` event will be fired if the input is not in the viewport.
      */
     open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the filter type of the component.
+     */
+    filter: _angular_core.InputSignal<"None" | "StartsWithPerTerm" | "StartsWith" | "Contains" | undefined>;
     /**
      * Fired when the input operation has finished by pressing Enter or on focusout.
      */
@@ -2962,7 +3016,7 @@ declare class Input implements AfterViewInit {
     get element(): _Input;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Input, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Input, "ui5-input, [ui5-input]", ["ui5Input"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "showSuggestions": { "alias": "showSuggestions"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Select": "ui5Select"; "ui5SelectionChange": "ui5SelectionChange"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Input, "ui5-input, [ui5-input]", ["ui5Input"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "showSuggestions": { "alias": "showSuggestions"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Select": "ui5Select"; "ui5SelectionChange": "ui5SelectionChange"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
 }
 
 declare class Label implements AfterViewInit {
@@ -3218,6 +3272,12 @@ declare class List implements AfterViewInit {
      * Defines the delay in milliseconds, after which the loading indicator will show up for this component.
      */
     loadingDelay: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Indicates whether the List header is sticky or not.
+  If stickyHeader is set to true, then whenever you scroll the content or
+  the application, the header of the list will be always visible.
+     */
+    stickyHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Defines the accessible name of the component.
      */
@@ -3347,7 +3407,7 @@ declare class List implements AfterViewInit {
     get element(): _List;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<List, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<List, "ui5-list, [ui5-list]", ["ui5List"], { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "footerText": { "alias": "footerText"; "required": false; "isSignal": true; }; "indent": { "alias": "indent"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; "growing": { "alias": "growing"; "required": false; "isSignal": true; }; "growingButtonText": { "alias": "growingButtonText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5ItemClose": "ui5ItemClose"; "ui5ItemToggle": "ui5ItemToggle"; "ui5ItemDelete": "ui5ItemDelete"; "ui5SelectionChange": "ui5SelectionChange"; "ui5LoadMore": "ui5LoadMore"; "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<List, "ui5-list, [ui5-list]", ["ui5List"], { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "footerText": { "alias": "footerText"; "required": false; "isSignal": true; }; "indent": { "alias": "indent"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; "growing": { "alias": "growing"; "required": false; "isSignal": true; }; "growingButtonText": { "alias": "growingButtonText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5ItemClose": "ui5ItemClose"; "ui5ItemToggle": "ui5ItemToggle"; "ui5ItemDelete": "ui5ItemDelete"; "ui5SelectionChange": "ui5SelectionChange"; "ui5LoadMore": "ui5LoadMore"; "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
 }
 
 declare class ListItemCustom implements AfterViewInit {
@@ -3393,7 +3453,7 @@ declare class ListItemCustom implements AfterViewInit {
      * Defines the highlight state of the list items.
   Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
      */
-    highlight: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    highlight: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines the selected state of the component.
      */
@@ -3541,7 +3601,7 @@ declare class ListItemStandard implements AfterViewInit {
   
   Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
      */
-    additionalTextState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    additionalTextState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines whether the item is movable.
      */
@@ -3597,7 +3657,7 @@ declare class ListItemStandard implements AfterViewInit {
      * Defines the highlight state of the list items.
   Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
      */
-    highlight: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    highlight: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines the selected state of the component.
      */
@@ -3829,7 +3889,7 @@ declare class MenuItem implements AfterViewInit {
      * Defines the highlight state of the list items.
   Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
      */
-    highlight: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    highlight: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines the selected state of the component.
      */
@@ -3972,7 +4032,7 @@ declare class MessageStrip implements AfterViewInit {
     /**
      * Defines the component type.
      */
-    design: _angular_core.InputSignal<"Positive" | "Negative" | "Critical" | "Information" | "ColorSet1" | "ColorSet2" | undefined>;
+    design: _angular_core.InputSignal<"Positive" | "Critical" | "Negative" | "Information" | "ColorSet1" | "ColorSet2" | undefined>;
     /**
      * Defines the color scheme of the component.
   There are 10 predefined schemes.
@@ -4071,7 +4131,7 @@ declare class MultiComboBox implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines whether the component is read-only.
   
@@ -4083,6 +4143,10 @@ declare class MultiComboBox implements AfterViewInit {
      * Defines whether the component is required.
      */
     required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Indicates whether a loading indicator should be shown in the picker.
+     */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Defines the filter type of the component.
      */
@@ -4127,6 +4191,12 @@ declare class MultiComboBox implements AfterViewInit {
      * Fired when selection is changed by user interaction.
      */
     ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "selection-change">>;
+    /**
+     * Fired before the value state of the component is updated internally.
+  The event is preventable, meaning that if it's default action is
+  prevented, the component will not update the value state.
+     */
+    ui5ValueStateChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "value-state-change">>;
     /**
      * Available slots for content projection in this component.
      *
@@ -4168,7 +4238,7 @@ declare class MultiComboBox implements AfterViewInit {
     get element(): _MultiComboBox;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiComboBox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiComboBox, "ui5-multi-combobox, [ui5-multi-combobox]", ["ui5MultiComboBox"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "noValidation": { "alias": "noValidation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiComboBox, "ui5-multi-combobox, [ui5-multi-combobox]", ["ui5MultiComboBox"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "noValidation": { "alias": "noValidation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5SelectionChange": "ui5SelectionChange"; "ui5ValueStateChange": "ui5ValueStateChange"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
 }
 
 declare class MultiComboBoxItem implements AfterViewInit {
@@ -4321,7 +4391,7 @@ declare class MultiInput implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines whether the component should show suggestions, if such are present.
      */
@@ -4358,6 +4428,10 @@ declare class MultiInput implements AfterViewInit {
   The picker will close automatically and `close` event will be fired if the input is not in the viewport.
      */
     open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the filter type of the component.
+     */
+    filter: _angular_core.InputSignal<"None" | "StartsWithPerTerm" | "StartsWith" | "Contains" | undefined>;
     /**
      * Fired when the value help icon is pressed
   and F4 or ALT/OPTION + ARROW_UP/ARROW_DOWN keyboard keys are used.
@@ -4443,7 +4517,7 @@ declare class MultiInput implements AfterViewInit {
     get element(): _MultiInput;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiInput, "ui5-multi-input, [ui5-multi-input]", ["ui5MultiInput"], { "showValueHelpIcon": { "alias": "showValueHelpIcon"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "showSuggestions": { "alias": "showSuggestions"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5ValueHelpTrigger": "ui5ValueHelpTrigger"; "ui5TokenDelete": "ui5TokenDelete"; "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Select": "ui5Select"; "ui5SelectionChange": "ui5SelectionChange"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiInput, "ui5-multi-input, [ui5-multi-input]", ["ui5MultiInput"], { "showValueHelpIcon": { "alias": "showValueHelpIcon"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "showSuggestions": { "alias": "showSuggestions"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; }, { "ui5ValueHelpTrigger": "ui5ValueHelpTrigger"; "ui5TokenDelete": "ui5TokenDelete"; "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Select": "ui5Select"; "ui5SelectionChange": "ui5SelectionChange"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
 }
 
 declare class Option implements AfterViewInit {
@@ -4657,7 +4731,7 @@ declare class Popover implements AfterViewInit {
     verticalAlign: _angular_core.InputSignal<"Top" | "Bottom" | "Center" | "Stretch" | undefined>;
     /**
      * Defines whether the component should close when
-  clicking/tapping outside of the popover.
+  clicking/tapping outside the popover.
   If enabled, it blocks any interaction with the background.
      */
     modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -4670,6 +4744,11 @@ declare class Popover implements AfterViewInit {
   over the target.
      */
     allowTargetOverlap: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines whether the component is resizable.
+  **Note:** This property is effective only on desktop devices.
+     */
+    resizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Defines the ID or DOM Reference of the element at which the popover is shown.
   When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
@@ -4762,7 +4841,7 @@ declare class Popover implements AfterViewInit {
     get element(): _Popover;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Popover, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Popover, "ui5-popover, [ui5-popover]", ["ui5Popover"], { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "horizontalAlign": { "alias": "horizontalAlign"; "required": false; "isSignal": true; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "hideArrow": { "alias": "hideArrow"; "required": false; "isSignal": true; }; "allowTargetOverlap": { "alias": "allowTargetOverlap"; "required": false; "isSignal": true; }; "opener": { "alias": "opener"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "preventFocusRestore": { "alias": "preventFocusRestore"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "preventInitialFocus": { "alias": "preventInitialFocus"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5BeforeClose": "ui5BeforeClose"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Popover, "ui5-popover, [ui5-popover]", ["ui5Popover"], { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "horizontalAlign": { "alias": "horizontalAlign"; "required": false; "isSignal": true; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "hideArrow": { "alias": "hideArrow"; "required": false; "isSignal": true; }; "allowTargetOverlap": { "alias": "allowTargetOverlap"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "opener": { "alias": "opener"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "preventFocusRestore": { "alias": "preventFocusRestore"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "preventInitialFocus": { "alias": "preventInitialFocus"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5BeforeClose": "ui5BeforeClose"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
 }
 
 declare class ProgressIndicator implements AfterViewInit {
@@ -4793,7 +4872,7 @@ declare class ProgressIndicator implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     elementRef: ElementRef<_ProgressIndicator>;
     injector: Injector;
     get element(): _ProgressIndicator;
@@ -4838,7 +4917,7 @@ declare class RadioButton implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Determines the name by which the component will be identified upon submission in an HTML form.
   
@@ -5043,7 +5122,7 @@ declare class ResponsivePopover implements AfterViewInit {
     verticalAlign: _angular_core.InputSignal<"Top" | "Bottom" | "Center" | "Stretch" | undefined>;
     /**
      * Defines whether the component should close when
-  clicking/tapping outside of the popover.
+  clicking/tapping outside the popover.
   If enabled, it blocks any interaction with the background.
      */
     modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -5056,6 +5135,11 @@ declare class ResponsivePopover implements AfterViewInit {
   over the target.
      */
     allowTargetOverlap: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines whether the component is resizable.
+  **Note:** This property is effective only on desktop devices.
+     */
+    resizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Defines the ID or DOM Reference of the element at which the popover is shown.
   When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
@@ -5148,7 +5232,7 @@ declare class ResponsivePopover implements AfterViewInit {
     get element(): _ResponsivePopover;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResponsivePopover, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResponsivePopover, "ui5-responsive-popover, [ui5-responsive-popover]", ["ui5ResponsivePopover"], { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "horizontalAlign": { "alias": "horizontalAlign"; "required": false; "isSignal": true; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "hideArrow": { "alias": "hideArrow"; "required": false; "isSignal": true; }; "allowTargetOverlap": { "alias": "allowTargetOverlap"; "required": false; "isSignal": true; }; "opener": { "alias": "opener"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "preventFocusRestore": { "alias": "preventFocusRestore"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "preventInitialFocus": { "alias": "preventInitialFocus"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5BeforeClose": "ui5BeforeClose"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResponsivePopover, "ui5-responsive-popover, [ui5-responsive-popover]", ["ui5ResponsivePopover"], { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "horizontalAlign": { "alias": "horizontalAlign"; "required": false; "isSignal": true; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "hideArrow": { "alias": "hideArrow"; "required": false; "isSignal": true; }; "allowTargetOverlap": { "alias": "allowTargetOverlap"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "opener": { "alias": "opener"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "preventFocusRestore": { "alias": "preventFocusRestore"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "preventInitialFocus": { "alias": "preventInitialFocus"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5BeforeClose": "ui5BeforeClose"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
 }
 
 declare class SegmentedButton implements AfterViewInit {
@@ -5315,7 +5399,7 @@ declare class Select implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines whether the component is required.
      */
@@ -5556,7 +5640,7 @@ declare class SplitButton implements AfterViewInit {
     /**
      * Defines the component design.
      */
-    design: _angular_core.InputSignal<"Transparent" | "Default" | "Positive" | "Negative" | "Emphasized" | "Attention" | undefined>;
+    design: _angular_core.InputSignal<"Transparent" | "Positive" | "Negative" | "Default" | "Emphasized" | "Attention" | undefined>;
     /**
      * Defines whether the component is disabled.
   A disabled component can't be pressed or
@@ -5648,7 +5732,7 @@ declare class StepInput implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines whether the component is required.
      */
@@ -5971,7 +6055,7 @@ declare class Tab implements AfterViewInit {
   
   **Note:** The design depends on the current theme.
      */
-    design: _angular_core.InputSignal<"Default" | "Positive" | "Negative" | "Critical" | "Neutral" | undefined>;
+    design: _angular_core.InputSignal<"Positive" | "Critical" | "Negative" | "Default" | "Neutral" | undefined>;
     /**
      * Specifies if the component is selected.
      */
@@ -6674,7 +6758,7 @@ declare class Tag implements AfterViewInit {
     /**
      * Defines the design type of the component.
      */
-    design: _angular_core.InputSignal<"Positive" | "Negative" | "Critical" | "Information" | "Neutral" | "Set1" | "Set2" | undefined>;
+    design: _angular_core.InputSignal<"Positive" | "Critical" | "Negative" | "Information" | "Neutral" | "Set1" | "Set2" | undefined>;
     /**
      * Defines the color scheme of the component.
   There are 10 predefined schemes.
@@ -6813,7 +6897,7 @@ declare class TextArea implements AfterViewInit {
   the component turns into "Critical" state once the characters exceeds the limit.
   In this case, only the "Negative" state is considered and can be applied.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines the number of visible text rows for the component.
   
@@ -6937,7 +7021,7 @@ declare class TimePicker implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines the disabled state of the comonent.
      */
@@ -7161,7 +7245,7 @@ declare class ToggleButton implements AfterViewInit {
     /**
      * Defines the component design.
      */
-    design: _angular_core.InputSignal<"Transparent" | "Default" | "Positive" | "Negative" | "Emphasized" | "Attention" | undefined>;
+    design: _angular_core.InputSignal<"Transparent" | "Positive" | "Negative" | "Default" | "Emphasized" | "Attention" | undefined>;
     /**
      * Defines whether the component is disabled.
   A disabled component can't be pressed or
@@ -7482,7 +7566,7 @@ declare class ToolbarButton implements AfterViewInit {
     /**
      * Defines the action design.
      */
-    design: _angular_core.InputSignal<"Transparent" | "Default" | "Positive" | "Negative" | "Emphasized" | "Attention" | undefined>;
+    design: _angular_core.InputSignal<"Transparent" | "Positive" | "Negative" | "Default" | "Emphasized" | "Attention" | undefined>;
     /**
      * Defines the `icon` source URI.
   
@@ -7586,7 +7670,7 @@ declare class ToolbarSelect implements AfterViewInit {
     /**
      * Defines the value state of the component.
      */
-    valueState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines whether the component is in disabled state.
   
@@ -7917,7 +8001,7 @@ declare class TreeItem implements AfterViewInit {
   
   Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
      */
-    additionalTextState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    additionalTextState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines the accessible name of the component.
      */
@@ -7954,7 +8038,7 @@ declare class TreeItem implements AfterViewInit {
      * Defines the highlight state of the list items.
   Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
      */
-    highlight: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    highlight: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines the selected state of the component.
      */
@@ -8054,7 +8138,7 @@ declare class TreeItemCustom implements AfterViewInit {
   
   Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
      */
-    additionalTextState: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    additionalTextState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines the accessible name of the component.
      */
@@ -8091,7 +8175,7 @@ declare class TreeItemCustom implements AfterViewInit {
      * Defines the highlight state of the list items.
   Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
      */
-    highlight: _angular_core.InputSignal<"None" | "Positive" | "Negative" | "Critical" | "Information" | undefined>;
+    highlight: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
      * Defines the selected state of the component.
      */
@@ -8155,4 +8239,4 @@ declare class Ui5WebcomponentsMainThemingService extends WebcomponentsThemingPro
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<Ui5WebcomponentsMainThemingService>;
 }
 
-export { Avatar, AvatarGroup, Bar, Breadcrumbs, BreadcrumbsItem, BusyIndicator, Button, ButtonBadge, Calendar, CalendarDate, CalendarDateRange, CalendarLegend, CalendarLegendItem, Card, CardHeader, Carousel, CheckBox, ColorPalette, ColorPaletteItem, ColorPalettePopover, ColorPicker, ComboBox, ComboBoxItem, ComboBoxItemGroup, DatePicker, DateRangePicker, DateTimePicker, Dialog, DynamicDateRange, ExpandableText, FileUploader, Form, FormGroup, FormItem, GenericControlValueAccessor, Icon, Input, Label, Link, List, ListItemCustom, ListItemGroup, ListItemStandard, Menu, MenuItem, MenuItemGroup, MenuSeparator, MessageStrip, MultiComboBox, MultiComboBoxItem, MultiComboBoxItemGroup, MultiInput, Option, OptionCustom, Panel, Popover, ProgressIndicator, RadioButton, RangeSlider, RatingIndicator, ResponsivePopover, SegmentedButton, SegmentedButtonItem, Select, Slider, SpecialCalendarDate, SplitButton, StepInput, SuggestionItem, SuggestionItemCustom, SuggestionItemGroup, Switch, Tab, TabContainer, TabSeparator, Table, TableCell, TableGrowing, TableHeaderCell, TableHeaderCellActionAI, TableHeaderRow, TableRow, TableRowAction, TableRowActionNavigation, TableSelection, TableSelectionMulti, TableSelectionSingle, TableVirtualizer, Tag, Text, TextArea, TimePicker, Title, Toast, ToggleButton, Token, Tokenizer, Toolbar, ToolbarButton, ToolbarSelect, ToolbarSelectOption, ToolbarSeparator, ToolbarSpacer, Tree, TreeItem, TreeItemCustom, Ui5WebcomponentsMainThemingService };
+export { Avatar, AvatarBadge, AvatarGroup, Bar, Breadcrumbs, BreadcrumbsItem, BusyIndicator, Button, ButtonBadge, Calendar, CalendarDate, CalendarDateRange, CalendarLegend, CalendarLegendItem, Card, CardHeader, Carousel, CheckBox, ColorPalette, ColorPaletteItem, ColorPalettePopover, ColorPicker, ComboBox, ComboBoxItem, ComboBoxItemGroup, DatePicker, DateRangePicker, DateTimePicker, Dialog, DynamicDateRange, ExpandableText, FileUploader, Form, FormGroup, FormItem, GenericControlValueAccessor, Icon, Input, Label, Link, List, ListItemCustom, ListItemGroup, ListItemStandard, Menu, MenuItem, MenuItemGroup, MenuSeparator, MessageStrip, MultiComboBox, MultiComboBoxItem, MultiComboBoxItemGroup, MultiInput, Option, OptionCustom, Panel, Popover, ProgressIndicator, RadioButton, RangeSlider, RatingIndicator, ResponsivePopover, SegmentedButton, SegmentedButtonItem, Select, Slider, SpecialCalendarDate, SplitButton, StepInput, SuggestionItem, SuggestionItemCustom, SuggestionItemGroup, Switch, Tab, TabContainer, TabSeparator, Table, TableCell, TableGrowing, TableHeaderCell, TableHeaderCellActionAI, TableHeaderRow, TableRow, TableRowAction, TableRowActionNavigation, TableSelection, TableSelectionMulti, TableSelectionSingle, TableVirtualizer, Tag, Text, TextArea, TimePicker, Title, Toast, ToggleButton, Token, Tokenizer, Toolbar, ToolbarButton, ToolbarSelect, ToolbarSelectOption, ToolbarSeparator, ToolbarSpacer, Tree, TreeItem, TreeItemCustom, Ui5WebcomponentsMainThemingService };