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

package/dist/types/TableSelectionMultiHeaderSelector.js

@@ -0,0 +1,21 @@
+/**
+ * Selectors of the table header row in multi-selection scenarios.
+ *
+ * @public
+ * @since 2.12
+ */
+var TableSelectionMultiHeaderSelector;
+(function (TableSelectionMultiHeaderSelector) {
+    /**
+     * Renders a checkbox in the table header row that toggles the selection of all rows.
+     * @public
+     */
+    TableSelectionMultiHeaderSelector["SelectAll"] = "SelectAll";
+    /**
+     * Renders an icon in the table header row that removes the selection of all rows.
+     * @public
+     */
+    TableSelectionMultiHeaderSelector["ClearAll"] = "ClearAll";
+})(TableSelectionMultiHeaderSelector || (TableSelectionMultiHeaderSelector = {}));
+export default TableSelectionMultiHeaderSelector;
+//# sourceMappingURL=TableSelectionMultiHeaderSelector.js.map

package/dist/types/TableSelectionMultiHeaderSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelectionMultiHeaderSelector.js","sourceRoot":"","sources":["../../src/types/TableSelectionMultiHeaderSelector.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,IAAK,iCAYJ;AAZD,WAAK,iCAAiC;IACrC;;;OAGG;IACH,4DAAuB,CAAA;IAEvB;;;OAGG;IACH,0DAAqB,CAAA;AACtB,CAAC,EAZI,iCAAiC,KAAjC,iCAAiC,QAYrC;AAED,eAAe,iCAAiC,CAAC","sourcesContent":["/**\n * Selectors of the table header row in multi-selection scenarios.\n *\n * @public\n * @since 2.12\n */\nenum TableSelectionMultiHeaderSelector {\n\t/**\n\t * Renders a checkbox in the table header row that toggles the selection of all rows.\n\t * @public\n\t */\n\tSelectAll = \"SelectAll\",\n\n\t/**\n\t * Renders an icon in the table header row that removes the selection of all rows.\n\t * @public\n\t */\n\tClearAll = \"ClearAll\",\n}\n\nexport default TableSelectionMultiHeaderSelector;\n"]}

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

@@ -725,6 +725,11 @@
           "name": "name",
           "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
           "values": []
+        },
+        {
+          "name": "value",
+          "description": "Defines the form value of the component that is submitted when the checkbox is checked.\n\nWhen a form containing `ui5-checkbox` elements is submitted, only the values of the\n**checked** checkboxes are included in the form data sent to the server. Unchecked\ncheckboxes do not contribute any data to the form submission.\n\nThis property is particularly useful for **checkbox groups**, where multiple checkboxes with the same `name` but different `value` properties can be used to represent a set of related options.",
+          "values": []
         }
       ],
       "references": []
