@ui5/webcomponents 1.22.0-rc.3 → 1.22.0

package/dist/custom-elements-internal.json

@@ -2955,9 +2955,9 @@
           "_ui5privacy": "public",
           "_ui5implements": [
             {
-              "name": "IAvatar",
+              "name": "IAvatarGroupItem",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/AvatarGroup.js"
             }
           ]
         }
@@ -2985,6 +2985,12 @@
       "kind": "javascript-module",
       "path": "dist/AvatarGroup.js",
       "declarations": [
+        {
+          "kind": "interface",
+          "name": "IAvatarGroupItem",
+          "description": "Interface for components that represent an avatar and may be slotted in numerous higher-order components such as <code>ui5-avatar-group</code>",
+          "_ui5privacy": "public"
+        },
         {
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nDisplays a group of avatars arranged horizontally. It is useful to visually\nshowcase a group of related avatars, such as, project team members or employees.\n\nThe component allows you to display the avatars in different sizes,\ndepending on your use case.\n\nThe <code>AvatarGroup</code> component has two group types:\n<ul>\n<li><code>Group</code> type: The avatars are displayed as partially overlapped on\ntop of each other and the entire group has one click/tap area.</li>\n<li><code>Individual</code> type: The avatars are displayed side-by-side and each\navatar has its own click/tap area.</li>\n</ul>\n\n<h3>Responsive Behavior</h3>\n\nWhen the available space is less than the width required to display all avatars,\nan overflow visualization appears as a button placed at the end with the same shape\nand size as the avatars. The visualization displays the number of avatars that have overflowed\nand are not currently visible.\n\n<h3>Usage</h3>\n\nUse the <code>AvatarGroup</code> if:\n<ul>\n<li>You want to display a group of avatars.</li>\n<li>You want to display several avatars which have something in common.</li>\n</ul>\n\nDo not use the <code>AvatarGroup</code> if:\n<ul>\n<li>You want to display a single avatar.</li>\n<li>You want to display a gallery for simple images.</li>\n<li>You want to use it for other visual content than avatars.</li>\n</ul>\n\n<h3>Keyboard Handling</h3>\nThe component provides advanced keyboard handling.\nWhen focused, the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n<br>\n<code>type</code> Individual:\n<br>\n<ul>\n<li>[TAB] - Move focus to the overflow button</li>\n<li>[LEFT] - Navigate one avatar to the left</li>\n<li>[RIGHT] - Navigate one avatar to the right</li>\n<li>[HOME] - Navigate to the first avatar</li>\n<li>[END] - Navigate to the last avatar</li>\n<li>[SPACE],[ENTER],[RETURN] - Trigger <code>ui5-click</code> event</li>\n</ul>\n<br>\n<code>type</code> Group:\n<br>\n<ul>\n<li>[TAB] - Move focus to the next interactive element after the component</li>\n<li>[SPACE],[ENTER],[RETURN] - Trigger <code>ui5-click</code> event</li>\n</ul>\n<br>",
@@ -2995,12 +3001,12 @@
               "description": "Defines the items of the component. Use the <code>ui5-avatar</code> component as an item.\n<br><br>\n<b>Note:</b> The UX guidelines recommends using avatars with \"Circle\" shape.\nMoreover, if you use avatars with \"Square\" shape, there will be visual inconsistency\nas the built-in overflow action has \"Circle\" shape.",
               "_ui5propertyName": "items",
               "_ui5type": {
-                "text": "Array<IAvatar>",
+                "text": "Array<IAvatarGroupItem>",
                 "references": [
                   {
-                    "name": "IAvatar",
+                    "name": "IAvatarGroupItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/AvatarGroup.js"
                   }
                 ]
               },
@@ -3016,7 +3022,7 @@
                   {
                     "name": "IButton",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Button.js"
                   }
                 ]
               },
@@ -3046,12 +3052,12 @@
               "kind": "field",
               "name": "hiddenItems",
               "type": {
-                "text": "Array<IAvatar>",
+                "text": "Array<IAvatarGroupItem>",
                 "references": [
                   {
-                    "name": "IAvatar",
+                    "name": "IAvatarGroupItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/AvatarGroup.js"
                   }
                 ]
               },
@@ -3181,7 +3187,7 @@
                   {
                     "name": "IIcon",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Icon.js"
                   }
                 ]
               },
@@ -3520,7 +3526,8 @@
           "tagName": "ui5-breadcrumbs-item",
           "customElement": true,
           "_ui5since": "1.0.0-rc.15",
