@ui5/webcomponents 2.8.1-rc.0 → 2.9.0-rc.1

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

@@ -797,7 +797,7 @@
     },
     {
       "name": "ui5-combobox",
-      "description": "### Overview\n\nThe `ui5-combobox` component represents a drop-down menu with a list of the available options and a text input field to narrow down the options.\n\nIt is commonly used to enable users to select an option from a predefined list.\n\n### Structure\nThe `ui5-combobox` consists of the following elements:\n\n-  Input field - displays the selected option or a custom user entry. Users can type to narrow down the list or enter their own value.\n-  Drop-down arrow - expands\\collapses the option list.\n-  Option list - the list of available options.\n\n### Keyboard Handling\n\nThe `ui5-combobox` provides advanced keyboard handling.\n\n- [F4], [Alt]+[Up], or [Alt]+[Down] - Toggles the picker.\n- [Escape] - Closes the picker, if open. If closed, cancels changes and reverts the typed in value.\n- [Enter] or [Return] - If picker is open, takes over the currently selected item and closes it.\n- [Down] - Selects the next matching item in the picker.\n- [Up] - Selects the previous matching item in the picker.\n- [Page Down] - Moves selection down by page size (10 items by default).\n- [Page Up] - Moves selection up by page size (10 items by default).\n- [Home] - If focus is in the ComboBox, moves cursor at the beginning of text. If focus is in the picker, selects the first item.\n- [End] - If focus is in the ComboBox, moves cursor at the end of text. If focus is in the picker, selects the last item.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ComboBox.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter, focusout or an item is selected.\n- **input** - Fired when typing in input or clear icon is pressed.\n\n**Note:** filterValue property is updated, input is changed.\n- **selection-change** - Fired when selection is changed by user interaction\n\n### **Slots:**\n - **default** - Defines the component items.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the `ui5-combobox` is in `Information`, `Critical` or `Negative` value state.\n- **icon** - Defines the icon to be displayed in the input field.",
+      "description": "### Overview\n\nThe `ui5-combobox` component represents a drop-down menu with a list of the available options and a text input field to narrow down the options.\n\nIt is commonly used to enable users to select an option from a predefined list.\n\n### Structure\nThe `ui5-combobox` consists of the following elements:\n\n-  Input field - displays the selected option or a custom user entry. Users can type to narrow down the list or enter their own value.\n-  Drop-down arrow - expands\\collapses the option list.\n-  Option list - the list of available options.\n\n### Keyboard Handling\n\nThe `ui5-combobox` provides advanced keyboard handling.\n\n- [F4], [Alt]+[Up], or [Alt]+[Down] - Toggles the picker.\n- [Escape] - Closes the picker, if open. If closed, cancels changes and reverts the typed in value.\n- [Enter] or [Return] - If picker is open, takes over the currently selected item and closes it.\n- [Down] - Selects the next matching item in the picker.\n- [Up] - Selects the previous matching item in the picker.\n- [Page Down] - Moves selection down by page size (10 items by default).\n- [Page Up] - Moves selection up by page size (10 items by default).\n- [Home] - If focus is in the ComboBox, moves cursor at the beginning of text. If focus is in the picker, selects the first item.\n- [End] - If focus is in the ComboBox, moves cursor at the end of text. If focus is in the picker, selects the last item.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ComboBox.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter, focusout or an item is selected.\n- **open** - Fired when the dropdown is opened.\n- **close** - Fired when the dropdown is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n\n**Note:** filterValue property is updated, input is changed.\n- **selection-change** - Fired when selection is changed by user interaction\n\n### **Slots:**\n - **default** - Defines the component items.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the `ui5-combobox` is in `Information`, `Critical` or `Negative` value state.\n- **icon** - Defines the icon to be displayed in the input field.",
       "attributes": [
         {
           "name": "value",
@@ -874,6 +874,11 @@
           "name": "accessible-name-ref",
           "description": "Receives id(or many ids) of the elements that label the component",
           "values": []
+        },
+        {
+          "name": "open",
+          "description": "Indicates whether the items picker is open.",
+          "values": []
         }
       ],
       "references": []
@@ -1702,6 +1707,16 @@
           "description": "Receives id(or many ids) of the elements that label the input.",
           "values": []
         },