@@ -2244,7 +2249,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\nwhen there is `endContent` :\n- `Arrow Left` or `ArrowRight` - Navigate between the menu item actions and the menu item itself\n- `Arrow Up` / `Arrow Down` - Navigates up and down the currently visible menu items\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\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.",
+      "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\nwhen there is `endContent` :\n- `Arrow Left` or `ArrowRight` - Navigate between the menu item actions and the menu item itself\n- `Arrow Up` / `Arrow Down` - Navigates up and down the currently visible menu items\n\n**Note:** If the text direction is set to Right-to-left (RTL), `Arrow Right` and `Arrow Left` functionality is swapped.\n\nApplication developers are responsible for ensuring that interactive elements placed in the `endContent` slot\nhave the correct accessibility behaviour, including their enabled or disabled states.\nThe menu does not manage these aspects when the menu item state changes.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Menu.js\";`\n\n\n---\n\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.",
       "attributes": [
         {
           "name": "header-text",
@@ -2286,7 +2291,7 @@
     },
     {
       "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\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`.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+      "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\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- **check** - Fired when an item is checked or unchecked.\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 menu item and 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`.\n\nApplication developers are responsible for ensuring that interactive elements placed in the `endContent` slot\nhave the correct accessibility behaviour, including their enabled or disabled states.\nThe menu does not manage these aspects when the menu item state changes.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
       "attributes": [
         {
           "name": "text",
@@ -2305,17 +2310,17 @@
         },
         {
           "name": "disabled",
-          "description": "Defines whether `ui5-menu-item` is in disabled state.\n\n**Note:** A disabled `ui5-menu-item` is noninteractive.",
+          "description": "Defines whether menu item is in disabled state.\n\n**Note:** A disabled menu item is noninteractive.",
           "values": []
         },
         {
           "name": "loading",
-          "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.\n\n**Note:** If set to `true` a `ui5-busy-indicator` component will be displayed into the related one to the current `ui5-menu-item` sub-menu popover.",
+          "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.\n\n**Note:** If set to `true` a busy indicator component will be displayed into the related one to the current menu item sub-menu popover.",
           "values": []
         },
         {
           "name": "loading-delay",
-          "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.",
+          "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.",
           "values": []
         },
         {
@@ -2328,6 +2333,11 @@
           "description": "Defines the text of the tooltip for the menu item.",
           "values": []
         },
+        {
+          "name": "checked",
+          "description": "Defines whether menu item is in checked state.\n\n**Note:** checked state is only taken into account when menu item is added to menu item group\nwith `checkMode` other than `None`.\n\n**Note:** A checked menu item has a checkmark displayed at its end.",
+          "values": []
+        },
         {
           "name": "accessibility-attributes",
           "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaKeyShortcuts**: Indicated the availability of a keyboard shortcuts defined for the menu item.\n\n- **role**: Defines the role of the menu item. If not set, menu item will have default role=\"menuitem\".",
@@ -2367,6 +2377,22 @@
       ],
       "references": []
     },
+    {
+      "name": "ui5-menu-item-group",
+      "description": "### Overview\n\nThe `ui5-menu-item-group` component represents a group of items designed for use inside a `ui5-menu`.\nItems belonging to the same group should be wrapped by a `ui5-menu-item-group`.\nEach group can have an `checkMode` property, which defines the check mode for the items within the group.\nThe possible values for `checkMode` are:\n- 'None' (default) - no items can be checked\n- 'Single' - Only one item can be checked at a time\n- 'Multiple' - Multiple items can be checked simultaneously\n\n**Note:** If the `checkMode` property is set to 'Single', only one item can remain checked at any given time.\nIf multiple items are marked as checked, the last checked item will take precedence.\n\n### Usage\n\n`ui5-menu-item-group` represents a collection of `ui5-menu-item` components that can have the same check mode.\nThe items are addeed to the group's `items` slot.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MenuItemGroup.js\";`\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the items of this component.\n**Note:** The slot can hold any combination of components of type `ui5-menu-item` or `ui5-menu-separator` or both.",
+      "attributes": [
+        {
+          "name": "check-mode",
+          "description": "Defines the component's check mode.",
+          "values": [
+            { "name": "None" },
+            { "name": "Single" },
+            { "name": "Multiple" }
+          ]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "ui5-menu-separator",
       "description": "The `ui5-menu-separator` represents a horizontal line to separate menu items inside a `ui5-menu`.\n\n\n---\n\n\n",
@@ -3763,6 +3789,11 @@
           "name": "name",
           "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
           "values": []
+        },
+        {
+          "name": "value",
+          "description": "Defines the form value of the component.",
+          "values": []
         }
       ],
       "references": []
@@ -4183,6 +4214,11 @@
           "description": "Defines the `row-key` values of selected rows, with each value separated by a space.",
           "values": []
         },
+        {
+          "name": "header-selector",
+          "description": "Defines the selector of the header row.",
+          "values": [{ "name": "SelectAll" }, { "name": "ClearAll" }]
+        },
         {
           "name": "behavior",
           "description": "Defines the selection behavior.",

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.12.0-rc.1",
+  "version": "2.12.0-rc.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1357,6 +1357,11 @@
               "name": "name",
               "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
               "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "value",
+              "description": "Defines the form value of the component that is submitted when the checkbox is checked.\n\nWhen a form containing `ui5-checkbox` elements is submitted, only the values of the\n**checked** checkboxes are included in the form data sent to the server. Unchecked\ncheckboxes do not contribute any data to the form submission.\n\nThis property is particularly useful for **checkbox groups**, where multiple checkboxes with the same `name` but different `value` properties can be used to represent a set of related options.",
+              "value": { "type": "string", "default": "\"on\"" }
             }
           ],
           "events": [
@@ -1428,6 +1433,11 @@
                 "name": "name",
                 "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
                 "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "value",
+                "description": "Defines the form value of the component that is submitted when the checkbox is checked.\n\nWhen a form containing `ui5-checkbox` elements is submitted, only the values of the\n**checked** checkboxes are included in the form data sent to the server. Unchecked\ncheckboxes do not contribute any data to the form submission.\n\nThis property is particularly useful for **checkbox groups**, where multiple checkboxes with the same `name` but different `value` properties can be used to represent a set of related options.",
+                "value": { "type": "string" }
               }
             ],
             "events": [
@@ -4683,7 +4693,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\nwhen there is `endContent` :\n- `Arrow Left` or `ArrowRight` - Navigate between the menu item actions and the menu item itself\n- `Arrow Up` / `Arrow Down` - Navigates up and down the currently visible menu items\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.",
+          "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\nwhen there is `endContent` :\n- `Arrow Left` or `ArrowRight` - Navigate between the menu item actions and the menu item itself\n- `Arrow Up` / `Arrow Down` - Navigates up and down the currently visible menu items\n\n**Note:** If the text direction is set to Right-to-left (RTL), `Arrow Right` and `Arrow Left` functionality is swapped.\n\nApplication developers are responsible for ensuring that interactive elements placed in the `endContent` slot\nhave the correct accessibility behaviour, including their enabled or disabled states.\nThe menu does not manage these aspects when the menu item state changes.\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": [
             {
@@ -4812,7 +4822,7 @@
         },
         {
           "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 - **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`.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+          "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- **check** - Fired when an item is checked or unchecked.\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 menu item and 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`.\n\nApplication developers are responsible for ensuring that interactive elements placed in the `endContent` slot\nhave the correct accessibility behaviour, including their enabled or disabled states.\nThe menu does not manage these aspects when the menu item state changes.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
           "doc-url": "",
           "attributes": [
             {
@@ -4832,17 +4842,17 @@
             },
             {
               "name": "disabled",
-              "description": "Defines whether `ui5-menu-item` is in disabled state.\n\n**Note:** A disabled `ui5-menu-item` is noninteractive.",
+              "description": "Defines whether menu item is in disabled state.\n\n**Note:** A disabled menu item is noninteractive.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "loading",
-              "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.\n\n**Note:** If set to `true` a `ui5-busy-indicator` component will be displayed into the related one to the current `ui5-menu-item` sub-menu popover.",
+              "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.\n\n**Note:** If set to `true` a busy indicator component will be displayed into the related one to the current menu item sub-menu popover.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "loading-delay",
-              "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.",
+              "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.",
               "value": { "type": "number", "default": "1000" }
             },
             {
@@ -4855,6 +4865,11 @@
               "description": "Defines the text of the tooltip for the menu item.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "checked",
+              "description": "Defines whether menu item is in checked state.\n\n**Note:** checked state is only taken into account when menu item is added to menu item group\nwith `checkMode` other than `None`.\n\n**Note:** A checked menu item has a checkmark displayed at its end.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "accessibility-attributes",
               "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaKeyShortcuts**: Indicated the availability of a keyboard shortcuts defined for the menu item.\n\n- **role**: Defines the role of the menu item. If not set, menu item will have default role=\"menuitem\".",
@@ -4893,11 +4908,11 @@
           "slots": [
             {
               "name": "default",
-              "description": "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`."
+              "description": "Defines the items of this component.\n\n**Note:** The slot can hold menu item and 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`."
             },
             {
               "name": "endContent",
-              "description": "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": "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`.\n\nApplication developers are responsible for ensuring that interactive elements placed in the `endContent` slot\nhave the correct accessibility behaviour, including their enabled or disabled states.\nThe menu does not manage these aspects when the menu item state changes."
             },
             {
               "name": "deleteButton",
@@ -4921,6 +4936,10 @@
               "name": "close",
               "description": "Fired after the menu is closed."
             },
+            {
+              "name": "check",
+              "description": "Fired when an item is checked or unchecked."
+            },
             {
               "name": "detail-click",
               "description": "Fired when the user clicks on the detail button when type is `Detail`."
@@ -4945,17 +4964,17 @@
               },
               {
                 "name": "disabled",
-                "description": "Defines whether `ui5-menu-item` is in disabled state.\n\n**Note:** A disabled `ui5-menu-item` is noninteractive.",
+                "description": "Defines whether menu item is in disabled state.\n\n**Note:** A disabled menu item is noninteractive.",
                 "value": { "type": "boolean" }
               },
               {
                 "name": "loading",
-                "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.\n\n**Note:** If set to `true` a `ui5-busy-indicator` component will be displayed into the related one to the current `ui5-menu-item` sub-menu popover.",
+                "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.\n\n**Note:** If set to `true` a busy indicator component will be displayed into the related one to the current menu item sub-menu popover.",
                 "value": { "type": "boolean" }
               },
               {
                 "name": "loading-delay",
-                "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.",
+                "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.",
                 "value": { "type": "number" }
               },
               {
@@ -4968,6 +4987,11 @@
                 "description": "Defines the text of the tooltip for the menu item.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "checked",
+                "description": "Defines whether menu item is in checked state.\n\n**Note:** checked state is only taken into account when menu item is added to menu item group\nwith `checkMode` other than `None`.\n\n**Note:** A checked menu item has a checkmark displayed at its end.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "accessibility-attributes",
                 "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaKeyShortcuts**: Indicated the availability of a keyboard shortcuts defined for the menu item.\n\n- **role**: Defines the role of the menu item. If not set, menu item will have default role=\"menuitem\".",
@@ -5015,6 +5039,10 @@
                 "name": "close",
                 "description": "Fired after the menu is closed."
               },
+              {
+                "name": "check",
+                "description": "Fired when an item is checked or unchecked."
+              },
               {
                 "name": "detail-click",
                 "description": "Fired when the user clicks on the detail button when type is `Detail`."
@@ -5022,6 +5050,38 @@
             ]
           }
         },