-          "_ui5privacy": "public"
+          "_ui5privacy": "public",
+          "_ui5abstract": true
         }
       ],
       "exports": [
@@ -3648,6 +3655,12 @@
       "kind": "javascript-module",
       "path": "dist/Button.js",
       "declarations": [
+        {
+          "kind": "interface",
+          "name": "IButton",
+          "description": "Interface for components that may be used as a button inside numerous higher-order components",
+          "_ui5privacy": "public"
+        },
         {
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-button</code> component represents a simple push button.\nIt enables users to trigger actions by clicking or tapping the <code>ui5-button</code>, or by pressing\ncertain keyboard keys, such as Enter.\n\n\n<h3>Usage</h3>\n\nFor the <code>ui5-button</code> UI, you can define text, icon, or both. You can also specify\nwhether the text or the icon is displayed first.\n<br><br>\nYou can choose from a set of predefined types that offer different\nstyling to correspond to the triggered action.\n<br><br>\nYou can set the <code>ui5-button</code> as enabled or disabled. An enabled\n<code>ui5-button</code> can be pressed by clicking or tapping it. The button changes\nits style to provide visual feedback to the user that it is pressed or hovered over with\nthe mouse cursor. A disabled <code>ui5-button</code> appears inactive and cannot be pressed.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Button\";</code>",
@@ -3773,9 +3786,16 @@
               "kind": "field",
               "name": "accessibilityAttributes",
               "type": {
-                "text": "{ expanded: \"true\" | \"false\", hasPopup: \"Dialog\" | \"Grid\" | \"ListBox\" | \"Menu\" | \"Tree\", controls: string}"
+                "text": "AccessibilityAttributes",
+                "references": [
+                  {
+                    "name": "AccessibilityAttributes",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/Button.js"
+                  }
+                ]
               },
-              "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n<ul>\n\t\t<li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n\t\t<ul>\n\t\t\t<li><code>true</code></li>\n\t\t\t<li><code>false</code></li>\n\t\t</ul>\n\t\t</li>\n\t\t<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:\n\t\t\t<ul>\n\t\t\t<li><code>Dialog</code></li>\n\t\t\t<li><code>Grid</code></li>\n\t\t\t<li><code>ListBox</code></li>\n\t\t\t<li><code>Menu</code></li>\n\t\t\t<li><code>Tree</code></li>\n\t\t\t</ul>\n\t\t</li>\n\t\t<li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>\n</ul>",
+              "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n<ul>\n\t\t<li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n\t\t<ul>\n\t\t\t<li><code>true</code></li>\n\t\t\t<li><code>false</code></li>\n\t\t</ul>\n\t\t</li>\n\t\t<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:\n\t\t\t<ul>\n\t\t\t<li><code>Dialog</code></li>\n\t\t\t<li><code>Grid</code></li>\n\t\t\t<li><code>Listbox</code></li>\n\t\t\t<li><code>Menu</code></li>\n\t\t\t<li><code>Tree</code></li>\n\t\t\t</ul>\n\t\t</li>\n\t\t<li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>\n</ul>",
               "privacy": "public",
               "default": "{}",
               "_ui5since": "1.2.0",
@@ -3823,7 +3843,7 @@
             {
               "name": "IButton",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/Button.js"
             }
           ]
         }
@@ -4254,6 +4274,12 @@
       "kind": "javascript-module",
       "path": "dist/Card.js",
       "declarations": [
+        {
+          "kind": "interface",
+          "name": "ICardHeader",
+          "description": "Interface for components that may be slotted inside <code>ui5-card</code> as header",
+          "_ui5privacy": "public"
+        },
         {
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-card</code> is a component that represents information in the form of a\ntile with separate header and content areas.\nThe content area of a <code>ui5-card</code> can be arbitrary HTML content.\nThe header can be used through slot <code>header</code>. For which there is a <code>ui5-card-header</code> component to achieve the card look and feel.\n\nNote: We recommend the usage of <code>ui5-card-header</code> for the header slot, so advantage can be taken for keyboard handling, styling and accessibility.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Card\";</code>\n<br>\n<code>import \"@ui5/webcomponents/dist/CardHeader.js\";</code> (for <code>ui5-card-header</code>)",
@@ -4288,7 +4314,7 @@
                   {
                     "name": "ICardHeader",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/CardHeader.js"
+                    "module": "dist/Card.js"
                   }
                 ]
               },
@@ -4463,7 +4489,7 @@
             {
               "name": "ICardHeader",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/Card.js"
             }
           ]
         }
@@ -4992,6 +5018,12 @@
       "kind": "javascript-module",
       "path": "dist/ColorPalette.js",
       "declarations": [
+        {
+          "kind": "interface",
+          "name": "IColorPaletteItem",
+          "description": "Interface for components that may be used inside a <code>ui5-color-palette</code> or <code>ui5-color-palette-popover</code>",
+          "_ui5privacy": "public"
+        },
         {
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\nThe <code>ui5-color-palette</code> provides the users with a range of predefined colors. The colors are fixed and do not change with the theme.\n\n<h3>Usage</h3>\n\nThe <code>ui5-color-palette</code> is meant for users that need to select a color from a predefined set.\nTo define the colors, use the <code>ui5-color-palette-item</code> component inside the default slot of the <code>ui5-color-palette</code>.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/ColorPalette.js\";</code>",
@@ -5007,7 +5039,7 @@
                   {
                     "name": "IColorPaletteItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/ColorPalette.js"
                   }
                 ]
               },
@@ -5102,12 +5134,11 @@
           "customElement": true,
           "_ui5since": "1.0.0-rc.12",
           "_ui5privacy": "public",
-          "_ui5abstract": true,
           "_ui5implements": [
             {
               "name": "IColorPaletteItem",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/ColorPalette.js"
             }
           ]
         }
@@ -5150,7 +5181,7 @@
                   {
                     "name": "IColorPaletteItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/ColorPalette.js"
                   }
                 ]
               },
