@fundamental-ngx/ui5-webcomponents 0.65.0-rc.9 → 0.65.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/ui5-webcomponents",
-  "version": "0.65.0-rc.9",
+  "version": "0.65.0",
   "schematics": "./schematics/collection.json",
   "description": "Official SAP Angular wrappers for UI5 Web Components – part of the Fundamental Library for Angular.",
   "keywords": [
@@ -38,13 +38,13 @@
     "@angular/forms": "^22.0.0",
     "@angular/platform-browser": "^22.0.0",
     "@angular/router": "^22.0.0",
-    "@fundamental-ngx/core": "0.65.0-rc.9",
-    "@ui5/webcomponents": "^2.26.0",
+    "@fundamental-ngx/core": "0.65.0",
+    "@ui5/webcomponents": "^2.27.0",
     "fundamental-styles": "0.41.9",
     "rxjs": "^7.8.0"
   },
   "dependencies": {
-    "@fundamental-ngx/ui5-webcomponents-base": "0.65.0-rc.9",
+    "@fundamental-ngx/ui5-webcomponents-base": "0.65.0",
     "@sap-theming/theming-base-content": "^11.36.0",
     "compare-versions": "^6.1.0",
     "fast-equals": "^6.0.0",
@@ -304,6 +304,10 @@
       "types": "./types/fundamental-ngx-ui5-webcomponents-multi-input.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs"
     },
+    "./number-input": {
+      "types": "./types/fundamental-ngx-ui5-webcomponents-number-input.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-number-input.mjs"
+    },
     "./option": {
       "types": "./types/fundamental-ngx-ui5-webcomponents-option.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs"
@@ -312,6 +316,10 @@
       "types": "./types/fundamental-ngx-ui5-webcomponents-option-custom.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs"
     },