+        {
+          "name": "ui5-menu-item-group",
+          "description": "### Overview\n\nThe `ui5-menu-item-group` component represents a group of items designed for use inside a `ui5-menu`.\nItems belonging to the same group should be wrapped by a `ui5-menu-item-group`.\nEach group can have an `checkMode` property, which defines the check mode for the items within the group.\nThe possible values for `checkMode` are:\n- 'None' (default) - no items can be checked\n- 'Single' - Only one item can be checked at a time\n- 'Multiple' - Multiple items can be checked simultaneously\n\n**Note:** If the `checkMode` property is set to 'Single', only one item can remain checked at any given time.\nIf multiple items are marked as checked, the last checked item will take precedence.\n\n### Usage\n\n`ui5-menu-item-group` represents a collection of `ui5-menu-item` components that can have the same check mode.\nThe items are addeed to the group's `items` slot.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MenuItemGroup.js\";`\n---\n\n\n### **Slots:**\n - **default** - Defines the items of this component.\n**Note:** The slot can hold any combination of components of type `ui5-menu-item` or `ui5-menu-separator` or both.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "check-mode",
+              "description": "Defines the component's check mode.",
+              "value": {
+                "type": "\"None\" | \"Single\" | \"Multiple\"",
+                "default": "\"None\""
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the items of this component.\n**Note:** The slot can hold any combination of components of type `ui5-menu-item` or `ui5-menu-separator` or both."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "check-mode",
+                "description": "Defines the component's check mode.",
+                "value": { "type": "\"None\" | \"Single\" | \"Multiple\"" }
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "ui5-menu-separator",
           "description": "The `ui5-menu-separator` represents a horizontal line to separate menu items inside a `ui5-menu`.\n---\n",
@@ -7886,6 +7946,11 @@
               "name": "name",
               "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
               "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "value",
+              "description": "Defines the form value of the component.",
+              "value": { "type": "string", "default": "\"\"" }
             }
           ],
           "events": [
@@ -7945,6 +8010,11 @@
                 "name": "name",
                 "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
                 "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "value",
+                "description": "Defines the form value of the component.",
+                "value": { "type": "string" }
               }
             ],
             "events": [
@@ -8813,6 +8883,14 @@
               "description": "Defines the `row-key` values of selected rows, with each value separated by a space.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "header-selector",
+              "description": "Defines the selector of the header row.",
+              "value": {
+                "type": "\"SelectAll\" | \"ClearAll\"",
+                "default": "\"SelectAll\""
+              }
+            },
             {
               "name": "behavior",
               "description": "Defines the selection behavior.",
@@ -8835,6 +8913,11 @@
                 "description": "Defines the `row-key` values of selected rows, with each value separated by a space.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "header-selector",
+                "description": "Defines the selector of the header row.",
+                "value": { "type": "\"SelectAll\" | \"ClearAll\"" }
+              },
               {
                 "name": "behavior",
                 "description": "Defines the selection behavior.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.12.0-rc.1",
+  "version": "2.12.0-rc.3",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -54,20 +54,20 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.12.0-rc.1",
-    "@ui5/webcomponents-icons": "2.12.0-rc.1",
-    "@ui5/webcomponents-icons-business-suite": "2.12.0-rc.1",
-    "@ui5/webcomponents-icons-tnt": "2.12.0-rc.1",
-    "@ui5/webcomponents-localization": "2.12.0-rc.1",
-    "@ui5/webcomponents-theming": "2.12.0-rc.1"
+    "@ui5/webcomponents-base": "2.12.0-rc.3",
+    "@ui5/webcomponents-icons": "2.12.0-rc.3",
+    "@ui5/webcomponents-icons-business-suite": "2.12.0-rc.3",
+    "@ui5/webcomponents-icons-tnt": "2.12.0-rc.3",
+    "@ui5/webcomponents-localization": "2.12.0-rc.3",
+    "@ui5/webcomponents-theming": "2.12.0-rc.3"
   },
   "devDependencies": {
     "@ui5/cypress-internal": "0.0.0",
-    "@ui5/webcomponents-tools": "2.12.0-rc.1",
-    "chromedriver": "^136.0.0",
+    "@ui5/webcomponents-tools": "2.12.0-rc.3",
+    "chromedriver": "^137.0.4",
     "jsdom": "^26.0.0",
     "lit": "^2.0.0",
     "vitest": "^3.0.2"
   },