@@ -5404,6 +5435,12 @@
       "kind": "javascript-module",
       "path": "dist/ComboBox.js",
       "declarations": [
+        {
+          "kind": "interface",
+          "name": "IComboBoxItem",
+          "description": "Interface for components that may be slotted inside a <code>ui5-combobox</code>",
+          "_ui5privacy": "public"
+        },
         {
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-combobox</code> component represents a drop-down menu with a list of the available options and a text input field to narrow down the options.\n\nIt is commonly used to enable users to select an option from a predefined list.\n\n<h3>Structure</h3>\nThe <code>ui5-combobox</code> consists of the following elements:\n\n<ul>\n<li> Input field - displays the selected option or a custom user entry. Users can type to narrow down the list or enter their own value.</li>\n<li> Drop-down arrow - expands\\collapses the option list.</li>\n<li> Option list - the list of available options.</li>\n</ul>\n\n<h3>Keyboard Handling</h3>\n\nThe <code>ui5-combobox</code> provides advanced keyboard handling.\n<br>\n\n<ul>\n<li>[F4], [ALT]+[UP], or [ALT]+[DOWN] - Toggles the picker.</li>\n<li>[ESC] - Closes the picker, if open. If closed, cancels changes and reverts the typed in value.</li>\n<li>[ENTER] or [RETURN] - If picker is open, takes over the currently selected item and closes it.</li>\n<li>[DOWN] - Selects the next matching item in the picker.</li>\n<li>[UP] - Selects the previous matching item in the picker.</li>\n<li>[PAGEDOWN] - Moves selection down by page size (10 items by default).</li>\n<li>[PAGEUP] - Moves selection up by page size (10 items by default). </li>\n<li>[HOME] - If focus is in the ComboBox, moves cursor at the beginning of text. If focus is in the picker, selects the first item.</li>\n<li>[END] - If focus is in the ComboBox, moves cursor at the end of text. If focus is in the picker, selects the last item.</li>\n</ul>\n\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/ComboBox\";</code>",
@@ -5419,7 +5456,7 @@
                   {
                     "name": "IComboBoxItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/ComboBox.js"
                   }
                 ]
               },
@@ -5444,7 +5481,7 @@
                   {
                     "name": "IIcon",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Icon.js"
                   }
                 ]
               },
@@ -5644,7 +5681,7 @@
                       {
                         "name": "IComboBoxItem",
                         "package": "@ui5/webcomponents",
-                        "module": "dist/Interfaces.js"
+                        "module": "dist/ComboBox.js"
                       }
                     ]
                   },
@@ -8387,6 +8424,12 @@
       "kind": "javascript-module",
       "path": "dist/Icon.js",
       "declarations": [
+        {
+          "kind": "interface",
+          "name": "IIcon",
+          "description": "Interface for components that represent an icon, usable in numerous higher-order components",
+          "_ui5privacy": "public"
+        },
         {
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-icon</code> component represents an SVG icon.\nThere are two main scenarios how the <code>ui5-icon</code> component is used:\nas a purely decorative element, <br>\nor as an interactive element that can be focused and clicked.\n\n<h3>Usage</h3>\n\n1. <b>Get familiar with the icons collections.</b>\n<br>\nBefore displaying an icon, you need to explore the icons collections to find and import the desired icon.\n<br>\nCurrently there are 3 icons collection, available as 3 npm packages:\n<br>\n\n<ul>\n<li>\n<ui5-link target=\"_blank\" href=\"https://www.npmjs.com/package/@ui5/webcomponents-icons\">@ui5/webcomponents-icons</ui5-link> represents the \"SAP-icons\" collection and includes the following\n<ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons\">icons</ui5-link>.\n</li>\n<li>\n<ui5-link target=\"_blank\" href=\"https://www.npmjs.com/package/@ui5/webcomponents-icons-tnt\">@ui5/webcomponents-icons-tnt</ui5-link> represents the \"tnt\" collection and includes the following\n<ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT\">icons</ui5-link>.\n</li>\n<li>\n<ui5-link target=\"_blank\" href=\"https://www.npmjs.com/package/@ui5/webcomponents-icons-business-suite\">@ui5/webcomponents-icons-icons-business-suite</ui5-link> represents the \"business-suite\" collection and includes the following\n<ui5-link target=\"_blank\" href=\"https://ui5.sap.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/BusinessSuiteInAppSymbols\">icons</ui5-link>.\n</li>\n</ul>\n\n2. <b>After exploring the icons collections, add one or more of the packages as dependencies to your project.</b>\n<br>\n<code>npm i @ui5/webcomponents-icons</code><br>\n<code>npm i @ui5/webcomponents-icons-tnt</code><br>\n<code>npm i @ui5/webcomponents-icons-business-suite</code>\n<br><br>\n\n3. <b>Then, import the desired icon</b>.\n<br>\n<code>import \"@ui5/{package_name}/dist/{icon_name}.js\";</code>\n<br><br>\n\n<b>For Example</b>:\n<br>\n\nFor the standard \"SAP-icons\" icon collection, import an icon from the <code>@ui5/webcomponents-icons</code> package:\n<br>\n<code>import \"@ui5/webcomponents-icons/dist/employee.js\";</code>\n<br><br>\n\nFor the \"tnt\" (SAP Fiori Tools) icon collection, import an icon from the <code>@ui5/webcomponents-icons-tnt</code> package:\n<br>\n<code>import \"@ui5/webcomponents-icons-tnt/dist/antenna.js\";</code>\n<br><br>\n\nFor the \"business-suite\" (SAP Business Suite) icon collection, import an icon from the <code>@ui5/webcomponents-icons-business-suite</code> package:\n<br>\n<code>import \"@ui5/webcomponents-icons-business-suite/dist/ab-testing.js\";</code>\n<br><br>\n\n4. <b>Display the icon using the <code>ui5-icon</code> web component.</b><br>\nSet the icon collection (\"SAP-icons\", \"tnt\" or \"business-suite\" - \"SAP-icons\" is the default icon collection and can be skipped)<br>\nand the icon name to the <code>name</code> property.\n<br><br>\n\n<code>&lt;ui5-icon name=\"employee\">&lt;/ui5-icon></code><br>\n<code>&lt;ui5-icon name=\"tnt/antenna\">&lt;/ui5-icon></code><br>\n<code>&lt;ui5-icon name=\"business-suite/ab-testing\">&lt;/ui5-icon></code>\n\n<br><br>\n<h3>Keyboard Handling</h3>\n\n<ul>\n<li>[SPACE, ENTER, RETURN] - Fires the <code>click</code> event if the <code>interactive</code> property is set to true.</li>\n<li>[SHIFT] - If [SPACE] or [ENTER],[RETURN] is pressed, pressing [SHIFT] releases the ui5-icon without triggering the click event.</li>\n</ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Icon.js\";</code>",
@@ -8487,7 +8530,7 @@
             {
               "name": "IIcon",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/Icon.js"
             }
           ]
         }
