@ui5/webcomponents 2.6.2-rc.0 → 2.7.0-rc.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents",
-  "version": "2.6.2-rc.0",
+  "version": "2.7.0-rc.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -4375,7 +4375,7 @@
         },
         {
           "name": "ui5-menu",
-          "description": "### Overview\n\n`ui5-menu` component represents a hierarchical menu structure.\n\n### Structure\n\nThe `ui5-menu` can hold two types of entities:\n\n- `ui5-menu-item` components\n- `ui5-menu-separator` - used to separate menu items with a line\n\nAn arbitrary hierarchy structure can be represented by recursively nesting menu items.\n\n### Keyboard Handling\n\nThe `ui5-menu` provides advanced keyboard handling.\nThe user can use the following keyboard shortcuts in order to navigate trough the tree:\n\n- `Arrow Up` / `Arrow Down` - Navigates up and down the menu items that are currently visible.\n- `Arrow Right`, `Space` or `Enter` - Opens a sub-menu if there are menu items nested\nin the currently clicked menu item.\n- `Arrow Left` or `Escape` - Closes the currently opened sub-menu.\n\nNote: if the text ditrection is set to Right-to-left (RTL), `Arrow Right` and `Arrow Left` functionality is swapped.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Menu.js\";`\n---\n\n\n### **Events:**\n - **item-click** - Fired when an item is being clicked.\n\n**Note:** Since 1.17.0 the event is preventable, allowing the menu to remain open after an item is pressed.\n- **before-open** - Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening. **This event does not bubble.**\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens.\n- **open** - Fired after the menu is opened. **This event does not bubble.**\n- **before-close** - Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing. **This event does not bubble.**\n- **close** - Fired after the menu is closed. **This event does not bubble.**\n\n### **Slots:**\n - **default** - Defines the items of this component.\n\n**Note:** Use `ui5-menu-item` and `ui5-menu-separator` for their intended design.",
+          "description": "### Overview\n\n`ui5-menu` component represents a hierarchical menu structure.\n\n### Structure\n\nThe `ui5-menu` can hold two types of entities:\n\n- `ui5-menu-item` components\n- `ui5-menu-separator` - used to separate menu items with a line\n\nAn arbitrary hierarchy structure can be represented by recursively nesting menu items.\n\n### Keyboard Handling\n\nThe `ui5-menu` provides advanced keyboard handling.\nThe user can use the following keyboard shortcuts in order to navigate trough the tree:\n\n- `Arrow Up` / `Arrow Down` - Navigates up and down the menu items that are currently visible.\n- `Arrow Right`, `Space` or `Enter` - Opens a sub-menu if there are menu items nested\nin the currently clicked menu item.\n- `Arrow Left` or `Escape` - Closes the currently opened sub-menu.\n\nNote: if the text ditrection is set to Right-to-left (RTL), `Arrow Right` and `Arrow Left` functionality is swapped.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Menu.js\";`\n---\n\n\n### **Events:**\n - **item-click** - Fired when an item is being clicked.\n\n**Note:** Since 1.17.0 the event is preventable, allowing the menu to remain open after an item is pressed.\n- **before-open** - Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening.\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens.\n- **open** - Fired after the menu is opened.\n- **before-close** - Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing.\n- **close** - Fired after the menu is closed.\n\n### **Slots:**\n - **default** - Defines the items of this component.\n\n**Note:** Use `ui5-menu-item` and `ui5-menu-separator` for their intended design.",
           "doc-url": "",
           "attributes": [
             {
@@ -4420,19 +4420,19 @@
             },
             {
               "name": "before-open",
-              "description": "Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening. **This event does not bubble.**\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens."
+              "description": "Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening.\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens."
             },
             {
               "name": "open",
-              "description": "Fired after the menu is opened. **This event does not bubble.**"
+              "description": "Fired after the menu is opened."
             },
             {
               "name": "before-close",
-              "description": "Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing. **This event does not bubble.**"
+              "description": "Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing."
             },
             {
               "name": "close",
-              "description": "Fired after the menu is closed. **This event does not bubble.**"
+              "description": "Fired after the menu is closed."
             }
           ],
           "js": {
@@ -4470,26 +4470,26 @@
               },
               {
                 "name": "before-open",
-                "description": "Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening. **This event does not bubble.**\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens."
+                "description": "Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening.\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens."
               },
               {
                 "name": "open",
-                "description": "Fired after the menu is opened. **This event does not bubble.**"
+                "description": "Fired after the menu is opened."
               },
               {
                 "name": "before-close",
-                "description": "Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing. **This event does not bubble.**"
+                "description": "Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing."
               },
               {
                 "name": "close",
-                "description": "Fired after the menu is closed. **This event does not bubble.**"
+                "description": "Fired after the menu is closed."
               }
             ]
           }
         },
         {
           "name": "ui5-menu-item",
-          "description": "### Overview\n\n`ui5-menu-item` is the item to use inside a `ui5-menu`.\nAn arbitrary hierarchy structure can be represented by recursively nesting menu items.\n\n### Usage\n\n`ui5-menu-item` represents a node in a `ui5-menu`. The menu itself is rendered as a list,\nand each `ui5-menu-item` is represented by a list item in that list. Therefore, you should only use\n`ui5-menu-item` directly in your apps. The `ui5-li` list item is internal for the list, and not intended for public use.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MenuItem.js\";`\n---\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the items of this component.\n\n**Note:** The slot can hold `ui5-menu-item` and `ui5-menu-separator` items.\n\nIf there are items added to this slot, an arrow will be displayed at the end\nof the item in order to indicate that there are items added. In that case components added\nto `endContent` slot or `additionalText` content will not be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.\n- **endContent** - Defines the components that should be displayed at the end of the menu item.\n\n**Note:** It is highly recommended to slot only components of type `ui5-button`,`ui5-link`\nor `ui5-icon` in order to preserve the intended design. If there are components added to this slot,\nand there is text set in `additionalText`, it will not be displayed. If there are items added to `items` slot,\nnether `additionalText` nor components added to this slot would be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.",
+          "description": "### Overview\n\n`ui5-menu-item` is the item to use inside a `ui5-menu`.\nAn arbitrary hierarchy structure can be represented by recursively nesting menu items.\n\n### Usage\n\n`ui5-menu-item` represents a node in a `ui5-menu`. The menu itself is rendered as a list,\nand each `ui5-menu-item` is represented by a list item in that list. Therefore, you should only use\n`ui5-menu-item` directly in your apps. The `ui5-li` list item is internal for the list, and not intended for public use.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MenuItem.js\";`\n---\n\n\n### **Events:**\n - **before-open** - Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening.\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens.\n- **open** - Fired after the menu is opened.\n- **before-close** - Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing.\n- **close** - Fired after the menu is closed.\n- **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the items of this component.\n\n**Note:** The slot can hold `ui5-menu-item` and `ui5-menu-separator` items.\n\nIf there are items added to this slot, an arrow will be displayed at the end\nof the item in order to indicate that there are items added. In that case components added\nto `endContent` slot or `additionalText` content will not be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.\n- **endContent** - Defines the components that should be displayed at the end of the menu item.\n\n**Note:** It is highly recommended to slot only components of type `ui5-button`,`ui5-link`\nor `ui5-icon` in order to preserve the intended design. If there are components added to this slot,\nand there is text set in `additionalText`, it will not be displayed. If there are items added to `items` slot,\nnether `additionalText` nor components added to this slot would be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.",
           "doc-url": "",
           "attributes": [
             {
@@ -4578,6 +4578,22 @@
             }
           ],
           "events": [
+            {
+              "name": "before-open",
+              "description": "Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening.\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens."
+            },
+            {
+              "name": "open",
+              "description": "Fired after the menu is opened."
+            },
+            {
+              "name": "before-close",
+              "description": "Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing."
+            },
+            {
+              "name": "close",
+              "description": "Fired after the menu is closed."
+            },
             {
               "name": "detail-click",
               "description": "Fired when the user clicks on the detail button when type is `Detail`."
@@ -4656,6 +4672,22 @@
               }
             ],
             "events": [
+              {
+                "name": "before-open",
+                "description": "Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening.\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens."
+              },
+              {
+                "name": "open",
+                "description": "Fired after the menu is opened."
+              },
+              {
+                "name": "before-close",
+                "description": "Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing."
+              },
+              {
+                "name": "close",
+                "description": "Fired after the menu is closed."
+              },
               {
                 "name": "detail-click",
                 "description": "Fired when the user clicks on the detail button when type is `Detail`."
@@ -7721,7 +7753,7 @@
         },
         {
           "name": "ui5-table",
-          "description": "### Overview\n\nThe `ui5-table` component provides a set of sophisticated features for displaying and dealing with vast amounts of data in a responsive manner.\nTo render the `ui5-table`, you need to define the columns and rows. You can use the provided `ui5-table-header-row` and `ui5-table-row` components for this purpose.\n\n### Features\n\nThe `ui5-table` can be enhanced in its functionalities by applying different features.\nFeatures can be slotted into the `features` slot, to enable them in the component.\nFeatures need to be imported separately, as they are not enabled by default.\n\nThe following features are currently available:\n\n* [TableSelection](../TableSelection) - adds selection capabilities to the table\n* [TableGrowing](../TableGrowing) - provides growing capabilities to load more data\n\n### Keyboard Handling\n\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\nFurthermore, you can interact with `ui5-table` via the following keys:\n\nIf the focus is on a row, the following keyboard shortcuts are available:\n* <kbd>Down</kbd> - Navigates down\n* <kbd>Up</kbd> - Navigates up\n* <kbd>Right</kbd> - Selects the first cell of the row\n* <kbd>Space</kbd> - Toggles the selection of the row\n* <kbd>Ctrl/Cmd + A</kbd> - In multi selection mode, toggles the selection of all rows\n* <kbd>Home</kbd> - Navigates to the first row, if the focus is on the first row, navigates to the header row\n* <kbd>End</kbd> - Navigates to the last row, if the focus is on the last row, navigates to the growing button\n* <kbd>Page Up</kbd> - Navigates one page up, if the focus is on the first row, navigates to the header row\n* <kbd>Page Down</kbd> - Navigates one page down, if the focus is on the last row, navigates to the growing button\n* <kbd>F2</kbd> - Focuses the first tabbable element in the row\n* <kbd>F7</kbd> - If focus position is remembered, moves focus to the corresponding focus position row, otherwise to the first tabbable element within the row\n* <kbd>[Shift]Tab</kbd> - Move focus to the element in the tab chain outside the table\n\n\nIf the focus is on a cell, the following keyboard shortcuts are available:\n* <kbd>Down</kbd> - Navigates down\n* <kbd>Up</kbd> - Navigates up\n* <kbd>Right</kbd> - Navigates right\n* <kbd>Left</kbd> - Navigates left, if the focus is on the first cell of the row, the focus is moved to the row.\n* <kbd>Home</kbd> - Navigates to the first cell of the current row, if the focus is on the first cell, navigates to the corresponding row\n* <kbd>End</kbd> - Navigates to the last cell of the current row, if the focus is on the last cell, navigates to the corresponding row\n* <kbd>Page Up</kbd> - Navigates one page up while keeping the focus in same column\n* <kbd>Page Down</kbd> - Navigates one page down while keeping the focus in same column\n* <kbd>F2</kbd> - Toggles the focus between the first tabbable cell content and the cell\n* <kbd>Enter</kbd> - Focuses the first tabbable cell content\n* <kbd>F7</kbd> - If the focus is on an interactive element inside a row, moves focus to the corresponding row and remembers the focus position of the element within the row\n* <kbd>[Shift]Tab</kbd> - Move focus to the element in the tab chain outside the table\n\n\nIf the focus is on an interactive cell content, the following keyboard shortcuts are available:\n* <kbd>Down</kbd> - Move the focus to the interactive element in the same column of the previous row, unless the focused element prevents the default\n* <kbd>Up</kbd> - Move the focus to the interactive element in the same column of the next row, unless the focused element prevents the default\n* <kbd>[Shift]Tab</kbd> - Move the focus to the element in the tab chain\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Table.js\";`\\\n`import \"@ui5/webcomponents/dist/TableRow.js\";` (`ui5-table-row`)\\\n`import \"@ui5/webcomponents/dist/TableCell.js\";` (`ui5-table-cell`)\\\n`import \"@ui5/webcomponents/dist/TableHeaderRow.js\";` (`ui5-table-header-row`)\\\n`import \"@ui5/webcomponents/dist/TableHeaderCell.js\";` (`ui5-table-header-cell`)\n---\n\n\n### **Events:**\n - **row-click** - Fired when an interactive row is clicked.\n- **move-over** - Fired when a movable item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n\n**Note:** If the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`.\n- **move** - Fired when a movable list item is dropped onto a drop target.\n\n**Notes:**\n\nThe `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\nIf the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`.\n\n### **Slots:**\n - **default** - Defines the rows of the component.\n\nNote: Use <code>ui5-table-row</code> for the intended design.\n- **headerRow** - Defines the header row of the component.\n\nNote: Use <code>ui5-table-header-row</code> for the intended design.\n- **nodata** - Defines the custom visualization if there is no data available.\n- **features** - Defines the features of the component.",
+          "description": "### Overview\n\nThe `ui5-table` component provides a set of sophisticated features for displaying and dealing with vast amounts of data in a responsive manner.\nTo render the `ui5-table`, you need to define the columns and rows. You can use the provided `ui5-table-header-row` and `ui5-table-row` components for this purpose.\n\n### Features\n\nThe `ui5-table` can be enhanced in its functionalities by applying different features.\nFeatures can be slotted into the `features` slot, to enable them in the component.\nFeatures need to be imported separately, as they are not enabled by default.\n\nThe following features are currently available:\n\n* [TableSelection](../TableSelection) - adds selection capabilities to the table\n* [TableGrowing](../TableGrowing) - provides growing capabilities to load more data\n\n### Keyboard Handling\n\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\nFurthermore, you can interact with `ui5-table` via the following keys:\n\nIf the focus is on a row, the following keyboard shortcuts are available:\n* <kbd>Down</kbd> - Navigates down\n* <kbd>Up</kbd> - Navigates up\n* <kbd>Right</kbd> - Selects the first cell of the row\n* <kbd>Space</kbd> - Toggles the selection of the row\n* <kbd>Ctrl/Cmd + A</kbd> - In multi selection mode, toggles the selection of all rows\n* <kbd>Home</kbd> - Navigates to the first row, if the focus is on the first row, navigates to the header row\n* <kbd>End</kbd> - Navigates to the last row, if the focus is on the last row, navigates to the growing button\n* <kbd>Page Up</kbd> - Navigates one page up, if the focus is on the first row, navigates to the header row\n* <kbd>Page Down</kbd> - Navigates one page down, if the focus is on the last row, navigates to the growing button\n* <kbd>F2</kbd> - Focuses the first tabbable element in the row\n* <kbd>F7</kbd> - If focus position is remembered, moves focus to the corresponding focus position row, otherwise to the first tabbable element within the row\n* <kbd>[Shift]Tab</kbd> - Move focus to the element in the tab chain outside the table\n\n\nIf the focus is on a cell, the following keyboard shortcuts are available:\n* <kbd>Down</kbd> - Navigates down\n* <kbd>Up</kbd> - Navigates up\n* <kbd>Right</kbd> - Navigates right\n* <kbd>Left</kbd> - Navigates left, if the focus is on the first cell of the row, the focus is moved to the row.\n* <kbd>Home</kbd> - Navigates to the first cell of the current row, if the focus is on the first cell, navigates to the corresponding row\n* <kbd>End</kbd> - Navigates to the last cell of the current row, if the focus is on the last cell, navigates to the corresponding row\n* <kbd>Page Up</kbd> - Navigates one page up while keeping the focus in same column\n* <kbd>Page Down</kbd> - Navigates one page down while keeping the focus in same column\n* <kbd>F2</kbd> - Toggles the focus between the first tabbable cell content and the cell\n* <kbd>Enter</kbd> - Focuses the first tabbable cell content\n* <kbd>F7</kbd> - If the focus is on an interactive element inside a row, moves focus to the corresponding row and remembers the focus position of the element within the row\n* <kbd>[Shift]Tab</kbd> - Move focus to the element in the tab chain outside the table\n\n\nIf the focus is on an interactive cell content, the following keyboard shortcuts are available:\n* <kbd>Down</kbd> - Move the focus to the interactive element in the same column of the previous row, unless the focused element prevents the default\n* <kbd>Up</kbd> - Move the focus to the interactive element in the same column of the next row, unless the focused element prevents the default\n* <kbd>[Shift]Tab</kbd> - Move the focus to the element in the tab chain\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Table.js\";`\\\n`import \"@ui5/webcomponents/dist/TableRow.js\";` (`ui5-table-row`)\\\n`import \"@ui5/webcomponents/dist/TableCell.js\";` (`ui5-table-cell`)\\\n`import \"@ui5/webcomponents/dist/TableHeaderRow.js\";` (`ui5-table-header-row`)\\\n`import \"@ui5/webcomponents/dist/TableHeaderCell.js\";` (`ui5-table-header-cell`)\n---\n\n\n### **Events:**\n - **row-click** - Fired when an interactive row is clicked.\n- **move-over** - Fired when a movable item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n\n**Note:** If the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`.\n- **move** - Fired when a movable list item is dropped onto a drop target.\n\n**Notes:**\n\nThe `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\nIf the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`.\n- **row-action-click** - Fired when a row action is clicked.\n\n### **Slots:**\n - **default** - Defines the rows of the component.\n\n**Note:** Use `ui5-table-row` for the intended design.\n- **headerRow** - Defines the header row of the component.\n\n**Note:** Use `ui5-table-header-row` for the intended design.\n- **nodata** - Defines the custom visualization if there is no data available.\n- **features** - Defines the features of the component.",
           "doc-url": "",
           "attributes": [
             {
@@ -7749,23 +7781,28 @@
             },
             {
               "name": "loading",
-              "description": "Defines if the loading indicator should be shown.\n\n<b>Note:</b> When the component is loading, it is non-interactive.",
+              "description": "Defines if the loading indicator should be shown.\n\n**Note:** When the component is loading, it is not interactive.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "loading-delay",
               "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this component.",
               "value": { "type": "number", "default": "1000" }
+            },
+            {
+              "name": "row-action-count",
+              "description": "Defines the maximum number of row actions that is displayed, which determines the width of the row action column.\n\n**Note:** It is recommended to use a maximum of 3 row actions, as exceeding this limit may take up too much space on smaller screens.",
+              "value": { "type": "number", "default": "0" }
             }
           ],
           "slots": [
             {
               "name": "default",
-              "description": "Defines the rows of the component.\n\nNote: Use <code>ui5-table-row</code> for the intended design."
+              "description": "Defines the rows of the component.\n\n**Note:** Use `ui5-table-row` for the intended design."
             },
             {
               "name": "headerRow",
-              "description": "Defines the header row of the component.\n\nNote: Use <code>ui5-table-header-row</code> for the intended design."
+              "description": "Defines the header row of the component.\n\n**Note:** Use `ui5-table-header-row` for the intended design."
             },
             {
               "name": "nodata",
@@ -7788,6 +7825,10 @@
             {
               "name": "move",
               "description": "Fired when a movable list item is dropped onto a drop target.\n\n**Notes:**\n\nThe `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\nIf the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`."
+            },
+            {
+              "name": "row-action-click",
+              "description": "Fired when a row action is clicked."
             }
           ],
           "js": {
@@ -7814,13 +7855,18 @@
               },
               {
                 "name": "loading",
-                "description": "Defines if the loading indicator should be shown.\n\n<b>Note:</b> When the component is loading, it is non-interactive.",
+                "description": "Defines if the loading indicator should be shown.\n\n**Note:** When the component is loading, it is not interactive.",
                 "value": { "type": "boolean" }
               },
               {
                 "name": "loading-delay",
                 "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this component.",
                 "value": { "type": "number" }
+              },
+              {
+                "name": "row-action-count",
+                "description": "Defines the maximum number of row actions that is displayed, which determines the width of the row action column.\n\n**Note:** It is recommended to use a maximum of 3 row actions, as exceeding this limit may take up too much space on smaller screens.",
+                "value": { "type": "number" }
               }
             ],
             "events": [
@@ -7835,6 +7881,10 @@
               {
                 "name": "move",
                 "description": "Fired when a movable list item is dropped onto a drop target.\n\n**Notes:**\n\nThe `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\nIf the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`."
+              },
+              {
+                "name": "row-action-click",
+                "description": "Fired when a row action is clicked."
               }
             ]
           }
@@ -7846,7 +7896,7 @@
           "attributes": [
             {
               "name": "horizontal-align",
-              "description": "Determines the horizontal alignment of table cells.\n**Note:** All values valid for justify-content can be used, not just the ones inside the enumeration.",
+              "description": "Determines the horizontal alignment of table cells.",
               "value": {
                 "type": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined",
                 "default": "undefined"
@@ -7858,7 +7908,7 @@
             "properties": [
               {
                 "name": "horizontal-align",
-                "description": "Determines the horizontal alignment of table cells.\n**Note:** All values valid for justify-content can be used, not just the ones inside the enumeration.",
+                "description": "Determines the horizontal alignment of table cells.",
                 "value": {
                   "type": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
                 }
@@ -7948,9 +7998,14 @@
               "description": "Defines the importance of the column.\n\nThis property affects the popin behaviour.\nColumns with higher importance will move into the popin area later then less important\ncolumns.",
               "value": { "type": "number", "default": "0" }
             },
+            {
+              "name": "popin-text",
+              "description": "The text for the column when it pops in.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "name": "horizontal-align",
-              "description": "Determines the horizontal alignment of table cells.\n**Note:** All values valid for justify-content can be used, not just the ones inside the enumeration.",
+              "description": "Determines the horizontal alignment of table cells.",
               "value": {
                 "type": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined",
                 "default": "undefined"
@@ -7980,9 +8035,14 @@
                 "description": "Defines the importance of the column.\n\nThis property affects the popin behaviour.\nColumns with higher importance will move into the popin area later then less important\ncolumns.",
                 "value": { "type": "number" }
               },
+              {
+                "name": "popin-text",
+                "description": "The text for the column when it pops in.",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "horizontal-align",
-                "description": "Determines the horizontal alignment of table cells.\n**Note:** All values valid for justify-content can be used, not just the ones inside the enumeration.",
+                "description": "Determines the horizontal alignment of table cells.",
                 "value": {
                   "type": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
                 }
@@ -8022,7 +8082,7 @@
         },
         {
           "name": "ui5-table-row",
-          "description": "### Overview\n\nThe `ui5-table-row` component represents a row in the `ui5-table`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableRow.js\";`\n---\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design.",
+          "description": "### Overview\n\nThe `ui5-table-row` component represents a row in the `ui5-table`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableRow.js\";`\n---\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design.\n- **actions** - Defines the actions of the component.\n\n**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.",
           "doc-url": "",
           "attributes": [
             {
@@ -8032,7 +8092,7 @@
             },
             {
               "name": "position",
-              "description": "Defines the position of the row respect to the total number of rows within the table when the <code>ui5-table-virtualizer</code> feature is used.",
+              "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.",
               "value": { "type": "number", "default": "-1" }
             },
             {
@@ -8055,6 +8115,10 @@
             {
               "name": "default",
               "description": "Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design."
+            },
+            {
+              "name": "actions",
+              "description": "Defines the actions of the component.\n\n**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design."
             }
           ],
           "events": [],
@@ -8067,7 +8131,7 @@
               },
               {
                 "name": "position",
-                "description": "Defines the position of the row respect to the total number of rows within the table when the <code>ui5-table-virtualizer</code> feature is used.",
+                "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.",
                 "value": { "type": "number" }
               },
               {
@@ -8089,6 +8153,92 @@
             "events": []
           }
         },
+        {
+          "name": "ui5-table-row-action",
+          "description": "The `TableRowAction` class defines a row action for table rows.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "icon",
+              "description": "Defines the icon of the row action.\n\n**Note:** For row actions to work properly, this property is mandatory.\n\n**Note:** SAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "text",
+              "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.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "icon",
+                "description": "Defines the icon of the row action.\n\n**Note:** For row actions to work properly, this property is mandatory.\n\n**Note:** SAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "text",
+                "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.",
+                "value": { "type": "boolean" }
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "ui5-table-row-action-navigation",
+          "description": "The `TableRowActionNavigation` class defines a navigation actio‚n for table rows.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "interactive",
+              "description": "Defines the interactive state of the navigation 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.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "interactive",
+                "description": "Defines the interactive state of the navigation 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.",
+                "value": { "type": "boolean" }
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "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.",
@@ -8142,12 +8292,12 @@
           "attributes": [
             {
               "name": "row-height",
-              "description": "Defines the height of the rows in the table.\n\n**Note:** This property is mandatory for the virtualization to work properly.",
+              "description": "Defines the height of the rows in the table.\n\n**Note:** For virtualization to work properly, this property is mandatory.",
               "value": { "type": "number", "default": "45" }
             },
             {
               "name": "row-count",
-              "description": "Defines the total count of rows in the table.\n\n**Note:** This property is mandatory for the virtualization to work properly.",
+              "description": "Defines the total count of rows in the table.\n\n**Note:** For virtualization to work properly, this property is mandatory.",
               "value": { "type": "number", "default": "100" }
             },
             {
@@ -8166,12 +8316,12 @@
             "properties": [
               {
                 "name": "row-height",
-                "description": "Defines the height of the rows in the table.\n\n**Note:** This property is mandatory for the virtualization to work properly.",
+                "description": "Defines the height of the rows in the table.\n\n**Note:** For virtualization to work properly, this property is mandatory.",
                 "value": { "type": "number" }
               },
               {
                 "name": "row-count",
-                "description": "Defines the total count of rows in the table.\n\n**Note:** This property is mandatory for the virtualization to work properly.",
+                "description": "Defines the total count of rows in the table.\n\n**Note:** For virtualization to work properly, this property is mandatory.",
                 "value": { "type": "number" }
               },
               {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.6.2-rc.0",
+  "version": "2.7.0-rc.0",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -50,17 +50,17 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.6.2-rc.0",
-    "@ui5/webcomponents-icons": "2.6.2-rc.0",
-    "@ui5/webcomponents-icons-business-suite": "2.6.2-rc.0",
-    "@ui5/webcomponents-icons-tnt": "2.6.2-rc.0",
-    "@ui5/webcomponents-localization": "2.6.2-rc.0",
-    "@ui5/webcomponents-theming": "2.6.2-rc.0"
+    "@ui5/webcomponents-base": "2.7.0-rc.0",
+    "@ui5/webcomponents-icons": "2.7.0-rc.0",
+    "@ui5/webcomponents-icons-business-suite": "2.7.0-rc.0",
+    "@ui5/webcomponents-icons-tnt": "2.7.0-rc.0",
+    "@ui5/webcomponents-localization": "2.7.0-rc.0",
+    "@ui5/webcomponents-theming": "2.7.0-rc.0"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "2.6.2-rc.0",
+    "@ui5/webcomponents-tools": "2.7.0-rc.0",
     "chromedriver": "^131.0.0",
     "lit": "^2.0.0"
   },
-  "gitHead": "dfe4115234a48f7b174d86c0118b552d13403e5e"
+  "gitHead": "bae15996685c58d21d6bf20ce7fa8ed10e4728c7"
 }

package/src/DialogTemplate.tsx

@@ -13,7 +13,7 @@ export default function DialogTemplate(this: Dialog) {
 
 function beforeContent(this: Dialog) {
 	return (<>
-		{this._displayHeader &&
+		{!!this._displayHeader &&
 			<header>
 				<div
 					class="ui5-popup-header-root"

package/src/NavigationMenuTemplate.tsx

@@ -20,6 +20,7 @@ export default function NavigationMenuTemplate(this: NavigationMenu) {
 			onOpen={this._afterPopoverOpen}
 			onBeforeClose={this._beforePopoverClose}
 			onClose={this._afterPopoverClose}
+			hideArrow={true}
 		>
 			<span id={`${this._id}-navigationMenuPopoverText`} class="ui5-hidden-text">{this.accSideNavigationPopoverHiddenText}</span>
 			{this.isPhone &&

package/src/SelectPopoverTemplate.tsx

@@ -0,0 +1,106 @@
+import type Select from "./Select.js";
+import List from "./List.js";
+import Button from "./Button.js";
+import ResponsivePopover from "./ResponsivePopover.js";
+import Popover from "./Popover.js";
+import Icon from "./Icon.js";
+import decline from "@ui5/webcomponents-icons/dist/decline.js";
+
+export default function SelectPopoverTemplate(this: Select) {
+	return (
+		<>
+			{this.options.length > 0 &&
+				<ResponsivePopover
+					class={{
+						"ui5-select-popover": true,
+						...this.classes.popover
+					}}
+					part="popover"
+					style={this.styles.responsivePopover}
+					placement="Bottom"
+					horizontalAlign="Start"
+					hideArrow={true}
+					preventInitialFocus={true}
+					onOpen={this._afterOpen}
+					onBeforeOpen={this._beforeOpen}
+					onClose={this._afterClose}
+					onKeyDown={this._onkeydown}
+				>
+					{this._isPhone &&
+						<div slot="header" class="ui5-responsive-popover-header">
+							<div class="row">
+								<span>{this._headerTitleText}</span>
+								<Button
+									class="ui5-responsive-popover-close-btn"
+									icon={decline}
+									design="Transparent"
+									onClick={this._toggleRespPopover} />
+							</div>
+
+							{this.hasValueStateText &&
+								<div class={{
+									"row": true,
+									"ui5-select-value-state-dialog-header": true,
+									...this.classes.popoverValueState
+								}}>
+									{valueStateMessage.call(this)}
+								</div>
+							}
+						</div>
+					}
+
+					{!this._isPhone && this.hasValueStateText &&
+						<div
+							class={this.classes.popoverValueState}
+							style={this.styles.responsivePopoverHeader}>
+							<Icon
+								class="ui5-input-value-state-message-icon"
+								name={this._valueStateMessageInputIcon} />
+							{valueStateMessage.call(this)}
+						</div>
+					}
+
+					<List
+						separators="None"
+						onMouseDown={this._itemMousedown}
+						onItemClick={this._handleItemPress}
+					>
+						<slot></slot>
+					</List>
+				</ResponsivePopover>
+			}
+
+			{this.shouldOpenValueStateMessagePopover &&
+				<Popover
+					part="popover"
+					class="ui5-valuestatemessage-popover"
+					preventInitialFocus={true}
+					preventFocusRestore={true}
+					hideArrow={true}
+					placement="Bottom"
+					horizontalAlign="Start"
+				>
+					<div
+						class={this.classes.popoverValueState}
+						style={this.styles.popoverHeader}>
+						<Icon
+							class="ui5-input-value-state-message-icon"
+							name={this._valueStateMessageInputIcon} />
+						{valueStateMessage.call(this)}
+					</div>
+				</Popover>
+			}
+		</>
+	);
+}
+
+function valueStateMessage(this: Select) {
+	return (
+		<>
+			{this.shouldDisplayDefaultValueStateMessage
+				? this.valueStateText
+				: <slot name="valueStateMessage"></slot>
+			}
+		</>
+	);
+}