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

package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs

@@ -137,8 +137,10 @@ import '@ui5/webcomponents/dist/MultiComboBoxItem.js';
 import '@ui5/webcomponents/dist/MultiComboBoxItemCustom.js';
 import '@ui5/webcomponents/dist/MultiComboBoxItemGroup.js';
 import '@ui5/webcomponents/dist/MultiInput.js';
+import '@ui5/webcomponents/dist/NumberInput.js';
 import '@ui5/webcomponents/dist/Option.js';
 import '@ui5/webcomponents/dist/OptionCustom.js';
+import '@ui5/webcomponents/dist/OptionGroup.js';
 import '@ui5/webcomponents/dist/Panel.js';
 import '@ui5/webcomponents/dist/Popover.js';
 import '@ui5/webcomponents/dist/ProgressIndicator.js';
@@ -606,6 +608,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 class AvatarBadge {
     constructor() {
+        /**
+         * 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.
+         */
+        this.colorScheme = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "colorScheme" }] : /* istanbul ignore next */ []));
         /**
          * Defines the icon name to be displayed inside the badge.
       
@@ -624,6 +636,9 @@ class AvatarBadge {
       - `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.
          */
         this.state = input("None", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
@@ -650,6 +665,7 @@ class AvatarBadge {
     ngAfterViewInit() {
         const wcElement = this.element;
         const inputsToSync = [
+            'colorScheme',
             'icon',
             'state',
             'tooltip',
@@ -679,7 +695,7 @@ class AvatarBadge {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: AvatarBadge, isStandalone: true, selector: "ui5-avatar-badge, [ui5-avatar-badge]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: AvatarBadge, isStandalone: true, selector: "ui5-avatar-badge, [ui5-avatar-badge]", inputs: { colorScheme: { classPropertyName: "colorScheme", publicName: "colorScheme", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             contentDensityObserverProviders({
                 supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
             })
@@ -699,7 +715,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }] } });
+        }], propDecorators: { colorScheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorScheme", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }] } });
 
 class AvatarGroup {
     constructor() {
@@ -4073,7 +4089,7 @@ class ComboBoxItemGroup {
         this.headerAccessibleName = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "headerAccessibleName" }] : /* istanbul ignore next */ []));
         /**
-         * Defines the header text of the <code>ui5-li-group</code>.
+         * Defines the header text of the group.
          */
         this.headerText = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "headerText" }] : /* istanbul ignore next */ []));
@@ -8227,8 +8243,10 @@ class ListItemCustom {
       **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.
          */
         this.type = input("Active", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ [])); // className is now passed
@@ -8377,7 +8395,7 @@ class ListItemGroup {
         this.headerAccessibleName = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "headerAccessibleName" }] : /* istanbul ignore next */ []));
         /**
-         * Defines the header text of the <code>ui5-li-group</code>.
+         * Defines the header text of the group.
          */
         this.headerText = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "headerText" }] : /* istanbul ignore next */ []));
@@ -8414,7 +8432,7 @@ class ListItemGroup {
          * 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.
@@ -8433,7 +8451,7 @@ class ListItemGroup {
         this.slots = [
             {
                 "name": "default",
-                "description": "Defines the items of the <code>ui5-li-group</code>."
+                "description": "Defines the items of the group."
             },
             {
                 "name": "header",
@@ -8764,8 +8782,10 @@ class ListItemStandard {
       **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.
          */
         this.type = input("Active", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
@@ -9232,8 +9252,10 @@ class MenuItem {
       **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.
          */
         this.type = input("Active", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ [])); // className is now passed
@@ -10395,7 +10417,7 @@ class MultiComboBoxItemGroup {
         this.headerAccessibleName = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "headerAccessibleName" }] : /* istanbul ignore next */ []));
         /**
-         * Defines the header text of the <code>ui5-li-group</code>.
+         * Defines the header text of the group.
          */
         this.headerText = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "headerText" }] : /* istanbul ignore next */ []));
@@ -10877,6 +10899,203 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 }]
         }], propDecorators: { accessibleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescription", required: false }] }], accessibleDescriptionRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescriptionRef", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], noTypeahead: [{ type: i0.Input, args: [{ isSignal: true, alias: "noTypeahead", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], showClearIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearIcon", required: false }] }], showSuggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSuggestions", required: false }] }], showValueHelpIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValueHelpIcon", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueState: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueState", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }], ui5Close: [{ type: i0.Output, args: ["ui5Close"] }], ui5Input: [{ type: i0.Output, args: ["ui5Input"] }], ui5Open: [{ type: i0.Output, args: ["ui5Open"] }], ui5Select: [{ type: i0.Output, args: ["ui5Select"] }], ui5SelectionChange: [{ type: i0.Output, args: ["ui5SelectionChange"] }], ui5TokenDelete: [{ type: i0.Output, args: ["ui5TokenDelete"] }], ui5ValueHelpTrigger: [{ type: i0.Output, args: ["ui5ValueHelpTrigger"] }] } });
 
