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

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

@@ -97,8 +97,10 @@ declare class TreeItemCustom 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-tree-item.d.ts

@@ -101,8 +101,10 @@ declare class TreeItem 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.d.ts

@@ -139,8 +139,10 @@ import _MultiComboBoxItem from '@ui5/webcomponents/dist/MultiComboBoxItem.js';
 import _MultiComboBoxItemCustom from '@ui5/webcomponents/dist/MultiComboBoxItemCustom.js';
 import _MultiComboBoxItemGroup from '@ui5/webcomponents/dist/MultiComboBoxItemGroup.js';
 import _MultiInput from '@ui5/webcomponents/dist/MultiInput.js';
+import _NumberInput from '@ui5/webcomponents/dist/NumberInput.js';
 import _Option from '@ui5/webcomponents/dist/Option.js';
 import _OptionCustom from '@ui5/webcomponents/dist/OptionCustom.js';
+import _OptionGroup from '@ui5/webcomponents/dist/OptionGroup.js';
 import _Panel from '@ui5/webcomponents/dist/Panel.js';
 import _Popover from '@ui5/webcomponents/dist/Popover.js';
 import _ProgressIndicator from '@ui5/webcomponents/dist/ProgressIndicator.js';
@@ -405,6 +407,15 @@ declare class Avatar implements AfterViewInit {
 }
 
 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.
   
@@ -422,6 +433,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>;
     /**
@@ -442,7 +456,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>;
 }
 
 declare class AvatarGroup implements AfterViewInit {
@@ -2057,7 +2071,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>;
     /**
@@ -4341,8 +4355,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<"Navigation" | "Inactive" | "InactiveSelectable" | "Active" | "Detail" | undefined>;
     /**
@@ -4408,7 +4424,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>;
     /**
@@ -4443,7 +4459,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.
@@ -4629,8 +4645,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<"Navigation" | "Inactive" | "InactiveSelectable" | "Active" | "Detail" | undefined>;
     /**
@@ -4906,8 +4924,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<"Navigation" | "Inactive" | "InactiveSelectable" | "Active" | "Detail" | undefined>;
     /**
@@ -5469,7 +5489,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>;
     /**
@@ -5738,6 +5758,110 @@ declare class MultiInput implements AfterViewInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiInput, "ui5-multi-input, [ui5-multi-input]", ["ui5MultiInput"], { "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "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; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "showSuggestions": { "alias": "showSuggestions"; "required": false; "isSignal": true; }; "showValueHelpIcon": { "alias": "showValueHelpIcon"; "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; }; }, { "ui5Change": "ui5Change"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5Select": "ui5Select"; "ui5SelectionChange": "ui5SelectionChange"; "ui5TokenDelete": "ui5TokenDelete"; "ui5ValueHelpTrigger": "ui5ValueHelpTrigger"; }, never, ["*"], true, [{ directive: typeof i1$1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
 }
 
+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>;
+}
+
 declare class Option implements AfterViewInit {
     /**
      * Defines the `additionalText`, displayed in the end of the option.
@@ -5873,6 +5997,50 @@ declare class OptionCustom implements AfterViewInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionCustom, "ui5-option-custom, [ui5-option-custom]", ["ui5OptionCustom"], { "displayText": { "alias": "displayText"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
+declare class OptionGroup implements AfterViewInit {
+    /**
+     * Defines the header text of the group.
+     */
+    headerText: _angular_core.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: _angular_core.ɵɵFactoryDeclaration<OptionGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionGroup, "ui5-option-group, [ui5-option-group]", ["ui5OptionGroup"], { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class Panel implements AfterViewInit {
     /**
      * Defines the accessible ARIA name of the component.
@@ -6828,6 +6996,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.
   
@@ -7044,8 +7213,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.
@@ -7155,16 +7322,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>;
     /**
@@ -7212,11 +7374,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
@@ -7334,7 +7491,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>;
     /**
@@ -7488,8 +7645,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<"Navigation" | "Inactive" | "InactiveSelectable" | "Active" | "Detail" | undefined>;
     /**
@@ -9729,6 +9888,10 @@ declare class ToolbarButton implements AfterViewInit {
   Accepts a lowercase string value.
      */
     accessibilityAttributes: _angular_core.InputSignal<_Button.ButtonAccessibilityAttributes | undefined>;
+    /**
+     * Defines the accessible description of the component.
+     */
+    accessibleDescription: _angular_core.InputSignal<string | undefined>;
     /**
      * Defines the accessible ARIA name of the component.
      */
@@ -9737,6 +9900,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.
      */
@@ -9766,6 +9936,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.
@@ -9821,10 +10011,30 @@ 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>;
 }
 
 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.
@@ -9870,7 +10080,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>;
 }
 
 declare class ToolbarSelect implements AfterViewInit {
@@ -9888,6 +10098,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.
@@ -9971,7 +10201,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>;
 }
 
 declare class ToolbarSelectOption implements AfterViewInit {
@@ -10023,6 +10253,26 @@ declare class ToolbarSelectOption implements AfterViewInit {
 }
 
 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.
@@ -10044,10 +10294,30 @@ 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>;
 }
 
 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.