+        {
+          "name": "accessible-description",
+          "description": "Defines the accessible description of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-description-ref",
+          "description": "Receives id(or many ids) of the elements that describe the input.",
+          "values": []
+        },
         {
           "name": "show-clear-icon",
           "description": "Defines whether the clear icon of the input will be shown.",
@@ -2387,6 +2402,11 @@
         },
         {
           "name": "open",
+          "description": "Indicates whether the items picker is open.",
+          "values": []
+        },
+        {
+          "name": "is-open",
           "description": "Indicates whether the dropdown is open. True if the dropdown is open, false otherwise.",
           "values": [{ "name": "any" }]
         }
@@ -2520,6 +2540,16 @@
           "description": "Receives id(or many ids) of the elements that label the input.",
           "values": []
         },
+        {
+          "name": "accessible-description",
+          "description": "Defines the accessible description of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-description-ref",
+          "description": "Receives id(or many ids) of the elements that describe the input.",
+          "values": []
+        },
         {
           "name": "show-clear-icon",
           "description": "Defines whether the clear icon of the input will be shown.",
@@ -2567,7 +2597,7 @@
     },
     {
       "name": "ui5-option-custom",
-      "description": "### Overview\n\nThe `ui5-option-custom` component defines a custom content of an option in the `ui5-select`.\nA component to be the same way as the standard `ui5-option`.\nThe component accepts arbitrary HTML content to allow full customization.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/OptionCustom.js\";`\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
+      "description": "### Overview\n\nThe `ui5-option-custom` component defines a custom content of an option in the `ui5-select`.\nA component to be the same way as the standard `ui5-option`.\nThe component accepts arbitrary HTML content to allow full customization.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/OptionCustom.js\";`\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "display-text",
@@ -3191,6 +3221,11 @@
           "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is noninteractive.",
           "values": []
         },