+class NumberInput {
+    constructor() {
+        /**
+         * Defines the accessible ARIA name of the component.
+         */
+        this.accessibleName = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : /* istanbul ignore next */ []));
+        /**
+         * Receives ID (or many IDs) of the elements that label the component.
+         */
+        this.accessibleNameRef = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : /* istanbul ignore next */ []));
+        /**
+         * Determines whether the component is displayed as disabled.
+         */
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Defines a maximum value of the component.
+         */
+        this.max = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "max" }] : /* istanbul ignore next */ []));
+        /**
+         * Defines a minimum value of the component.
+         */
+        this.min = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "min" }] : /* istanbul ignore next */ []));
+        /**
+         * 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.
+         */
+        this.name = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
+        /**
+         * Determines whether the component is displayed as read-only.
+         */
+        this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Defines a step of increasing/decreasing the value of the component.
+         */
+        this.step = input(1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+        /**
+         * Defines a value of the component.
+         */
+        this.value = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        /**
+         * Determines the number of digits after the decimal point of the component.
+         */
+        this.valuePrecision = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "valuePrecision" }] : /* istanbul ignore next */ []));
+        /**
+         * Defines the value state of the component.
+         */
+        this.valueState = input("None", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "valueState" }] : /* istanbul ignore next */ [])); // className is now passed
+        /**
+         * Fired when the input operation has finished by pressing Enter or on focusout.
+         */
+        this.ui5Change = output();
+        /**
+         * Fired when the value of the component changes at each keystroke.
+         */
+        this.ui5Input = output();
+        /**
+         * 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.
+         */
+        this.ui5ValueStateChange = output();
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state."
+            }
+        ];
+        this.elementRef = inject(ElementRef);
+        this.injector = inject(Injector);
+        /**
+         * Content density observer is injected to activate automatic CSS class and
+         * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
+         * @private
+         */
+        this._contentDensityObserver = inject(ContentDensityObserver);
+        this._destroyRef = inject(DestroyRef);
+    }
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    ngAfterViewInit() {
+        const wcElement = this.element;
+        const inputsToSync = [
+            'accessibleName',
+            'accessibleNameRef',
+            'disabled',
+            'max',
+            'min',
+            'name',
+            'readonly',
+            'step',
+            'value',
+            'valuePrecision',
+            'valueState',
+        ];
+        // Synchronize inputs (properties)
+        for (const inputName of inputsToSync) {
+            // Find the corresponding camelCase signal property on the Angular component
+            const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
+            // Use the Injector to run the effect in the correct context
+            if (this[signalName] && typeof this[signalName] === 'function') {
+                runInInjectionContext(this.injector, () => {
+                    effect(() => {
+                        // Read the signal value
+                        const value = this[signalName]();
+                        if (wcElement) {
+                            // Skip writes when the signal is undefined and the property is already truthy
+                            // This prevents clobbering imperatively-set values (e.g., from RouterLink)
+                            if (value === undefined && wcElement[inputName]) {
+                                return;
+                            }
+                            // Write the value to the Web Component's property
+                            wcElement[inputName] = value;
+                        }
+                    });
+                });
+            }
+        }
+        const outputsToSync = [
+            'ui5Change',
+            'ui5Input',
+            'ui5ValueStateChange',
+        ];
+        // Synchronize outputs (events)
+        const _listeners = [];
+        for (const outputName of outputsToSync) {
+            // Map Angular output name to UI5 web component event name
+            const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
+            // Ensure the output property exists and has an emit function before adding listener
+            if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
+                // Cast the listener to the correct type to satisfy TypeScript
+                const listener = (e) => {
+                    this[outputName].emit(e);
+                };
+                wcElement.addEventListener(eventName, listener);
+                _listeners.push(() => wcElement.removeEventListener(eventName, listener));
+            }
+        }
+        this._destroyRef.onDestroy(() => _listeners.forEach((fn) => fn()));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NumberInput, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: NumberInput, isStandalone: true, selector: "ui5-number-input, [ui5-number-input]", inputs: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valuePrecision: { classPropertyName: "valuePrecision", publicName: "valuePrecision", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change", ui5Input: "ui5Input", ui5ValueStateChange: "ui5ValueStateChange" }, providers: [
+            contentDensityObserverProviders({
+                supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
+            })
+        ], exportAs: ["ui5NumberInput"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NumberInput, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'ui5-number-input, [ui5-number-input]',
+                    template: '<ng-content></ng-content>',
+                    exportAs: 'ui5NumberInput',
+                    providers: [
+                        contentDensityObserverProviders({
+                            supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
+                        })
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valuePrecision: [{ type: i0.Input, args: [{ isSignal: true, alias: "valuePrecision", required: false }] }], valueState: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueState", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }], ui5Input: [{ type: i0.Output, args: ["ui5Input"] }], ui5ValueStateChange: [{ type: i0.Output, args: ["ui5ValueStateChange"] }] } });
+
 class Option {
     constructor() {
         /**
@@ -11170,6 +11389,104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 }]
         }], propDecorators: { displayText: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayText", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
 
+class OptionGroup {
+    constructor() {
+        /**
+         * Defines the header text of the group.
+         */
+        this.headerText = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "headerText" }] : /* istanbul ignore next */ [])); // className is now passed
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the options of the group.\n\n**Note:** Use the `ui5-option` component to define the desired options."
+            }
+        ];
+        this.elementRef = inject(ElementRef);
+        this.injector = inject(Injector);
+        /**
+         * Content density observer is injected to activate automatic CSS class and
+         * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
+         * @private
+         */
+        this._contentDensityObserver = inject(ContentDensityObserver);
+    }
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    ngAfterViewInit() {
+        const wcElement = this.element;
+        const inputsToSync = [
+            'headerText',
+        ];
+        // Synchronize inputs (properties)
+        for (const inputName of inputsToSync) {
+            // Find the corresponding camelCase signal property on the Angular component
+            const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
+            // Use the Injector to run the effect in the correct context
+            if (this[signalName] && typeof this[signalName] === 'function') {
+                runInInjectionContext(this.injector, () => {
+                    effect(() => {
+                        // Read the signal value
+                        const value = this[signalName]();
+                        if (wcElement) {
+                            // Skip writes when the signal is undefined and the property is already truthy
+                            // This prevents clobbering imperatively-set values (e.g., from RouterLink)
+                            if (value === undefined && wcElement[inputName]) {
+                                return;
+                            }
+                            // Write the value to the Web Component's property
+                            wcElement[inputName] = value;
+                        }
+                    });
+                });
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: OptionGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: OptionGroup, isStandalone: true, selector: "ui5-option-group, [ui5-option-group]", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            contentDensityObserverProviders({
+                supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
+            })
+        ], exportAs: ["ui5OptionGroup"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: OptionGroup, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'ui5-option-group, [ui5-option-group]',
+                    template: '<ng-content></ng-content>',
+                    exportAs: 'ui5OptionGroup',
+                    providers: [
+                        contentDensityObserverProviders({
+                            supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
+                        })
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { headerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerText", required: false }] }] } });
+
 class Panel {
     constructor() {
         /**
@@ -12998,6 +13315,7 @@ class Select {
       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.
       
@@ -13030,7 +13348,7 @@ class Select {
         this.slots = [
             {
                 "name": "default",
-                "description": "Defines the component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-option` component to define the desired options."
+                "description": "Defines the component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-option` component to define the desired options.\nUse the `ui5-option-group` component to group options."
             },
             {
                 "name": "label",
@@ -13566,8 +13884,6 @@ class SplitButton {
       - **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.
@@ -13763,17 +14079,12 @@ class StepInput {
         ...(ngDevMode ? [undefined, { debugName: "min" }] : /* istanbul ignore next */ []));
         /**
          * 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.
          */
         this.name = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
         /**
          * 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.
          */
         this.placeholder = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
@@ -13826,11 +14137,6 @@ class StepInput {
          * 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
@@ -13846,7 +14152,7 @@ class StepInput {
         this.slots = [
             {
                 "name": "valueStateMessage",
-                "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state."
+                "description": "Defines the value state message that will be displayed as pop up under the component."
             }
         ];
         this.elementRef = inject(ElementRef);
@@ -14181,7 +14487,7 @@ class SuggestionItemGroup {
         this.headerAccessibleName = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "headerAccessibleName" }] : /* istanbul ignore next */ []));
         /**
-         * Defines the header text of the <code>ui5-li-group</code>.
+         * Defines the header text of the group.
          */
         this.headerText = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "headerText" }] : /* istanbul ignore next */ []));