@@ -10075,7 +10345,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>;
 }
 
 declare class Tree implements AfterViewInit {
@@ -10299,8 +10569,10 @@ declare class TreeItem 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<"Navigation" | "Inactive" | "InactiveSelectable" | "Active" | "Detail" | undefined>;
     /**
@@ -10460,8 +10732,10 @@ declare class TreeItemCustom 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<"Navigation" | "Inactive" | "InactiveSelectable" | "Active" | "Detail" | undefined>;
     /**
@@ -10644,4 +10918,4 @@ declare class Ui5WebcomponentsMainThemingService extends WebcomponentsThemingPro
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<Ui5WebcomponentsMainThemingService>;
 }
 
-export { Avatar, AvatarBadge, AvatarGroup, Bar, Breadcrumbs, BreadcrumbsItem, BusyIndicator, Button, ButtonBadge, CVA_CONFIG, Calendar, CalendarDate, CalendarDateRange, CalendarLegend, CalendarLegendItem, Card, CardHeader, Carousel, CheckBox, ColorPalette, ColorPaletteItem, ColorPalettePopover, ColorPicker, ComboBox, ComboBoxItem, ComboBoxItemCustom, ComboBoxItemGroup, DatePicker, DateRangePicker, DateTimeInput, DateTimePicker, DayPicker, Dialog, DropIndicator, DynamicDateRange, ExpandableText, FileUploader, Form, FormGroup, FormItem, GenericControlValueAccessor, Icon, Input, InputIcon, Label, Link, List, ListItemCustom, ListItemGroup, ListItemGroupHeader, ListItemStandard, Menu, MenuItem, MenuItemGroup, MenuSeparator, MessageStrip, MonthPicker, MultiComboBox, MultiComboBoxItem, MultiComboBoxItemCustom, MultiComboBoxItemGroup, MultiInput, Option, OptionCustom, Panel, Popover, ProgressIndicator, RadioButton, RangeSlider, RatingIndicator, ResponsivePopover, SegmentedButton, SegmentedButtonItem, Select, Slider, SliderHandle, SliderTooltip, SpecialCalendarDate, SplitButton, StepInput, SuggestionItem, SuggestionItemCustom, SuggestionItemGroup, SuggestionListItem, Switch, Tab, TabContainer, TabSeparator, Table, TableCell, TableGroupRow, TableGrowing, TableHeaderCell, TableHeaderCellActionAI, TableHeaderRow, TableRow, TableRowAction, TableRowActionNavigation, TableSelection, TableSelectionMulti, TableSelectionSingle, TableVirtualizer, Tag, Text, TextArea, TimePicker, TimePickerClock, TimeSelectionClocks, TimeSelectionInputs, Title, Toast, ToggleButton, ToggleSpinButton, Token, Tokenizer, Toolbar, ToolbarButton, ToolbarItem, ToolbarSelect, ToolbarSelectOption, ToolbarSeparator, ToolbarSpacer, Tree, TreeItem, TreeItemCustom, Ui5WebcomponentsMainThemingService, YearPicker, YearRangePicker };
+export { Avatar, AvatarBadge, AvatarGroup, Bar, Breadcrumbs, BreadcrumbsItem, BusyIndicator, Button, ButtonBadge, CVA_CONFIG, Calendar, CalendarDate, CalendarDateRange, CalendarLegend, CalendarLegendItem, Card, CardHeader, Carousel, CheckBox, ColorPalette, ColorPaletteItem, ColorPalettePopover, ColorPicker, ComboBox, ComboBoxItem, ComboBoxItemCustom, ComboBoxItemGroup, DatePicker, DateRangePicker, DateTimeInput, DateTimePicker, DayPicker, Dialog, DropIndicator, DynamicDateRange, ExpandableText, FileUploader, Form, FormGroup, FormItem, GenericControlValueAccessor, Icon, Input, InputIcon, Label, Link, List, ListItemCustom, ListItemGroup, ListItemGroupHeader, ListItemStandard, Menu, MenuItem, MenuItemGroup, MenuSeparator, MessageStrip, MonthPicker, MultiComboBox, MultiComboBoxItem, MultiComboBoxItemCustom, MultiComboBoxItemGroup, MultiInput, NumberInput, Option, OptionCustom, OptionGroup, Panel, Popover, ProgressIndicator, RadioButton, RangeSlider, RatingIndicator, ResponsivePopover, SegmentedButton, SegmentedButtonItem, Select, Slider, SliderHandle, SliderTooltip, SpecialCalendarDate, SplitButton, StepInput, SuggestionItem, SuggestionItemCustom, SuggestionItemGroup, SuggestionListItem, Switch, Tab, TabContainer, TabSeparator, Table, TableCell, TableGroupRow, TableGrowing, TableHeaderCell, TableHeaderCellActionAI, TableHeaderRow, TableRow, TableRowAction, TableRowActionNavigation, TableSelection, TableSelectionMulti, TableSelectionSingle, TableVirtualizer, Tag, Text, TextArea, TimePicker, TimePickerClock, TimeSelectionClocks, TimeSelectionInputs, Title, Toast, ToggleButton, ToggleSpinButton, Token, Tokenizer, Toolbar, ToolbarButton, ToolbarItem, ToolbarSelect, ToolbarSelectOption, ToolbarSeparator, ToolbarSpacer, Tree, TreeItem, TreeItemCustom, Ui5WebcomponentsMainThemingService, YearPicker, YearRangePicker };