@@ -8515,6 +8558,12 @@
       "kind": "javascript-module",
       "path": "dist/Input.js",
       "declarations": [
+        {
+          "kind": "interface",
+          "name": "IInputSuggestionItem",
+          "description": "Interface for components that represent a suggestion item, usable in <code>ui5-input</code>",
+          "_ui5privacy": "public"
+        },
         {
           "kind": "class",
           "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.\n<br>\nAdditionally, you can provide <code>suggestionItems</code>,\nthat are displayed in a popover right under the input.\n<br><br>\nThe text field can be editable or read-only (<code>readonly</code> property),\nand it can be enabled or disabled (<code>disabled</code> property).\nTo visualize semantic states, such as \"error\" or \"warning\", the <code>valueState</code> property is provided.\nWhen the user makes changes to the text, the change event is fired,\nwhich enables you to react on any text change.\n<br><br>\n<b>Note:</b> If you are using the <code>ui5-input</code> as a single npm module,\ndon't forget to import the <code>InputSuggestions</code> module from\n\"@ui5/webcomponents/dist/features/InputSuggestions.js\"\nto enable the suggestions functionality.\n\n<h3>Keyboard Handling</h3>\nThe <code>ui5-input</code> provides the following keyboard shortcuts:\n<br>\n\n<ul>\n<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>\n<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>\n<li>[DOWN] - Focuses the next matching item in the suggestion list.</li>\n<li>[UP] - Focuses the previous matching item in the suggestion list.</li>\n<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>\n<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>\n<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>\n<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>\n</ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Input.js\";</code>\n<br>\n<code>import \"@ui5/webcomponents/dist/features/InputSuggestions.js\";</code> (optional - for input suggestions support)",
@@ -8530,7 +8579,7 @@
                   {
                     "name": "IInputSuggestionItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Input.js"
                   }
                 ]
               },
@@ -8545,7 +8594,7 @@
                   {
                     "name": "IIcon",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Icon.js"
                   }
                 ]
               },
@@ -8759,7 +8808,7 @@
                   {
                     "name": "IInputSuggestionItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Input.js"
                   }
                 ]
               },
@@ -8876,12 +8925,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/Interfaces.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "dist/Label.js",
@@ -9110,9 +9153,16 @@
               "kind": "field",
               "name": "accessibilityAttributes",
               "type": {
-                "text": "{ expanded: \"true\" | \"false\", hasPopup: \"Dialog\" | \"Grid\" | \"ListBox\" | \"Menu\" | \"Tree\" }"
+                "text": "AccessibilityAttributes",
+                "references": [
+                  {
+                    "name": "AccessibilityAttributes",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/Link.js"
+                  }
+                ]
               },
-              "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n<ul>\n\t\t<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:\n\t\t<ul>\n\t\t\t<li><code>true</code></li>\n\t\t\t<li><code>false</code></li>\n\t\t</ul>\n\t\t</li>\n\t\t<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:\n\t\t\t<ul>\n\t\t\t<li><code>Dialog</code></li>\n\t\t\t<li><code>Grid</code></li>\n\t\t\t<li><code>ListBox</code></li>\n\t\t\t<li><code>Menu</code></li>\n\t\t\t<li><code>Tree</code></li>\n\t\t\t</ul>\n\t\t</li>\n</ul>",
+              "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n<ul>\n\t\t<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:\n\t\t<ul>\n\t\t\t<li><code>true</code></li>\n\t\t\t<li><code>false</code></li>\n\t\t</ul>\n\t\t</li>\n\t\t<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:\n\t\t\t<ul>\n\t\t\t<li><code>Dialog</code></li>\n\t\t\t<li><code>Grid</code></li>\n\t\t\t<li><code>Listbox</code></li>\n\t\t\t<li><code>Menu</code></li>\n\t\t\t<li><code>Tree</code></li>\n\t\t\t</ul>\n\t\t</li>\n</ul>",
               "privacy": "public",
               "default": "{}",
               "_ui5since": "1.1.0",
@@ -9604,7 +9654,7 @@
                   {
                     "name": "IButton",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Button.js"
                   }
                 ]
               },
@@ -9693,7 +9743,8 @@
             "module": "dist/ListItemBase.js"
           },
           "customElement": true,