+        {
+          "name": "icon",
+          "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\n**Note:** When using this property with a valid icon, Select will be rendered as icon only button and the label and the default arrow down won't be visible.",
+          "values": []
+        },
         {
           "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.",
@@ -3740,7 +3775,7 @@
         },
         {
           "name": "overflow-mode",
-          "description": "Defines the mode of the <code>ui5-table</code> overflow behavior.\n\nAvailable options are:\n\n<code>Scroll</code> - Columns are shown as regular columns and horizontal scrolling is enabled.\n\n<code>Popin</code> - Columns are shown as pop-ins instead of regular columns.",
+          "description": "Defines the mode of the <code>ui5-table</code> overflow behavior.\n\nAvailable options are:\n\n<code>Scroll</code> - Columns are shown as regular columns and horizontal scrolling is enabled.\n<code>Popin</code> - Columns are shown as pop-ins instead of regular columns.",
           "values": [{ "name": "Scroll" }, { "name": "Popin" }]
         },
         {

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.8.1-rc.0",
+  "version": "2.9.0-rc.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1613,7 +1613,7 @@
         },
         {
           "name": "ui5-combobox",
-          "description": "### Overview\n\nThe `ui5-combobox` component represents a drop-down menu with a list of the available options and a text input field to narrow down the options.\n\nIt is commonly used to enable users to select an option from a predefined list.\n\n### Structure\nThe `ui5-combobox` consists of the following elements:\n\n-  Input field - displays the selected option or a custom user entry. Users can type to narrow down the list or enter their own value.\n-  Drop-down arrow - expands\\collapses the option list.\n-  Option list - the list of available options.\n\n### Keyboard Handling\n\nThe `ui5-combobox` provides advanced keyboard handling.\n\n- [F4], [Alt]+[Up], or [Alt]+[Down] - Toggles the picker.\n- [Escape] - Closes the picker, if open. If closed, cancels changes and reverts the typed in value.\n- [Enter] or [Return] - If picker is open, takes over the currently selected item and closes it.\n- [Down] - Selects the next matching item in the picker.\n- [Up] - Selects the previous matching item in the picker.\n- [Page Down] - Moves selection down by page size (10 items by default).\n- [Page Up] - Moves selection up by page size (10 items by default).\n- [Home] - If focus is in the ComboBox, moves cursor at the beginning of text. If focus is in the picker, selects the first item.\n- [End] - If focus is in the ComboBox, moves cursor at the end of text. If focus is in the picker, selects the last item.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ComboBox.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter, focusout or an item is selected.\n- **input** - Fired when typing in input or clear icon is pressed.\n\n**Note:** filterValue property is updated, input is changed.\n- **selection-change** - Fired when selection is changed by user interaction\n\n### **Slots:**\n - **default** - Defines the component items.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the `ui5-combobox` is in `Information`, `Critical` or `Negative` value state.\n- **icon** - Defines the icon to be displayed in the input field.",
+          "description": "### Overview\n\nThe `ui5-combobox` component represents a drop-down menu with a list of the available options and a text input field to narrow down the options.\n\nIt is commonly used to enable users to select an option from a predefined list.\n\n### Structure\nThe `ui5-combobox` consists of the following elements:\n\n-  Input field - displays the selected option or a custom user entry. Users can type to narrow down the list or enter their own value.\n-  Drop-down arrow - expands\\collapses the option list.\n-  Option list - the list of available options.\n\n### Keyboard Handling\n\nThe `ui5-combobox` provides advanced keyboard handling.\n\n- [F4], [Alt]+[Up], or [Alt]+[Down] - Toggles the picker.\n- [Escape] - Closes the picker, if open. If closed, cancels changes and reverts the typed in value.\n- [Enter] or [Return] - If picker is open, takes over the currently selected item and closes it.\n- [Down] - Selects the next matching item in the picker.\n- [Up] - Selects the previous matching item in the picker.\n- [Page Down] - Moves selection down by page size (10 items by default).\n- [Page Up] - Moves selection up by page size (10 items by default).\n- [Home] - If focus is in the ComboBox, moves cursor at the beginning of text. If focus is in the picker, selects the first item.\n- [End] - If focus is in the ComboBox, moves cursor at the end of text. If focus is in the picker, selects the last item.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ComboBox.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter, focusout or an item is selected.\n- **open** - Fired when the dropdown is opened.\n- **close** - Fired when the dropdown is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n\n**Note:** filterValue property is updated, input is changed.\n- **selection-change** - Fired when selection is changed by user interaction\n\n### **Slots:**\n - **default** - Defines the component items.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the `ui5-combobox` is in `Information`, `Critical` or `Negative` value state.\n- **icon** - Defines the icon to be displayed in the input field.",
           "doc-url": "",
           "attributes": [
             {
@@ -1686,6 +1686,11 @@
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component",
               "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "open",
+              "description": "Indicates whether the items picker is open.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
@@ -1707,6 +1712,14 @@
               "name": "change",
               "description": "Fired when the input operation has finished by pressing Enter, focusout or an item is selected."
             },
+            {
+              "name": "open",
+              "description": "Fired when the dropdown is opened."
+            },
+            {
+              "name": "close",
+              "description": "Fired when the dropdown is closed."
+            },
             {
               "name": "input",
               "description": "Fired when typing in input or clear icon is pressed.\n\n**Note:** filterValue property is updated, input is changed."
@@ -1786,6 +1799,11 @@
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component",
                 "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether the items picker is open.",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
@@ -1793,6 +1811,14 @@
                 "name": "change",
                 "description": "Fired when the input operation has finished by pressing Enter, focusout or an item is selected."
               },
+              {
+                "name": "open",
+                "description": "Fired when the dropdown is opened."
+              },
+              {
+                "name": "close",
+                "description": "Fired when the dropdown is closed."
+              },
               {
                 "name": "input",
                 "description": "Fired when typing in input or clear icon is pressed.\n\n**Note:** filterValue property is updated, input is changed."
@@ -3273,7 +3299,7 @@
               "description": "Defines the mode of the component.",
               "value": {
                 "type": "\"Image\" | \"Decorative\" | \"Interactive\"",
-                "default": "\"Image\""
+                "default": "\"Decorative\""
               }
             }
           ],
@@ -3389,6 +3415,16 @@
               "description": "Receives id(or many ids) of the elements that label the input.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "accessible-description",
+              "description": "Defines the accessible description of the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessible-description-ref",
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "name": "show-clear-icon",
               "description": "Defines whether the clear icon of the input will be shown.",
@@ -3511,6 +3547,16 @@
                 "description": "Receives id(or many ids) of the elements that label the input.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "accessible-description",
+                "description": "Defines the accessible description of the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-description-ref",
+                "description": "Receives id(or many ids) of the elements that describe the input.",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "show-clear-icon",
                 "description": "Defines whether the clear icon of the input will be shown.",
@@ -4916,6 +4962,11 @@
             },
             {
               "name": "open",
+              "description": "Indicates whether the items picker is open.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "is-open",
               "description": "Indicates whether the dropdown is open. True if the dropdown is open, false otherwise.",
               "value": { "type": "any", "default": "false" }
             }
