@ui5/webcomponents 2.8.0-rc.2 → 2.8.0-rc.3

package/dist/types/TableSelectionMode.js

@@ -3,6 +3,7 @@
  *
  * @public
  * @experimental
+ * @deprecated This component is deprecated and will be removed in future releases. Use the `ui5-table-selection-single` or `ui5-table-selection-multi` components instead.
  */
 var TableSelectionMode;
 (function (TableSelectionMode) {

package/dist/types/TableSelectionMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSelectionMode.js","sourceRoot":"","sources":["../../src/types/TableSelectionMode.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,IAAK,kBAkBJ;AAlBD,WAAK,kBAAkB;IACtB;;;OAGG;IACH,mCAAa,CAAA;IAEb;;;OAGG;IACH,uCAAiB,CAAA;IAEjB;;;OAGG;IACH,2CAAqB,CAAA;AACtB,CAAC,EAlBI,kBAAkB,KAAlB,kBAAkB,QAkBtB;AAED,eAAe,kBAAkB,CAAC","sourcesContent":["/**\n * Selection modes of the <ui5-table> component.\n *\n * @public\n * @experimental\n */\nenum TableSelectionMode {\n\t/**\n\t * Default mode (no selection).\n\t * @public\n\t */\n\tNone = \"None\",\n\n\t/**\n\t * Single selection mode (only one table row can be selected).\n\t * @public\n\t */\n\tSingle = \"Single\",\n\n\t/**\n\t * Multi selection mode (more than one table row can be selected).\n\t * @public\n\t */\n\tMultiple = \"Multiple\",\n}\n\nexport default TableSelectionMode;\n"]}
+{"version":3,"file":"TableSelectionMode.js","sourceRoot":"","sources":["../../src/types/TableSelectionMode.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,IAAK,kBAkBJ;AAlBD,WAAK,kBAAkB;IACtB;;;OAGG;IACH,mCAAa,CAAA;IAEb;;;OAGG;IACH,uCAAiB,CAAA;IAEjB;;;OAGG;IACH,2CAAqB,CAAA;AACtB,CAAC,EAlBI,kBAAkB,KAAlB,kBAAkB,QAkBtB;AAED,eAAe,kBAAkB,CAAC","sourcesContent":["/**\n * Selection modes of the <ui5-table> component.\n *\n * @public\n * @experimental\n * @deprecated This component is deprecated and will be removed in future releases. Use the `ui5-table-selection-single` or `ui5-table-selection-multi` components instead.\n */\nenum TableSelectionMode {\n\t/**\n\t * Default mode (no selection).\n\t * @public\n\t */\n\tNone = \"None\",\n\n\t/**\n\t * Single selection mode (only one table row can be selected).\n\t * @public\n\t */\n\tSingle = \"Single\",\n\n\t/**\n\t * Multi selection mode (more than one table row can be selected).\n\t * @public\n\t */\n\tMultiple = \"Multiple\",\n}\n\nexport default TableSelectionMode;\n"]}

package/dist/vscode.html-custom-data.json

@@ -3,7 +3,7 @@
   "tags": [
     {
       "name": "ui5-avatar",
-      "description": "### Overview\n\nAn image-like component that has different display options for representing images and icons\nin different shapes and sizes, depending on the use case.\n\nThe shape can be circular or square. There are several predefined sizes, as well as an option to\nset a custom size.\n\n### Keyboard Handling\n\n- [Space] / [Enter] or [Return] - Fires the `click` event if the `interactive` property is set to true.\n- [Shift] - If [Space] is pressed, pressing [Shift] releases the component without triggering the click event.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Avatar.js\";`\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Receives the desired `<img>` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is being defined with the following CSS:\n- **badge** - Defines the optional badge that will be used for visual affordance.\n\n**Note:** While the slot allows for custom badges, to achieve\nthe Fiori design, you can use the `ui5-tag` with `ui5-icon`\nin the corresponding `icon` slot, without text nodes.",
+      "description": "### Overview\n\nAn image-like component that has different display options for representing images and icons\nin different shapes and sizes, depending on the use case.\n\nThe shape can be circular or square. There are several predefined sizes, as well as an option to\nset a custom size.\n\n### Keyboard Handling\n\n- [Space] / [Enter] or [Return] - Fires the `click` event if the `interactive` property is set to true.\n- [Shift] - If [Space] is pressed, pressing [Shift] releases the component without triggering the click event.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Avatar.js\";`\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Receives the desired `<img>` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>\n`ui5-avatar:not(:defined) {`<br/>\n&nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>\n`}`\n- **badge** - Defines the optional badge that will be used for visual affordance.\n\n**Note:** While the slot allows for custom badges, to achieve\nthe Fiori design, you can use the `ui5-tag` with `ui5-icon`\nin the corresponding `icon` slot, without text nodes.",
       "attributes": [
         {
           "name": "disabled",
@@ -3227,6 +3227,11 @@
           "description": "Receives id(or many ids) of the elements that label the select.",
           "values": []
         },
+        {
+          "name": "tooltip",
+          "description": "Defines the tooltip of the select.",
+          "values": []
+        },
         {
           "name": "value",
           "description": "Defines the value of the component:\n\n- when get - returns the value of the component, e.g. the `value` property of the selected option or its text content.\n\n- when set - selects the option with matching `value` property or text content.\n\n**Note:** If the given value does not match any existing option,\nthe first option will get selected.",
@@ -3896,12 +3901,12 @@
       "attributes": [
         {
           "name": "row-key",
-          "description": "Unique identifier of the row.",
+          "description": "Unique identifier of the row.\n\n**Note:** For selection features to work properly, this property is mandatory, and its value must not contain spaces.",
           "values": []
         },
         {
           "name": "position",
-          "description": "Defines the position of the row respect to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.",
+          "description": "Defines the position of the row related to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.",
           "values": []
         },
         {
@@ -3924,7 +3929,7 @@
     },
     {
       "name": "ui5-table-row-action",
-      "description": "The `TableRowAction` class defines a row action for table rows.\n\n\n---\n\n\n",
+      "description": "### Overview\n\nThe `ui5-table-row-action` component defines an action for table rows.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableRowAction.js\";`\n\n\n---\n\n\n",
       "attributes": [
         {
           "name": "icon",
@@ -3936,11 +3941,6 @@
           "description": "Defines the text of the row action.\n\n**Note:** For row actions to work properly, this property is mandatory.",
           "values": []
         },
-        {
-          "name": "disabled",
-          "description": "Defines the disabled state of the row action.",
-          "values": []
-        },
         {
           "name": "invisible",
           "description": "Defines the visibility of the row action.\n\n**Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.",
@@ -3986,7 +3986,7 @@
     },
     {
       "name": "ui5-table-selection",
-      "description": "### Overview\n\nThe `ui5-table-selection` component is used inside the `ui5-table` ti add key-based selection capabilities to the `ui5-table`.\n\nThe component offers three selection modes:\n* Single - select a single row.\n* Multiple - select multiple rows.\n* None - no selection active.\n\nAs the selection is key-based, `ui5-table-row` components need to define a unique `row-key` property.\n\n### Usage\n\nThe `ui5-table-selection` component is only used inside the `ui5-table` component as a feature.\nIt has to be slotted inside the `ui5-table` in the `features` slot.\nThe component is not intended to be used as a standalone component.\n\n```html\n<ui5-table>\n\t<ui5-table-selection mode=\"Multiple\" slot=\"features\"></ui5-table-selection>\n</ui5-table>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableSelection.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when selection is changed by user interaction.",
+      "description": "### Overview\n\nThe `ui5-table-selection` component is used inside the `ui5-table` to add key-based selection capabilities to the `ui5-table`.\n\nThe component offers three selection modes:\n* Single - select a single row.\n* Multiple - select multiple rows.\n* None - no selection active.\n\nAs the selection is key-based, `ui5-table-row` components need to define a unique `row-key` property.\n\n### Usage\n\nThe `ui5-table-selection` component is only used inside the `ui5-table` component as a feature.\nIt has to be slotted inside the `ui5-table` in the `features` slot.\nThe component is not intended to be used as a standalone component.\n\n```html\n<ui5-table>\n\t<ui5-table-selection mode=\"Multiple\" slot=\"features\"></ui5-table-selection>\n</ui5-table>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableSelection.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the selection is changed by user interaction.",
       "attributes": [
         {
           "name": "mode",
@@ -4005,6 +4005,42 @@
       ],
       "references": []
     },
+    {
+      "name": "table-selection-base",
+      "description": "The `TableSelectionBase` class serves as a foundation for table selections.\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the selection is changed by user interaction.\n\n### **Methods:**\n - **getRowKey(row: _TableRow_): _string_** - Returns the unique key associated with the table row.\n- **getRowByKey(rowKey: _string_): _TableRow | undefined_** - Returns the table row instance for the given row key.\n- **isSelected(row: _TableRowBase_): _boolean_** - Determines whether the specified table row is currently selected.\n- **setSelected(row: _TableRowBase_, selected: _boolean_): _void_** - Sets the selected state of the specified table row.",
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "Defines the selected elements of the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "ui5-table-selection-multi",
+      "description": "### Overview\n\nThe `ui5-table-selection-multi` component is used inside the `ui5-table` to add multi-selection capabilities to the `ui5-table`.\nSince selection is key-based, each `ui5-table-row` must define a unique `row-key` property.\n\n### Usage\n\nThe `ui5-table-selection-multi` component is a feature designed exclusively for use within the `ui5-table` component.\nIt must be placed inside the `features` slot of `ui5-table`.\nThis component is not intended for standalone use.\n\n```html\n<ui5-table>\n\t<ui5-table-selection-multi slot=\"features\" selected=\"Row1 Row3\"></ui5-table-selection-multi>\n</ui5-table>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableSelectionMulti.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the selection is changed by user interaction.\n\n### **Methods:**\n - **getSelectedRows(): _Array<TableRow>_** - Returns an array of the selected rows.\n- **areAllRowsSelected(): _boolean_** - Determines whether all rows are selected.\n- **getSelectedAsSet(): _Set<string>_** - Returns the `selected` property as a set of unique `row-key` values.\n- **setSelectedAsSet(selectedSet: _Set<string>_): _void_** - Sets the `selected` property using the provided set of unique `row-key` values.\n- **getRowKey(row: _TableRow_): _string_** - Returns the unique key associated with the table row.\n- **getRowByKey(rowKey: _string_): _TableRow | undefined_** - Returns the table row instance for the given row key.\n- **isSelected(row: _TableRowBase_): _boolean_** - Determines whether the specified table row is currently selected.\n- **setSelected(row: _TableRowBase_, selected: _boolean_): _void_** - Sets the selected state of the specified table row.",
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "Defines the `row-key` values of selected rows, with each value separated by a space.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "ui5-table-selection-single",
+      "description": "### Overview\n\nThe `ui5-table-selection-single` component is used inside the `ui5-table` to add single selection capabilities to the `ui5-table`.\nSince selection is key-based, each `ui5-table-row` must define a unique `row-key` property.\n\n### Usage\n\nThe `ui5-table-selection-single` component is a feature designed exclusively for use within the `ui5-table` component.\nIt must be placed inside the `features` slot of `ui5-table`.\nThis component is not intended for standalone use.\n\n```html\n<ui5-table>\n\t<ui5-table-selection-single slot=\"features\" selected=\"Row1\"></ui5-table-selection-single>\n</ui5-table>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableSelectionSingle.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the selection is changed by user interaction.\n\n### **Methods:**\n - **getSelectedRow(): _TableRow | undefined_** - Returns the selected row.\n- **getRowKey(row: _TableRow_): _string_** - Returns the unique key associated with the table row.\n- **getRowByKey(rowKey: _string_): _TableRow | undefined_** - Returns the table row instance for the given row key.\n- **isSelected(row: _TableRowBase_): _boolean_** - Determines whether the specified table row is currently selected.\n- **setSelected(row: _TableRowBase_, selected: _boolean_): _void_** - Sets the selected state of the specified table row.",
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "Defines the `row-key` value of the selected row.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "ui5-table-virtualizer",
       "description": "### Overview\n\nThe `ui5-table-virtualizer` component is used inside the `ui5-table` to virtualize the table rows, if the `overflowMode` property of the table is set to 'Scroll'.\nIt is responsible for rendering only the rows that are visible in the viewport and updating them on scroll.\nThis allows large numbers of rows to exist, but maintain high performance by only paying the cost for those that are currently visible.\n\n**Note:** The maximum number of virtualized rows is limited by browser constraints, specifically the maximum supported height for a DOM element.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/TableVirtualizer.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **range-change** - Fired when the virtualizer is changed by user interaction e.g. on scrolling.\n\n### **Methods:**\n - **reset(): _void_** - Resets the virtualizer to its initial state and triggers the `range-change` event.",

package/dist/web-types.json

@@ -1,14 +1,14 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents",
-  "version": "2.8.0-rc.2",
+  "version": "2.8.0-rc.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
           "name": "ui5-avatar",
-          "description": "### Overview\n\nAn image-like component that has different display options for representing images and icons\nin different shapes and sizes, depending on the use case.\n\nThe shape can be circular or square. There are several predefined sizes, as well as an option to\nset a custom size.\n\n### Keyboard Handling\n\n- [Space] / [Enter] or [Return] - Fires the `click` event if the `interactive` property is set to true.\n- [Shift] - If [Space] is pressed, pressing [Shift] releases the component without triggering the click event.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Avatar.js\";`\n---\n\n\n### **Slots:**\n - **default** - Receives the desired `<img>` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is being defined with the following CSS:\n- **badge** - Defines the optional badge that will be used for visual affordance.\n\n**Note:** While the slot allows for custom badges, to achieve\nthe Fiori design, you can use the `ui5-tag` with `ui5-icon`\nin the corresponding `icon` slot, without text nodes.",
+          "description": "### Overview\n\nAn image-like component that has different display options for representing images and icons\nin different shapes and sizes, depending on the use case.\n\nThe shape can be circular or square. There are several predefined sizes, as well as an option to\nset a custom size.\n\n### Keyboard Handling\n\n- [Space] / [Enter] or [Return] - Fires the `click` event if the `interactive` property is set to true.\n- [Shift] - If [Space] is pressed, pressing [Shift] releases the component without triggering the click event.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Avatar.js\";`\n---\n\n\n### **Slots:**\n - **default** - Receives the desired `<img>` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>\n`ui5-avatar:not(:defined) {`<br/>\n&nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>\n`}`\n- **badge** - Defines the optional badge that will be used for visual affordance.\n\n**Note:** While the slot allows for custom badges, to achieve\nthe Fiori design, you can use the `ui5-tag` with `ui5-icon`\nin the corresponding `icon` slot, without text nodes.",
           "doc-url": "",
           "attributes": [
             {
@@ -77,7 +77,7 @@
           "slots": [
             {
               "name": "default",
-              "description": "Receives the desired `<img>` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is being defined with the following CSS:"
+              "description": "Receives the desired `<img>` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>\n`ui5-avatar:not(:defined) {`<br/>\n&nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>\n`}`"
             },
             {
               "name": "badge",
@@ -6760,6 +6760,11 @@
               "description": "Receives id(or many ids) of the elements that label the select.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "tooltip",
+              "description": "Defines the tooltip of the select.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "name": "value",
               "description": "Defines the value of the component:\n\n- when get - returns the value of the component, e.g. the `value` property of the selected option or its text content.\n\n- when set - selects the option with matching `value` property or text content.\n\n**Note:** If the given value does not match any existing option,\nthe first option will get selected.",
@@ -6842,6 +6847,11 @@
                 "description": "Receives id(or many ids) of the elements that label the select.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "tooltip",
+                "description": "Defines the tooltip of the select.",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "value",
                 "description": "Defines the value of the component:\n\n- when get - returns the value of the component, e.g. the `value` property of the selected option or its text content.\n\n- when set - selects the option with matching `value` property or text content.\n\n**Note:** If the given value does not match any existing option,\nthe first option will get selected.",
@@ -8189,12 +8199,12 @@
           "attributes": [
             {
               "name": "row-key",
-              "description": "Unique identifier of the row.",
-              "value": { "type": "string", "default": "\"\"" }
+              "description": "Unique identifier of the row.\n\n**Note:** For selection features to work properly, this property is mandatory, and its value must not contain spaces.",
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "position",
-              "description": "Defines the position of the row respect to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.",
+              "description": "Defines the position of the row related to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.",
               "value": { "type": "number", "default": "-1" }
             },
             {
@@ -8228,12 +8238,12 @@
             "properties": [
               {
                 "name": "row-key",
-                "description": "Unique identifier of the row.",
-                "value": { "type": "string" }
+                "description": "Unique identifier of the row.\n\n**Note:** For selection features to work properly, this property is mandatory, and its value must not contain spaces.",
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "position",
-                "description": "Defines the position of the row respect to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.",
+                "description": "Defines the position of the row related to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.",
                 "value": { "type": "number" }
               },
               {
@@ -8257,7 +8267,7 @@
         },
         {
           "name": "ui5-table-row-action",
-          "description": "The `TableRowAction` class defines a row action for table rows.\n---\n",
+          "description": "### Overview\n\nThe `ui5-table-row-action` component defines an action for table rows.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableRowAction.js\";`\n---\n",
           "doc-url": "",
           "attributes": [
             {
@@ -8270,11 +8280,6 @@
               "description": "Defines the text of the row action.\n\n**Note:** For row actions to work properly, this property is mandatory.",
               "value": { "type": "string", "default": "\"\"" }
             },
-            {
-              "name": "disabled",
-              "description": "Defines the disabled state of the row action.",
-              "value": { "type": "boolean", "default": "false" }
-            },
             {
               "name": "invisible",
               "description": "Defines the visibility of the row action.\n\n**Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.",
@@ -8294,11 +8299,6 @@
                 "description": "Defines the text of the row action.\n\n**Note:** For row actions to work properly, this property is mandatory.",
                 "value": { "type": "string" }
               },
-              {
-                "name": "disabled",
-                "description": "Defines the disabled state of the row action.",
-                "value": { "type": "boolean" }
-              },
               {
                 "name": "invisible",
                 "description": "Defines the visibility of the row action.\n\n**Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.",
@@ -8343,7 +8343,7 @@
         },
         {
           "name": "ui5-table-selection",
-          "description": "### Overview\n\nThe `ui5-table-selection` component is used inside the `ui5-table` ti add key-based selection capabilities to the `ui5-table`.\n\nThe component offers three selection modes:\n* Single - select a single row.\n* Multiple - select multiple rows.\n* None - no selection active.\n\nAs the selection is key-based, `ui5-table-row` components need to define a unique `row-key` property.\n\n### Usage\n\nThe `ui5-table-selection` component is only used inside the `ui5-table` component as a feature.\nIt has to be slotted inside the `ui5-table` in the `features` slot.\nThe component is not intended to be used as a standalone component.\n\n```html\n<ui5-table>\n\t<ui5-table-selection mode=\"Multiple\" slot=\"features\"></ui5-table-selection>\n</ui5-table>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableSelection.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when selection is changed by user interaction.",
+          "description": "@deprecated This component is deprecated and will be removed in future releases. Use the `ui5-table-selection-single` or `ui5-table-selection-multi` components instead.\n\n### Overview\n\nThe `ui5-table-selection` component is used inside the `ui5-table` to add key-based selection capabilities to the `ui5-table`.\n\nThe component offers three selection modes:\n* Single - select a single row.\n* Multiple - select multiple rows.\n* None - no selection active.\n\nAs the selection is key-based, `ui5-table-row` components need to define a unique `row-key` property.\n\n### Usage\n\nThe `ui5-table-selection` component is only used inside the `ui5-table` component as a feature.\nIt has to be slotted inside the `ui5-table` in the `features` slot.\nThe component is not intended to be used as a standalone component.\n\n```html\n<ui5-table>\n\t<ui5-table-selection mode=\"Multiple\" slot=\"features\"></ui5-table-selection>\n</ui5-table>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableSelection.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the selection is changed by user interaction.",
           "doc-url": "",
           "attributes": [
             {
@@ -8363,7 +8363,7 @@
           "events": [
             {
               "name": "change",
-              "description": "Fired when selection is changed by user interaction."
+              "description": "Fired when the selection is changed by user interaction."
             }
           ],
           "js": {
@@ -8382,7 +8382,73 @@
             "events": [
               {
                 "name": "change",
-                "description": "Fired when selection is changed by user interaction."
+                "description": "Fired when the selection is changed by user interaction."
+              }
+            ]
+          }
+        },
+        {
+          "name": "ui5-table-selection-multi",
+          "description": "### Overview\n\nThe `ui5-table-selection-multi` component is used inside the `ui5-table` to add multi-selection capabilities to the `ui5-table`.\nSince selection is key-based, each `ui5-table-row` must define a unique `row-key` property.\n\n### Usage\n\nThe `ui5-table-selection-multi` component is a feature designed exclusively for use within the `ui5-table` component.\nIt must be placed inside the `features` slot of `ui5-table`.\nThis component is not intended for standalone use.\n\n```html\n<ui5-table>\n\t<ui5-table-selection-multi slot=\"features\" selected=\"Row1 Row3\"></ui5-table-selection-multi>\n</ui5-table>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableSelectionMulti.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the selection is changed by user interaction.\n\n### **Methods:**\n - **getSelectedRows(): _Array<TableRow>_** - Returns an array of the selected rows.\n- **areAllRowsSelected(): _boolean_** - Determines whether all rows are selected.\n- **getSelectedAsSet(): _Set<string>_** - Returns the `selected` property as a set of unique `row-key` values.\n- **setSelectedAsSet(selectedSet: _Set<string>_): _void_** - Sets the `selected` property using the provided set of unique `row-key` values.\n- **getRowKey(row: _TableRow_): _string_** - Returns the unique key associated with the table row.\n- **getRowByKey(rowKey: _string_): _TableRow | undefined_** - Returns the table row instance for the given row key.\n- **isSelected(row: _TableRowBase_): _boolean_** - Determines whether the specified table row is currently selected.\n- **setSelected(row: _TableRowBase_, selected: _boolean_): _void_** - Sets the selected state of the specified table row.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "selected",
+              "description": "Defines the `row-key` values of selected rows, with each value separated by a space.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "Fired when the selection is changed by user interaction."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "selected",
+                "description": "Defines the `row-key` values of selected rows, with each value separated by a space.",
+                "value": { "type": "string | undefined" }
+              }
+            ],
+            "events": [
+              {
+                "name": "change",
+                "description": "Fired when the selection is changed by user interaction."
+              }
+            ]
+          }
+        },
+        {
+          "name": "ui5-table-selection-single",
+          "description": "### Overview\n\nThe `ui5-table-selection-single` component is used inside the `ui5-table` to add single selection capabilities to the `ui5-table`.\nSince selection is key-based, each `ui5-table-row` must define a unique `row-key` property.\n\n### Usage\n\nThe `ui5-table-selection-single` component is a feature designed exclusively for use within the `ui5-table` component.\nIt must be placed inside the `features` slot of `ui5-table`.\nThis component is not intended for standalone use.\n\n```html\n<ui5-table>\n\t<ui5-table-selection-single slot=\"features\" selected=\"Row1\"></ui5-table-selection-single>\n</ui5-table>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableSelectionSingle.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the selection is changed by user interaction.\n\n### **Methods:**\n - **getSelectedRow(): _TableRow | undefined_** - Returns the selected row.\n- **getRowKey(row: _TableRow_): _string_** - Returns the unique key associated with the table row.\n- **getRowByKey(rowKey: _string_): _TableRow | undefined_** - Returns the table row instance for the given row key.\n- **isSelected(row: _TableRowBase_): _boolean_** - Determines whether the specified table row is currently selected.\n- **setSelected(row: _TableRowBase_, selected: _boolean_): _void_** - Sets the selected state of the specified table row.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "selected",
+              "description": "Defines the `row-key` value of the selected row.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "Fired when the selection is changed by user interaction."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "selected",
+                "description": "Defines the `row-key` value of the selected row.",
+                "value": { "type": "string | undefined" }
+              }
+            ],
+            "events": [
+              {
+                "name": "change",
+                "description": "Fired when the selection is changed by user interaction."
               }
             ]
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.8.0-rc.2",
+  "version": "2.8.0-rc.3",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -54,19 +54,19 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.8.0-rc.2",
-    "@ui5/webcomponents-icons": "2.8.0-rc.2",
-    "@ui5/webcomponents-icons-business-suite": "2.8.0-rc.2",
-    "@ui5/webcomponents-icons-tnt": "2.8.0-rc.2",
-    "@ui5/webcomponents-localization": "2.8.0-rc.2",
-    "@ui5/webcomponents-theming": "2.8.0-rc.2"
+    "@ui5/webcomponents-base": "2.8.0-rc.3",
+    "@ui5/webcomponents-icons": "2.8.0-rc.3",
+    "@ui5/webcomponents-icons-business-suite": "2.8.0-rc.3",
+    "@ui5/webcomponents-icons-tnt": "2.8.0-rc.3",
+    "@ui5/webcomponents-localization": "2.8.0-rc.3",
+    "@ui5/webcomponents-theming": "2.8.0-rc.3"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "2.8.0-rc.2",
+    "@ui5/webcomponents-tools": "2.8.0-rc.3",
     "chromedriver": "^132.0.0",
     "jsdom": "^26.0.0",
     "lit": "^2.0.0",
     "vitest": "^3.0.2"
   },
-  "gitHead": "3f2bb39755164a9074948fca90a65818ac89af7c"
+  "gitHead": "0dab2036aa86fa99985767489c50f13ffb813cd6"
 }

package/src/ComboBoxItemGroupTemplate.tsx

@@ -1,8 +1,8 @@
-import ListItemGroupTemplate from "./ListItemGroupTemplate.js";
+import ListBoxItemGroupTemplate from "./ListBoxItemGroupTemplate.js";
 import type ComboBoxItemGroup from "./ComboBoxItemGroup.js";
 
 export default function ComboBoxItemGroupTemplate(this: ComboBoxItemGroup) {
-	return [ListItemGroupTemplate.call(this, { items })];
+	return [ListBoxItemGroupTemplate.call(this, { items })];
 }
 
 function items(this: ComboBoxItemGroup) {

package/src/ListBoxItemGroupTemplate.tsx

@@ -0,0 +1,33 @@
+import type ListItemGroup from "./ListItemGroup.js";
+import ListItemGroupHeader from "./ListItemGroupHeader.js";
+import DropIndicator from "./DropIndicator.js";
+import ListItemAccessibleRole from "./types/ListItemAccessibleRole.js";
+
+export default function ListItemGroupTemplate(this: ListItemGroup, hooks?: { items: () => void }) {
+	const items = hooks?.items || defaultItems;
+
+	return (
+		<ul
+			role="group"
+			class="ui5-group-li-root"
+			onDragEnter={this._ondragenter}
+			onDragOver={this._ondragover}
+			onDrop={this._ondrop}
+			onDragLeave={this._ondragleave}
+		>
+			{this.hasHeader &&
+				<ListItemGroupHeader focused={this.focused} part="header" accessibleRole={ListItemAccessibleRole.Group}>
+					{ this.hasFormattedHeader ? <slot name="header"></slot> : this.headerText }
+				</ListItemGroupHeader>
+			}
+
+			{ items.call(this) }
+
+			<DropIndicator orientation="Horizontal" ownerReference={this}/>
+		</ul>
+	);
+}
+
+function defaultItems(this: ListItemGroup) {
+	return <slot></slot>;
+}

package/src/ListItemGroupHeaderTemplate.tsx

@@ -2,9 +2,9 @@ import type ListItemGroupHeader from "./ListItemGroupHeader.js";
 
 export default function ListItemGroupHeaderTemplate(this: ListItemGroupHeader) {
 	return (
-		<ul
-			role="group"
+		<div
 			part="native-li"
+			role={this.effectiveAccRole}
 			tabindex={this.forcedTabIndex ? parseInt(this.forcedTabIndex) : undefined}
 			class={{
 				"ui5-ghli-root": true,
@@ -18,6 +18,8 @@ export default function ListItemGroupHeaderTemplate(this: ListItemGroupHeader) {
 			<div id={`${this._id}-content`} class="ui5-li-content">
 				<span class="ui5-ghli-title"><slot></slot></span>
 			</div>
-		</ul>
+
+			{this.hasSubItems && <slot name="subItems"></slot>}
+		</div>
 	);
 }

package/src/ListItemGroupTemplate.tsx

@@ -1,32 +1,34 @@
 import type ListItemGroup from "./ListItemGroup.js";
 import ListItemGroupHeader from "./ListItemGroupHeader.js";
 import DropIndicator from "./DropIndicator.js";
+import ListItemAccessibleRole from "./types/ListItemAccessibleRole.js";
 
-export default function ListItemGroupTemplate(this: ListItemGroup, hooks?: { items: () => void }) {
-	const items = hooks?.items || defaultItems;
-
+export default function ListItemGroupTemplate(this: ListItemGroup) {
 	return (
-		<ul
-			role="group"
-			class="ui5-group-li-root"
-			onDragEnter={this._ondragenter}
-			onDragOver={this._ondragover}
-			onDrop={this._ondrop}
-			onDragLeave={this._ondragleave}
-		>
+		<>
 			{this.hasHeader &&
-				<ListItemGroupHeader focused={this.focused} part="header">
+				<ListItemGroupHeader focused={this.focused} part="header" accessibleRole={ListItemAccessibleRole.ListItem}>
 					{ this.hasFormattedHeader ? <slot name="header"></slot> : this.headerText }
+					<div
+						role="list"
+						slot="subItems"
+						aria-owns={`${this._id}-content`}
+						aria-label={this.headerText}
+					></div>
 				</ListItemGroupHeader>
 			}
+			<div class="ui5-group-li-root"
+				onDragEnter={this._ondragenter}
+				onDragOver={this._ondragover}
+				onDrop={this._ondrop}
+				onDragLeave={this._ondragleave}
+				id={`${this._id}-content`}>
 
-			{ items.call(this) }
+				<slot></slot>
 
-			<DropIndicator orientation="Horizontal" ownerReference={this}/>
-		</ul>
-	);
-}
+				<DropIndicator orientation="Horizontal" ownerReference={this}/>
+			</div>
+		</>
 
-function defaultItems(this: ListItemGroup) {
-	return <slot></slot>;
+	);
 }

package/src/ListTemplate.tsx

@@ -102,6 +102,7 @@ function moreRow(this: List) {
 				{this.loading &&
 					<BusyIndicator
 						delay={this.loadingDelay}
+						part="growing-button-busy-indicator"
 						class="ui5-list-growing-button-busy-indicator"
 						active>
 					</BusyIndicator>

package/src/MultiComboBoxItemGroupTemplate.tsx

@@ -1,8 +1,8 @@
-import ListItemGroupTemplate from "./ListItemGroupTemplate.js";
+import ListBoxItemGroupTemplate from "./ListBoxItemGroupTemplate.js";
 import type MultiComboBoxItemGroup from "./MultiComboBoxItemGroup.js";
 
 export default function MultiComboBoxItemGroupTemplate(this: MultiComboBoxItemGroup) {
-	return [ListItemGroupTemplate.call(this, { items })];
+	return [ListBoxItemGroupTemplate.call(this, { items })];
 }
 
 function items(this: MultiComboBoxItemGroup) {

package/src/SelectTemplate.tsx

@@ -13,6 +13,7 @@ export default function SelectTemplate(this: Select) {
 				}}
 				id={`${this._id}-select`}
 				onClick={this._onclick}
+				title={this.tooltip}
 			>
 				{this.selectedOptionIcon &&
 					<Icon
@@ -48,6 +49,7 @@ export default function SelectTemplate(this: Select) {
 
 				{!this.readonly &&
 					<Icon
+						part="icon"
 						name={slimArrowDown}
 						class={{
 							"inputIcon": true,

package/src/TableHeaderRow.hbs

@@ -9,7 +9,7 @@
         <ui5-checkbox id="selection-component" tabindex="-1"
             ?checked="{{_isSelected}}"
             accessible-name="{{_i18nRowSelector}}"
-            @ui5-change="{{_informSelectionChange}}"
+            @ui5-change="{{_onSelectionChange}}"
         ></ui5-checkbox>
     {{/if}}
     </ui5-table-header-cell>

package/src/TableRow.hbs

@@ -4,13 +4,13 @@
         <ui5-checkbox id="selection-component" tabindex="-1"
             ?checked="{{_isSelected}}"
             accessible-name="{{_i18nRowSelector}}"
-            @ui5-change="{{_informSelectionChange}}"
+            @ui5-change="{{_onSelectionChange}}"
         ></ui5-checkbox>
     {{else}}
         <ui5-radio-button id="selection-component" tabindex="-1"
             name="{{_tableId}}"
             ?checked="{{_isSelected}}"
-            @ui5-change="{{_informSelectionChange}}"
+            @ui5-change="{{_onSelectionChange}}"
             accessible-name="{{_i18nRowSelector}}"
         ></ui5-radio-button>
     {{/if}}

package/src/features/InputSuggestionsTemplate.tsx

@@ -6,6 +6,7 @@ import decline from "@ui5/webcomponents-icons/dist/decline.js";
 import List from "../List.js";
 import ResponsivePopover from "../ResponsivePopover.js";
 import Button from "../Button.js";
+import ListAccessibleRole from "../types/ListAccessibleRole.js";
 
 export default function InputSuggestionsTemplate(this: Input, hooks?: { suggestionsList?: (this: Input) => JsxTemplateResult, valueStateMessage: (this: Input) => JsxTemplateResult, valueStateMessageInputIcon: (this: Input) => string }) {
 	const suggestionsList = hooks?.suggestionsList || defaultSuggestionsList;
@@ -100,6 +101,7 @@ export default function InputSuggestionsTemplate(this: Input, hooks?: { suggesti
 function defaultSuggestionsList(this: Input) {
 	return (
 		<List
+			accessibleRole={ListAccessibleRole.ListBox}
 			separators={this.suggestionSeparators}
 			selectionMode="Single"
 			onMouseDown={this.onItemMouseDown}

package/src/i18n/messagebundle.properties

@@ -258,6 +258,12 @@ LIST_ITEM_NOT_SELECTED=Not Selected
 #XACT: ARIA announcement for the list item selected=false state
 LIST_ITEM_GROUP_HEADER=Group Header
 
+#XACT: ARIA announcement for grouping with role=list
+LIST_ROLE_LIST_GROUP_DESCRIPTION=contains {0} sub groups with {1} items
+
+#XACT: ARIA announcement for grouping with role=listbox
+LIST_ROLE_LISTBOX_GROUP_DESCRIPTION=contains {0} sub groups
+
 #XBUT: List Multi Selection Mode Checkbox aria-label text
 ARIA_LABEL_LIST_ITEM_CHECKBOX = Multiple Selection mode.
 

package/src/i18n/messagebundle_ar.properties

@@ -413,3 +413,5 @@ TABLE_MORE=المزيد
 TABLE_MORE_DESCRIPTION=لتحميل المزيد من الصفوف، اضغط على Enter أو Space
 TABLE_ROW_ACTIONS=إجراءات الصف
 TABLE_NAVIGATION=تنقل
+TABLE_GENERATED_BY_AI=مُنشأ بواسطة الذكاء الاصطناعي
+TABLE_COLUMN_HEADER_ROW=صف مقدمة العمود

package/src/i18n/messagebundle_bg.properties

@@ -413,3 +413,5 @@ TABLE_MORE=Още
 TABLE_MORE_DESCRIPTION=За да се заредят още редове, натиснете Enter или интервал
 TABLE_ROW_ACTIONS=Действия за реда
 TABLE_NAVIGATION=Навигация
+TABLE_GENERATED_BY_AI=Генерирано от AI
+TABLE_COLUMN_HEADER_ROW=Ред на заглавна част на колона

package/src/i18n/messagebundle_ca.properties

@@ -413,3 +413,5 @@ TABLE_MORE=Més
 TABLE_MORE_DESCRIPTION=Per carregar més files, premeu Retorn o Espai
 TABLE_ROW_ACTIONS=Accions de fila
 TABLE_NAVIGATION=Navegació
+TABLE_GENERATED_BY_AI=Generat per IA
+TABLE_COLUMN_HEADER_ROW=Línia de capçalera de columna