-          "_ui5privacy": "public"
+          "_ui5privacy": "public",
+          "_ui5abstract": true
         }
       ],
       "exports": [
@@ -9734,7 +9785,8 @@
             "module": "dist/UI5Element.js"
           },
           "customElement": true,
-          "_ui5privacy": "public"
+          "_ui5privacy": "public",
+          "_ui5abstract": true
         }
       ],
       "exports": [
@@ -10182,7 +10234,7 @@
                   {
                     "name": "IIcon",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Icon.js"
                   }
                 ]
               },
@@ -10292,6 +10344,12 @@
       "kind": "javascript-module",
       "path": "dist/MultiComboBox.js",
       "declarations": [
+        {
+          "kind": "interface",
+          "name": "IMultiComboBoxItem",
+          "description": "Interface for components that may be slotted inside a <code>ui5-multi-combobox</code> as items",
+          "_ui5privacy": "public"
+        },
         {
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-multi-combobox</code> component consists of a list box with items and a text field allowing the user to either type a value directly into the text field, or choose from the list of existing items.\n\nThe drop-down list is used for selecting and filtering values, it enables users to select one or more options from a predefined list. The control provides an editable input field to filter the list, and a dropdown arrow to expand/collapse the list of available options.\nThe options in the list have checkboxes that permit multi-selection. Entered values are displayed as tokens.\n<h3>Structure</h3>\nThe <code>ui5-multi-combobox</code> consists of the following elements:\n<ul>\n<li> Tokenizer - a list of tokens with selected options.</li>\n<li> Input field - displays the selected option/s as token/s. Users can type to filter the list.</li>\n<li> Drop-down arrow - expands\\collapses the option list.</li>\n<li> Option list - the list of available options.</li>\n</ul>\n<h3>Keyboard Handling</h3>\n\nThe <code>ui5-multi-combobox</code> provides advanced keyboard handling.\n\n<h4>Picker</h4>\nIf the <code>ui5-multi-combobox</code> is focused,\nyou can open or close the drop-down by pressing <code>F4</code>, <code>ALT+UP</code> or <code>ALT+DOWN</code> keys.\nOnce the drop-down is opened, you can use the <code>UP</code> and <code>DOWN</code> arrow keys\nto navigate through the available options and select one by pressing the <code>Space</code> or <code>Enter</code> keys.\n<br>\n\n<h4>Tokens</h4>\n<ul>\n<li> Left/Right arrow keys - moves the focus selection form the currently focused token to the previous/next one (if available). </li>\n<li> Delete -  deletes the token and focuses the previous token. </li>\n<li> Backspace -  deletes the token and focus the next token. </li>\n</ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/MultiComboBox\";</code>",
@@ -10313,7 +10371,7 @@
                   {
                     "name": "IMultiComboBoxItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/MultiComboBox.js"
                   }
                 ]
               },
@@ -10329,7 +10387,7 @@
                   {
                     "name": "IIcon",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Icon.js"
                   }
                 ]
               },
@@ -10571,7 +10629,7 @@
                       {
                         "name": "IMultiComboBoxItem",
                         "package": "@ui5/webcomponents",
-                        "module": "dist/Interfaces.js"
+                        "module": "dist/MultiComboBox.js"
                       }
                     ]
                   },
@@ -10778,7 +10836,7 @@
                   {
                     "name": "IToken",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/MultiInput.js"
                   }
                 ]
               },
@@ -11054,7 +11112,7 @@
                   {
                     "name": "IInputSuggestionItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Input.js"
                   }
                 ]
               },
@@ -11341,11 +11399,12 @@
           "tagName": "ui5-option",
           "customElement": true,
           "_ui5privacy": "public",
+          "_ui5abstract": true,
           "_ui5implements": [
             {
               "name": "IOption",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/Select.js"
             }
           ]
         }
@@ -13361,6 +13420,12 @@
       "kind": "javascript-module",
       "path": "dist/SegmentedButton.js",
       "declarations": [
+        {
+          "kind": "interface",
+          "name": "ISegmentedButtonItem",
+          "description": "Interface for components that may be slotted inside <code>ui5-segmented-button</code> as items",
+          "_ui5privacy": "public"
+        },
         {
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-segmented-button</code> shows a group of items. When the user clicks or taps\none of the items, it stays in a pressed state. It automatically resizes the items\nto fit proportionally within the component. When no width is set, the component uses the available width.\n<br><br>\n<b>Note:</b> There can be just one selected <code>item</code> at a time.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/SegmentedButton\";</code>",
@@ -13376,7 +13441,7 @@
                   {
                     "name": "ISegmentedButtonItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/SegmentedButton.js"
                   }
                 ]
               },
@@ -13424,7 +13489,7 @@
                   {
                     "name": "ISegmentedButtonItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/SegmentedButton.js"
                   }
                 ]
               },
@@ -13443,7 +13508,7 @@
                   {
                     "name": "ISegmentedButtonItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/SegmentedButton.js"
                   }
                 ]
               },
@@ -13477,7 +13542,7 @@
                       {
                         "name": "ISegmentedButtonItem",
                         "package": "@ui5/webcomponents",
-                        "module": "dist/Interfaces.js"
+                        "module": "dist/SegmentedButton.js"
                       }
                     ]
                   },
@@ -13493,7 +13558,7 @@
                       {
                         "name": "ISegmentedButtonItem",
                         "package": "@ui5/webcomponents",
-                        "module": "dist/Interfaces.js"
+                        "module": "dist/SegmentedButton.js"
                       }
                     ]
                   },
