@ui5/webcomponents 2.0.0-rc.4 → 2.0.0-rc.5

package/dist/styles/Icon.module.css

@@ -1,33 +1,33 @@
 /* src/themes/InputIcon.css */
 .inputIcon {
-  color: var(--_ui5-v2-0-0-rc-4_input_icon_color);
+  color: var(--_ui5-v2-0-0-rc-5_input_icon_color);
   cursor: pointer;
   outline: none;
-  padding: var(--_ui5-v2-0-0-rc-4_input_icon_padding);
-  border-inline-start: var(--_ui5-v2-0-0-rc-4_input_icon_border);
+  padding: var(--_ui5-v2-0-0-rc-5_input_icon_padding);
+  border-inline-start: var(--_ui5-v2-0-0-rc-5_input_icon_border);
   min-width: 1rem;
   min-height: 1rem;
-  border-radius: var(--_ui5-v2-0-0-rc-4_input_icon_border_radius);
+  border-radius: var(--_ui5-v2-0-0-rc-5_input_icon_border_radius);
 }
 .inputIcon[pressed] {
-  background: var(--_ui5-v2-0-0-rc-4_input_icon_pressed_bg);
-  box-shadow: var(--_ui5-v2-0-0-rc-4_input_icon_box_shadow);
-  border-inline-start: var(--_ui5-v2-0-0-rc-4_select_hover_icon_left_border);
-  color: var(--_ui5-v2-0-0-rc-4_input_icon_pressed_color);
+  background: var(--_ui5-v2-0-0-rc-5_input_icon_pressed_bg);
+  box-shadow: var(--_ui5-v2-0-0-rc-5_input_icon_box_shadow);
+  border-inline-start: var(--_ui5-v2-0-0-rc-5_select_hover_icon_left_border);
+  color: var(--_ui5-v2-0-0-rc-5_input_icon_pressed_color);
 }
 .inputIcon:active {
   background-color: var(--sapButton_Active_Background);
-  box-shadow: var(--_ui5-v2-0-0-rc-4_input_icon_box_shadow);
-  border-inline-start: var(--_ui5-v2-0-0-rc-4_select_hover_icon_left_border);
-  color: var(--_ui5-v2-0-0-rc-4_input_icon_pressed_color);
+  box-shadow: var(--_ui5-v2-0-0-rc-5_input_icon_box_shadow);
+  border-inline-start: var(--_ui5-v2-0-0-rc-5_select_hover_icon_left_border);
+  color: var(--_ui5-v2-0-0-rc-5_input_icon_pressed_color);
 }
 .inputIcon:not([pressed]):not(:active):hover {
-  background: var(--_ui5-v2-0-0-rc-4_input_icon_hover_bg);
-  box-shadow: var(--_ui5-v2-0-0-rc-4_input_icon_box_shadow);
+  background: var(--_ui5-v2-0-0-rc-5_input_icon_hover_bg);
+  box-shadow: var(--_ui5-v2-0-0-rc-5_input_icon_box_shadow);
 }
 .inputIcon:hover {
-  border-inline-start: var(--_ui5-v2-0-0-rc-4_select_hover_icon_left_border);
-  box-shadow: var(--_ui5-v2-0-0-rc-4_input_icon_box_shadow);
+  border-inline-start: var(--_ui5-v2-0-0-rc-5_select_hover_icon_left_border);
+  box-shadow: var(--_ui5-v2-0-0-rc-5_input_icon_box_shadow);
 }
 
 /* src/styles/Icon.module.css */

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

