@ui5/webcomponents 1.1.0 → 1.2.0

package/dist/api.json

@@ -78,6 +78,7 @@
       "slots": [
         {
           "name": "default",
+          "propertyName": "image",
           "visibility": "public",
           "since": "1.0.0-rc.15",
           "type": "HTMLElement",
@@ -253,9 +254,10 @@
       "events": [
         {
           "name": "item-click",
+          "allowPreventDefault": "true",
           "visibility": "public",
           "parameters": [ { "name": "item", "type": "HTMLElement", "description": "The clicked item." } ],
-          "description": "Fires when a <code>BreadcrumbsItem</code> is clicked."
+          "description": "Fires when a <code>BreadcrumbsItem</code> is clicked. <b>Note:</b> You can prevent browser location change by calling <code>event.preventDefault()</code>."
         }
       ]
     },
@@ -344,7 +346,7 @@
           "name": "text",
           "visibility": "public",
           "since": "1.0.0-rc.7",
-          "type": "String",
+          "type": "string",
           "description": "Defines text to be displayed below the component. It can be used to inform the user of the current operation.",
           "defaultValue": "\"\""
         }
@@ -372,18 +374,26 @@
       "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-button</code> component represents a simple push button. It enables users to trigger actions by clicking or tapping the <code>ui5-button</code>, or by pressing certain keyboard keys, such as Enter.\n\n<h3>Usage</h3>\n\nFor the <code>ui5-button</code> UI, you can define text, icon, or both. You can also specify whether the text or the icon is displayed first. <br><br> You can choose from a set of predefined types that offer different styling to correspond to the triggered action. <br><br> You can set the <code>ui5-button</code> as enabled or disabled. An enabled <code>ui5-button</code> can be pressed by clicking or tapping it. The button changes its style to provide visual feedback to the user that it is pressed or hovered over with the mouse cursor. A disabled <code>ui5-button</code> appears inactive and cannot be pressed.\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-button</code> exposes the following CSS Shadow Parts: <ul> <li>button - Used to style the native button element</li> </ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Button\";</code>",
       "constructor": { "visibility": "public" },
       "properties": [
+        {
+          "name": "accessibilityAttributes",
+          "visibility": "public",
+          "since": "1.2.0",
+          "type": "object",
+          "noattribute": "true",
+          "description": "An object of strings that defines several additional accessibility attribute values for customization depending on the use case.\n\nIt supports the following fields:\n\n<ul> <li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values: <ul> <li><code>true</code></li> <li><code>false</code></li> </ul> </li> <li><code>hasPopup</code>: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button. Accepts the following string values: <ul> <li><code>Dialog</code></li> <li><code>Grid</code></li> <li><code>ListBox</code></li> <li><code>Menu</code></li> <li><code>Tree</code></li> </ul> </li> <li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li> </ul>"
+        },
         {
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
-          "description": "Sets the accessible aria name of the component."
+          "type": "string",
+          "description": "Defines the accessible aria name of the component."
         },
         {
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.1.0",
-          "type": "String",
+          "type": "string",
           "description": "Receives id(or many ids) of the elements that label the component.",
           "defaultValue": "\"\""
         },
@@ -421,6 +431,13 @@
           "type": "boolean",
           "description": "When set to <code>true</code>, the component will automatically submit the nearest form element upon <code>press</code>. <br><br> <b>Note:</b> For the <code>submits</code> property to have effect, you must add the following import to your project: <code>import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";</code>",
           "defaultValue": "false"
+        },
+        {
+          "name": "tooltip",
+          "visibility": "public",
+          "since": "1.2.0",
+          "type": "string",
+          "description": "Defines the tooltip of the button. <br> <b>Note:</b> Tooltips should only be set to icon-only buttons."
         }
       ],
       "slots": [
@@ -594,7 +611,7 @@
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.0.0-rc.16",
-          "type": "String",
+          "type": "string",
           "description": "Defines the accessible name of the component, which is used as the name of the card region and should be unique per card. <b>Note:</b> <code>accessibleName</code> should be always set, unless <code>accessibleNameRef</code> is set.",
           "defaultValue": "\"\""
         },
@@ -602,7 +619,7 @@
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.0.0-rc.16",
-          "type": "String",
+          "type": "string",
           "description": "Defines the IDs of the elements that label the component.",
           "defaultValue": "\"\""
         }
@@ -814,15 +831,15 @@
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.1.0",
-          "type": "String",
-          "description": "Sets the accessible aria name of the component.",
+          "type": "string",
+          "description": "Defines the accessible aria name of the component.",
           "defaultValue": "\"\""
         },
         {
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.1.0",
-          "type": "String",
+          "type": "string",
           "description": "Receives id(or many ids) of the elements that label the component",
           "defaultValue": "\"\""
         },
@@ -922,7 +939,7 @@
           "name": "item-click",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "parameters": [ { "name": "color", "type": "String", "description": "the selected color" } ],
+          "parameters": [ { "name": "color", "type": "string", "description": "the selected color" } ],
           "description": "Fired when the user selects a color."
         }
       ]
@@ -996,8 +1013,9 @@
       "slots": [
         {
           "name": "default",
+          "propertyName": "colors",
           "visibility": "public",
-          "type": "HTMLElement[]",
+          "type": "sap.ui.webcomponents.main.IColorPaletteItem[]",
           "description": "Defines the content of the component."
         }
       ],
@@ -1005,7 +1023,7 @@
         {
           "name": "item-click",
           "visibility": "public",
-          "parameters": [ { "name": "color", "type": "String", "description": "the selected color" } ],
+          "parameters": [ { "name": "color", "type": "string", "description": "the selected color" } ],
           "description": "Fired when the user selects a color."
         }
       ],
@@ -1016,6 +1034,35 @@
           "since": "1.0.0-rc.16",
           "returnValue": { "type": "boolean" },
           "description": "Returns if the component is opened."