@@ -13694,9 +13759,16 @@
               "kind": "field",
               "name": "accessibilityAttributes",
               "type": {
-                "text": "{ expanded: \"true\" | \"false\", hasPopup: \"Dialog\" | \"Grid\" | \"ListBox\" | \"Menu\" | \"Tree\", controls: string}"
+                "text": "AccessibilityAttributes",
+                "references": [
+                  {
+                    "name": "AccessibilityAttributes",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/Button.js"
+                  }
+                ]
               },
-              "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n<ul>\n\t\t<li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n\t\t<ul>\n\t\t\t<li><code>true</code></li>\n\t\t\t<li><code>false</code></li>\n\t\t</ul>\n\t\t</li>\n\t\t<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:\n\t\t\t<ul>\n\t\t\t<li><code>Dialog</code></li>\n\t\t\t<li><code>Grid</code></li>\n\t\t\t<li><code>ListBox</code></li>\n\t\t\t<li><code>Menu</code></li>\n\t\t\t<li><code>Tree</code></li>\n\t\t\t</ul>\n\t\t</li>\n\t\t<li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>\n</ul>",
+              "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n<ul>\n\t\t<li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n\t\t<ul>\n\t\t\t<li><code>true</code></li>\n\t\t\t<li><code>false</code></li>\n\t\t</ul>\n\t\t</li>\n\t\t<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:\n\t\t\t<ul>\n\t\t\t<li><code>Dialog</code></li>\n\t\t\t<li><code>Grid</code></li>\n\t\t\t<li><code>Listbox</code></li>\n\t\t\t<li><code>Menu</code></li>\n\t\t\t<li><code>Tree</code></li>\n\t\t\t</ul>\n\t\t</li>\n\t\t<li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>\n</ul>",
               "privacy": "public",
               "default": "{}",
               "_ui5since": "1.2.0",
@@ -13738,12 +13810,11 @@
           "tagName": "ui5-segmented-button-item",
           "customElement": true,
           "_ui5privacy": "public",
-          "_ui5abstract": true,
           "_ui5implements": [
             {
               "name": "ISegmentedButtonItem",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/SegmentedButton.js"
             }
           ],
           "events": [
@@ -13785,6 +13856,12 @@
       "kind": "javascript-module",
       "path": "dist/Select.js",
       "declarations": [
+        {
+          "kind": "interface",
+          "name": "IOption",
+          "description": "Interface for components that may be slotted inside <code>ui5-select</code> as options",
+          "_ui5privacy": "public"
+        },
         {
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-select</code> component is used to create a drop-down list.\n\n<h3>Usage</h3>\n\nThere are two main usages of the <code>ui5-select></code>.\n\n1. With Option (<code>ui5-option</code>) web component:\n<br>\nThe available options of the Select are defined by using the Option component.\nThe Option comes with predefined design and layout, including <code>icon</code>, <code>text</code> and <code>additional-text</code>.\n<br><br>\n\n2. With SelectMenu (<code>ui5-select-menu</code>) and SelectMenuOption (<code>ui5-select-menu-option</code>) web components:\n<br>\nThe SelectMenu can be used as alternative to define the Select's dropdown\nand can be used via the <code>menu</code> property of the Select to reference SelectMenu by its ID.\nThe component gives the possibility to customize the Select's dropdown\nby slotting entirely custom options (via the SelectMenuOption component) and adding custom styles.\n\n<b>Note:</b> SelectMenu is a popover and placing it top-level in the HTML page is recommended,\nbecause some page styles (for example transitions) can misplace the SelectMenu.\n\n<h3>Keyboard Handling</h3>\nThe <code>ui5-select</code> provides advanced keyboard handling.\n<br>\n<ul>\n<li>[F4, ALT+UP, ALT+DOWN, SPACE, ENTER] - Opens/closes the drop-down.</li>\n<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>\n<li>[SPACE, ENTER] - If the drop-down is opened - selects the focused option.</li>\n<li>[ESC] - Closes the drop-down without changing the selection.</li>\n<li>[HOME] - Navigates to first option</li>\n<li>[END] - Navigates to the last option</li>\n</ul>\n<br>\n\n<h3>ES6 Module Import</h3>\n<code>import \"@ui5/webcomponents/dist/Select\";</code>\n<br>\n<code>import \"@ui5/webcomponents/dist/Option\";</code> (comes with <code>ui5-select</code>)",
@@ -13800,7 +13877,7 @@
                   {
                     "name": "IOption",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Select.js"
                   }
                 ]
               },
@@ -13947,7 +14024,7 @@
                   {
                     "name": "IOption",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Select.js"
                   }
                 ]
               },
@@ -13981,7 +14058,7 @@
                       {
                         "name": "IOption",
                         "package": "@ui5/webcomponents",
-                        "module": "dist/Interfaces.js"
+                        "module": "dist/Select.js"
                       }
                     ]
                   },
@@ -14014,7 +14091,7 @@
                       {
                         "name": "IOption",
                         "package": "@ui5/webcomponents",
-                        "module": "dist/Interfaces.js"
+                        "module": "dist/Select.js"
                       }
                     ]
                   },
@@ -14090,7 +14167,7 @@
                   {
                     "name": "IOption",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Select.js"
                   }
                 ]
               },
@@ -14154,7 +14231,7 @@
                   {
                     "name": "IButton",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Button.js"
                   }
                 ]
               },