@@ -1307,7 +1307,7 @@
         },
         {
           "name": "initial-focus",
-          "description": "Defines the ID of the HTML Element, which will get the initial focus.",
+          "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
           "values": []
         },
         {
@@ -1664,7 +1664,7 @@
         },
         {
           "name": "wrapping-type",
-          "description": "Defines how the text of a component will be displayed when there is not enough space.\n\n**Note:** for option \"Normal\" the text will wrap and the words will not be broken based on hyphenation.",
+          "description": "Defines how the text of a component will be displayed when there is not enough space.\n\n**Note:** By default the text will wrap. If \"None\" is set - the text will truncate.",
           "values": [{ "name": "None" }, { "name": "Normal" }]
         },
         {
@@ -1885,7 +1885,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 - **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.",
+      "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 - **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:** If 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`.",
       "attributes": [
         {
           "name": "text",
@@ -1894,7 +1894,7 @@
         },
         {
           "name": "additional-text",
-          "description": "Defines the `additionalText`, displayed in the end of the menu item.\n\n**Note:** The additional text would not be displayed if the item has a submenu.",
+          "description": "Defines the `additionalText`, displayed in the end of the menu item.\n\n**Note:** The additional text will not be displayed if there are items added in `items` slot or there are\ncomponents added to `endContent` slot.\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`.",
           "values": []
         },
         {
@@ -2406,7 +2406,7 @@
         },
         {
           "name": "initial-focus",
-          "description": "Defines the ID of the HTML Element, which will get the initial focus.",
+          "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
           "values": []
         },
         {
@@ -2452,7 +2452,7 @@
       "attributes": [
         {
           "name": "initial-focus",
-          "description": "Defines the ID of the HTML Element, which will get the initial focus.",
+          "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
           "values": []
         },
         {
@@ -2768,7 +2768,7 @@
         },
         {
           "name": "initial-focus",
-          "description": "Defines the ID of the HTML Element, which will get the initial focus.",
+          "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
           "values": []
         },
         {
@@ -2869,7 +2869,7 @@
     },
     {
       "name": "ui5-select",
-      "description": "### Overview\n\nThe `ui5-select` component is used to create a drop-down list.\n\n### Usage\n\nThere are two main usages of the `ui5-select>`.\n\n1. With Option (`ui5-option`) web component:\n\nThe available options of the Select are defined by using the Option component.\nThe Option comes with predefined design and layout, including `icon`, `text` and `additional-text`.\n\n2. With OptionCustom (`ui5-option-custom`) web component.\n\nOptions with custom content are defined by using the OptionCustom component\nThe OptionCustom component comes with no predefined layout and it expects consumers to define it.\n\n### Keyboard Handling\nThe `ui5-select` provides advanced keyboard handling.\n\n- [F4] / [Alt] + [Up] / [Alt] + [Down] / [Space] or [Enter] - Opens/closes the drop-down.\n- [Up] or [Down] - If the drop-down is closed - changes selection to the next or the previous option. If the drop-down is opened - moves focus to the next or the previous option.\n- [Space], [Enter] - If the drop-down is opened - selects the focused option.\n- [Escape] - Closes the drop-down without changing the selection.\n- [Home] - Navigates to first option\n- [End] - Navigates to the last option\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Select\";`\n\n`import \"@ui5/webcomponents/dist/Option\";`\n`import \"@ui5/webcomponents/dist/OptionCustom\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the selected option changes.\n- **live-change** - Fired when the user navigates through the options, but the selection is not finalized,\nor when pressing the ESC key to revert the current selection.\n- **open** - Fired after the component's dropdown menu opens.\n- **close** - Fired after the component's dropdown menu closes.\n\n### **Slots:**\n - **default** - Defines the component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-option` component to define the desired options.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\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 component is in `Information`, `Warning` or `Error` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.\n- **label** - Defines the HTML element that will be displayed in the component input part,\nrepresenting the selected option.\n\n**Note:** If not specified and `ui5-option-custom` is used,\neither the option's `display-text` or its textContent will be displayed.\n\n**Note:** If not specified and `ui5-option` is used,\nthe option's textContent will be displayed.",
+      "description": "### Overview\n\nThe `ui5-select` component is used to create a drop-down list.\n\n### Usage\n\nThere are two main usages of the `ui5-select>`.\n\n1. With Option (`ui5-option`) web component:\n\nThe available options of the Select are defined by using the Option component.\nThe Option comes with predefined design and layout, including `icon`, `text` and `additional-text`.\n\n2. With OptionCustom (`ui5-option-custom`) web component.\n\nOptions with custom content are defined by using the OptionCustom component\nThe OptionCustom component comes with no predefined layout and it expects consumers to define it.\n\n### Keyboard Handling\nThe `ui5-select` provides advanced keyboard handling.\n\n- [F4] / [Alt] + [Up] / [Alt] + [Down] / [Space] or [Enter] - Opens/closes the drop-down.\n- [Up] or [Down] - If the drop-down is closed - changes selection to the next or the previous option. If the drop-down is opened - moves focus to the next or the previous option.\n- [Space], [Enter] - If the drop-down is opened - selects the focused option.\n- [Escape] - Closes the drop-down without changing the selection.\n- [Home] - Navigates to first option\n- [End] - Navigates to the last option\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Select\";`\n\n`import \"@ui5/webcomponents/dist/Option\";`\n`import \"@ui5/webcomponents/dist/OptionCustom\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the selected option changes.\n- **live-change** - Fired when the user navigates through the options, but the selection is not finalized,\nor when pressing the ESC key to revert the current selection.\n- **open** - Fired after the component's dropdown menu opens.\n- **close** - Fired after the component's dropdown menu closes.\n\n### **Slots:**\n - **default** - Defines the component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-option` component to define the desired options.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\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 component is in `Information`, `Warning` or `Error` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.\n- **label** - Defines the HTML element that will be displayed in the component input part,\nrepresenting the selected option.\n\n**Note:** If not specified and `ui5-option-custom` is used,\neither the option's `display-text` or its textContent will be displayed.\n\n**Note:** If not specified and `ui5-option` is used,\nthe option's textContent will be displayed.\n\n### **CSS Parts:**\n - **popover** - Used to style the popover element",
       "attributes": [
         {
           "name": "disabled",
@@ -3640,7 +3640,7 @@
     },
     {
       "name": "ui5-time-picker",
-      "description": "### Overview\nThe `ui5-time-picker` component provides an input field with assigned clocks which are opened on user action.\nThe `ui5-time-picker` allows users to select a localized time using touch, mouse, or keyboard input.\nIt consists of two parts: the time input field and the clocks.\n\n### Usage\nThe user can enter a time by:\n\n- Using the clocks that are displayed in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and chooses the enter key, the clocks show the corresponding time (hours, minutes and seconds separately).\nWhen the user directly triggers the clocks display, the actual time is displayed.\nFor the `ui5-time-picker`\n\n### Formatting\n\nIf a time is entered by typing it into\nthe input field, it must fit to the used time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](http://unicode.org/reports/tr35/#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"HH:mm:ss\",\na valid value string is \"11:42:35\" and the same is displayed in the input.\n\n### Keyboard handling\n[F4], [Alt]+[Up], [Alt]+[Down] Open/Close picker dialog and move focus to it.\n\nWhen closed:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n-\n\nWhen opened:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n- [A] or [P] - Selects AM or PM respectively.\n- [0]-[9] - Allows direct time selecting (hours/minutes/seconds).\n- [:] - Allows switching between hours/minutes/seconds clocks. If the last clock is displayed and [:] is pressed, the first clock is beind displayed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TimePicker.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by clicking the \"OK\" button or\nwhen the text in the input field has changed and the focus leaves the input field.\n- **input** - Fired when the value of the `ui5-time-picker` is changed at each key stroke.\n\n### **Methods:**\n - **formatValue(date: _Date_): _string_** - Formats a Java Script date object into a string representing a locale date and time\naccording to the `formatPattern` property of the TimePicker instance\n- **isValid(value: _string | undefined_): _boolean_** - Checks if a value is valid against the current `formatPattern` value.\n\n**Note:** an empty string is considered as valid value.\n\n### **Slots:**\n - **valueStateMessage** - Defines the value state message that will be displayed as pop up under the `ui5-time-picker`.\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-time-picker` is in `Information`, `Warning` or `Error` value state.",
+      "description": "### Overview\nThe `ui5-time-picker` component provides an input field with assigned clocks which are opened on user action.\nThe `ui5-time-picker` allows users to select a localized time using touch, mouse, or keyboard input.\nIt consists of two parts: the time input field and the clocks.\n\n### Usage\nThe user can enter a time by:\n\n- Using the clocks that are displayed in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and chooses the enter key, the clocks show the corresponding time (hours, minutes and seconds separately).\nWhen the user directly triggers the clocks display, the actual time is displayed.\nFor the `ui5-time-picker`\n\n### Formatting\n\nIf a time is entered by typing it into\nthe input field, it must fit to the used time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](http://unicode.org/reports/tr35/#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"HH:mm:ss\",\na valid value string is \"11:42:35\" and the same is displayed in the input.\n\n### Keyboard handling\n[F4], [Alt]+[Up], [Alt]+[Down] Open/Close picker dialog and move focus to it.\n\nWhen closed:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n-\n\nWhen opened:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n- [A] or [P] - Selects AM or PM respectively.\n- [0]-[9] - Allows direct time selecting (hours/minutes/seconds).\n- [:] - Allows switching between hours/minutes/seconds clocks. If the last clock is displayed and [:] is pressed, the first clock is beind displayed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TimePicker.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by clicking the \"OK\" button or\nwhen the text in the input field has changed and the focus leaves the input field.\n- **input** - Fired when the value of the `ui5-time-picker` is changed at each key stroke.\n- **open** - Fired after the value-help dialog of the component is opened.\n- **close** - Fired after the value-help dialog of the component is closed.\n\n### **Methods:**\n - **formatValue(date: _Date_): _string_** - Formats a Java Script date object into a string representing a locale date and time\naccording to the `formatPattern` property of the TimePicker instance\n- **isValid(value: _string | undefined_): _boolean_** - Checks if a value is valid against the current `formatPattern` value.\n\n**Note:** an empty string is considered as valid value.\n\n### **Slots:**\n - **valueStateMessage** - Defines the value state message that will be displayed as pop up under the `ui5-time-picker`.\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-time-picker` is in `Information`, `Warning` or `Error` value state.",
       "attributes": [
         {
           "name": "value",

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.0.0-rc.4",
+  "version": "2.0.0-rc.5",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2585,7 +2585,7 @@
             },
             {
               "name": "initial-focus",
-              "description": "Defines the ID of the HTML Element, which will get the initial focus.",
+              "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
               "value": { "type": "string", "default": "\"\"" }
             },
             {
@@ -2681,7 +2681,7 @@
               },
               {
                 "name": "initial-focus",
-                "description": "Defines the ID of the HTML Element, which will get the initial focus.",
+                "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
                 "value": { "type": "string" }
               },
               {
@@ -3400,10 +3400,10 @@
             },
             {
               "name": "wrapping-type",
-              "description": "Defines how the text of a component will be displayed when there is not enough space.\n\n**Note:** for option \"Normal\" the text will wrap and the words will not be broken based on hyphenation.",
+              "description": "Defines how the text of a component will be displayed when there is not enough space.\n\n**Note:** By default the text will wrap. If \"None\" is set - the text will truncate.",
               "value": {
                 "type": "\"None\" | \"Normal\"",
-                "default": "\"None\""
+                "default": "\"Normal\""
               }
             },
             {
@@ -3466,7 +3466,7 @@
               },
               {
                 "name": "wrapping-type",
-                "description": "Defines how the text of a component will be displayed when there is not enough space.\n\n**Note:** for option \"Normal\" the text will wrap and the words will not be broken based on hyphenation.",
+                "description": "Defines how the text of a component will be displayed when there is not enough space.\n\n**Note:** By default the text will wrap. If \"None\" is set - the text will truncate.",
                 "value": { "type": "\"None\" | \"Normal\"" }
               },
               {
@@ -3894,7 +3894,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 - **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.",
+          "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:** If 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": [
             {
@@ -3904,7 +3904,7 @@
             },
             {
               "name": "additional-text",
-              "description": "Defines the `additionalText`, displayed in the end of the menu item.\n\n**Note:** The additional text would not be displayed if the item has a submenu.",
+              "description": "Defines the `additionalText`, displayed in the end of the menu item.\n\n**Note:** The additional text will not be displayed if there are items added in `items` slot or there are\ncomponents added to `endContent` slot.\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`.",
               "value": { "type": "string", "default": "\"\"" }
             },
             {
@@ -3972,7 +3972,11 @@
           "slots": [
             {
               "name": "default",
-              "description": "Defines the items of this component."
+              "description": "Defines the items of this component.\n\n**Note:** If 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`."
             }
           ],
           "events": [
@@ -3990,7 +3994,7 @@
               },
               {
                 "name": "additional-text",
-                "description": "Defines the `additionalText`, displayed in the end of the menu item.\n\n**Note:** The additional text would not be displayed if the item has a submenu.",
+                "description": "Defines the `additionalText`, displayed in the end of the menu item.\n\n**Note:** The additional text will not be displayed if there are items added in `items` slot or there are\ncomponents added to `endContent` slot.\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`.",
                 "value": { "type": "string" }
               },
               {
@@ -4975,7 +4979,7 @@
             },
             {
               "name": "initial-focus",
-              "description": "Defines the ID of the HTML Element, which will get the initial focus.",
+              "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
               "value": { "type": "string", "default": "\"\"" }
             },
             {
@@ -5090,7 +5094,7 @@
               },
               {
                 "name": "initial-focus",
-                "description": "Defines the ID of the HTML Element, which will get the initial focus.",
+                "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
                 "value": { "type": "string" }
               },
               {
@@ -5268,7 +5272,7 @@
               "description": "Defines whether the component text wraps when there is not enough space.\n\n**Note:** for option \"Normal\" the text will wrap and the words will not be broken based on hyphenation.",
               "value": {
                 "type": "\"None\" | \"Normal\"",
-                "default": "\"None\""
+                "default": "\"Normal\""
               }
             },
             {
@@ -5656,7 +5660,7 @@
             },
             {
               "name": "initial-focus",
-              "description": "Defines the ID of the HTML Element, which will get the initial focus.",
+              "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
               "value": { "type": "string", "default": "\"\"" }
             },
             {
@@ -5761,7 +5765,7 @@
               },
               {
                 "name": "initial-focus",
-                "description": "Defines the ID of the HTML Element, which will get the initial focus.",
+                "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
                 "value": { "type": "string" }
               },
               {
@@ -5958,7 +5962,7 @@
         },
         {
           "name": "ui5-select",
-          "description": "### Overview\n\nThe `ui5-select` component is used to create a drop-down list.\n\n### Usage\n\nThere are two main usages of the `ui5-select>`.\n\n1. With Option (`ui5-option`) web component:\n\nThe available options of the Select are defined by using the Option component.\nThe Option comes with predefined design and layout, including `icon`, `text` and `additional-text`.\n\n2. With OptionCustom (`ui5-option-custom`) web component.\n\nOptions with custom content are defined by using the OptionCustom component\nThe OptionCustom component comes with no predefined layout and it expects consumers to define it.\n\n### Keyboard Handling\nThe `ui5-select` provides advanced keyboard handling.\n\n- [F4] / [Alt] + [Up] / [Alt] + [Down] / [Space] or [Enter] - Opens/closes the drop-down.\n- [Up] or [Down] - If the drop-down is closed - changes selection to the next or the previous option. If the drop-down is opened - moves focus to the next or the previous option.\n- [Space], [Enter] - If the drop-down is opened - selects the focused option.\n- [Escape] - Closes the drop-down without changing the selection.\n- [Home] - Navigates to first option\n- [End] - Navigates to the last option\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Select\";`\n\n`import \"@ui5/webcomponents/dist/Option\";`\n`import \"@ui5/webcomponents/dist/OptionCustom\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the selected option changes.\n- **live-change** - Fired when the user navigates through the options, but the selection is not finalized,\nor when pressing the ESC key to revert the current selection.\n- **open** - Fired after the component's dropdown menu opens.\n- **close** - Fired after the component's dropdown menu closes.\n\n### **Slots:**\n - **default** - Defines the component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-option` component to define the desired options.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\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 component is in `Information`, `Warning` or `Error` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.\n- **label** - Defines the HTML element that will be displayed in the component input part,\nrepresenting the selected option.\n\n**Note:** If not specified and `ui5-option-custom` is used,\neither the option's `display-text` or its textContent will be displayed.\n\n**Note:** If not specified and `ui5-option` is used,\nthe option's textContent will be displayed.",
+          "description": "### Overview\n\nThe `ui5-select` component is used to create a drop-down list.\n\n### Usage\n\nThere are two main usages of the `ui5-select>`.\n\n1. With Option (`ui5-option`) web component:\n\nThe available options of the Select are defined by using the Option component.\nThe Option comes with predefined design and layout, including `icon`, `text` and `additional-text`.\n\n2. With OptionCustom (`ui5-option-custom`) web component.\n\nOptions with custom content are defined by using the OptionCustom component\nThe OptionCustom component comes with no predefined layout and it expects consumers to define it.\n\n### Keyboard Handling\nThe `ui5-select` provides advanced keyboard handling.\n\n- [F4] / [Alt] + [Up] / [Alt] + [Down] / [Space] or [Enter] - Opens/closes the drop-down.\n- [Up] or [Down] - If the drop-down is closed - changes selection to the next or the previous option. If the drop-down is opened - moves focus to the next or the previous option.\n- [Space], [Enter] - If the drop-down is opened - selects the focused option.\n- [Escape] - Closes the drop-down without changing the selection.\n- [Home] - Navigates to first option\n- [End] - Navigates to the last option\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Select\";`\n\n`import \"@ui5/webcomponents/dist/Option\";`\n`import \"@ui5/webcomponents/dist/OptionCustom\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the selected option changes.\n- **live-change** - Fired when the user navigates through the options, but the selection is not finalized,\nor when pressing the ESC key to revert the current selection.\n- **open** - Fired after the component's dropdown menu opens.\n- **close** - Fired after the component's dropdown menu closes.\n\n### **Slots:**\n - **default** - Defines the component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-option` component to define the desired options.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\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 component is in `Information`, `Warning` or `Error` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.\n- **label** - Defines the HTML element that will be displayed in the component input part,\nrepresenting the selected option.\n\n**Note:** If not specified and `ui5-option-custom` is used,\neither the option's `display-text` or its textContent will be displayed.\n\n**Note:** If not specified and `ui5-option` is used,\nthe option's textContent will be displayed.\n\n### **CSS Parts:**\n - **popover** - Used to style the popover element",
           "doc-url": "",
           "attributes": [
             {
@@ -7539,7 +7543,7 @@
         },
         {
           "name": "ui5-time-picker",
-          "description": "### Overview\nThe `ui5-time-picker` component provides an input field with assigned clocks which are opened on user action.\nThe `ui5-time-picker` allows users to select a localized time using touch, mouse, or keyboard input.\nIt consists of two parts: the time input field and the clocks.\n\n### Usage\nThe user can enter a time by:\n\n- Using the clocks that are displayed in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and chooses the enter key, the clocks show the corresponding time (hours, minutes and seconds separately).\nWhen the user directly triggers the clocks display, the actual time is displayed.\nFor the `ui5-time-picker`\n\n### Formatting\n\nIf a time is entered by typing it into\nthe input field, it must fit to the used time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](http://unicode.org/reports/tr35/#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"HH:mm:ss\",\na valid value string is \"11:42:35\" and the same is displayed in the input.\n\n### Keyboard handling\n[F4], [Alt]+[Up], [Alt]+[Down] Open/Close picker dialog and move focus to it.\n\nWhen closed:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n-\n\nWhen opened:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n- [A] or [P] - Selects AM or PM respectively.\n- [0]-[9] - Allows direct time selecting (hours/minutes/seconds).\n- [:] - Allows switching between hours/minutes/seconds clocks. If the last clock is displayed and [:] is pressed, the first clock is beind displayed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TimePicker.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by clicking the \"OK\" button or\nwhen the text in the input field has changed and the focus leaves the input field.\n- **input** - Fired when the value of the `ui5-time-picker` is changed at each key stroke.\n\n### **Methods:**\n - **formatValue(date: _Date_): _string_** - Formats a Java Script date object into a string representing a locale date and time\naccording to the `formatPattern` property of the TimePicker instance\n- **isValid(value: _string | undefined_): _boolean_** - Checks if a value is valid against the current `formatPattern` value.\n\n**Note:** an empty string is considered as valid value.\n\n### **Slots:**\n - **valueStateMessage** - Defines the value state message that will be displayed as pop up under the `ui5-time-picker`.\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-time-picker` is in `Information`, `Warning` or `Error` value state.",
+          "description": "### Overview\nThe `ui5-time-picker` component provides an input field with assigned clocks which are opened on user action.\nThe `ui5-time-picker` allows users to select a localized time using touch, mouse, or keyboard input.\nIt consists of two parts: the time input field and the clocks.\n\n### Usage\nThe user can enter a time by:\n\n- Using the clocks that are displayed in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and chooses the enter key, the clocks show the corresponding time (hours, minutes and seconds separately).\nWhen the user directly triggers the clocks display, the actual time is displayed.\nFor the `ui5-time-picker`\n\n### Formatting\n\nIf a time is entered by typing it into\nthe input field, it must fit to the used time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](http://unicode.org/reports/tr35/#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"HH:mm:ss\",\na valid value string is \"11:42:35\" and the same is displayed in the input.\n\n### Keyboard handling\n[F4], [Alt]+[Up], [Alt]+[Down] Open/Close picker dialog and move focus to it.\n\nWhen closed:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n-\n\nWhen opened:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n- [A] or [P] - Selects AM or PM respectively.\n- [0]-[9] - Allows direct time selecting (hours/minutes/seconds).\n- [:] - Allows switching between hours/minutes/seconds clocks. If the last clock is displayed and [:] is pressed, the first clock is beind displayed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TimePicker.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by clicking the \"OK\" button or\nwhen the text in the input field has changed and the focus leaves the input field.\n- **input** - Fired when the value of the `ui5-time-picker` is changed at each key stroke.\n- **open** - Fired after the value-help dialog of the component is opened.\n- **close** - Fired after the value-help dialog of the component is closed.\n\n### **Methods:**\n - **formatValue(date: _Date_): _string_** - Formats a Java Script date object into a string representing a locale date and time\naccording to the `formatPattern` property of the TimePicker instance\n- **isValid(value: _string | undefined_): _boolean_** - Checks if a value is valid against the current `formatPattern` value.\n\n**Note:** an empty string is considered as valid value.\n\n### **Slots:**\n - **valueStateMessage** - Defines the value state message that will be displayed as pop up under the `ui5-time-picker`.\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-time-picker` is in `Information`, `Warning` or `Error` value state.",
           "doc-url": "",
           "attributes": [
             {
@@ -7605,6 +7609,14 @@
             {
               "name": "input",
               "description": "Fired when the value of the `ui5-time-picker` is changed at each key stroke."
+            },
+            {
+              "name": "open",
+              "description": "Fired after the value-help dialog of the component is opened."
+            },
+            {
+              "name": "close",
+              "description": "Fired after the value-help dialog of the component is closed."
             }
           ],
           "js": {
@@ -7665,6 +7677,14 @@
               {
                 "name": "input",
                 "description": "Fired when the value of the `ui5-time-picker` is changed at each key stroke."
+              },
+              {
+                "name": "open",
+                "description": "Fired after the value-help dialog of the component is opened."
+              },
+              {
+                "name": "close",
+                "description": "Fired after the value-help dialog of the component is closed."
               }
             ]
           }
@@ -9141,6 +9161,10 @@
           "name": "part(footer)",
           "description": "Used to style the footer of the component"
         },
+        {
+          "name": "part(popover)",
+          "description": "Used to style the popover element"
+        },
         {
           "name": "part(progress-container)",
           "description": "Used to style the progress container, the horizontal bar that visually represents the range between the minimum and maximum values, of the `ui5-slider`."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.0.0-rc.4",
+  "version": "2.0.0-rc.5",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -48,16 +48,16 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.0.0-rc.4",
-    "@ui5/webcomponents-icons": "2.0.0-rc.4",
-    "@ui5/webcomponents-icons-business-suite": "2.0.0-rc.4",
-    "@ui5/webcomponents-icons-tnt": "2.0.0-rc.4",
-    "@ui5/webcomponents-localization": "2.0.0-rc.4",
-    "@ui5/webcomponents-theming": "2.0.0-rc.4"
+    "@ui5/webcomponents-base": "2.0.0-rc.5",
+    "@ui5/webcomponents-icons": "2.0.0-rc.5",
+    "@ui5/webcomponents-icons-business-suite": "2.0.0-rc.5",
+    "@ui5/webcomponents-icons-tnt": "2.0.0-rc.5",
+    "@ui5/webcomponents-localization": "2.0.0-rc.5",
+    "@ui5/webcomponents-theming": "2.0.0-rc.5"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "2.0.0-rc.4",
+    "@ui5/webcomponents-tools": "2.0.0-rc.5",
     "chromedriver": "^125.0.0"
   },
-  "gitHead": "328a4aa4a6d81244939ba9201542ec2b1726b97e"
+  "gitHead": "791653e253faae4847f026d022d0ddcd47a96666"
 }

package/src/Breadcrumbs.hbs

@@ -9,7 +9,8 @@
 			<ui5-link @ui5-click="{{_openRespPopover}}"
 				accessible-role="button"
 				accessible-name="{{_dropdownArrowAccessibleNameText}}"
-				.accessibilityAttributes="{{linkAccessibilityAttributes}}">
+				.accessibilityAttributes="{{linkAccessibilityAttributes}}"
+				wrapping-type="None">
 				<ui5-icon name="slim-arrow-down" title="{{_dropdownArrowAccessibleNameText}}"></ui5-icon>
 			</ui5-link>
 		</li>
@@ -24,7 +25,8 @@
 				id="{{this._id}}-link"
 				design="{{this._linkDesign}}"
 				accessible-name="{{this._accessibleNameText}}"
-				data-ui5-stable="{{this.stableDomRef}}">
+				data-ui5-stable="{{this.stableDomRef}}"
+				wrapping-type="None">
 				{{this.innerText}}
 			</ui5-link>
 

package/src/Button.hbs

@@ -18,6 +18,7 @@
 	aria-controls="{{accessibilityAttributes.controls}}"
 	aria-haspopup="{{_hasPopup}}"
 	aria-label="{{ariaLabelText}}"
+	aria-describedby="{{ariaDescribedbyText}}"
 	title="{{buttonTitle}}"
 	part="button"
 	role="{{effectiveAccRole}}"
@@ -48,7 +49,7 @@
 	{{/if}}
 
 	{{#if hasButtonType}}
-		<span class="ui5-hidden-text">{{buttonTypeText}}</span>
+		<span id="ui5-button-hiddenText-type" aria-hidden="true" class="ui5-hidden-text">{{buttonTypeText}}</span>
 	{{/if}}
 </button>
 

package/src/ComboBox.hbs

@@ -24,6 +24,7 @@
 		aria-describedby="value-state-description"
 		aria-label="{{ariaLabelText}}"
 		aria-required="{{required}}"
+		autocomplete="off"
 		data-sap-focus-ref
 	/>
 

package/src/Input.hbs

@@ -28,6 +28,7 @@
 			aria-expanded="{{accInfo.input.ariaExpanded}}"
 			aria-label="{{accInfo.input.ariaLabel}}"
 			aria-required="{{required}}"
+			autocomplete="off"
 			@input="{{_handleInput}}"
 			@change="{{_handleChange}}"
 			@keydown="{{_onkeydown}}"

package/src/MenuItem.hbs

@@ -20,6 +20,8 @@
 			>
 			</ui5-icon>
 		</div>
+	{{else if hasEndContent}}
+		<slot name="endContent"></slot>
 	{{else if additionalText}}
 		<span part="additional-text" class="ui5-li-additional-text">{{additionalText}}</span>
 	{{/if}}

package/src/MonthPicker.hbs

@@ -9,7 +9,7 @@
 	@click={{_selectMonth}}
 >
 	{{#each _months}}
-		<div class="ui5-mp-quarter">
+		<div role="row" class="ui5-mp-quarter">
 
 			{{#each this}}
 				<div

package/src/MultiComboBox.hbs

@@ -58,6 +58,7 @@
 		aria-describedby="{{ariaDescribedByText}}"
 		aria-required="{{required}}"
 		aria-label="{{ariaLabelText}}"
+		autocomplete="off"
 		data-sap-focus-ref
 	/>
 

package/src/Popup.hbs

@@ -5,6 +5,7 @@
 	style="{{styles.root}}"
 	class="{{classes.root}}"
 	role="{{_role}}"
+	tabindex="-1"
 	aria-modal="{{_ariaModal}}"
 	aria-label="{{_ariaLabel}}"
 	aria-labelledby="{{_ariaLabelledBy}}"

package/src/SelectPopover.hbs

@@ -2,6 +2,7 @@
 	<ui5-responsive-popover
 		hide-arrow
 		prevent-initial-focus
+		part="popover"
 		placement="Bottom"
 		class="ui5-select-popover {{classes.popover}}"
 		horizontal-align="Start"
@@ -52,6 +53,7 @@
 
 {{#if shouldOpenValueStateMessagePopover}}
 	<ui5-popover
+		part="popover"
 		skip-registry-update
 		prevent-initial-focus
 		prevent-focus-restore

package/src/TimePickerPopover.hbs

@@ -9,6 +9,7 @@
 	_hide-header
 	hide-arrow
 	@ui5-close="{{onResponsivePopoverAfterClose}}"
+	@ui5-open="{{onResponsivePopoverAfterOpen}}"
 	@wheel="{{_handleWheel}}"
 	@keydown="{{_onkeydown}}"
 >

package/src/YearPicker.hbs

@@ -9,7 +9,7 @@
 	@click={{_selectYear}}
 >
 	{{#each _years}}
-		<div class="ui5-yp-interval-container">
+		<div role="row" class="ui5-yp-interval-container">
 			{{#each this}}
 				<div
 					data-sap-timestamp="{{this.timestamp}}"

package/src/i18n/messagebundle_ar.properties

@@ -169,8 +169,6 @@ MESSAGE_STRIP_CUSTOM=شريط المعلومات المخصص
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=موافق
 
-RADIO_BUTTON_GROUP_REQUIRED=حدد أحد الخيارات المتوفرة.
-
 VALUE_STATE_ERROR_ALREADY_SELECTED=هذه القيمة محددة بالفعل.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=إدخال متعدد القيمة
@@ -269,6 +267,8 @@ DATETIME_PICKER_TIME_BUTTON=الوقت
 
 TOKEN_ARIA_DELETABLE=قابل للحذف
 
+TOKEN_ARIA_LABEL=الرمز المميز
+
 TOKENIZER_ARIA_CONTAIN_TOKEN=لا توجد رموز مميزة
 
 TOKENIZER_ARIA_CONTAIN_ONE_TOKEN=يتضمن رمز مميز واحد
@@ -277,7 +277,7 @@ TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS=يحتوى على {0} من الرموز ا
 
 TOKENIZER_ARIA_LABEL=عارض الرموز المميزة
 
-TOKENIZER_POPOVER_REMOVE=إزالة
+TOKENIZER_POPOVER_REMOVE=كل البنود
 
 TOKENIZER_SHOW_ALL_ITEMS={0} من البنود
 
@@ -341,3 +341,13 @@ DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE_RESIZABLE=استخدام مفاتيح
 LABEL_COLON=:
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=خيارات إضافية
+
+FORM_CHECKABLE_REQUIRED=يرجى وضع علامة على هذا المربع إذا كنت تريد المتابعة.
+
+FORM_MIXED_TEXTFIELD_REQUIRED=يرجى ملء هذا الحقل أو تحديد بند في القائمة.
+
+FORM_SELECTABLE_REQUIRED=يرجى تحديد بند في القائمة.
+
+FORM_SELECTABLE_REQUIRED2=يرجى تحديد أحد هذه الخيارات.
+
+FORM_TEXTFIELD_REQUIRED=يرجى ملء هذا الحقل.

package/src/i18n/messagebundle_bg.properties

@@ -169,8 +169,6 @@ MESSAGE_STRIP_CUSTOM=Потребителска лента с информаци
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
-RADIO_BUTTON_GROUP_REQUIRED=Изберете една от наличните опции.
-
 VALUE_STATE_ERROR_ALREADY_SELECTED=Тази стойност вече е избрана.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Въвеждане на множество стойности
@@ -269,6 +267,8 @@ DATETIME_PICKER_TIME_BUTTON=Час
 
 TOKEN_ARIA_DELETABLE=С възможност за изтриване
 
+TOKEN_ARIA_LABEL=Токен
+
 TOKENIZER_ARIA_CONTAIN_TOKEN=Няма токени
 
 TOKENIZER_ARIA_CONTAIN_ONE_TOKEN=Съдържа 1 токен
@@ -277,7 +277,7 @@ TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS=Съдържа {0} токена
 
 TOKENIZER_ARIA_LABEL=Генератор за токени
 
-TOKENIZER_POPOVER_REMOVE=Премахване
+TOKENIZER_POPOVER_REMOVE=Всички позиции
 
 TOKENIZER_SHOW_ALL_ITEMS={0} позиции
 
@@ -341,3 +341,13 @@ DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE_RESIZABLE=Придвижвайте се
 LABEL_COLON=:
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Допълнителни опции
+
+FORM_CHECKABLE_REQUIRED=Моля, поставете отметка в това поле, ако искате да продължите.
+
+FORM_MIXED_TEXTFIELD_REQUIRED=Моля, попълнете това поле или изберете позиция от списъка.
+
+FORM_SELECTABLE_REQUIRED=Моля, изберете позиция от списъка.
+
+FORM_SELECTABLE_REQUIRED2=Моля, изберете една от тези опции.
+
+FORM_TEXTFIELD_REQUIRED=Моля, попълнете това поле.