@@ -14426,8 +14732,10 @@ class SuggestionListItem {
       **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.
          */
         this.type = input("Active", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
@@ -19071,6 +19379,11 @@ class ToolbarButton {
          */
         this.accessibilityAttributes = input({}, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "accessibilityAttributes" }] : /* istanbul ignore next */ []));
+        /**
+         * Defines the accessible description of the component.
+         */
+        this.accessibleDescription = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "accessibleDescription" }] : /* istanbul ignore next */ []));
         /**
          * Defines the accessible ARIA name of the component.
          */
@@ -19081,6 +19394,14 @@ class ToolbarButton {
          */
         this.accessibleNameRef = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : /* istanbul ignore next */ []));
+        /**
+         * 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.
+         */
+        this.accessibleRole = input("Button", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accessibleRole" }] : /* istanbul ignore next */ []));
         /**
          * Defines the action design.
          */
@@ -19113,6 +19434,27 @@ class ToolbarButton {
          */
         this.icon = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
+        /**
+         * 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.
+         */
+        this.overflowGroup = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "overflowGroup" }] : /* istanbul ignore next */ []));
         /**
          * 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.
@@ -19177,12 +19519,15 @@ class ToolbarButton {
         const wcElement = this.element;
         const inputsToSync = [
             'accessibilityAttributes',
+            'accessibleDescription',
             'accessibleName',
             'accessibleNameRef',
+            'accessibleRole',
             'design',
             'disabled',
             'endIcon',
             'icon',
+            'overflowGroup',
             'overflowPriority',
             'preventOverflowClosing',
             'showOverflowText',
@@ -19234,7 +19579,7 @@ class ToolbarButton {
         this._destroyRef.onDestroy(() => _listeners.forEach((fn) => fn()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolbarButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolbarButton, isStandalone: true, selector: "ui5-toolbar-button, [ui5-toolbar-button]", inputs: { accessibilityAttributes: { classPropertyName: "accessibilityAttributes", publicName: "accessibilityAttributes", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, design: { classPropertyName: "design", publicName: "design", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null }, showOverflowText: { classPropertyName: "showOverflowText", publicName: "showOverflowText", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Click: "ui5Click" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolbarButton, isStandalone: true, selector: "ui5-toolbar-button, [ui5-toolbar-button]", inputs: { accessibilityAttributes: { classPropertyName: "accessibilityAttributes", publicName: "accessibilityAttributes", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescription: { classPropertyName: "accessibleDescription", publicName: "accessibleDescription", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, accessibleRole: { classPropertyName: "accessibleRole", publicName: "accessibleRole", isSignal: true, isRequired: false, transformFunction: null }, design: { classPropertyName: "design", publicName: "design", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, overflowGroup: { classPropertyName: "overflowGroup", publicName: "overflowGroup", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null }, showOverflowText: { classPropertyName: "showOverflowText", publicName: "showOverflowText", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Click: "ui5Click" }, providers: [
             contentDensityObserverProviders({
                 supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
             })
@@ -19254,10 +19599,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { accessibilityAttributes: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibilityAttributes", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], design: [{ type: i0.Input, args: [{ isSignal: true, alias: "design", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], endIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "endIcon", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }], showOverflowText: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOverflowText", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
+        }], propDecorators: { accessibilityAttributes: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibilityAttributes", required: false }] }], accessibleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescription", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], accessibleRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleRole", required: false }] }], design: [{ type: i0.Input, args: [{ isSignal: true, alias: "design", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], endIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "endIcon", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], overflowGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowGroup", required: false }] }], overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }], showOverflowText: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOverflowText", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
 
 class ToolbarItem {
     constructor() {
+        /**
+         * 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.
+         */
+        this.overflowGroup = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "overflowGroup" }] : /* istanbul ignore next */ []));
         /**
          * 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.
@@ -19310,6 +19676,7 @@ class ToolbarItem {
     ngAfterViewInit() {
         const wcElement = this.element;
         const inputsToSync = [
+            'overflowGroup',
             'overflowPriority',
             'preventOverflowClosing',
         ];
@@ -19338,7 +19705,7 @@ class ToolbarItem {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolbarItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolbarItem, isStandalone: true, selector: "ui5-toolbar-item, [ui5-toolbar-item]", inputs: { overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolbarItem, isStandalone: true, selector: "ui5-toolbar-item, [ui5-toolbar-item]", inputs: { overflowGroup: { classPropertyName: "overflowGroup", publicName: "overflowGroup", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             contentDensityObserverProviders({
                 supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
             })
@@ -19358,7 +19725,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }] } });
+        }], propDecorators: { overflowGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowGroup", required: false }] }], overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }] } });
 
 class ToolbarSelect {
     constructor() {
@@ -19378,6 +19745,27 @@ class ToolbarSelect {
       **Note:** A disabled component is noninteractive.
          */
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * 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.
+         */
+        this.overflowGroup = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "overflowGroup" }] : /* istanbul ignore next */ []));
         /**
          * 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.
@@ -19474,6 +19862,7 @@ class ToolbarSelect {
             'accessibleName',
             'accessibleNameRef',
             'disabled',
+            'overflowGroup',
             'overflowPriority',
             'preventOverflowClosing',
             'value',
@@ -19526,7 +19915,7 @@ class ToolbarSelect {
         this._destroyRef.onDestroy(() => _listeners.forEach((fn) => fn()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolbarSelect, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolbarSelect, isStandalone: true, selector: "ui5-toolbar-select, [ui5-toolbar-select]", inputs: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change", ui5Close: "ui5Close", ui5Open: "ui5Open" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolbarSelect, isStandalone: true, selector: "ui5-toolbar-select, [ui5-toolbar-select]", inputs: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, overflowGroup: { classPropertyName: "overflowGroup", publicName: "overflowGroup", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change", ui5Close: "ui5Close", ui5Open: "ui5Open" }, providers: [
             contentDensityObserverProviders({
                 supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
             })
@@ -19546,7 +19935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueState: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueState", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }], ui5Close: [{ type: i0.Output, args: ["ui5Close"] }], ui5Open: [{ type: i0.Output, args: ["ui5Open"] }] } });
+        }], propDecorators: { accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], overflowGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowGroup", required: false }] }], overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueState: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueState", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }], ui5Close: [{ type: i0.Output, args: ["ui5Close"] }], ui5Open: [{ type: i0.Output, args: ["ui5Open"] }] } });
 
 class ToolbarSelectOption {
     constructor() {
@@ -19653,6 +20042,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 class ToolbarSeparator {
     constructor() {
+        /**
+         * 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.
+         */
+        this.overflowGroup = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "overflowGroup" }] : /* istanbul ignore next */ []));
         /**
          * 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.
@@ -19679,6 +20089,7 @@ class ToolbarSeparator {
     ngAfterViewInit() {
         const wcElement = this.element;
         const inputsToSync = [
+            'overflowGroup',
             'overflowPriority',
             'preventOverflowClosing',
         ];
@@ -19707,7 +20118,7 @@ class ToolbarSeparator {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolbarSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolbarSeparator, isStandalone: true, selector: "ui5-toolbar-separator, [ui5-toolbar-separator]", inputs: { overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolbarSeparator, isStandalone: true, selector: "ui5-toolbar-separator, [ui5-toolbar-separator]", inputs: { overflowGroup: { classPropertyName: "overflowGroup", publicName: "overflowGroup", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             contentDensityObserverProviders({
                 supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
             })
@@ -19727,10 +20138,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }] } });
+        }], propDecorators: { overflowGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowGroup", required: false }] }], overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }] } });
 
 class ToolbarSpacer {
     constructor() {
+        /**
+         * 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.
+         */
+        this.overflowGroup = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "overflowGroup" }] : /* istanbul ignore next */ []));
         /**
          * 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.
@@ -19764,6 +20196,7 @@ class ToolbarSpacer {
     ngAfterViewInit() {
         const wcElement = this.element;
         const inputsToSync = [
+            'overflowGroup',
             'overflowPriority',
             'preventOverflowClosing',
             'width',
@@ -19793,7 +20226,7 @@ class ToolbarSpacer {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolbarSpacer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolbarSpacer, isStandalone: true, selector: "ui5-toolbar-spacer, [ui5-toolbar-spacer]", inputs: { overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolbarSpacer, isStandalone: true, selector: "ui5-toolbar-spacer, [ui5-toolbar-spacer]", inputs: { overflowGroup: { classPropertyName: "overflowGroup", publicName: "overflowGroup", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             contentDensityObserverProviders({
                 supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
             })
@@ -19813,7 +20246,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }] } });
+        }], propDecorators: { overflowGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowGroup", required: false }] }], overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }] } });
 
 class Tree {
     constructor() {
@@ -20144,8 +20577,10 @@ class TreeItem {
       **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.
          */
         this.type = input("Active", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ [])); // className is now passed
@@ -20406,8 +20841,10 @@ class TreeItemCustom {
       **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.
          */
         this.type = input("Active", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ [])); // className is now passed
@@ -20828,5 +21265,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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 };
 //# sourceMappingURL=fundamental-ngx-ui5-webcomponents.mjs.map