@@ -14302,7 +14379,7 @@
             {
               "name": "IOption",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/Select.js"
             }
           ],
           "events": [
@@ -15359,7 +15436,7 @@
             {
               "name": "IInputSuggestionItem",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/Input.js"
             }
           ]
         }
@@ -15511,7 +15588,7 @@
             {
               "name": "IInputSuggestionItem",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/Input.js"
             }
           ]
         }
@@ -15770,7 +15847,7 @@
                   {
                     "name": "ITab",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/TabContainer.js"
                   }
                 ]
               },
@@ -15861,7 +15938,7 @@
                     {
                       "name": "ITab",
                       "package": "@ui5/webcomponents",
-                      "module": "dist/Interfaces.js"
+                      "module": "dist/TabContainer.js"
                     }
                   ]
                 }
@@ -15884,7 +15961,7 @@
             {
               "name": "ITab",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/TabContainer.js"
             }
           ]
         }
@@ -15912,6 +15989,12 @@
       "kind": "javascript-module",
       "path": "dist/TabContainer.js",
       "declarations": [
+        {
+          "kind": "interface",
+          "name": "ITab",
+          "description": "Interface for components that may be slotted inside <code>ui5-tabcontainer</code> as items",
+          "_ui5privacy": "public"
+        },
         {
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-tabcontainer</code> represents a collection of tabs with associated content.\nNavigation through the tabs changes the content display of the currently active content area.\nA 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:\n<ul>\n<li><code>ui5-tab</code> - contains all the information on an item (text and icon)</li>\n<li><code>ui5-tab-separator</code> - used to separate tabs with a line</li>\n</ul>\n\n<h3>Hierarchies</h3>\nMultiple sub tabs could be placed underneath one main tab. Nesting allows deeper hierarchies with indentations\nto indicate the level of each nested tab. When a tab has both sub tabs and own content its click area is split\nto allow the user to display the content or alternatively to expand / collapse the list of sub tabs.\n\n<h3>Keyboard Handling</h3>\n\n<h4>Fast Navigation</h4>\nThis 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>.\nIn order to use this functionality, you need to import the following module:\n<code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code>\n<br><br>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/TabContainer\";</code>\n<br>\n<code>import \"@ui5/webcomponents/dist/Tab\";</code> (for <code>ui5-tab</code>)\n<br>\n<code>import \"@ui5/webcomponents/dist/TabSeparator\";</code> (for <code>ui5-tab-separator</code>)",
@@ -15937,7 +16020,7 @@
                   {
                     "name": "ITab",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/TabContainer.js"
                   }
                 ]
               },
@@ -15953,7 +16036,7 @@
                   {
                     "name": "IButton",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Button.js"
                   }
                 ]
               },
@@ -15969,7 +16052,7 @@
                   {
                     "name": "IButton",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Button.js"
                   }
                 ]
               },
@@ -16095,7 +16178,7 @@
                   {
                     "name": "ITab",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/TabContainer.js"
                   }
                 ]
               },
@@ -16129,7 +16212,7 @@
                       {
                         "name": "ITab",
                         "package": "@ui5/webcomponents",
-                        "module": "dist/Interfaces.js"
+                        "module": "dist/TabContainer.js"
                       }
                     ]
                   },
@@ -16203,7 +16286,7 @@
                     {
                       "name": "ITab",
                       "package": "@ui5/webcomponents",
-                      "module": "dist/Interfaces.js"
+                      "module": "dist/TabContainer.js"
                     }
                   ]
                 }
@@ -16225,7 +16308,7 @@
             {
               "name": "ITab",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/TabContainer.js"
             }
           ]
         }
@@ -16253,6 +16336,12 @@
       "kind": "javascript-module",
       "path": "dist/Table.js",
       "declarations": [
+        {
+          "kind": "interface",
+          "name": "ITableRow",
+          "description": "Interface for components that may be slotted inside a <code>ui5-table</code> as rows",
+          "_ui5privacy": "public"
+        },
         {
           "kind": "class",
           "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.\nIt provides a comprehensive set of features for displaying and dealing with vast amounts of data.\n<br><br>\nTo render the <code>Table</code> properly, the order of the <code>columns</code> should match with the\norder of the item <code>cells</code> in the <code>rows</code>.\n<br><br>\nDesktop and tablet devices are supported.\nOn tablets, special consideration should be given to the number of visible columns\nand rows due to the limited performance of some devices.\n\n<h3>Selection</h3>\nTo benefit from the selection mechanism of <code>ui5-table</code> component, you can use the available selection modes:\n<code>SingleSelect</code> and <code>MultiSelect</code>.\n<br>\nIn additition to the used mode, you can also specify the <code>ui5-table-row</code> type choosing between\n<code>Active</code> or <code>Inactive</code>.\n<br><br>\nIn <code>SingleSelect</code> mode, you can select both an <code>Active</code> and <code>Inactive</code> row via mouse or\nby pressing the <code>Space</code> or <code>Enter</code> keys.\n<br>\nIn <code>MultiSelect</code> mode, you can select both an <code>Active</code> and <code>Inactive</code> row by pressing the\n<code>Space</code> key when a row is on focus or via mouse click over the selection checkbox of the row.\nIn order to select all the available rows at once, you can use the selection checkbox presented in the table's header.\n<br><br>\n<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>\nThis 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>.\nIn order to use this functionality, you need to import the following module:\n<code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code>\n<br><br>\nFurthermore, you can interact with <code>ui5-table</code> via the following keys.\n<br>\n\n<ul>\n<li>[F7] - If focus is on an interactive control inside an item, moves focus to the corresponding item.</li>\n<li>[CTRL]+[A] - Selects all items, if MultiSelect mode is enabled.</li>\n<li>[HOME]/[END] - Focuses the first/last item.</li>\n<li>[PAGEUP]/[PAGEDOWN] - Moves focus up/down by page size (20 items by default).</li>\n<li>[ALT]+[DOWN]/[UP] - Switches focus between header, last focused item, and More button (if applies) in either direction.</li>\n<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>\n<li>[SHIFT]+[HOME]/[END] - Range selection to the first/last item of the List.</li>\n<li>[CTRL]+[HOME]/[END] - Same behavior as HOME & END.</li>\n</ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/Table.js\";</code>\n<br>\n<code>import \"@ui5/webcomponents/dist/TableColumn.js\";</code> (for <code>ui5-table-column</code>)\n<br>\n<code>import \"@ui5/webcomponents/dist/TableRow.js\";</code> (for <code>ui5-table-row</code>)\n<br>\n<code>import \"@ui5/webcomponents/dist/TableCell.js\";</code> (for <code>ui5-table-cell</code>)",
@@ -16268,7 +16357,7 @@
                   {
                     "name": "ITableRow",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Table.js"
                   }
                 ]
               },