+        },
+        {
+          "name": "openPopover",
+          "visibility": "public",
+          "since": "1.0.0-rc.16",
+          "parameters": [
+            {
+              "name": "opener",
+              "type": "HTMLElement",
+              "optional": false,
+              "description": "the element that the popover is shown at"
+            }
+          ],
+          "description": "Shows the ColorPalettePopover. <b>Note:</b> The method is deprecated and will be removed in future, use <code>showAt</code> instead.",
+          "deprecated": { "text": "The method is deprecated in favour of <code>showAt</code>." }
+        },
+        {
+          "name": "showAt",
+          "visibility": "public",
+          "since": "1.1.1",
+          "parameters": [
+            {
+              "name": "opener",
+              "type": "HTMLElement",
+              "optional": false,
+              "description": "the element that the popover is shown at"
+            }
+          ],
+          "description": "Shows the ColorPalettePopover."
         }
       ]
     },
@@ -1068,14 +1115,14 @@
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
-          "description": "Sets the accessible aria name of the component."
+          "type": "string",
+          "description": "Defines the accessible aria name of the component."
         },
         {
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
+          "type": "string",
           "description": "Receives id(or many ids) of the elements that label the component",
           "defaultValue": "\"\""
         },
@@ -1361,14 +1408,14 @@
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
+          "type": "string",
           "description": "Defines the aria-label attribute for the component."
         },
         {
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
+          "type": "string",
           "description": "Receives id(or many ids) of the elements that label the component.",
           "defaultValue": "\"\""
         },
@@ -1453,10 +1500,10 @@
           "allowPreventDefault": "true",
           "visibility": "public",
           "parameters": [
-            { "name": "value", "type": "String", "description": "The submitted value." },
+            { "name": "value", "type": "string", "description": "The submitted value." },
             {
               "name": "valid",
-              "type": "Boolean",
+              "type": "boolean",
               "description": "Indicator if the value is in correct format pattern and in valid range."
             }
           ],
@@ -1467,10 +1514,10 @@
           "allowPreventDefault": "true",
           "visibility": "public",
           "parameters": [
-            { "name": "value", "type": "String", "description": "The submitted value." },
+            { "name": "value", "type": "string", "description": "The submitted value." },
             {
               "name": "valid",
-              "type": "Boolean",
+              "type": "boolean",
               "description": "Indicator if the value is in correct format pattern and in valid range."
             }
           ],
