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

package/dist/types/TableCellHorizontalAlign.js

@@ -2,6 +2,7 @@
  * Alignment of the <ui5-table-cell> component.
  *
  * @public
+ * @experimental
  */
 var TableCellHorizontalAlign;
 (function (TableCellHorizontalAlign) {

package/dist/types/TableCellHorizontalAlign.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCellHorizontalAlign.js","sourceRoot":"","sources":["../../src/types/TableCellHorizontalAlign.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,IAAK,wBAyBJ;AAzBD,WAAK,wBAAwB;IACzB;;OAEG;IACH,yCAAa,CAAA;IAEb;;OAEG;IACH,2CAAe,CAAA;IAEf;;OAEG;IACH,2CAAe,CAAA;IAEf;;OAEG;IACH,uCAAW,CAAA;IAEX;;OAEG;IACH,6CAAiB,CAAA;AACrB,CAAC,EAzBI,wBAAwB,KAAxB,wBAAwB,QAyB5B;AAED,eAAe,wBAAwB,CAAC","sourcesContent":["/**\n * Alignment of the <ui5-table-cell> component.\n *\n * @public\n */\nenum TableCellHorizontalAlign {\n    /**\n     * @public\n     */\n    Left = \"Left\",\n\n    /**\n     * @public\n     */\n    Start = \"Start\",\n\n    /**\n     * @public\n     */\n    Right = \"Right\",\n\n    /**\n     * @public\n     */\n    End = \"End\",\n\n    /**\n     * @public\n     */\n    Center = \"Center\",\n}\n\nexport default TableCellHorizontalAlign;\n"]}
+{"version":3,"file":"TableCellHorizontalAlign.js","sourceRoot":"","sources":["../../src/types/TableCellHorizontalAlign.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,IAAK,wBAyBJ;AAzBD,WAAK,wBAAwB;IACzB;;OAEG;IACH,yCAAa,CAAA;IAEb;;OAEG;IACH,2CAAe,CAAA;IAEf;;OAEG;IACH,2CAAe,CAAA;IAEf;;OAEG;IACH,uCAAW,CAAA;IAEX;;OAEG;IACH,6CAAiB,CAAA;AACrB,CAAC,EAzBI,wBAAwB,KAAxB,wBAAwB,QAyB5B;AAED,eAAe,wBAAwB,CAAC","sourcesContent":["/**\n * Alignment of the <ui5-table-cell> component.\n *\n * @public\n * @experimental\n */\nenum TableCellHorizontalAlign {\n    /**\n     * @public\n     */\n    Left = \"Left\",\n\n    /**\n     * @public\n     */\n    Start = \"Start\",\n\n    /**\n     * @public\n     */\n    Right = \"Right\",\n\n    /**\n     * @public\n     */\n    End = \"End\",\n\n    /**\n     * @public\n     */\n    Center = \"Center\",\n}\n\nexport default TableCellHorizontalAlign;\n"]}

package/dist/types/TableGrowingMode.d.ts

@@ -2,6 +2,7 @@
  * Growing mode of the <ui5-table> component.
  *
  * @public
+ * @experimental
  */
 declare enum TableGrowingMode {
     /**

package/dist/types/TableGrowingMode.js

@@ -2,6 +2,7 @@
  * Growing mode of the <ui5-table> component.
  *
  * @public
+ * @experimental
  */
 var TableGrowingMode;
 (function (TableGrowingMode) {

package/dist/types/TableGrowingMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableGrowingMode.js","sourceRoot":"","sources":["../../src/types/TableGrowingMode.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,IAAK,gBAcJ;AAdD,WAAK,gBAAgB;IACpB;;;OAGG;IACH,qCAAiB,CAAA;IAEjB;;;;;OAKG;IACH,qCAAiB,CAAA;AAClB,CAAC,EAdI,gBAAgB,KAAhB,gBAAgB,QAcpB;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["/**\n * Growing mode of the <ui5-table> component.\n *\n * @public\n */\nenum TableGrowingMode {\n\t/**\n\t * Renders a growing button, which can be pressed to load more data.\n\t * @public\n\t */\n\tButton = \"Button\",\n\n\t/**\n\t * Scroll to load more data.\n\t *\n\t * **Note:** If the table is not scrollable, a growing button will be rendered instead to ensure growing functionality.\n\t * @public\n\t */\n\tScroll = \"Scroll\",\n}\n\nexport default TableGrowingMode;\n"]}
+{"version":3,"file":"TableGrowingMode.js","sourceRoot":"","sources":["../../src/types/TableGrowingMode.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,IAAK,gBAcJ;AAdD,WAAK,gBAAgB;IACpB;;;OAGG;IACH,qCAAiB,CAAA;IAEjB;;;;;OAKG;IACH,qCAAiB,CAAA;AAClB,CAAC,EAdI,gBAAgB,KAAhB,gBAAgB,QAcpB;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["/**\n * Growing mode of the <ui5-table> component.\n *\n * @public\n * @experimental\n */\nenum TableGrowingMode {\n\t/**\n\t * Renders a growing button, which can be pressed to load more data.\n\t * @public\n\t */\n\tButton = \"Button\",\n\n\t/**\n\t * Scroll to load more data.\n\t *\n\t * **Note:** If the table is not scrollable, a growing button will be rendered instead to ensure growing functionality.\n\t * @public\n\t */\n\tScroll = \"Scroll\",\n}\n\nexport default TableGrowingMode;\n"]}

package/dist/types/TableOverflowMode.d.ts

@@ -2,6 +2,7 @@
  * Column mode of the <ui5-table> component.
  *
  * @public
+ * @experimental
  */
 declare enum TableOverflowMode {
     /**

package/dist/types/TableOverflowMode.js

@@ -2,6 +2,7 @@
  * Column mode of the <ui5-table> component.
  *
  * @public
+ * @experimental
  */
 var TableOverflowMode;
 (function (TableOverflowMode) {

package/dist/types/TableOverflowMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableOverflowMode.js","sourceRoot":"","sources":["../../src/types/TableOverflowMode.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,IAAK,iBAYJ;AAZD,WAAK,iBAAiB;IACrB;;;OAGG;IACH,sCAAiB,CAAA;IAEjB;;;OAGG;IACH,oCAAe,CAAA;AAChB,CAAC,EAZI,iBAAiB,KAAjB,iBAAiB,QAYrB;AAED,eAAe,iBAAiB,CAAC","sourcesContent":["/**\n * Column mode of the <ui5-table> component.\n *\n * @public\n */\nenum TableOverflowMode {\n\t/**\n\t * Shows a scrollbar, when the table cannot fit all columns.\n\t * @public\n\t */\n\tScroll = \"Scroll\",\n\n\t/**\n\t * Pops in columns, that do not fit into the table anymore.\n\t * @public\n\t */\n\tPopin = \"Popin\"\n}\n\nexport default TableOverflowMode;\n"]}
+{"version":3,"file":"TableOverflowMode.js","sourceRoot":"","sources":["../../src/types/TableOverflowMode.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,IAAK,iBAYJ;AAZD,WAAK,iBAAiB;IACrB;;;OAGG;IACH,sCAAiB,CAAA;IAEjB;;;OAGG;IACH,oCAAe,CAAA;AAChB,CAAC,EAZI,iBAAiB,KAAjB,iBAAiB,QAYrB;AAED,eAAe,iBAAiB,CAAC","sourcesContent":["/**\n * Column mode of the <ui5-table> component.\n *\n * @public\n * @experimental\n */\nenum TableOverflowMode {\n\t/**\n\t * Shows a scrollbar, when the table cannot fit all columns.\n\t * @public\n\t */\n\tScroll = \"Scroll\",\n\n\t/**\n\t * Pops in columns, that do not fit into the table anymore.\n\t * @public\n\t */\n\tPopin = \"Popin\"\n}\n\nexport default TableOverflowMode;\n"]}

package/dist/types/TableSelectionMode.d.ts

@@ -2,6 +2,8 @@
  * Selection modes of the <ui5-table> component.
  *
  * @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.
  */
 declare enum TableSelectionMode {
     /**

package/dist/types/TableSelectionMode.js

@@ -2,6 +2,8 @@
  * Selection modes of the <ui5-table> component.
  *
  * @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;;;;GAIG;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 */\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.",
@@ -3847,6 +3852,11 @@
             { "name": "Descending" }
           ]
         },
+        {
+          "name": "popin-hidden",
+          "description": "Defines if the column is hidden in the popin.\n\n**Note:** Please be aware that hiding the column in the popin might lead to accessibility issues as\nusers might not be able to access the content of the column on small screens.",
+          "values": []
+        },
         {
           "name": "horizontal-align",
           "description": "Determines the horizontal alignment of table cells.",
@@ -3891,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": []
         },
         {
@@ -3919,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",
@@ -3931,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.",
@@ -3981,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",
@@ -4000,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.1",
+  "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.",
@@ -8063,6 +8073,11 @@
                 "default": "\"None\""
               }
             },
+            {
+              "name": "popin-hidden",
+              "description": "Defines if the column is hidden in the popin.\n\n**Note:** Please be aware that hiding the column in the popin might lead to accessibility issues as\nusers might not be able to access the content of the column on small screens.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "horizontal-align",
               "description": "Determines the horizontal alignment of table cells.",
@@ -8111,6 +8126,11 @@
                 "description": "Defines the sort indicator of the column.",
                 "value": { "type": "\"None\" | \"Ascending\" | \"Descending\"" }
               },
+              {
+                "name": "popin-hidden",
+                "description": "Defines if the column is hidden in the popin.\n\n**Note:** Please be aware that hiding the column in the popin might lead to accessibility issues as\nusers might not be able to access the content of the column on small screens.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "horizontal-align",
                 "description": "Determines the horizontal alignment of table cells.",
@@ -8179,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" }
             },
             {
@@ -8218,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" }
               },
               {
@@ -8247,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": [
             {
@@ -8260,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.",
@@ -8284,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.",
@@ -8333,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": [
             {
@@ -8353,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": {
@@ -8372,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.1",
+  "version": "2.8.0-rc.3",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -32,7 +32,7 @@
     "test:cypress:suite-1": "nps test-cy-ci-suite-1",
     "test:cypress:suite-2": "nps test-cy-ci-suite-2",
     "test:cypress:open": "nps test-cy-open",
-    "test:cypress:single": "nps test-cy-single",
+    "test:cypress:single": "npx cypress run --component --browser chrome --spec",
     "test:vitest": "yarn vitest run",
     "test:ssr": "node -e \"import('./test/ssr/component-imports.js')\"",
     "create-ui5-element": "wc-create-ui5-element",
@@ -54,19 +54,19 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.8.0-rc.1",
-    "@ui5/webcomponents-icons": "2.8.0-rc.1",
-    "@ui5/webcomponents-icons-business-suite": "2.8.0-rc.1",
-    "@ui5/webcomponents-icons-tnt": "2.8.0-rc.1",
-    "@ui5/webcomponents-localization": "2.8.0-rc.1",
-    "@ui5/webcomponents-theming": "2.8.0-rc.1"
+    "@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.1",
+    "@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": "3c8f6db1b5cc6e4f23423ab0075c009e9e4965e4"
+  "gitHead": "0dab2036aa86fa99985767489c50f13ffb813cd6"
 }

package/src/AvatarTemplate.tsx

@@ -18,7 +18,7 @@ export default function AvatarTemplate(this: Avatar) {
 				<slot></slot>
 				:
 				<>
-					{ this.icon && <Icon class="ui5-avatar-icon" name={this.icon}></Icon> }
+					{ this.icon && <Icon class="ui5-avatar-icon" name={this.icon} accessibleName={this.accessibleName}></Icon> }
 
 					{ this.initials &&
 					<>

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/ExpandableTextTemplate.tsx

@@ -23,7 +23,6 @@ export default function ExpandableTextTemplate(this: ExpandableText) {
 					accessibleName={this._accessibleNameForToggle}
 					accessibilityAttributes={this._accessibilityAttributesForToggle}
 					onClick={this._handleToggleClick}
-					onMouseDown={this._handleToggleMousedown}
 				>
 					{this._textForToggle}
 				</Link>

package/src/InputPopoverTemplate.tsx

@@ -1,3 +1,4 @@
+import type { JsxTemplateResult } from "@ui5/webcomponents-base/dist/index.js";
 import type Input from "./Input.js";
 import Icon from "./Icon.js";
 import error from "@ui5/webcomponents-icons/dist/error.js";
@@ -8,10 +9,12 @@ import information from "@ui5/webcomponents-icons/dist/information.js";
 import Popover from "./Popover.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
 
-export default function InputPopoverTemplate(this: Input) {
+export default function InputPopoverTemplate(this: Input, hooks?: { suggestionsList?: (this: Input) => JsxTemplateResult }) {
+	const suggestionsList = hooks?.suggestionsList;
+
 	return (
 		<>
-			{this._effectiveShowSuggestions && this.Suggestions?.template.call(this, valueStateMessage, valueStateMessageInputIcon) }
+			{this._effectiveShowSuggestions && this.Suggestions?.template.call(this, { suggestionsList, valueStateMessage, valueStateMessageInputIcon }) }
 
 			{this.hasValueStateMessage &&
 				<Popover

package/src/InputTemplate.tsx

@@ -1,11 +1,13 @@
 import type Input from "./Input.js";
+import type { JsxTemplateResult } from "@ui5/webcomponents-base/dist/index.js";
 import Icon from "./Icon.js";
 import decline from "@ui5/webcomponents-icons/dist/decline.js";
 import InputPopoverTemplate from "./InputPopoverTemplate.js";
 
-type TemplateHook = () => void;
+type TemplateHook = () => JsxTemplateResult;
 
-export default function InputTemplate(this: Input, hooks?: { preContent: TemplateHook, postContent: TemplateHook }) {
+export default function InputTemplate(this: Input, hooks?: { preContent: TemplateHook, postContent: TemplateHook, suggestionsList?: TemplateHook }) {
+	const suggestionsList = hooks?.suggestionsList;
 	const preContent = hooks?.preContent || defaultPreContent;
 	const postContent = hooks?.postContent || defaultPostContent;
 
@@ -104,7 +106,7 @@ export default function InputTemplate(this: Input, hooks?: { preContent: Templat
 				</div>
 			</div>
 
-			{ InputPopoverTemplate.call(this) }
+			{ InputPopoverTemplate.call(this, { suggestionsList }) }
 		</>
 	);
 }

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>;
+}