@ui5/webcomponents 2.19.0-rc.2 → 2.19.0-rc.3

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

@@ -3,7 +3,7 @@
   "tags": [
     {
       "name": "ui5-avatar",
-      "description": "### Overview\n\nAn image-like component that has different display options for representing images and icons\nin different shapes and sizes, depending on the use case.\n\nThe shape can be circular or square. There are several predefined sizes, as well as an option to\nset a custom size.\n\n### Keyboard Handling\n\n- [Space] / [Enter] or [Return] - Fires the `click` event if the `interactive` property is set to true.\n- [Shift] - If [Space] is pressed, pressing [Shift] releases the component without triggering the click event.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Avatar.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired on mouseup, space and enter if avatar is interactive\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`.\n\n### **Slots:**\n - **default** - Receives the desired `<img>` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>\n`ui5-avatar:not(:defined) {`<br/>\n&nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>\n`}`\n- **badge** - Defines the optional badge that will be used for visual affordance.\n\n**Note:** While the slot allows for custom badges, to achieve\nthe Fiori design, you can use the `ui5-tag` with `ui5-icon`\nin the corresponding `icon` slot, without text nodes.",
+      "description": "### Overview\n\nAn image-like component that has different display options for representing images and icons\nin different shapes and sizes, depending on the use case.\n\nThe shape can be circular or square. There are several predefined sizes, as well as an option to\nset a custom size.\n\n### Keyboard Handling\n\n- [Space] / [Enter] or [Return] - Fires the `click` event if the `interactive` property is set to true.\n- [Shift] - If [Space] is pressed, pressing [Shift] releases the component without triggering the click event.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Avatar.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired on mouseup, space and enter if avatar is interactive\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`.\n\n### **Slots:**\n - **default** - Receives the desired `<img>` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>\n`ui5-avatar:not(:defined) {`<br/>\n&nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>\n`}`\n- **badge** - Defines the optional badge that will be used for visual affordance.\n\n**Note:** While the slot allows for custom badges, to achieve\nthe Fiori design, use the `ui5-avatar-badge` component.",
       "attributes": [
         {
           "name": "disabled",
@@ -78,6 +78,29 @@
       ],
       "references": []
     },
+    {
+      "name": "ui5-avatar-badge",
+      "description": "### Overview\n\nThe `ui5-avatar-badge` component is used to display a badge on top of `ui5-avatar` component.\nThe badge can display an icon and supports different value states for visual affordance.\n\n### Usage\n\nThe badge should be used as a child element of `ui5-avatar` in the `badge` slot.\n\n```html\n<ui5-avatar>\n  <ui5-avatar-badge icon=\"edit\" slot=\"badge\"></ui5-avatar-badge>\n</ui5-avatar>\n```\n\n### Keyboard Handling\n\nThe badge does not receive keyboard focus.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/AvatarBadge.js\";`\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "Defines the icon name to be displayed inside the badge.\n\n**Note:** You should import the desired icon first, then use its name as \"icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`",
+          "values": []
+        },
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the badge, which determines its styling.\n\nAvailable options:\n- `None` (default) - Standard appearance\n- `Positive` - Green, used for success/approved states\n- `Critical` - Orange, used for warning states\n- `Negative` - Red, used for error/rejected states\n- `Information` - Blue, used for informational states",
+          "values": [
+            { "name": "None" },
+            { "name": "Positive" },
+            { "name": "Critical" },
+            { "name": "Negative" },
+            { "name": "Information" }
+          ]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "ui5-avatar-group",
       "description": "### Overview\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 `AvatarGroup` component has two group types:\n\n- `Group` type: The avatars are displayed as partially overlapped on\ntop of each other and the entire group has one click/tap area.\n- `Individual` type: The avatars are displayed side-by-side and each\navatar has its own click/tap area.\n\n### Usage\n\nUse the `AvatarGroup` if:\n\n- You want to display a group of avatars.\n- You want to display several avatars which have something in common.\n\nDo not use the `AvatarGroup` if:\n\n- You want to display a single avatar.\n- You want to display a gallery for simple images.\n- You want to use it for other visual content than avatars.\n\n### Responsive Behavior\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### Keyboard Handling\nThe component provides advanced keyboard handling.\nWhen focused, the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n`type` Individual:\n\n- [Tab] - Move focus to the overflow button\n- [Left] - Navigate one avatar to the left\n- [Right] - Navigate one avatar to the right\n- [Home] - Navigate to the first avatar\n- [End] - Navigate to the last avatar\n- [Space] / [Enter] or [Return] - Trigger `ui5-click` event\n\n`type` Group:\n\n- [Tab] - Move focus to the next interactive element after the component\n- [Space] / [Enter] or [Return] - Trigger `ui5-click` event\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a\nclick/tap or by using the Enter or Space key.\n- **overflow** - Fired when the count of visible `ui5-avatar` elements in the\ncomponent has changed\n\n### **Slots:**\n - **default** - Defines the items of the component. Use the `ui5-avatar` component as an item.\n\n**Note:** The UX guidelines recommends using avatars with \"Circle\" shape.\n\nMoreover, if you use avatars with \"Square\" shape, there will be visual inconsistency\nas the built-in overflow action has \"Circle\" shape.\n- **overflowButton** - Defines the overflow button of the component.\n\n**Note:** We recommend using the `ui5-button` component.\n\n**Note:** If this slot is not used, the component will display the built-in overflow button.",
@@ -132,7 +155,7 @@
         {
           "name": "accessible-role",
           "description": "Specifies the ARIA role applied to the component for accessibility purposes.\n\n**Note:**\n\n- Set accessibleRole to \"toolbar\" only when the component contains two or more active, interactive elements (such as buttons, links, or input fields) within the bar.\n\n- If there is only one or no active element, it is recommended to avoid using the \"toolbar\" role, as it implies a grouping of multiple interactive controls.",
-          "values": [{ "name": "Toolbar" }, { "name": "None" }]
+          "values": [{ "name": "None" }, { "name": "Toolbar" }]
         },
         {
           "name": "accessible-name",
@@ -234,9 +257,9 @@
           "description": "Defines the component design.",
           "values": [
             { "name": "Transparent" },
-            { "name": "Default" },
             { "name": "Positive" },
             { "name": "Negative" },
+            { "name": "Default" },
             { "name": "Emphasized" },
             { "name": "Attention" }
           ]
@@ -752,8 +775,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -831,6 +854,16 @@
           "name": "opener",
           "description": "Defines the ID or DOM Reference of the element that the popover is shown at.\nWhen using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.\nYou can only set the `opener` attribute to a DOM Reference when using JavaScript.",
           "values": [{ "name": "HTMLElement" }]
+        },
+        {
+          "name": "placement",
+          "description": "Determines on which side the component is placed at.",
+          "values": [
+            { "name": "Top" },
+            { "name": "Bottom" },
+            { "name": "Start" },
+            { "name": "End" }
+          ]
         }
       ],
       "references": []
@@ -892,8 +925,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -1063,8 +1096,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -1125,7 +1158,12 @@
         },
         {
           "name": "date-value",
-          "description": "Currently selected date represented as a Local JavaScript Date instance.",
+          "description": "Currently selected date represented as a Local JavaScript Date instance.\nNote: this getter can only be reliably used after the component is fully defined. Use dateValueAsync which resolves only when this condition is met.",
+          "values": [{ "name": "any" }]
+        },
+        {
+          "name": "date-value-async",
+          "description": "Promise that resolves to the currently selected date represented as a Local JavaScript Date instance.",
           "values": [{ "name": "any" }]
         },
         {
@@ -1228,8 +1266,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -1288,6 +1326,11 @@
           "description": "Receives id(or many ids) of the elements that describe the input.",
           "values": []
         },