@@ -1540,6 +1587,7 @@
         {
           "name": "isValid",
           "visibility": "public",
+          "returnValue": { "type": "boolean" },
           "parameters": [
             {
               "name": "value",
@@ -1717,7 +1765,7 @@
       "static": true,
       "visibility": "public",
       "extends": "Popup",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-dialog</code> component is used to temporarily display some information in a size-limited window in front of the regular app screen. It is used to prompt the user for an action or a confirmation. The <code>ui5-dialog</code> interrupts the current app processing as it is the only focused UI element and the main screen is dimmed/blocked. The dialog combines concepts known from other technologies where the windows have names such as dialog box, dialog window, pop-up, pop-up window, alert box, or message box. <br><br> The <code>ui5-dialog</code> is modal, which means that user action is required before returning to the parent window is possible. The content of the <code>ui5-dialog</code> is fully customizable.\n\n<h3>Structure</h3> A <code>ui5-dialog</code> consists of a header, content, and a footer for action buttons. The <code>ui5-dialog</code> is usually displayed at the center of the screen. Its position can be changed by the user. To enable this, you need to set the property <code>draggable</code> accordingly.\n\n<h3>Responsive Behavior</h3> The <code>stretch</code> property can be used to stretch the <code>ui5-dialog</code> on full screen.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Dialog\";</code>\n\n<b>Note:</b> We don't recommend nesting popup-like components (<code>ui5-dialog</code>, <code>ui5-popover</code>) inside <code>ui5-dialog</code>. Ideally you should create all popups on the same level inside your HTML page and just open them from one another, rather than nesting them.\n\n<b>Note:</b> We don't recommend nesting popup-like components (<code>ui5-dialog</code>, <code>ui5-popover</code>) inside other components containing z-index. This might break z-index management.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-dialog</code> component is used to temporarily display some information in a size-limited window in front of the regular app screen. It is used to prompt the user for an action or a confirmation. The <code>ui5-dialog</code> interrupts the current app processing as it is the only focused UI element and the main screen is dimmed/blocked. The dialog combines concepts known from other technologies where the windows have names such as dialog box, dialog window, pop-up, pop-up window, alert box, or message box. <br><br> The <code>ui5-dialog</code> is modal, which means that user action is required before returning to the parent window is possible. The content of the <code>ui5-dialog</code> is fully customizable.\n\n<h3>Structure</h3> A <code>ui5-dialog</code> consists of a header, content, and a footer for action buttons. The <code>ui5-dialog</code> is usually displayed at the center of the screen. Its position can be changed by the user. To enable this, you need to set the property <code>draggable</code> accordingly.\n\n<h3>Responsive Behavior</h3> The <code>stretch</code> property can be used to stretch the <code>ui5-dialog</code> on full screen.\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-dialog</code> exposes the following CSS Shadow Parts: <ul> <li>header - Used to style the header of the component</li> <li>content - Used to style the content of the component</li> <li>footer - Used to style the footer of the component</li> </ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Dialog\";</code>\n\n<b>Note:</b> We don't recommend nesting popup-like components (<code>ui5-dialog</code>, <code>ui5-popover</code>) inside <code>ui5-dialog</code>. Ideally you should create all popups on the same level inside your HTML page and just open them from one another, rather than nesting them.\n\n<b>Note:</b> We don't recommend nesting popup-like components (<code>ui5-dialog</code>, <code>ui5-popover</code>) inside other components containing z-index. This might break z-index management.",
       "constructor": { "visibility": "public" },
       "properties": [
         {
@@ -1966,7 +2014,7 @@
       "module": "Interfaces",
       "static": true,
       "visibility": "public",
-      "description": "Interface for components that may be used inside a <code>ui5-color-palette</code>"
+      "description": "Interface for components that may be used inside a <code>ui5-color-palette</code> or <code>ui5-color-palette-popover</code>"
     },
     {
       "kind": "interface",
@@ -2003,7 +2051,7 @@
           "name": "accessibleRole",
           "visibility": "public",
           "since": "1.1.0",
-          "type": "undefined",
+          "type": "string",
           "description": "Defines the accessibility role of the component.",
           "defaultValue": "\"\""
         },
@@ -2094,7 +2142,7 @@
       "visibility": "public",
       "extends": "sap.ui.webcomponents.base.UI5Element",
       "implements": [ "sap.ui.webcomponents.main.IInput" ],
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-input</code> component allows the user to enter and edit text or numeric values in one line. <br> Additionally, you can provide <code>suggestionItems</code>, that are displayed in a popover right under the input. <br><br> The text field can be editable or read-only (<code>readonly</code> property), and it can be enabled or disabled (<code>disabled</code> property). To visualize semantic states, such as \"error\" or \"warning\", the <code>valueState</code> property is provided. When the user makes changes to the text, the change event is fired, which enables you to react on any text change. <br><br> <b>Note:</b> If you are using the <code>ui5-input</code> as a single npm module, don't forget to import the <code>InputSuggestions</code> module from \"@ui5/webcomponents/dist/features/InputSuggestions.js\" to enable the suggestions functionality.\n\n<h3>Keyboard Handling</h3> The <code>ui5-input</code> provides the following keyboard shortcuts: <br>\n\n<ul> <li>[F4], [ALT]+[UP], or [ALT]+[DOWN] - Opens value help if available, same as clicking the value help icon. (Does not open suggestion list.)</li> <li>[ESC] - Closes the suggestion list, if open. If closed or not enabled, cancels changes and reverts to the value which the Input field had when it got the focus.</li> <li>[ENTER] or [RETURN] - If suggestion list is open takes over the current matching item and closes it. If value state or group header is focused, does nothing.</li> <li>[DOWN] - Focuses the next matching item in the suggestion list.</li> <li>[UP] - Focuses the previous matching item in the suggestion list.</li> <li>[HOME] - If focus is in the text input, moves caret before the first character. If focus is in the list, highlights the first item and updates the input accordingly.</li> <li>[END] - If focus is in the text input, moves caret after the last character. If focus is in the list, highlights the last item and updates the input accordingly.</li> <li>[PAGEUP] - If focus is in the list, moves highlight up by page size (10 items by default). If focus is in the input, does nothing.</li> <li>[PAGEDOWN] - If focus is in the list, moves highlight down by page size (10 items by default). If focus is in the input, does nothing.</li> </ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Input.js\";</code> <br> <code>import \"@ui5/webcomponents/dist/features/InputSuggestions.js\";</code> (optional - for input suggestions support)",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-input</code> component allows the user to enter and edit text or numeric values in one line. <br> Additionally, you can provide <code>suggestionItems</code>, that are displayed in a popover right under the input. <br><br> The text field can be editable or read-only (<code>readonly</code> property), and it can be enabled or disabled (<code>disabled</code> property). To visualize semantic states, such as \"error\" or \"warning\", the <code>valueState</code> property is provided. When the user makes changes to the text, the change event is fired, which enables you to react on any text change. <br><br> <b>Note:</b> If you are using the <code>ui5-input</code> as a single npm module, don't forget to import the <code>InputSuggestions</code> module from \"@ui5/webcomponents/dist/features/InputSuggestions.js\" to enable the suggestions functionality.\n\n<h3>Keyboard Handling</h3> The <code>ui5-input</code> provides the following keyboard shortcuts: <br>\n\n<ul> <li>[ESC] - Closes the suggestion list, if open. If closed or not enabled, cancels changes and reverts to the value which the Input field had when it got the focus.</li> <li>[ENTER] or [RETURN] - If suggestion list is open takes over the current matching item and closes it. If value state or group header is focused, does nothing.</li> <li>[DOWN] - Focuses the next matching item in the suggestion list.</li> <li>[UP] - Focuses the previous matching item in the suggestion list.</li> <li>[HOME] - If focus is in the text input, moves caret before the first character. If focus is in the list, highlights the first item and updates the input accordingly.</li> <li>[END] - If focus is in the text input, moves caret after the last character. If focus is in the list, highlights the last item and updates the input accordingly.</li> <li>[PAGEUP] - If focus is in the list, moves highlight up by page size (10 items by default). If focus is in the input, does nothing.</li> <li>[PAGEDOWN] - If focus is in the list, moves highlight down by page size (10 items by default). If focus is in the input, does nothing.</li> </ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Input.js\";</code> <br> <code>import \"@ui5/webcomponents/dist/features/InputSuggestions.js\";</code> (optional - for input suggestions support)",
       "constructor": { "visibility": "public" },
       "properties": [
         {
@@ -2107,14 +2155,14 @@
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
-          "description": "Sets the accessible aria name of the component."
+          "type": "string",
+          "description": "Defines the accessible aria name of the component."
         },
         {
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
+          "type": "string",
           "description": "Receives id(or many ids) of the elements that label the input.",
           "defaultValue": "\"\""
         },
@@ -2174,6 +2222,14 @@
           "description": "Defines whether the component is required.",
           "defaultValue": "false"
         },
+        {
+          "name": "showClearIcon",
+          "visibility": "public",
+          "since": "1.2.0",
+          "type": "boolean",
+          "description": "Defines whether the clear icon of the input will be shown.",
+          "defaultValue": "false"
+        },
         {
           "name": "showSuggestions",
           "visibility": "public",
@@ -2442,13 +2498,22 @@
           "visibility": "public",
           "since": "1.1.0",
           "type": "object",
-          "description": "An object of strings that defines several additional accessibility attribute values for customization depending on the use case.\n\nIt supports the following fields:\n\n<ul> <li><code>expanded</code>: Indicates whether the anchor element, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values: <ul> <li><code>true</code></li> <li><code>false</code></li> <ul> </li> <li><code>hasPopup</code>: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the anchor element. Accepts the following string values: <ul> <li><code>Dialog</code></li> <li><code>Grid</code></li> <li><code>ListBox</code></li> <li><code>Menu</code></li> <li><code>Tree</code></li> </ul> </li> </ul>"
+          "noattribute": "true",
+          "description": "An object of strings that defines several additional accessibility attribute values for customization depending on the use case.\n\nIt supports the following fields:\n\n<ul> <li><code>expanded</code>: Indicates whether the anchor element, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values: <ul> <li><code>true</code></li> <li><code>false</code></li> </ul> </li> <li><code>hasPopup</code>: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the anchor element. Accepts the following string values: <ul> <li><code>Dialog</code></li> <li><code>Grid</code></li> <li><code>ListBox</code></li> <li><code>Menu</code></li> <li><code>Tree</code></li> </ul> </li> </ul>"
+        },
+        {
+          "name": "accessibleName",
+          "visibility": "public",
+          "since": "1.2.0",
+          "type": "string",
+          "description": "Defines the accessible aria name of the component.",
+          "defaultValue": "\"\""
         },
         {
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
+          "type": "string",
           "description": "Receives id(or many ids) of the elements that label the input",
           "defaultValue": "\"\""
         },
@@ -2516,14 +2581,14 @@
       "static": true,
       "visibility": "public",
       "extends": "UI5Element",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-list</code> component allows displaying a list of items, advanced keyboard handling support for navigating between items, and predefined modes to improve the development efficiency. <br><br> The <code>ui5-list</code> is a container for the available list items: <ul> <li><code>ui5-li</code></li> <li><code>ui5-li-custom</code></li> <li><code>ui5-li-groupheader</code></li> </ul> <br><br> To benefit from the built-in selection mechanism, you can use the available selection modes, such as <code>SingleSelect</code>, <code>MultiSelect</code> and <code>Delete</code>. <br><br> Additionally, the <code>ui5-list</code> provides header, footer, and customization for the list item separators.\n\n<br><br> <h3>Keyboard Handling</h3>\n\n<h4>Basic Navigation</h4 The <code>ui5-list</code> provides advanced keyboard handling. When a list is focused the user can use the following keyboard shortcuts in order to perform a navigation: <br>\n\n<ul> <li>[UP/DOWN] - Navigates up and down the items</li> <li>[HOME] - Navigates to first item</li> <li>[END] - Navigates to the last item</li> </ul>\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete), when the <code>mode</code> property is in use: <ul> <li>[SPACE] - Select an item (if <code>type</code> is 'Active') when <code>mode</code> is selection</li> <li>[DELETE] - Delete an item if <code>mode</code> property is <code>Delete</code></li> </ul>\n\n<h4>Fast Navigation</h4> This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up</code>. In order to use this functionality, you need to import the following module: <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code> <br><br>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/List.js\";</code> <br> <code>import \"@ui5/webcomponents/dist/StandardListItem.js\";</code> (for <code>ui5-li</code>) <br> <code>import \"@ui5/webcomponents/dist/CustomListItem.js\";</code> (for <code>ui5-li-custom</code>) <br> <code>import \"@ui5/webcomponents/dist/GroupHeaderListItem.js\";</code> (for <code>ui5-li-groupheader</code>)",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-list</code> component allows displaying a list of items, advanced keyboard handling support for navigating between items, and predefined modes to improve the development efficiency. <br><br> The <code>ui5-list</code> is a container for the available list items: <ul> <li><code>ui5-li</code></li> <li><code>ui5-li-custom</code></li> <li><code>ui5-li-groupheader</code></li> </ul> <br><br> To benefit from the built-in selection mechanism, you can use the available selection modes, such as <code>SingleSelect</code>, <code>MultiSelect</code> and <code>Delete</code>. <br><br> Additionally, the <code>ui5-list</code> provides header, footer, and customization for the list item separators.\n\n<br><br> <h3>Keyboard Handling</h3>\n\n<h4>Basic Navigation</h4> The <code>ui5-list</code> provides advanced keyboard handling. When a list is focused the user can use the following keyboard shortcuts in order to perform a navigation: <br>\n\n<ul> <li>[UP/DOWN] - Navigates up and down the items</li> <li>[HOME] - Navigates to first item</li> <li>[END] - Navigates to the last item</li> </ul>\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete), when the <code>mode</code> property is in use: <ul> <li>[SPACE] - Select an item (if <code>type</code> is 'Active') when <code>mode</code> is selection</li> <li>[DELETE] - Delete an item if <code>mode</code> property is <code>Delete</code></li> </ul>\n\n<h4>Fast Navigation</h4> This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up</code>. In order to use this functionality, you need to import the following module: <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code> <br><br>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/List.js\";</code> <br> <code>import \"@ui5/webcomponents/dist/StandardListItem.js\";</code> (for <code>ui5-li</code>) <br> <code>import \"@ui5/webcomponents/dist/CustomListItem.js\";</code> (for <code>ui5-li-custom</code>) <br> <code>import \"@ui5/webcomponents/dist/GroupHeaderListItem.js\";</code> (for <code>ui5-li-groupheader</code>)",
       "constructor": { "visibility": "public" },
       "properties": [
         {
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
+          "type": "string",
           "description": "Defines the accessible name of the component.",
           "defaultValue": "\"\""
         },
@@ -2531,7 +2596,7 @@
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
+          "type": "string",
           "description": "Defines the IDs of the elements that label the input.",
           "defaultValue": "\"\""
         },
@@ -2539,7 +2604,7 @@
           "name": "accessibleRole",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
+          "type": "string",
           "description": "Defines the accessible role of the component. <br><br>",
           "defaultValue": "\"list\""
         },
@@ -3144,7 +3209,7 @@
           "visibility": "public",
           "since": "1.0.0-rc.15",
           "type": "string",
-          "description": "Sets the accessible aria name of the component.",
+          "description": "Defines the accessible aria name of the component.",
           "defaultValue": "\"\""
         },
         {
@@ -3224,7 +3289,7 @@
       "visibility": "public",
       "since": "1.0.0-rc.6",
       "extends": "Popup",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-popover</code> component displays additional information for an object in a compact way and without leaving the page. The Popover can contain various UI elements, such as fields, tables, images, and charts. It can also include actions in the footer.\n\n<h3>Structure</h3>\n\nThe popover has three main areas: <ul> <li>Header (optional)</li> <li>Content</li> <li>Footer (optional)</li> </ul>\n\n<b>Note:</b> The <code>ui5-popover</code> is closed when the user clicks or taps outside the popover or selects an action within the popover. You can prevent this with the <code>modal</code> property.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Popover.js\";</code>",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-popover</code> component displays additional information for an object in a compact way and without leaving the page. The Popover can contain various UI elements, such as fields, tables, images, and charts. It can also include actions in the footer.\n\n<h3>Structure</h3>\n\nThe popover has three main areas: <ul> <li>Header (optional)</li> <li>Content</li> <li>Footer (optional)</li> </ul>\n\n<b>Note:</b> The <code>ui5-popover</code> is closed when the user clicks or taps outside the popover or selects an action within the popover. You can prevent this with the <code>modal</code> property.\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-popover</code> exposes the following CSS Shadow Parts: <ul> <li>header - Used to style the header of the component</li> <li>content - Used to style the content of the component</li> <li>footer - Used to style the footer of the component</li> </ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Popover.js\";</code>",
       "constructor": { "visibility": "public" },
       "properties": [
         {
@@ -3271,6 +3336,14 @@
           "description": "Defines whether the component should close when clicking/tapping outside of the popover. If enabled, it blocks any interaction with the background.",
           "defaultValue": "false"
         },
+        {
+          "name": "opener",
+          "visibility": "public",
+          "since": "1.2.0",
+          "type": "String",
+          "description": "Defines the opener id of the element that the popover is shown at",
+          "defaultValue": "\"\""
+        },
         {
           "name": "placementType",
           "visibility": "public",
@@ -3333,7 +3406,7 @@
       "static": true,
       "visibility": "public",
       "extends": "sap.ui.webcomponents.base.UI5Element",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3> Base class for all popup Web Components.\n\nIf you need to create your own popup-like custom UI5 Web Components, it is highly recommended that you extend at least Popup in order to have consistency with other popups in terms of modal behavior and z-index management.\n\n1. The Popup class handles modality: - The \"isModal\" getter can be overridden by derivatives to provide their own conditions when they are modal or not - Derivatives may call the \"blockBodyScrolling\" and \"unblockBodyScrolling\" static methods to temporarily remove scrollbars on the body - Derivatives may call the \"open\" and \"close\" methods which handle focus, manage the popup registry and for modal popups, manage the blocking layer\n\n2. Provides blocking layer (relevant for modal popups only): - It is in the static area - Controlled by the \"open\" and \"close\" methods\n\n3. The Popup class \"traps\" focus: - Derivatives may call the \"applyInitialFocus\" method (usually when opening, to transfer focus inside the popup)\n\n4. The Popup class automatically assigns \"z-index\" - Each time a popup is opened, it gets a higher than the previously opened popup z-index\n\n5. The template of this component exposes two inline partials you can override in derivatives: - beforeContent (upper part of the box, useful for header/title/close button) - afterContent (lower part, useful for footer/action buttons)",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3> Base class for all popup Web Components.\n\nIf you need to create your own popup-like custom UI5 Web Components, it is highly recommended that you extend at least Popup in order to have consistency with other popups in terms of modal behavior and z-index management.\n\n1. The Popup class handles modality: - The \"isModal\" getter can be overridden by derivatives to provide their own conditions when they are modal or not - Derivatives may call the \"blockPageScrolling\" and \"unblockPageScrolling\" static methods to temporarily remove scrollbars on the html element - Derivatives may call the \"open\" and \"close\" methods which handle focus, manage the popup registry and for modal popups, manage the blocking layer\n\n2. Provides blocking layer (relevant for modal popups only): - It is in the static area - Controlled by the \"open\" and \"close\" methods\n\n3. The Popup class \"traps\" focus: - Derivatives may call the \"applyInitialFocus\" method (usually when opening, to transfer focus inside the popup)\n\n4. The Popup class automatically assigns \"z-index\" - Each time a popup is opened, it gets a higher than the previously opened popup z-index\n\n5. The template of this component exposes two inline partials you can override in derivatives: - beforeContent (upper part of the box, useful for header/title/close button) - afterContent (lower part, useful for footer/action buttons)",
       "constructor": { "visibility": "public" },
       "properties": [
         {
@@ -3358,7 +3431,7 @@
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
+          "type": "string",
           "description": "Defines the accessible name of the component.",
           "defaultValue": "\"\""
         },
@@ -3366,7 +3439,7 @@
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.1.0",
-          "type": "String",
+          "type": "string",
           "description": "Defines the IDs of the elements that label the component.",
           "defaultValue": "\"\""
         },
@@ -3383,6 +3456,14 @@
           "type": "undefined",
           "description": "Implement this getter with relevant logic regarding the modality of the popup (e.g. based on a public property)"
         },
+        {
+          "name": "open",
+          "visibility": "public",
+          "since": "1.2.0",
+          "type": "boolean",
+          "description": "Indicates if the element is open",
+          "defaultValue": "false"
+        },
         {
           "name": "preventFocusRestore",
           "visibility": "public",
@@ -3401,6 +3482,7 @@
       "slots": [
         {
           "name": "default",
+          "propertyName": "content",
           "visibility": "public",
           "type": "HTMLElement[]",
           "description": "Defines the content of the Popup."
@@ -3470,10 +3552,10 @@
           "description": "Use this method to focus the element denoted by \"initialFocus\", if provided, or the first focusable element otherwise."
         },
         {
-          "name": "blockBodyScrolling",
+          "name": "blockPageScrolling",
           "visibility": "protected",
           "static": true,
-          "description": "Temporarily removes scrollbars from the body"
+          "description": "Temporarily removes scrollbars from the html element"
         },
         {
           "name": "close",
@@ -3497,10 +3579,10 @@
           "description": "Returns the focus to the previously focused element"
         },
         {
-          "name": "unblockBodyScrolling",
+          "name": "unblockPageScrolling",
           "visibility": "protected",
           "static": true,
-          "description": "Restores scrollbars on the body, if needed"
+          "description": "Restores scrollbars on the html element, if needed"
         }
       ]
     },
@@ -3572,7 +3654,7 @@
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.1.0",
-          "type": "String",
+          "type": "string",
           "description": "Defines the IDs of the elements that label the component.",
           "defaultValue": "\"\""
         },
@@ -3700,8 +3782,8 @@
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
-          "description": "Sets the accessible aria name of the component."
+          "type": "string",
+          "description": "Defines the accessible aria name of the component."
         },
         {
           "name": "disabled",
@@ -3753,7 +3835,7 @@
       "visibility": "public",
       "since": "1.0.0-rc.6",
       "extends": "Popover",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-responsive-popover</code> acts as a Popover on desktop and tablet, while on phone it acts as a Dialog. The component improves tremendously the user experience on mobile.\n\n<h3>Usage</h3> Use it when you want to make sure that all the content is visible on any device.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-responsive-popover</code> acts as a Popover on desktop and tablet, while on phone it acts as a Dialog. The component improves tremendously the user experience on mobile.\n\n<h3>Usage</h3> Use it when you want to make sure that all the content is visible on any device.\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-responsive-popover</code> exposes the following CSS Shadow Parts: <ul> <li>header - Used to style the header of the component</li> <li>content - Used to style the content of the component</li> <li>footer - Used to style the footer of the component</li> </ul>",
       "constructor": { "visibility": "public" },
       "methods": [
         { "name": "close", "visibility": "public", "description": "Closes the popover/dialog." },
@@ -3805,8 +3887,8 @@
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.0.3",
-          "type": "String",
-          "description": "Sets the accessible aria name of the component."
+          "type": "string",
+          "description": "Defines the accessible aria name of the component."
         },
         {
           "name": "selectedItem",
@@ -3886,21 +3968,21 @@
       "visibility": "public",
       "since": "0.8.0",
       "extends": "sap.ui.webcomponents.base.UI5Element",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-select</code> component is used to create a drop-down list. The items inside the <code>ui5-select</code> define the available options by using the <code>ui5-option</code> component.\n\n<h3>Keyboard Handling</h3> The <code>ui5-select</code> provides advanced keyboard handling. <br> <ul> <li>[F4, ALT+UP, ALT+DOWN, SPACE, ENTER] - Opens/closes the drop-down.</li> <li>[UP, 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.</li> <li>[SPACE, ENTER] - If the drop-down is opened - selects the focused option.</li> <li>[ESC] - Closes the drop-down without changing the selection.</li> <li>[HOME] - Navigates to first option</li> <li>[END] - Navigates to the last option</li> </ul> <br>\n\n<h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents/dist/Select\";</code> <br> <code>import \"@ui5/webcomponents/dist/Option\";</code>",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-select</code> component is used to create a drop-down list. The items inside the <code>ui5-select</code> define the available options by using the <code>ui5-option</code> component.\n\n<h3>Keyboard Handling</h3> The <code>ui5-select</code> provides advanced keyboard handling. <br> <ul> <li>[F4, ALT+UP, ALT+DOWN, SPACE, ENTER] - Opens/closes the drop-down.</li> <li>[UP, 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.</li> <li>[SPACE, ENTER] - If the drop-down is opened - selects the focused option.</li> <li>[ESC] - Closes the drop-down without changing the selection.</li> <li>[HOME] - Navigates to first option</li> <li>[END] - Navigates to the last option</li> </ul> <br>\n\n<h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents/dist/Select\";</code> <br> <code>import \"@ui5/webcomponents/dist/Option\";</code> (comes with <code>ui5-select</code>)",
       "constructor": { "visibility": "public" },
       "properties": [
         {
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
-          "description": "Sets the accessible aria name of the component."
+          "type": "string",
+          "description": "Defines the accessible aria name of the component."
         },
         {
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
+          "type": "string",
           "description": "Receives id(or many ids) of the elements that label the select.",
           "defaultValue": "\"\""
         },
@@ -4161,14 +4243,14 @@
       "visibility": "public",
       "since": "1.1.0",
       "extends": "UI5Element",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<code>ui5-split-button</code> enables users to trigger actions. It is constructed of two separate actions - default action and arrow action that can be activated by clicking or tapping, or by pressing certain keyboard keys - <code>Space</code> or <code>Enter</code> for default action, and <code>Arrow Down</code> or <code>Arrow Up</code> for arrow action.\n\n<h3>Usage</h3>\n\n<code>ui5-split-button</code> consists two separate buttons: <ul> <li>for the first one (default action) you can define some <code>text</code> or an <code>icon</code>, or both. Also, it is possible to define different icon for active state of this button - <code>activeIcon</code>.</li> <li>the second one (arrow action) contains only <code>slim-arrow-down</code> icon.</li> </ul> You can choose a <code>design</code> from a set of predefined types (the same as for ui5-button) that offer different styling to correspond to the triggered action. Both text and arrow actions have the same design. <br><br> You can set the <code>ui5-split-button</code> as enabled or disabled. Both parts of an enabled <code>ui5-split-button</code> can be pressed by clicking or tapping it, or by certain keys, which changes the style to provide visual feedback to the user that it is pressed or hovered over with the mouse cursor. A disabled <code>ui5-split-button</code> appears inactive and any of the two buttons cannot be pressed. <br><br> <b>Keyboard handing</b> <ul> <li><code>Space</code> or <code>Enter</code> - triggers the default action</li> <li><code>Shift</code> or <code>Escape</code> - if <code>Space</code> is pressed, releases the default action button without triggering the click event.</li> <li><code>Arrow Down</code>, <code>Arrow Up</code>, <code>Alt</code>+<code>Arrow Down</code>, <code>Alt</code>+<code>Arrow Up</code>, or <code>F4</code> - triggers the arrow action There are separate events that are fired on activating of <code>ui5-split-button</code> parts: <ul> <li><code>click</code> for the first button (default action)</li> <li><code>arrow-click</code> for the second button (arrow action)</li> </ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import @ui5/webcomponents/dist/SplitButton.js\";</code>",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<code>ui5-split-button</code> enables users to trigger actions. It is constructed of two separate actions - default action and arrow action that can be activated by clicking or tapping, or by pressing certain keyboard keys - <code>Space</code> or <code>Enter</code> for default action, and <code>Arrow Down</code> or <code>Arrow Up</code> for arrow action.\n\n<h3>Usage</h3>\n\n<code>ui5-split-button</code> consists two separate buttons: <ul> <li>for the first one (default action) you can define some <code>text</code> or an <code>icon</code>, or both. Also, it is possible to define different icon for active state of this button - <code>activeIcon</code>.</li> <li>the second one (arrow action) contains only <code>slim-arrow-down</code> icon.</li> </ul> You can choose a <code>design</code> from a set of predefined types (the same as for ui5-button) that offer different styling to correspond to the triggered action. Both text and arrow actions have the same design. <br><br> You can set the <code>ui5-split-button</code> as enabled or disabled. Both parts of an enabled <code>ui5-split-button</code> can be pressed by clicking or tapping it, or by certain keys, which changes the style to provide visual feedback to the user that it is pressed or hovered over with the mouse cursor. A disabled <code>ui5-split-button</code> appears inactive and any of the two buttons cannot be pressed.\n\n<h3>Keyboard Handling</h3> <ul> <li><code>Space</code> or <code>Enter</code> - triggers the default action</li> <li><code>Shift</code> or <code>Escape</code> - if <code>Space</code> is pressed, releases the default action button without triggering the click event.</li> <li><code>Arrow Down</code>, <code>Arrow Up</code>, <code>Alt</code>+<code>Arrow Down</code>, <code>Alt</code>+<code>Arrow Up</code>, or <code>F4</code> - triggers the arrow action There are separate events that are fired on activating of <code>ui5-split-button</code> parts: <ul> <li><code>click</code> for the first button (default action)</li> <li><code>arrow-click</code> for the second button (arrow action)</li> </ul> </ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/SplitButton.js\";</code>",
       "constructor": { "visibility": "public" },
       "properties": [
         {
           "name": "accessibleName",
           "visibility": "public",
-          "type": "String",
-          "description": "Sets the accessible aria name of the component."
+          "type": "string",
+          "description": "Defines the accessible aria name of the component."
         },
         {
           "name": "activeIcon",
@@ -4206,6 +4288,18 @@
           "type": "Node[]",
           "description": "Defines the text of the component. <br><br> <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
         }
+      ],
+      "events": [
+        {
+          "name": "arrow-click",
+          "visibility": "public",
+          "description": "Fired when the user clicks on the arrow action."
+        },
+        {
+          "name": "click",
+          "visibility": "public",
+          "description": "Fired when the user clicks on the default action."
+        }
       ]
     },
     {
@@ -4299,14 +4393,14 @@
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
-          "description": "Sets the accessible aria name of the component."
+          "type": "string",
+          "description": "Defines the accessible aria name of the component."
         },
         {
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
+          "type": "string",
           "description": "Receives id(or many ids) of the elements that label the component.",
           "defaultValue": "\"\""
         },
@@ -4519,11 +4613,18 @@
       "description": "<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-switch</code> component is used for changing between binary states. <br> The component can display texts, that will be switched, based on the component state, via the <code>textOn</code> and <code>textOff</code> properties, but texts longer than 3 letters will be cutted off. <br> However, users are able to customize the width of <code>ui5-switch</code> with pure CSS (<code>&lt;ui5-switch style=\"width: 200px\"></code>), and set widths, depending on the texts they would use. <br> Note: the component would not automatically stretch to fit the whole text width.\n\n<h3>Keyboard Handling</h3> The state can be changed by pressing the Space and Enter keys.\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-switch</code> exposes the following CSS Shadow Parts: <ul> <li>slider - Used to style the track, where the handle is being slid</li> <li>text-on - Used to style the <code>textOn</code> property text</li> <li>text-off - Used to style the <code>textOff</code> property text</li> <li>handle - Used to style the handle of the switch</li> </ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Switch\";</code>",
       "constructor": { "visibility": "public" },
       "properties": [
+        {
+          "name": "accessibleName",
+          "visibility": "public",
+          "since": "1.2.0",
+          "type": "string",
+          "description": "Sets the accessible aria name of the component."
+        },
         {
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.1.0",
-          "type": "String",
+          "type": "string",
           "description": "Receives id(or many ids) of the elements that label the component.",
           "defaultValue": "\"\""
         },
@@ -4657,7 +4758,7 @@
       "static": true,
       "visibility": "public",
       "extends": "sap.ui.webcomponents.base.UI5Element",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-tabcontainer</code> represents a collection of tabs with associated content. Navigation through the tabs changes the content display of the currently active content area. A tab can be labeled with text only, or icons with text.\n\n<h3>Structure</h3>\n\nThe <code>ui5-tabcontainer</code> can hold two types of entities: <ul> <li><code>ui5-tab</code> - contains all the information on an item (text and icon)</li> <li><code>ui5-tab-separator</code> - used to separate tabs with a vertical line</li> </ul>\n\n<h3>Keyboard Handling</h3>\n\n<h4>Fast Navigation</h4> This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up</code>. In order to use this functionality, you need to import the following module: <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code> <br><br>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/TabContainer\";</code> <br> <code>import \"@ui5/webcomponents/dist/Tab\";</code> (for <code>ui5-tab</code>) <br> <code>import \"@ui5/webcomponents/dist/TabSeparator\";</code> (for <code>ui5-tab-separator</code>)",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-tabcontainer</code> represents a collection of tabs with associated content. Navigation through the tabs changes the content display of the currently active content area. A tab can be labeled with text only, or icons with text.\n\n<h3>Structure</h3>\n\nThe <code>ui5-tabcontainer</code> can hold two types of entities: <ul> <li><code>ui5-tab</code> - contains all the information on an item (text and icon)</li> <li><code>ui5-tab-separator</code> - used to separate tabs with a vertical line</li> </ul>\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-tabcontainer</code> exposes the following CSS Shadow Parts: <ul> <li>content - Used to style the content of the component</li> </ul>\n\n<h3>Keyboard Handling</h3>\n\n<h4>Fast Navigation</h4> This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up</code>. In order to use this functionality, you need to import the following module: <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code> <br><br>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/TabContainer\";</code> <br> <code>import \"@ui5/webcomponents/dist/Tab\";</code> (for <code>ui5-tab</code>) <br> <code>import \"@ui5/webcomponents/dist/TabSeparator\";</code> (for <code>ui5-tab-separator</code>)",
       "constructor": { "visibility": "public" },
       "properties": [
         {
@@ -4754,7 +4855,7 @@
       "static": true,
       "visibility": "public",
       "extends": "sap.ui.webcomponents.base.UI5Element",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-table</code> component provides a set of sophisticated and convenient functions for responsive table design. It provides a comprehensive set of features for displaying and dealing with vast amounts of data. <br><br> To render the <code>Table</code> properly, the order of the <code>columns</code> should match with the order of the item <code>cells</code> in the <code>rows</code>. <br><br> Desktop and tablet devices are supported. On tablets, special consideration should be given to the number of visible columns and rows due to the limited performance of some devices.\n\n<h3>Selection</h3> To benefit from the selection mechanism of <code>ui5-table</code> component, you can use the available selection modes: <code>SingleSelect</code> and <code>MultiSelect</code>. <br> In additition to the used mode, you can also specify the <code>ui5-table-row</code> type choosing between <code>Active</code> or <code>Inactive</code>. <br><br> In <code>SingleSelect</code> mode, you can select both an <code>Active</code> and <code>Inactive</code> row via mouse or by pressing the <code>Space</code> or <code>Enter</code> keys. <br> In <code>MultiSelect</code> mode, you can select both an <code>Active</code> and <code>Inactive</code> row by pressing the <code>Space</code> key when a row is on focus or via mouse click over the selection checkbox of the row. In order to select all the available rows at once, you can use the selection checkbox presented in the table's header. <br><br> <b>Note:</b> Currently, when a column is shown as a pop-in, the visual indication for selection is not presented over it.\n\n<h3>Keyboard Handling</h3>\n\n<h4>Fast Navigation</h4> This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up</code>. In order to use this functionality, you need to import the following module: <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code> <br><br>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Table.js\";</code> <br> <code>import \"@ui5/webcomponents/dist/TableColumn.js\";</code> (for <code>ui5-table-column</code>) <br> <code>import \"@ui5/webcomponents/dist/TableRow.js\";</code> (for <code>ui5-table-row</code>) <br> <code>import \"@ui5/webcomponents/dist/TableCell.js\";</code> (for <code>ui5-table-cell</code>)",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-table</code> component provides a set of sophisticated and convenient functions for responsive table design. It provides a comprehensive set of features for displaying and dealing with vast amounts of data. <br><br> To render the <code>Table</code> properly, the order of the <code>columns</code> should match with the order of the item <code>cells</code> in the <code>rows</code>. <br><br> Desktop and tablet devices are supported. On tablets, special consideration should be given to the number of visible columns and rows due to the limited performance of some devices.\n\n<h3>Selection</h3> To benefit from the selection mechanism of <code>ui5-table</code> component, you can use the available selection modes: <code>SingleSelect</code> and <code>MultiSelect</code>. <br> In additition to the used mode, you can also specify the <code>ui5-table-row</code> type choosing between <code>Active</code> or <code>Inactive</code>. <br><br> In <code>SingleSelect</code> mode, you can select both an <code>Active</code> and <code>Inactive</code> row via mouse or by pressing the <code>Space</code> or <code>Enter</code> keys. <br> In <code>MultiSelect</code> mode, you can select both an <code>Active</code> and <code>Inactive</code> row by pressing the <code>Space</code> key when a row is on focus or via mouse click over the selection checkbox of the row. In order to select all the available rows at once, you can use the selection checkbox presented in the table's header. <br><br> <b>Note:</b> Currently, when a column is shown as a pop-in, the visual indication for selection is not presented over it.\n\n<h3>Keyboard Handling</h3>\n\n<h4>Fast Navigation</h4> This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up</code>. In order to use this functionality, you need to import the following module: <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code> <br><br> Furthermore, you can interact with <code>ui5-table</code> via the following keys. <br>\n\n<ul> <li>[F7] - If focus is on an interactive control inside an item, moves focus to the corresponding item.</li> <li>[CTRL]+[A] - Selects all items, if MultiSelect mode is enabled.</li> <li>[HOME]/[END] - Focuses the first/last item.</li> <li>[PAGEUP]/[PAGEDOWN] - Moves focus up/down by page size (20 items by default).</li> <li>[ALT]+[DOWN]/[UP] - Switches focus between header, last focused item, and More button (if applies) in either direction.</li> <li>[SHIFT]+[DOWN]/[UP] - Selects the next/previous item in a MultiSelect table, if the current item is selected (Range selection). Otherwise, deselects them (Range deselection).</li> <li>[SHIFT]+[HOME]/[END] - Range selection to the first/last item of the List.</li> <li>[CTRL]+[HOME]/[END] - Same behavior as HOME & END.</li> * </ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Table.js\";</code> <br> <code>import \"@ui5/webcomponents/dist/TableColumn.js\";</code> (for <code>ui5-table-column</code>) <br> <code>import \"@ui5/webcomponents/dist/TableRow.js\";</code> (for <code>ui5-table-row</code>) <br> <code>import \"@ui5/webcomponents/dist/TableCell.js\";</code> (for <code>ui5-table-cell</code>)",
       "constructor": { "visibility": "public" },
       "properties": [
         {
@@ -5046,14 +5147,14 @@
           "name": "accessibleName",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
-          "description": "Sets the accessible aria name of the component."
+          "type": "string",
+          "description": "Defines the accessible aria name of the component."
         },
         {
           "name": "accessibleNameRef",
           "visibility": "public",
           "since": "1.0.0-rc.15",
-          "type": "String",
+          "type": "string",
           "description": "Receives id(or many ids) of the elements that label the textarea.",
           "defaultValue": "\"\""
         },
@@ -5545,6 +5646,7 @@
       "events": [
         {
           "name": "item-click",
+          "allowPreventDefault": "true",
           "visibility": "public",
           "parameters": [ { "name": "item", "type": "HTMLElement", "description": "The clicked item." } ],
           "description": "Fired when a tree item is activated."
@@ -5670,7 +5772,7 @@
         {
           "name": "icon",
           "visibility": "public",
-          "type": "String",
+          "type": "string",
           "description": "If set, an icon will be displayed before the text, representing the tree item.",
           "defaultValue": "\"\""
         },
@@ -5692,7 +5794,7 @@
         {
           "name": "text",
           "visibility": "public",
-          "type": "String",
+          "type": "string",
           "description": "Defines the text of the tree item.",
           "defaultValue": "\"\""
         }
@@ -5767,7 +5869,7 @@
         {
           "name": "icon",
           "visibility": "public",
-          "type": "String",
+          "type": "string",
           "description": "If set, an icon will be displayed before the text of the tree list item.",
           "defaultValue": "\"\""
         },