-  "gitHead": "3bcf15cdf500ddc903d2373c4e4870c98ea318fb"
+  "gitHead": "c6ddec53b176580e72fed5b27a84184d73287dfb"
 }

package/src/CheckBoxTemplate.tsx

@@ -49,6 +49,7 @@ export default function CheckBoxTemplate(this: CheckBox) {
 				id={`${this._id}-CB`}
 				type="checkbox"
 				checked={this.checked}
+				value={this.value}
 				readonly={this.readonly}
 				disabled={this.disabled}
 				tabindex={-1}

package/src/MenuItemGroupTemplate.tsx

@@ -0,0 +1,12 @@
+import type MenuItemGroup from "./MenuItemGroup.js";
+
+export default function MenuItemGroupTemplate(this: MenuItemGroup) {
+	return (
+		<div
+			role="group"
+			onui5-check={this._handleItemCheck}
+		>
+			<slot></slot>
+		</div>
+	);
+}

package/src/MenuItemTemplate.tsx

@@ -5,6 +5,7 @@ import List from "./List.js";
 import BusyIndicator from "./BusyIndicator.js";
 import navBackIcon from "@ui5/webcomponents-icons/dist/nav-back.js";
 import declineIcon from "@ui5/webcomponents-icons/dist/decline.js";
+import checkIcon from "@ui5/webcomponents-icons/dist/accept.js";
 import slimArrowRight from "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 import Icon from "./Icon.js";
 import ListItemTemplate from "./ListItemTemplate.js";
@@ -30,9 +31,21 @@ function listItemContent(this: MenuItem) {
 		{this.text && <div class="ui5-menu-item-text">{this.text}</div>}
 
 		{rightContent.call(this)}
+		{checkmarkContent.call(this)}
 	</>);
 }
 