@@ -5034,6 +5085,11 @@
               },
               {
                 "name": "open",
+                "description": "Indicates whether the items picker is open.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "is-open",
                 "description": "Indicates whether the dropdown is open. True if the dropdown is open, false otherwise.",
                 "value": { "type": "any" }
               }
@@ -5243,6 +5299,16 @@
               "description": "Receives id(or many ids) of the elements that label the input.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "accessible-description",
+              "description": "Defines the accessible description of the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessible-description-ref",
+              "description": "Receives id(or many ids) of the elements that describe the input.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "name": "show-clear-icon",
               "description": "Defines whether the clear icon of the input will be shown.",
@@ -5367,6 +5433,16 @@
                 "description": "Receives id(or many ids) of the elements that label the input.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "accessible-description",
+                "description": "Defines the accessible description of the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-description-ref",
+                "description": "Receives id(or many ids) of the elements that describe the input.",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "show-clear-icon",
                 "description": "Defines whether the clear icon of the input will be shown.",
@@ -5485,7 +5561,7 @@
         },
         {
           "name": "ui5-option-custom",
-          "description": "### Overview\n\nThe `ui5-option-custom` component defines a custom content of an option in the `ui5-select`.\nA component to be the same way as the standard `ui5-option`.\nThe component accepts arbitrary HTML content to allow full customization.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/OptionCustom.js\";`\n---\n\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
+          "description": "### Overview\n\nThe `ui5-option-custom` component defines a custom content of an option in the `ui5-select`.\nA component to be the same way as the standard `ui5-option`.\nThe component accepts arbitrary HTML content to allow full customization.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/OptionCustom.js\";`\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
           "doc-url": "",
           "attributes": [
             {
@@ -5512,7 +5588,7 @@
           "slots": [
             {
               "name": "default",
-              "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+              "description": "Defines the content of the component."
             }
           ],
           "events": [],
@@ -6727,6 +6803,11 @@
               "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is noninteractive.",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "icon",
+              "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\n**Note:** When using this property with a valid icon, Select will be rendered as icon only button and the label and the default arrow down won't be visible.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "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.",
@@ -6815,6 +6896,11 @@
                 "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is noninteractive.",
                 "value": { "type": "boolean" }
               },
+              {
+                "name": "icon",
+                "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\n**Note:** When using this property with a valid icon, Select will be rendered as icon only button and the label and the default arrow down won't be visible.",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "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.",
@@ -7845,7 +7931,7 @@
             },
             {
               "name": "overflow-mode",
-              "description": "Defines the mode of the <code>ui5-table</code> overflow behavior.\n\nAvailable options are:\n\n<code>Scroll</code> - Columns are shown as regular columns and horizontal scrolling is enabled.\n\n<code>Popin</code> - Columns are shown as pop-ins instead of regular columns.",
+              "description": "Defines the mode of the <code>ui5-table</code> overflow behavior.\n\nAvailable options are:\n\n<code>Scroll</code> - Columns are shown as regular columns and horizontal scrolling is enabled.\n<code>Popin</code> - Columns are shown as pop-ins instead of regular columns.",
               "value": {
                 "type": "\"Scroll\" | \"Popin\"",
                 "default": "\"Scroll\""
@@ -7922,7 +8008,7 @@
               },
               {
                 "name": "overflow-mode",
-                "description": "Defines the mode of the <code>ui5-table</code> overflow behavior.\n\nAvailable options are:\n\n<code>Scroll</code> - Columns are shown as regular columns and horizontal scrolling is enabled.\n\n<code>Popin</code> - Columns are shown as pop-ins instead of regular columns.",
+                "description": "Defines the mode of the <code>ui5-table</code> overflow behavior.\n\nAvailable options are:\n\n<code>Scroll</code> - Columns are shown as regular columns and horizontal scrolling is enabled.\n<code>Popin</code> - Columns are shown as pop-ins instead of regular columns.",
                 "value": { "type": "\"Scroll\" | \"Popin\"" }
               },
               {
@@ -8215,7 +8301,7 @@
             {
               "name": "position",
               "description": "Defines the position of the row related to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.",
-              "value": { "type": "number", "default": "-1" }
+              "value": { "type": "number | undefined", "default": "undefined" }
             },
             {
               "name": "interactive",
@@ -8254,7 +8340,7 @@
               {
                 "name": "position",
                 "description": "Defines the position of the row related to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.",
-                "value": { "type": "number" }
+                "value": { "type": "number | undefined" }
               },
               {
                 "name": "interactive",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.8.1-rc.0",
+  "version": "2.9.0-rc.1",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -54,19 +54,20 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.8.1-rc.0",
-    "@ui5/webcomponents-icons": "2.8.1-rc.0",
-    "@ui5/webcomponents-icons-business-suite": "2.8.1-rc.0",
-    "@ui5/webcomponents-icons-tnt": "2.8.1-rc.0",
-    "@ui5/webcomponents-localization": "2.8.1-rc.0",
-    "@ui5/webcomponents-theming": "2.8.1-rc.0"
+    "@ui5/webcomponents-base": "2.9.0-rc.1",
+    "@ui5/webcomponents-icons": "2.9.0-rc.1",
+    "@ui5/webcomponents-icons-business-suite": "2.9.0-rc.1",
+    "@ui5/webcomponents-icons-tnt": "2.9.0-rc.1",
+    "@ui5/webcomponents-localization": "2.9.0-rc.1",
+    "@ui5/webcomponents-theming": "2.9.0-rc.1"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "2.8.1-rc.0",
-    "chromedriver": "^132.0.0",
+    "@ui5/cypress-internal": "0.0.0",
+    "@ui5/webcomponents-tools": "2.9.0-rc.1",
+    "chromedriver": "^133.0.0",
     "jsdom": "^26.0.0",
     "lit": "^2.0.0",
     "vitest": "^3.0.2"
   },
-  "gitHead": "b6e950c0969283cb35ce43bf1bb21af4fb22e0f4"
+  "gitHead": "028a680226a4eab512df2749f1cc94ce4bc5b535"
 }

package/src/CarouselTemplate.tsx

@@ -11,8 +11,9 @@ export default function CarouselTemplate(this: Carousel) {
 				[`ui5-carousel-background-${this._backgroundDesign}`]: true,
 			}}
 			tabindex={0}
-			role="listbox"
+			role="list"
 			aria-label={this.ariaLabelTxt}
+			aria-roledescription={this._roleDescription}
 			aria-activedescendant={this.ariaActiveDescendant}
 			onFocusIn={this._onfocusin}
 			onKeyDown={this._onkeydown}
@@ -30,7 +31,7 @@ export default function CarouselTemplate(this: Carousel) {
 							}}
 							style={{ width: `${this._itemWidth || 0}px` }}
 							part="item"
-							role="option"
+							role="listitem"
 							aria-posinset={itemInfo.posinset}
 							aria-setsize={itemInfo.setsize}
 							aria-selected = {itemInfo.selected}

package/src/InputTemplate.tsx

@@ -77,7 +77,9 @@ export default function InputTemplate(this: Input, hooks?: { preContent: Templat
 					}
 
 					{this.icon.length > 0 &&
-						<div class="ui5-input-icon-root">
+						<div class="ui5-input-icon-root"
+							tabindex={-1}
+						>
 							<slot name="icon"></slot>
 						</div>
 					}
@@ -100,6 +102,10 @@ export default function InputTemplate(this: Input, hooks?: { preContent: Templat
 						<span id="descr" class="ui5-hidden-text">{this.accInfo.ariaDescription}</span>
 					}
 
+					{this.accInfo.accessibleDescription &&
+						<span id="accessibleDescription" class="ui5-hidden-text">{this.accInfo.accessibleDescription}</span>
+					}
+
 					{this.hasValueState &&
 						<span id="valueStateDesc" class="ui5-hidden-text">{this.ariaValueStateHiddenText}</span>
 					}

package/src/ListItemTemplate.tsx

@@ -99,8 +99,7 @@ export default function ListItemTemplate(this: ListItem, hooks?: Partial<ListIte
 		<span
 			id={`${this._id}-invisibleText`}
 			class="ui5-hidden-text">
-			{this._accInfo.listItemAriaLabel}
-			{this.accessibleName}
+			{this.ariaLabelledByText}
 		</span>
 		<span
 			id={`${this._id}-invisibleText-describedby`}

package/src/MenuItemTemplate.tsx

@@ -1,4 +1,3 @@
-import type { JsxTemplate } from "@ui5/webcomponents-base";
 import type MenuItem from "./MenuItem.js";
 import ResponsivePopover from "./ResponsivePopover.js";
 import Button from "./Button.js";
@@ -11,16 +10,12 @@ import Icon from "./Icon.js";
 import ListItemTemplate from "./ListItemTemplate.js";
 import type { ListItemHooks } from "./ListItemTemplate.js";
 
-export type MenuItemHooks = ListItemHooks & {
-	listItemPostContent: JsxTemplate,
-}
-
-const predefinedHooks: Partial<MenuItemHooks> = {
+const predefinedHooks: Partial<ListItemHooks> = {
 	listItemContent,
 	iconBegin,
 };
 
-export default function MenuItemTemplate(this: MenuItem, hooks?: Partial<MenuItemHooks>) {
+export default function MenuItemTemplate(this: MenuItem, hooks?: Partial<ListItemHooks>) {
 	const currentHooks = { ...predefinedHooks, ...hooks };
 
 	return <>
@@ -78,7 +73,7 @@ function iconBegin(this: MenuItem) {
 function listItemPostContent(this: MenuItem) {
 	return this.hasSubmenu && <ResponsivePopover
 		id={`${this._id}-menu-rp`}
-		class="ui5-menu-rp .ui5-menu-rp-sub-menu"
+		class="ui5-menu-rp ui5-menu-rp-sub-menu"
 		preventInitialFocus={true}
 		preventFocusRestore={true}
 		hideArrow={true}

package/src/MultiComboBoxPopoverTemplate.tsx

@@ -28,7 +28,7 @@ export default function MultiComboBoxPopoverTemplate(this: MultiComboBox) {
 			onOpen={this._afterOpen}
 			onFocusOut={this._onPopoverFocusOut}
 			accessibleName={this._popupLabel}
-			open={this._open}
+			open={this.open}
 			opener={this}
 		>
 			{this._isPhone && <>

package/src/SelectTemplate.tsx

@@ -15,7 +15,7 @@ export default function SelectTemplate(this: Select) {
 				onClick={this._onclick}
 				title={this.tooltip}
 			>
-				{this.selectedOptionIcon &&
+				{!this.icon && this.selectedOptionIcon &&
 					<Icon
 						mode="Decorative"
 						class="ui5-select-option-icon"
@@ -47,7 +47,16 @@ export default function SelectTemplate(this: Select) {
 					}
 				</div>
 
-				{!this.readonly &&
+				{this.icon &&
+					<Icon
+						name={this.icon}
+						class={{
+							"inputIcon": true,
+							"inputIcon--pressed": this._iconPressed,
+						}} />
+				}
+
+				{!this.icon && !this.readonly &&
 					<Icon
 						part="icon"
 						name={slimArrowDown}
@@ -63,7 +72,6 @@ export default function SelectTemplate(this: Select) {
 					</span>
 				}
 			</div>
-
 			{SelectPopoverTemplate.call(this)}
 		</>
 	);

package/src/SliderTemplate.tsx

@@ -35,6 +35,7 @@ export function handles(this: Slider) {
 			<div class="ui5-slider-handle"
 				onFocusOut={this._onfocusout}
 				onFocusIn={this._onfocusin}
+				onKeyUp={this._onkeyup}
 				role="slider"
 				tabIndex={this._tabIndex}
 				aria-orientation="horizontal"

package/src/TableHeaderCellActionBaseTemplate.tsx

@@ -1,4 +1,5 @@
 import Button from "./Button.js";
+import ButtonDesign from "./types/ButtonDesign.js";
 import type TableHeaderCellActionBase from "./TableHeaderCellActionBase.js";
 
 export default function TableHeaderCellActionBaseTemplate(this: TableHeaderCellActionBase) {
@@ -7,7 +8,7 @@ export default function TableHeaderCellActionBaseTemplate(this: TableHeaderCellA
 			icon={this._icon}
 			tooltip={this._tooltip}
 			onClick={this._onClick}
-			design="Transparent"
+			design={ButtonDesign.Transparent}
 		></Button>
 	);
 }

package/src/TableHeaderCellTemplate.tsx

@@ -1,9 +1,8 @@
 import Icon from "./Icon.js";
 import SortOrder from "@ui5/webcomponents-base/dist/types/SortOrder.js";
-import type TableHeaderCell from "./TableHeaderCell.js";
-
 import SortAscending from "@ui5/webcomponents-icons/dist/sort-ascending.js";
 import SortDescending from "@ui5/webcomponents-icons/dist/sort-descending.js";
+import type TableHeaderCell from "./TableHeaderCell.js";
 
 export default function TableHeaderCellTemplate(this: TableHeaderCell) {
 	return (

package/src/TableHeaderRowTemplate.tsx

@@ -27,7 +27,7 @@ export default function TableHeaderRowTemplate(this: TableHeaderRow) {
 				<slot name={cell._individualSlot} key={cell._individualSlot}></slot>
 			))}
 
-			{ this._hasRowActions &&
+			{ this._rowActionCount > 0 &&
 				<TableHeaderCell id="actions-cell"
 					aria-label={this._i18nRowActions}
 				></TableHeaderCell>

package/src/TableRowActionBaseTemplate.tsx

@@ -1,5 +1,7 @@
 import Button from "./Button.js";
+import ButtonDesign from "./types/ButtonDesign.js";
 import Icon from "./Icon.js";
+import IconDesign from "./types/IconDesign.js";
 import type TableRowActionBase from "./TableRowActionBase.js";
 
 export default function TableRowActionBaseTemplate(this: TableRowActionBase) {
@@ -13,14 +15,14 @@ export default function TableRowActionBaseTemplate(this: TableRowActionBase) {
 						icon={this._icon}
 						tooltip={this._text}
 						onClick={this._onActionClick}
-						design="Transparent"
+						design={ButtonDesign.Transparent}
 					></Button>
 					:
 					<Icon
 						name={this._icon}
 						accessibleName={this._text}
 						showTooltip={true}
-						design="NonInteractive"
+						design={IconDesign.NonInteractive}
 					></Icon>
 			}
 		</>

package/src/TableRowTemplate.tsx

@@ -1,8 +1,9 @@
-import type TableRow from "./TableRow.js";
 import TableCell from "./TableCell.js";
 import CheckBox from "./CheckBox.js";
 import RadioButton from "./RadioButton.js";
 import Button from "./Button.js";
+import ButtonDesign from "./types/ButtonDesign.js";
+import type TableRow from "./TableRow.js";
 
 export default function TableRowTemplate(this: TableRow) {
 	return (
@@ -37,7 +38,7 @@ export default function TableRowTemplate(this: TableRow) {
 				<slot name={cell._individualSlot}></slot>
 			))}
 
-			{ this._hasRowActions &&
+			{ this._rowActionCount > 0 &&
 				<TableCell id="actions-cell">
 					{ this._flexibleActions.map(action => (
 						<slot name={action._individualSlot}></slot>
@@ -47,7 +48,7 @@ export default function TableRowTemplate(this: TableRow) {
 						<Button
 							id="overflow"
 							icon="overflow"
-							design="Transparent"
+							design={ButtonDesign.Transparent}
 							onClick={this._onOverflowButtonClick}
 						></Button>
 					}

package/src/TokenTemplate.tsx

@@ -28,6 +28,7 @@ export default function TokenTemplate(this: Token) {
 							accessibleName={this.tokenDeletableText}
 							showTooltip={true}
 							onClick={this._delete}
+							onMouseDown={this._onmousedown}
 						/>
 					}
 				</div>