+    "./option-group": {
+      "types": "./types/fundamental-ngx-ui5-webcomponents-option-group.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-option-group.mjs"
+    },
     "./panel": {
       "types": "./types/fundamental-ngx-ui5-webcomponents-panel.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs"

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

@@ -3,6 +3,15 @@ import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _AvatarBadge from '@ui5/webcomponents/dist/AvatarBadge.js';
 
 declare class AvatarBadge implements AfterViewInit {
+    /**
+     * Defines the color scheme of the badge using the indication color palette.
+  
+  Available options are `"1"` through `"10"`, matching the indication colors.
+  
+  **Note:** `state` takes precedence - when `state` is set to any value other than `None`,
+  the semantic state styling applies and `colorScheme` is ignored.
+     */
+    colorScheme: _angular_core.InputSignal<string | undefined>;
     /**
      * Defines the icon name to be displayed inside the badge.
   
@@ -20,6 +29,9 @@ declare class AvatarBadge implements AfterViewInit {
   - `Critical` - Orange, used for warning states
   - `Negative` - Red, used for error/rejected states
   - `Information` - Blue, used for informational states
+  
+  **Note:** `state` takes precedence over `colorScheme`. When `state` is set
+  to any value other than `None`, the semantic styling applies and `colorScheme` is ignored.
      */
     state: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
     /**
@@ -40,7 +52,7 @@ declare class AvatarBadge implements AfterViewInit {
     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; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarBadge, "ui5-avatar-badge, [ui5-avatar-badge]", ["ui5AvatarBadge"], { "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { AvatarBadge };

package/types/fundamental-ngx-ui5-webcomponents-combo-box-item-group.d.ts

@@ -9,7 +9,7 @@ declare class ComboBoxItemGroup implements AfterViewInit {
      */
     headerAccessibleName: _angular_core.InputSignal<string | undefined>;
     /**
-     * Defines the header text of the <code>ui5-li-group</code>.
+     * Defines the header text of the group.
      */
     headerText: _angular_core.InputSignal<string | undefined>;
     /**

package/types/fundamental-ngx-ui5-webcomponents-list-item-custom.d.ts

@@ -59,8 +59,10 @@ declare class ListItemCustom implements AfterViewInit {
   **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
   while with type `Inactive`, `InactiveSelectable` and `Detail` - will not.
   
-  **Note:** `InactiveSelectable` behaves like `Inactive` but allows selection (checkbox/radio) to be toggled
-  when the list has a selection mode. The `item-click` event is not fired for this type.
+  **Note:** `InactiveSelectable` behaves like `Inactive` (no active press/hover feedback and the
+  `item-click` event is not fired), but the item can still be selected. Clicking the item body,
+  pressing Space/Enter, or interacting with the selection component (checkbox in Multi mode, radio
+  button in Single modes) toggles the selection when the list has a selection mode.
      */
     type: _angular_core.InputSignal<"Inactive" | "InactiveSelectable" | "Active" | "Detail" | "Navigation" | undefined>;
     /**

package/types/fundamental-ngx-ui5-webcomponents-list-item-group.d.ts

@@ -9,7 +9,7 @@ declare class ListItemGroup implements AfterViewInit {
      */
     headerAccessibleName: _angular_core.InputSignal<string | undefined>;
     /**
-     * Defines the header text of the <code>ui5-li-group</code>.
+     * Defines the header text of the group.
      */
     headerText: _angular_core.InputSignal<string | undefined>;
     /**
@@ -44,7 +44,7 @@ declare class ListItemGroup implements AfterViewInit {
      * Slots allow you to insert custom content into predefined areas of the web component.
      * Use the `slot` attribute on child elements to target specific slots.
      *
-     * - **(default)**: Defines the items of the <code>ui5-li-group</code>.
+     * - **(default)**: Defines the items of the group.
      * - **header**: Defines the header of the component.
   
   **Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.

package/types/fundamental-ngx-ui5-webcomponents-list-item-standard.d.ts

@@ -88,8 +88,10 @@ declare class ListItemStandard implements AfterViewInit {
   **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
   while with type `Inactive`, `InactiveSelectable` and `Detail` - will not.
   
-  **Note:** `InactiveSelectable` behaves like `Inactive` but allows selection (checkbox/radio) to be toggled
-  when the list has a selection mode. The `item-click` event is not fired for this type.
+  **Note:** `InactiveSelectable` behaves like `Inactive` (no active press/hover feedback and the
+  `item-click` event is not fired), but the item can still be selected. Clicking the item body,
+  pressing Space/Enter, or interacting with the selection component (checkbox in Multi mode, radio
+  button in Single modes) toggles the selection when the list has a selection mode.
      */
     type: _angular_core.InputSignal<"Inactive" | "InactiveSelectable" | "Active" | "Detail" | "Navigation" | undefined>;
     /**

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

@@ -99,8 +99,10 @@ declare class MenuItem implements AfterViewInit {
   **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
   while with type `Inactive`, `InactiveSelectable` and `Detail` - will not.
   
-  **Note:** `InactiveSelectable` behaves like `Inactive` but allows selection (checkbox/radio) to be toggled
-  when the list has a selection mode. The `item-click` event is not fired for this type.
+  **Note:** `InactiveSelectable` behaves like `Inactive` (no active press/hover feedback and the
+  `item-click` event is not fired), but the item can still be selected. Clicking the item body,
+  pressing Space/Enter, or interacting with the selection component (checkbox in Multi mode, radio
+  button in Single modes) toggles the selection when the list has a selection mode.
      */
     type: _angular_core.InputSignal<"Inactive" | "InactiveSelectable" | "Active" | "Detail" | "Navigation" | undefined>;
     /**

package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.d.ts

@@ -9,7 +9,7 @@ declare class MultiComboBoxItemGroup implements AfterViewInit {
      */
     headerAccessibleName: _angular_core.InputSignal<string | undefined>;
     /**
-     * Defines the header text of the <code>ui5-li-group</code>.
+     * Defines the header text of the group.
      */
     headerText: _angular_core.InputSignal<string | undefined>;
     /**

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

@@ -0,0 +1,110 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _NumberInput from '@ui5/webcomponents/dist/NumberInput.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class NumberInput implements AfterViewInit {
+    /**
+     * Defines the accessible ARIA name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Receives ID (or many IDs) of the elements that label the component.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Determines whether the component is displayed as disabled.
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines a maximum value of the component.
+     */
+    max: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Defines a minimum value of the component.
+     */
+    min: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Determines the name by which the component will be identified upon submission in an HTML form.
+  
+  **Note:** This property is only applicable within the context of an HTML Form element.
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Determines whether the component is displayed as read-only.
+     */
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines a step of increasing/decreasing the value of the component.
+     */
+    step: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Defines a value of the component.
+     */
+    value: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Determines the number of digits after the decimal point of the component.
+     */
+    valuePrecision: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Defines the value state of the component.
+     */
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    /**
+     * Fired when the input operation has finished by pressing Enter or on focusout.
+     */
+    ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_NumberInput, "change">>;
+    /**
+     * Fired when the value of the component changes at each keystroke.
+     */
+    ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_NumberInput, "input">>;
+    /**
+     * Fired before the value state of the component is updated internally.
+  The event is preventable, meaning that if its default action is
+  prevented, the component will not update the value state.
+     */
+    ui5ValueStateChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_NumberInput, "value-state-change">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
+  
+  **Note:** If not specified, a default text (in the respective language) will be displayed.
+  
+  **Note:** The `valueStateMessage` would be displayed,
+  when the component is in `Information`, `Critical` or `Negative` value state.
+     *
+     * @example
+     * ```html
+     * <ui5-number-input>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-number-input>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
+    elementRef: ElementRef<_NumberInput>;
+    injector: Injector;
+    /**
+     * Content density observer is injected to activate automatic CSS class and
+     * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
+     * @private
+     */
+    private readonly _contentDensityObserver;
+    private readonly _destroyRef;
+    get element(): _NumberInput;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberInput, "ui5-number-input, [ui5-number-input]", ["ui5NumberInput"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valuePrecision": { "alias": "valuePrecision"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5ValueStateChange": "ui5ValueStateChange"; }, never, ["*"], true, never>;
+}
+
+export { NumberInput };

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

@@ -0,0 +1,49 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _OptionGroup from '@ui5/webcomponents/dist/OptionGroup.js';
+
+declare class OptionGroup implements AfterViewInit {
+    /**
+     * Defines the header text of the group.
+     */
+    headerText: i0.InputSignal<string | undefined>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the options of the group.
+  
+  **Note:** Use the `ui5-option` component to define the desired options.
+     *
+     * @example
+     * ```html
+     * <ui5-option-group>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-option-group>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
+    elementRef: ElementRef<_OptionGroup>;
+    injector: Injector;
+    /**
+     * Content density observer is injected to activate automatic CSS class and
+     * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
+     * @private
+     */
+    private readonly _contentDensityObserver;
+    get element(): _OptionGroup;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroup, "ui5-option-group, [ui5-option-group]", ["ui5OptionGroup"], { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { OptionGroup };

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

@@ -105,6 +105,7 @@ declare class Select implements AfterViewInit {
   If more than one option is defined as selected, the last one would be considered as the selected one.
   
   **Note:** Use the `ui5-option` component to define the desired options.
+  Use the `ui5-option-group` component to group options.
      * - **label**: Defines the HTML element that will be displayed in the component input part,
   representing the selected option.
   

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

@@ -12,8 +12,6 @@ declare class SplitButton implements AfterViewInit {
   - **root**: Attributes that will be applied to the main (text) button.
     - **hasPopup**: Indicates the presence and type of popup triggered by the button.
       Accepts string values: `"dialog"`, `"grid"`, `"listbox"`, `"menu"`, or `"tree"`.
-    - **roleDescription**: Provides a human-readable description for the role of the button.
-      Accepts any string value.
     - **title**: Specifies a tooltip or description for screen readers.
       Accepts any string value.
       - **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or give focus to the button.

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

@@ -26,16 +26,11 @@ declare class StepInput implements AfterViewInit {
     min: _angular_core.InputSignal<number | undefined>;
     /**
      * Determines the name by which the component will be identified upon submission in an HTML form.
-  
-  **Note:** This property is only applicable within the context of an HTML Form element.
      */
     name: _angular_core.InputSignal<string | undefined>;
     /**
      * Defines a short hint, intended to aid the user with data entry when the
   component has no value.
-  
-  **Note:** When no placeholder is set, the format pattern is displayed as a placeholder.
-  Passing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.
      */
     placeholder: _angular_core.InputSignal<string | undefined>;
     /**
@@ -83,11 +78,6 @@ declare class StepInput implements AfterViewInit {
      * Use the `slot` attribute on child elements to target specific slots.
      *
      * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
-  
-  **Note:** If not specified, a default text (in the respective language) will be displayed.
-  
-  **Note:** The `valueStateMessage` would be displayed,
-  when the component is in `Information`, `Critical` or `Negative` value state.
      *
      * @example
      * ```html

package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-group.d.ts

@@ -9,7 +9,7 @@ declare class SuggestionItemGroup implements AfterViewInit {
      */
     headerAccessibleName: _angular_core.InputSignal<string | undefined>;
     /**
-     * Defines the header text of the <code>ui5-li-group</code>.
+     * Defines the header text of the group.
      */
     headerText: _angular_core.InputSignal<string | undefined>;
     /**

package/types/fundamental-ngx-ui5-webcomponents-suggestion-list-item.d.ts

@@ -88,8 +88,10 @@ declare class SuggestionListItem implements AfterViewInit {
   **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
   while with type `Inactive`, `InactiveSelectable` and `Detail` - will not.
   
-  **Note:** `InactiveSelectable` behaves like `Inactive` but allows selection (checkbox/radio) to be toggled
-  when the list has a selection mode. The `item-click` event is not fired for this type.
+  **Note:** `InactiveSelectable` behaves like `Inactive` (no active press/hover feedback and the
+  `item-click` event is not fired), but the item can still be selected. Clicking the item body,
+  pressing Space/Enter, or interacting with the selection component (checkbox in Multi mode, radio
+  button in Single modes) toggles the selection when the list has a selection mode.
      */
     type: _angular_core.InputSignal<"Inactive" | "InactiveSelectable" | "Active" | "Detail" | "Navigation" | undefined>;
     /**

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

@@ -21,6 +21,10 @@ declare class ToolbarButton implements AfterViewInit {
   Accepts a lowercase string value.
      */
     accessibilityAttributes: _angular_core.InputSignal<_ui5_webcomponents_dist_Button_js.ButtonAccessibilityAttributes | undefined>;
+    /**
+     * Defines the accessible description of the component.
+     */
+    accessibleDescription: _angular_core.InputSignal<string | undefined>;
     /**
      * Defines the accessible ARIA name of the component.
      */
@@ -29,6 +33,13 @@ declare class ToolbarButton implements AfterViewInit {
      * Receives id(or many ids) of the elements that label the component.
      */
     accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the ARIA role of the component.
+  
+  **Note:** Use `ButtonAccessibleRole.Link` role only with a press handler that performs navigation.
+  In all other scenarios the default button semantics are recommended.
+     */
+    accessibleRole: _angular_core.InputSignal<"Button" | "Link" | undefined>;
     /**
      * Defines the action design.
      */
@@ -58,6 +69,26 @@ declare class ToolbarButton implements AfterViewInit {
   [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
      */
     icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Co-overflow tag. Items in the same `ui5-toolbar` whose `overflowGroup` is the same
+  non-empty string overflow as one atomic unit: either all visible in the bar, or all
+  in the overflow popover, never split. The empty string (the default) means "no group" —
+  the item participates in overflow independently.
+  
+  The tag is a free-form, case-sensitive string label (e.g. `"filters"`, `"search"`). It is
+  layout-only and carries no ARIA, keyboard, or visual-cluster semantics. Items in a
+  non-empty group must have `overflowPriority = "Default"`; `AlwaysOverflow` and
+  `NeverOverflow` are forbidden inside a group — setting one of those on a grouped item
+  emits a one-shot `console.warn` and the item's priority is treated as `Default` for
+  the layout pass. Spacers (`ui5-toolbar-spacer`) do not participate in grouping; setting
+  a non-empty `overflowGroup` on a spacer emits a one-shot `console.warn` and the spacer's
+  existing overflow behavior is unchanged.
+  
+  The visible bar always preserves slot order — ungrouped items between group members
+  keep their slot positions and the toolbar never reorders DOM children. In the popover
+  group members appear adjacent in slot order.
+     */
+    overflowGroup: _angular_core.InputSignal<string | undefined>;
     /**
      * Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
   the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
@@ -113,7 +144,7 @@ declare class ToolbarButton implements AfterViewInit {
     get element(): _ToolbarButton;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarButton, "ui5-toolbar-button, [ui5-toolbar-button]", ["ui5ToolbarButton"], { "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "endIcon": { "alias": "endIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; "showOverflowText": { "alias": "showOverflowText"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarButton, "ui5-toolbar-button, [ui5-toolbar-button]", ["ui5ToolbarButton"], { "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "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; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "endIcon": { "alias": "endIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "overflowGroup": { "alias": "overflowGroup"; "required": false; "isSignal": true; }; "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; "showOverflowText": { "alias": "showOverflowText"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 export { ToolbarButton };

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

@@ -3,6 +3,26 @@ import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _ToolbarItem from '@ui5/webcomponents/dist/ToolbarItem.js';
 
 declare class ToolbarItem implements AfterViewInit {
+    /**
+     * Co-overflow tag. Items in the same `ui5-toolbar` whose `overflowGroup` is the same
+  non-empty string overflow as one atomic unit: either all visible in the bar, or all
+  in the overflow popover, never split. The empty string (the default) means "no group" —
+  the item participates in overflow independently.
+  
+  The tag is a free-form, case-sensitive string label (e.g. `"filters"`, `"search"`). It is
+  layout-only and carries no ARIA, keyboard, or visual-cluster semantics. Items in a
+  non-empty group must have `overflowPriority = "Default"`; `AlwaysOverflow` and
+  `NeverOverflow` are forbidden inside a group — setting one of those on a grouped item
+  emits a one-shot `console.warn` and the item's priority is treated as `Default` for
+  the layout pass. Spacers (`ui5-toolbar-spacer`) do not participate in grouping; setting
+  a non-empty `overflowGroup` on a spacer emits a one-shot `console.warn` and the spacer's
+  existing overflow behavior is unchanged.
+  
+  The visible bar always preserves slot order — ungrouped items between group members
+  keep their slot positions and the toolbar never reorders DOM children. In the popover
+  group members appear adjacent in slot order.
+     */
+    overflowGroup: _angular_core.InputSignal<string | undefined>;
     /**
      * Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
   the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
@@ -48,7 +68,7 @@ declare class ToolbarItem implements AfterViewInit {
     get element(): _ToolbarItem;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarItem, "ui5-toolbar-item, [ui5-toolbar-item]", ["ui5ToolbarItem"], { "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarItem, "ui5-toolbar-item, [ui5-toolbar-item]", ["ui5ToolbarItem"], { "overflowGroup": { "alias": "overflowGroup"; "required": false; "isSignal": true; }; "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { ToolbarItem };

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

@@ -18,6 +18,26 @@ declare class ToolbarSelect implements AfterViewInit {
   **Note:** A disabled component is noninteractive.
      */
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Co-overflow tag. Items in the same `ui5-toolbar` whose `overflowGroup` is the same
+  non-empty string overflow as one atomic unit: either all visible in the bar, or all
+  in the overflow popover, never split. The empty string (the default) means "no group" —
+  the item participates in overflow independently.
+  
+  The tag is a free-form, case-sensitive string label (e.g. `"filters"`, `"search"`). It is
+  layout-only and carries no ARIA, keyboard, or visual-cluster semantics. Items in a
+  non-empty group must have `overflowPriority = "Default"`; `AlwaysOverflow` and
+  `NeverOverflow` are forbidden inside a group — setting one of those on a grouped item
+  emits a one-shot `console.warn` and the item's priority is treated as `Default` for
+  the layout pass. Spacers (`ui5-toolbar-spacer`) do not participate in grouping; setting
+  a non-empty `overflowGroup` on a spacer emits a one-shot `console.warn` and the spacer's
+  existing overflow behavior is unchanged.
+  
+  The visible bar always preserves slot order — ungrouped items between group members
+  keep their slot positions and the toolbar never reorders DOM children. In the popover
+  group members appear adjacent in slot order.
+     */
+    overflowGroup: _angular_core.InputSignal<string | undefined>;
     /**
      * Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
   the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
@@ -101,7 +121,7 @@ declare class ToolbarSelect implements AfterViewInit {
     get element(): _ToolbarSelect;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSelect, "ui5-toolbar-select, [ui5-toolbar-select]", ["ui5ToolbarSelect"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Close": "ui5Close"; "ui5Open": "ui5Open"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSelect, "ui5-toolbar-select, [ui5-toolbar-select]", ["ui5ToolbarSelect"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "overflowGroup": { "alias": "overflowGroup"; "required": false; "isSignal": true; }; "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Close": "ui5Close"; "ui5Open": "ui5Open"; }, never, ["*"], true, never>;
 }
 
 export { ToolbarSelect };

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

@@ -3,6 +3,26 @@ import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _ToolbarSeparator from '@ui5/webcomponents/dist/ToolbarSeparator.js';
 
 declare class ToolbarSeparator implements AfterViewInit {
+    /**
+     * Co-overflow tag. Items in the same `ui5-toolbar` whose `overflowGroup` is the same
+  non-empty string overflow as one atomic unit: either all visible in the bar, or all
+  in the overflow popover, never split. The empty string (the default) means "no group" —
+  the item participates in overflow independently.
+  
+  The tag is a free-form, case-sensitive string label (e.g. `"filters"`, `"search"`). It is
+  layout-only and carries no ARIA, keyboard, or visual-cluster semantics. Items in a
+  non-empty group must have `overflowPriority = "Default"`; `AlwaysOverflow` and
+  `NeverOverflow` are forbidden inside a group — setting one of those on a grouped item
+  emits a one-shot `console.warn` and the item's priority is treated as `Default` for
+  the layout pass. Spacers (`ui5-toolbar-spacer`) do not participate in grouping; setting
+  a non-empty `overflowGroup` on a spacer emits a one-shot `console.warn` and the spacer's
+  existing overflow behavior is unchanged.
+  
+  The visible bar always preserves slot order — ungrouped items between group members
+  keep their slot positions and the toolbar never reorders DOM children. In the popover
+  group members appear adjacent in slot order.
+     */
+    overflowGroup: _angular_core.InputSignal<string | undefined>;
     /**
      * Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
   the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
@@ -24,7 +44,7 @@ declare class ToolbarSeparator implements AfterViewInit {
     get element(): _ToolbarSeparator;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarSeparator, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSeparator, "ui5-toolbar-separator, [ui5-toolbar-separator]", ["ui5ToolbarSeparator"], { "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSeparator, "ui5-toolbar-separator, [ui5-toolbar-separator]", ["ui5ToolbarSeparator"], { "overflowGroup": { "alias": "overflowGroup"; "required": false; "isSignal": true; }; "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { ToolbarSeparator };

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

@@ -3,6 +3,26 @@ import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _ToolbarSpacer from '@ui5/webcomponents/dist/ToolbarSpacer.js';
 
 declare class ToolbarSpacer implements AfterViewInit {
+    /**
+     * Co-overflow tag. Items in the same `ui5-toolbar` whose `overflowGroup` is the same
+  non-empty string overflow as one atomic unit: either all visible in the bar, or all
+  in the overflow popover, never split. The empty string (the default) means "no group" —
+  the item participates in overflow independently.
+  
+  The tag is a free-form, case-sensitive string label (e.g. `"filters"`, `"search"`). It is
+  layout-only and carries no ARIA, keyboard, or visual-cluster semantics. Items in a
+  non-empty group must have `overflowPriority = "Default"`; `AlwaysOverflow` and
+  `NeverOverflow` are forbidden inside a group — setting one of those on a grouped item
+  emits a one-shot `console.warn` and the item's priority is treated as `Default` for
+  the layout pass. Spacers (`ui5-toolbar-spacer`) do not participate in grouping; setting
+  a non-empty `overflowGroup` on a spacer emits a one-shot `console.warn` and the spacer's
+  existing overflow behavior is unchanged.
+  
+  The visible bar always preserves slot order — ungrouped items between group members
+  keep their slot positions and the toolbar never reorders DOM children. In the popover
+  group members appear adjacent in slot order.
+     */
+    overflowGroup: _angular_core.InputSignal<string | undefined>;
     /**
      * Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
   the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
@@ -30,7 +50,7 @@ declare class ToolbarSpacer implements AfterViewInit {
     get element(): _ToolbarSpacer;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarSpacer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSpacer, "ui5-toolbar-spacer, [ui5-toolbar-spacer]", ["ui5ToolbarSpacer"], { "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSpacer, "ui5-toolbar-spacer, [ui5-toolbar-spacer]", ["ui5ToolbarSpacer"], { "overflowGroup": { "alias": "overflowGroup"; "required": false; "isSignal": true; }; "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { ToolbarSpacer };