+function checkmarkContent(this: MenuItem) {
+	return !this._markChecked ? "" : (
+		<div class="ui5-menu-item-checked">
+			<Icon
+				name={checkIcon}
+				class="ui5-menu-item-icon-checked"
+			/>
+		</div>
+	);
+}
+
 function rightContent(this: MenuItem) {
 	switch (true) {
 	case this.hasSubmenu:

package/src/TableHeaderRowTemplate.tsx

@@ -1,24 +1,41 @@
 import CheckBox from "./CheckBox.js";
 import TableHeaderCell from "./TableHeaderCell.js";
+import Icon from "./Icon.js";
+import IconMode from "./types/IconMode.js";
+import ClearAll from "@ui5/webcomponents-icons/dist/clear-all.js";
+import IconDesign from "./types/IconDesign.js";
 import type TableHeaderRow from "./TableHeaderRow.js";
 
 export default function TableHeaderRowTemplate(this: TableHeaderRow) {
 	return (
 		<>
-			{ this._hasRowSelector &&
+			{ this._hasSelector &&
 				<TableHeaderCell id="selection-cell"
 					aria-selected={this._isSelected}
 					aria-label={this._i18nSelection}
 					data-ui5-table-cell-fixed
 					data-ui5-table-selection-component
 				>
-					{ this._isMultiSelect &&
-						<CheckBox id="selection-component"
-							tabindex={-1}
-							checked={this._isSelected}
-							onChange={this._onSelectionChange}
-							accessibleName={this._i18nRowSelector}
-						></CheckBox>
+					{ !this._isMultiSelect ?
+						<></>
+						:
+						this._shouldRenderClearAll ?
+							<Icon
+								name={ClearAll}
+								mode={IconMode.Decorative}
+								showTooltip={true}
+								accessibleName={this._i18nDeselectAllRows}
+								design={this._hasSelectedRows ? IconDesign.Default : IconDesign.NonInteractive}
+								onClick={this._onSelectionChange}
+							></Icon>
+							:
+							<CheckBox id="selection-component"
+								tabindex={-1}
+								checked={this._isSelected}
+								onChange={this._onSelectionChange}
+								accessibleName={this._i18nRowSelector}
+								title={this._isSelected ? this._i18nDeselectAllRows : this._i18nSelectAllRows}
+							></CheckBox>
 					}
 				</TableHeaderCell>
 			}

package/src/TableRowTemplate.tsx

@@ -8,7 +8,7 @@ import type TableRow from "./TableRow.js";
 export default function TableRowTemplate(this: TableRow) {
 	return (
 		<>
-			{ this._hasRowSelector &&
+			{ this._hasSelector &&
 				<TableCell
 					id="selection-cell"
 					aria-selected={this._isSelected}

package/src/ToastTemplate.tsx

@@ -3,10 +3,9 @@ import type Toast from "./Toast.js";
 export default function ToastTemplate(this: Toast) {
 	return <>
 		{
-			this.open &&
-				<div class="ui5-toast-root" role="alert" tabindex={this._tabindex}>
-					<bdi><slot></slot></bdi>
-				</div>
+			<div class="ui5-toast-root" role="alert" tabindex={this._tabindex}>
+				<bdi><slot></slot></bdi>
+			</div>
 		}
 	</>;
 }

package/src/i18n/messagebundle.properties

@@ -667,6 +667,10 @@ TABLE_ROW_ACTIONS=Row Actions
 TABLE_NAVIGATION=Navigation
 #XTOL: Tooltip for the AI button in the column header to indicate that the column is generated by AI
 TABLE_GENERATED_BY_AI=Generated by AI
+#XTOL: Tooltip of the header row checkbox to select all rows in the table
+TABLE_SELECT_ALL_ROWS=Select All Rows
+#XTOL: Tooltip of the header row checkbox to deselect all rows in the table
+TABLE_DESELECT_ALL_ROWS=Deselect All Rows
 
 #XFLD: Text for the "Yesterday" option in the DynamicDateRange component.
 DYNAMIC_DATE_RANGE_YESTERDAY_TEXT=Yesterday