@@ -18102,9 +18191,16 @@
               "kind": "field",
               "name": "accessibilityAttributes",
               "type": {
-                "text": "{ expanded: \"true\" | \"false\", hasPopup: \"Dialog\" | \"Grid\" | \"ListBox\" | \"Menu\" | \"Tree\", controls: string}"
+                "text": "AccessibilityAttributes",
+                "references": [
+                  {
+                    "name": "AccessibilityAttributes",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/Button.js"
+                  }
+                ]
               },
-              "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n<ul>\n\t\t<li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n\t\t<ul>\n\t\t\t<li><code>true</code></li>\n\t\t\t<li><code>false</code></li>\n\t\t</ul>\n\t\t</li>\n\t\t<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:\n\t\t\t<ul>\n\t\t\t<li><code>Dialog</code></li>\n\t\t\t<li><code>Grid</code></li>\n\t\t\t<li><code>ListBox</code></li>\n\t\t\t<li><code>Menu</code></li>\n\t\t\t<li><code>Tree</code></li>\n\t\t\t</ul>\n\t\t</li>\n\t\t<li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>\n</ul>",
+              "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n<ul>\n\t\t<li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n\t\t<ul>\n\t\t\t<li><code>true</code></li>\n\t\t\t<li><code>false</code></li>\n\t\t</ul>\n\t\t</li>\n\t\t<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:\n\t\t\t<ul>\n\t\t\t<li><code>Dialog</code></li>\n\t\t\t<li><code>Grid</code></li>\n\t\t\t<li><code>Listbox</code></li>\n\t\t\t<li><code>Menu</code></li>\n\t\t\t<li><code>Tree</code></li>\n\t\t\t</ul>\n\t\t</li>\n\t\t<li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>\n</ul>",
               "privacy": "public",
               "default": "{}",
               "_ui5since": "1.2.0",
@@ -18215,7 +18311,7 @@
                   {
                     "name": "IIcon",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/Interfaces.js"
+                    "module": "dist/Icon.js"
                   }
                 ]
               },
@@ -18280,7 +18376,7 @@
             {
               "name": "IToken",
               "package": "@ui5/webcomponents",
-              "module": "dist/Interfaces.js"
+              "module": "dist/MultiInput.js"
             }
           ]
         }
@@ -18525,9 +18621,16 @@
               "kind": "field",
               "name": "accessibilityAttributes",
               "type": {
-                "text": "{ expanded: \"true\" | \"false\", hasPopup: \"Dialog\" | \"Grid\" | \"ListBox\" | \"Menu\" | \"Tree\", controls: string}"
+                "text": "AccessibilityAttributes",
+                "references": [
+                  {
+                    "name": "AccessibilityAttributes",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/ToolbarButton.js"
+                  }
+                ]
               },
-              "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n<ul>\n\t\t<li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n\t\t<ul>\n\t\t\t<li><code>true</code></li>\n\t\t\t<li><code>false</code></li>\n\t\t</ul>\n\t\t</li>\n\t\t<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:\n\t\t\t<ul>\n\t\t\t<li><code>Dialog</code></li>\n\t\t\t<li><code>Grid</code></li>\n\t\t\t<li><code>ListBox</code></li>\n\t\t\t<li><code>Menu</code></li>\n\t\t\t<li><code>Tree</code></li>\n\t\t\t</ul>\n\t\t</li>\n\t\t<li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>\n</ul>",
+              "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n<ul>\n\t\t<li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n\t\t<ul>\n\t\t\t<li><code>true</code></li>\n\t\t\t<li><code>false</code></li>\n\t\t</ul>\n\t\t</li>\n\t\t<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:\n\t\t\t<ul>\n\t\t\t<li><code>Dialog</code></li>\n\t\t\t<li><code>Grid</code></li>\n\t\t\t<li><code>Listbox</code></li>\n\t\t\t<li><code>Menu</code></li>\n\t\t\t<li><code>Tree</code></li>\n\t\t\t</ul>\n\t\t</li>\n\t\t<li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>\n</ul>",
               "default": "{}",
               "privacy": "public",
               "_ui5validator": "Object"