+        {
+          "name": "date-value-async",
+          "description": "Promise that resolves to the currently selected date represented as a Local JavaScript Date instance.",
+          "values": [{ "name": "any" }]
+        },
         {
           "name": "primary-calendar-type",
           "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
@@ -1363,8 +1406,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -1425,7 +1468,12 @@
         },
         {
           "name": "date-value",
-          "description": "Currently selected date represented as a Local JavaScript Date instance.",
+          "description": "Currently selected date represented as a Local JavaScript Date instance.\nNote: this getter can only be reliably used after the component is fully defined. Use dateValueAsync which resolves only when this condition is met.",
+          "values": [{ "name": "any" }]
+        },
+        {
+          "name": "date-value-async",
+          "description": "Promise that resolves to the currently selected date represented as a Local JavaScript Date instance.",
           "values": [{ "name": "any" }]
         },
         {
@@ -1518,8 +1566,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -1669,8 +1717,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -1825,11 +1873,11 @@
           "name": "design",
           "description": "Defines the component semantic design.",
           "values": [
-            { "name": "Default" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" },
+            { "name": "Default" },
             { "name": "Contrast" },
             { "name": "Neutral" },
             { "name": "NonInteractive" }
@@ -1915,8 +1963,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -2235,8 +2283,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -2299,8 +2347,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -2369,8 +2417,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -2420,8 +2468,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -2560,8 +2608,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -2604,8 +2652,8 @@
           "description": "Defines the component type.",
           "values": [
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" },
             { "name": "ColorSet1" },
             { "name": "ColorSet2" }
@@ -2669,8 +2717,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -2684,6 +2732,11 @@
           "description": "Defines whether the component is required.",
           "values": []
         },
+        {
+          "name": "loading",
+          "description": "Indicates whether a loading indicator should be shown in the picker.",
+          "values": []
+        },
         {
           "name": "filter",
           "description": "Defines the filter type of the component.",
@@ -2829,8 +2882,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -3206,8 +3259,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         }
@@ -3249,8 +3302,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -3626,8 +3679,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -3862,9 +3915,9 @@
           "description": "Defines the component design.",
           "values": [
             { "name": "Transparent" },
-            { "name": "Default" },
             { "name": "Positive" },
             { "name": "Negative" },
+            { "name": "Default" },
             { "name": "Emphasized" },
             { "name": "Attention" }
           ]
@@ -3917,8 +3970,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -4106,10 +4159,10 @@
           "name": "design",
           "description": "Defines the component's design color.\n\nThe design is applied to:\n\n- the component icon\n- the `text` when the component overflows\n- the tab selection line\n\nAvailable designs are: `\"Default\"`, `\"Neutral\"`, `\"Positive\"`, `\"Critical\"` and `\"Negative\"`.\n\n**Note:** The design depends on the current theme.",
           "values": [
-            { "name": "Default" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
+            { "name": "Default" },
             { "name": "Neutral" }
           ]
         },
@@ -4184,7 +4237,7 @@
     },
     {
       "name": "ui5-table",
-      "description": "### Overview\n\nThe `ui5-table` component provides a set of sophisticated features for displaying and dealing with vast amounts of data in a responsive manner.\nTo render the `ui5-table`, you need to define the columns and rows. You can use the provided `ui5-table-header-row` and `ui5-table-row` components for this purpose.\n\n### Features\n\nThe `ui5-table` can be enhanced in its functionalities by applying different features.\nFeatures can be slotted into the `features` slot, to enable them in the component.\nFeatures need to be imported separately, as they are not enabled by default.\n\nThe following features are currently available:\n\n* [TableSelectionMulti](../TableSelectionMulti) - adds multi-selection capabilities to the table\n* [TableSelectionSingle](../TableSelectionSingle) - adds single-selection capabilities to the table\n* [TableGrowing](../TableGrowing) - provides growing capabilities to load more data\n* [TableVirtualizer](../TableVirtualizer) - adds virtualization capabilities to the table\n\n### Keyboard Handling\n\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\nFurthermore, you can interact with `ui5-table` via the following keys:\n\nIf the focus is on a row, the following keyboard shortcuts are available:\n* <kbd>Down</kbd> - Navigates down\n* <kbd>Up</kbd> - Navigates up\n* <kbd>Right</kbd> - Selects the first cell of the row\n* <kbd>Space</kbd> - Toggles the selection of the row\n* <kbd>Ctrl/Cmd + A</kbd> - In multi selection mode, toggles the selection of all rows\n* <kbd>Home</kbd> - Navigates to the first row, if the focus is on the first row, navigates to the header row\n* <kbd>End</kbd> - Navigates to the last row, if the focus is on the last row, navigates to the growing button\n* <kbd>Page Up</kbd> - Navigates one page up, if the focus is on the first row, navigates to the header row\n* <kbd>Page Down</kbd> - Navigates one page down, if the focus is on the last row, navigates to the growing button\n* <kbd>F2</kbd> - Focuses the first tabbable element in the row\n* <kbd>F7</kbd> - If focus position is remembered, moves focus to the corresponding focus position row, otherwise to the first tabbable element within the row\n* <kbd>[Shift]Tab</kbd> - Move focus to the element in the tab chain outside the table\n\nIf the focus is on a cell, the following keyboard shortcuts are available:\n* <kbd>Down</kbd> - Navigates down\n* <kbd>Up</kbd> - Navigates up\n* <kbd>Right</kbd> - Navigates right\n* <kbd>Left</kbd> - Navigates left, if the focus is on the first cell of the row, the focus is moved to the row.\n* <kbd>Home</kbd> - Navigates to the first cell of the current row, if the focus is on the first cell, navigates to the corresponding row\n* <kbd>End</kbd> - Navigates to the last cell of the current row, if the focus is on the last cell, navigates to the corresponding row\n* <kbd>Page Up</kbd> - Navigates one page up while keeping the focus in same column\n* <kbd>Page Down</kbd> - Navigates one page down while keeping the focus in same column\n* <kbd>F2</kbd> - Toggles the focus between the first tabbable cell content and the cell\n* <kbd>Enter</kbd> - Focuses the first tabbable cell content\n* <kbd>F7</kbd> - If the focus is on an interactive element inside a row, moves focus to the corresponding row and remembers the focus position of the element within the row\n* <kbd>[Shift]Tab</kbd> - Move focus to the element in the tab chain outside the table\n\nIf the focus is on an interactive cell content, the following keyboard shortcuts are available:\n* <kbd>Down</kbd> - Move the focus to the interactive element in the same column of the previous row, unless the focused element prevents the default\n* <kbd>Up</kbd> - Move the focus to the interactive element in the same column of the next row, unless the focused element prevents the default\n* <kbd>[Shift]Tab</kbd> - Move the focus to the element in the tab chain\n\n### Accessibility\n\nThe `ui5-table` follows the [ARIA grid design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/grid/).\nThis pattern enables cell-based keyboard navigation and, as explained above, we also support row-based keyboard navigation.\nSince the grid design pattern does not inherently provide row-based keyboard behavior, if the focus is on a row, not only the row information but also the corresponding column headers for each cell must be announced.\nThis can only be achieved through a custom accessibility announcement.\nTo support this, UI5 Web Components expose its own accessibility metadata via the `accessibilityInfo` property.\nThe `ui5-table` uses this information to create the required custom announcements dynamically.\nIf you include custom web components inside table cells that are not part of the standard UI5 Web Components set, their accessibility information can be provided using the `data-ui5-table-acc-text` attribute.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Table.js\";` (`ui5-table`)\\\n`import \"@ui5/webcomponents/dist/TableRow.js\";` (`ui5-table-row`)\\\n`import \"@ui5/webcomponents/dist/TableCell.js\";` (`ui5-table-cell`)\\\n`import \"@ui5/webcomponents/dist/TableHeaderRow.js\";` (`ui5-table-header-row`)\\\n`import \"@ui5/webcomponents/dist/TableHeaderCell.js\";` (`ui5-table-header-cell`)\n\n\n---\n\n\n\n\n### **Events:**\n - **row-click** - Fired when an interactive row is clicked.\n\n**Note:** This event is not fired if the `behavior` property of the selection component is set to `RowOnly`.\nIn that case, use the `change` event of the selection component instead.\n- **move-over** - Fired when a movable item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n\n**Note:** If the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`.\n- **move** - Fired when a movable list item is dropped onto a drop target.\n\n**Notes:**\n\nThe `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\nIf the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`.\n- **row-action-click** - Fired when a row action is clicked.\n\n### **Slots:**\n - **default** - Defines the rows of the component.\n\n**Note:** Use `ui5-table-row` for the intended design.\n- **headerRow** - Defines the header row of the component.\n\n**Note:** Use `ui5-table-header-row` for the intended design.\n- **noData** - Defines the custom visualization if there is no data available.\n- **features** - Defines the features of the component.",
+      "description": "### Overview\n\nThe `ui5-table` component provides a set of sophisticated features for displaying and dealing with vast amounts of data in a responsive manner.\nTo render the `ui5-table`, you need to define the columns and rows. You can use the provided `ui5-table-header-row` and `ui5-table-row` components for this purpose.\n\n### Features\n\nThe `ui5-table` can be enhanced in its functionalities by applying different features.\nFeatures can be slotted into the `features` slot, to enable them in the component.\nFeatures need to be imported separately, as they are not enabled by default.\n\nThe following features are currently available:\n\n* [TableSelectionMulti](../TableSelectionMulti) - adds multi-selection capabilities to the table\n* [TableSelectionSingle](../TableSelectionSingle) - adds single-selection capabilities to the table\n* [TableGrowing](../TableGrowing) - provides growing capabilities to load more data\n* [TableVirtualizer](../TableVirtualizer) - adds virtualization capabilities to the table\n\n### Keyboard Handling\n\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\nFurthermore, you can interact with `ui5-table` via the following keys:\n\nIf the focus is on a row, the following keyboard shortcuts are available:\n* <kbd>Down</kbd> - Navigates down\n* <kbd>Up</kbd> - Navigates up\n* <kbd>Right</kbd> - Selects the first cell of the row\n* <kbd>Space</kbd> - Toggles the selection of the row\n* <kbd>Ctrl/Cmd + A</kbd> - In multi selection mode, toggles the selection of all rows\n* <kbd>Home</kbd> - Navigates to the first row, if the focus is on the first row, navigates to the header row\n* <kbd>End</kbd> - Navigates to the last row, if the focus is on the last row, navigates to the growing button\n* <kbd>Page Up</kbd> - Navigates one page up, if the focus is on the first row, navigates to the header row\n* <kbd>Page Down</kbd> - Navigates one page down, if the focus is on the last row, navigates to the growing button\n* <kbd>F2</kbd> - Focuses the first tabbable element in the row\n* <kbd>F7</kbd> - If focus position is remembered, moves focus to the corresponding focus position row, otherwise to the first tabbable element within the row\n* <kbd>[Shift]Tab</kbd> - Move focus to the element in the tab chain outside the table\n\nIf the focus is on a cell, the following keyboard shortcuts are available:\n* <kbd>Down</kbd> - Navigates down\n* <kbd>Up</kbd> - Navigates up\n* <kbd>Right</kbd> - Navigates right\n* <kbd>Left</kbd> - Navigates left, if the focus is on the first cell of the row, the focus is moved to the row.\n* <kbd>Home</kbd> - Navigates to the first cell of the current row, if the focus is on the first cell, navigates to the corresponding row\n* <kbd>End</kbd> - Navigates to the last cell of the current row, if the focus is on the last cell, navigates to the corresponding row\n* <kbd>Page Up</kbd> - Navigates one page up while keeping the focus in same column\n* <kbd>Page Down</kbd> - Navigates one page down while keeping the focus in same column\n* <kbd>F2</kbd> - Toggles the focus between the first tabbable cell content and the cell\n* <kbd>Enter</kbd> - Focuses the first tabbable cell content\n* <kbd>F7</kbd> - If the focus is on an interactive element inside a row, moves focus to the corresponding row and remembers the focus position of the element within the row\n* <kbd>[Shift]Tab</kbd> - Move focus to the element in the tab chain outside the table\n\nIf the focus is on an interactive cell content, the following keyboard shortcuts are available:\n* <kbd>Down</kbd> - Move the focus to the interactive element in the same column of the previous row, unless the focused element prevents the default\n* <kbd>Up</kbd> - Move the focus to the interactive element in the same column of the next row, unless the focused element prevents the default\n* <kbd>[Shift]Tab</kbd> - Move the focus to the element in the tab chain\n\n### Accessibility\n\nThe `ui5-table` follows the [ARIA grid design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/grid/).\nThis pattern enables cell-based keyboard navigation and, as explained above, we also support row-based keyboard navigation.\nSince the grid design pattern does not inherently provide row-based keyboard behavior, if the focus is on a row, not only the row information but also the corresponding column headers for each cell must be announced.\nThis can only be achieved through a custom accessibility announcement.\nTo support this, UI5 Web Components expose its own accessibility metadata via the `accessibilityInfo` property.\nThe `ui5-table` uses this information to create the required custom announcements dynamically.\nIf you include custom web components inside table cells that are not part of the standard UI5 Web Components set, their accessibility information can be provided using the `data-ui5-acc-text` attribute.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Table.js\";` (`ui5-table`)\\\n`import \"@ui5/webcomponents/dist/TableRow.js\";` (`ui5-table-row`)\\\n`import \"@ui5/webcomponents/dist/TableCell.js\";` (`ui5-table-cell`)\\\n`import \"@ui5/webcomponents/dist/TableHeaderRow.js\";` (`ui5-table-header-row`)\\\n`import \"@ui5/webcomponents/dist/TableHeaderCell.js\";` (`ui5-table-header-cell`)\n\n\n---\n\n\n\n\n### **Events:**\n - **row-click** - Fired when an interactive row is clicked.\n\n**Note:** This event is not fired if the `behavior` property of the selection component is set to `RowOnly`.\nIn that case, use the `change` event of the selection component instead.\n- **move-over** - Fired when a movable item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n\n**Note:** If the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`.\n- **move** - Fired when a movable list item is dropped onto a drop target.\n\n**Notes:**\n\nThe `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\nIf the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`.\n- **row-action-click** - Fired when a row action is clicked.\n\n### **Slots:**\n - **default** - Defines the rows of the component.\n\n**Note:** Use `ui5-table-row` for the intended design.\n- **headerRow** - Defines the header row of the component.\n\n**Note:** Use `ui5-table-header-row` for the intended design.\n- **noData** - Defines the custom visualization if there is no data available.\n- **features** - Defines the features of the component.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -4560,8 +4613,8 @@
           "description": "Defines the design type of the component.",
           "values": [
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" },
             { "name": "Neutral" },
             { "name": "Set1" },
@@ -4648,8 +4701,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -4726,8 +4779,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -4871,9 +4924,9 @@
           "description": "Defines the component design.",
           "values": [
             { "name": "Transparent" },
-            { "name": "Default" },
             { "name": "Positive" },
             { "name": "Negative" },
+            { "name": "Default" },
             { "name": "Emphasized" },
             { "name": "Attention" }
           ]
@@ -5050,9 +5103,9 @@
           "description": "Defines the action design.",
           "values": [
             { "name": "Transparent" },
-            { "name": "Default" },
             { "name": "Positive" },
             { "name": "Negative" },
+            { "name": "Default" },
             { "name": "Emphasized" },
             { "name": "Attention" }
           ]
@@ -5151,8 +5204,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -5352,8 +5405,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -5393,8 +5446,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -5441,8 +5494,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -5482,8 +5535,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -5535,8 +5588,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },
@@ -5576,8 +5629,8 @@
           "values": [
             { "name": "None" },
             { "name": "Positive" },
-            { "name": "Negative" },
             { "name": "Critical" },
+            { "name": "Negative" },
             { "name": "Information" }
           ]
         },