npm - @ui5/webcomponents - Versions diffs - 2.9.0-rc.2 → 2.9.0 - Mend

@ui5/webcomponents 2.9.0-rc.2 → 2.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (661) hide show

package/dist/custom-elements.json CHANGED Viewed

@@ -776,21 +776,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/SearchPopupMode.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SearchPopupMode",
-            "module": "dist/types/SearchPopupMode.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/types/SegmentedButtonSelectionMode.js",
@@ -1189,8 +1174,8 @@
                   }
                 ]
               },
-              "default": "\"Accent6\"",
-              "description": "Defines the background color of the desired image.",
+              "default": "\"Auto\"",
+              "description": "Defines the background color of the desired image.\nIf `colorScheme` is set to `Auto`, the avatar will be displayed with the `Accent6` color.",
               "privacy": "public"
             },
             {
@@ -1286,12 +1271,12 @@
               }
             },
             {
-              "description": "Defines the background color of the desired image.",
+              "description": "Defines the background color of the desired image.\nIf `colorScheme` is set to `Auto`, the avatar will be displayed with the `Accent6` color.",
               "name": "color-scheme",
-              "default": "\"Accent6\"",
+              "default": "\"Auto\"",
               "fieldName": "colorScheme",
               "type": {
-                "text": "\"Accent1\" | \"Accent2\" | \"Accent3\" | \"Accent4\" | \"Accent5\" | \"Accent6\" | \"Accent7\" | \"Accent8\" | \"Accent9\" | \"Accent10\" | \"Placeholder\""
+                "text": "\"Auto\" | \"Accent1\" | \"Accent2\" | \"Accent3\" | \"Accent4\" | \"Accent5\" | \"Accent6\" | \"Accent7\" | \"Accent8\" | \"Accent9\" | \"Accent10\" | \"Placeholder\""
               }
             },
             {
@@ -3094,92 +3079,6 @@
           "kind": "class",
           "description": "Abstract base class for Calendar, DayPicker, MonthPicker and YearPicker that adds support for:\n - common properties (timestamp, selectedDates): declarations and methods that operate on them\n - other common code",
           "name": "CalendarPart",
-          "superclass": {
-            "name": "DateComponentBase",
-            "package": "@ui5/webcomponents",
-            "module": "dist/DateComponentBase.js"
-          },
-          "customElement": true,
-          "attributes": [
-            {
-              "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
-              "name": "primary-calendar-type",
-              "default": "undefined",
-              "fieldName": "primaryCalendarType",
-              "type": {
-                "text": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
-              },
-              "inheritedFrom": {
-                "name": "DateComponentBase",
-                "module": "dist/DateComponentBase.js"
-              }
-            },
-            {
-              "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
-              "name": "secondary-calendar-type",
-              "default": "undefined",
-              "fieldName": "secondaryCalendarType",
-              "type": {
-                "text": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
-              },
-              "inheritedFrom": {
-                "name": "DateComponentBase",
-                "module": "dist/DateComponentBase.js"
-              }
-            },
-            {
-              "description": "Determines the format, displayed in the input field.",
-              "name": "format-pattern",
-              "default": "undefined",
-              "fieldName": "formatPattern",
-              "type": {
-                "text": "string | undefined"
-              },
-              "inheritedFrom": {
-                "name": "DateComponentBase",
-                "module": "dist/DateComponentBase.js"
-              }
-            },
-            {
-              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (YYYY-MM-dd).",
-              "name": "min-date",
-              "default": "\"\"",
-              "fieldName": "minDate",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "DateComponentBase",
-                "module": "dist/DateComponentBase.js"
-              }
-            },
-            {
-              "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (YYYY-MM-dd).",
-              "name": "max-date",
-              "default": "\"\"",
-              "fieldName": "maxDate",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "DateComponentBase",
-                "module": "dist/DateComponentBase.js"
-              }
-            },
-            {
-              "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
-              "name": "calendar-week-numbering",
-              "default": "\"Default\"",
-              "fieldName": "calendarWeekNumbering",
-              "type": {
-                "text": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\""
-              },
-              "inheritedFrom": {
-                "name": "DateComponentBase",
-                "module": "dist/DateComponentBase.js"
-              }
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -3286,6 +3185,92 @@
                 "module": "dist/DateComponentBase.js"
               }
             }
+          ],
+          "superclass": {
+            "name": "DateComponentBase",
+            "package": "@ui5/webcomponents",
+            "module": "dist/DateComponentBase.js"
+          },
+          "customElement": true,
+          "attributes": [
+            {
+              "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
+              "name": "primary-calendar-type",
+              "default": "undefined",
+              "fieldName": "primaryCalendarType",
+              "type": {
+                "text": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+              },
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
+              "name": "secondary-calendar-type",
+              "default": "undefined",
+              "fieldName": "secondaryCalendarType",
+              "type": {
+                "text": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+              },
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the format, displayed in the input field.",
+              "name": "format-pattern",
+              "default": "undefined",
+              "fieldName": "formatPattern",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (YYYY-MM-dd).",
+              "name": "min-date",
+              "default": "\"\"",
+              "fieldName": "minDate",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (YYYY-MM-dd).",
+              "name": "max-date",
+              "default": "\"\"",
+              "fieldName": "maxDate",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            },
+            {
+              "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
+              "name": "calendar-week-numbering",
+              "default": "\"Default\"",
+              "fieldName": "calendarWeekNumbering",
+              "type": {
+                "text": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\""
+              },
+              "inheritedFrom": {
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
+              }
+            }
           ]
         }
       ],
@@ -5138,38 +5123,15 @@
           "slots": [
             {
               "name": "default",
-              "description": "Defines the items of the <code>ui5-cb-item-group</code>."
-            }
-          ],
-          "superclass": {
-            "name": "ListItemGroup",
-            "package": "@ui5/webcomponents",
-            "module": "dist/ListItemGroup.js"
-          },
-          "tagName": "ui5-cb-item-group",
-          "customElement": true,
-          "attributes": [
-            {
-              "description": "Defines the header text of the <code>ui5-li-group</code>.",
-              "name": "header-text",
-              "default": "undefined",
-              "fieldName": "headerText",
-              "type": {
-                "text": "string | undefined"
-              },
+              "description": "Defines the items of the <code>ui5-cb-item-group</code>.",
               "inheritedFrom": {
                 "name": "ListItemGroup",
                 "module": "dist/ListItemGroup.js"
               }
             },
             {
-              "description": "Defines the accessible name of the header.",
-              "name": "header-accessible-name",
-              "default": "undefined",
-              "fieldName": "headerAccessibleName",
-              "type": {
-                "text": "string | undefined"
-              },
+              "name": "header",
+              "description": "Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.",
               "inheritedFrom": {
                 "name": "ListItemGroup",
                 "module": "dist/ListItemGroup.js"
@@ -5206,6 +5168,51 @@
               }
             }
           ],
+          "superclass": {
+            "name": "ListItemGroup",
+            "package": "@ui5/webcomponents",
+            "module": "dist/ListItemGroup.js"
+          },
+          "tagName": "ui5-cb-item-group",
+          "customElement": true,
+          "cssParts": [
+            {
+              "description": "Used to style the header item of the group",
+              "name": "header",
+              "inheritedFrom": {
+                "name": "ListItemGroup",
+                "module": "dist/ListItemGroup.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the header text of the <code>ui5-li-group</code>.",
+              "name": "header-text",
+              "default": "undefined",
+              "fieldName": "headerText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "ListItemGroup",
+                "module": "dist/ListItemGroup.js"
+              }
+            },
+            {
+              "description": "Defines the accessible name of the header.",
+              "name": "header-accessible-name",
+              "default": "undefined",
+              "fieldName": "headerAccessibleName",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "ListItemGroup",
+                "module": "dist/ListItemGroup.js"
+              }
+            }
+          ],
           "events": [
             {
               "name": "move-over",
@@ -6055,10 +6062,14 @@
               "type": {
                 "text": "Date | null"
               },
+              "readonly": true,
               "description": "**Note:** The getter method is inherited and not supported. If called it will return an empty value.",
               "privacy": "public",
               "default": "null",
-              "readonly": true
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
             },
             {
               "kind": "field",
@@ -6082,6 +6093,54 @@
               "default": "null",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "isValid",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "A value to be tested against the current date format"
+                }
+              ],
+              "description": "Checks if a value is valid against the current date format of the DatePicker.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isInValidRange",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "A value to be checked"
+                }
+              ],
+              "description": "Checks if a date is between the minimum and maximum date.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -6243,54 +6302,6 @@
                 "module": "dist/DatePicker.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "isValid",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "A value to be tested against the current date format"
-                }
-              ],
-              "description": "Checks if a value is valid against the current date format of the DatePicker.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "DatePicker",
-                "module": "dist/DatePicker.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isInValidRange",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "A value to be checked"
-                }
-              ],
-              "description": "Checks if a date is between the minimum and maximum date.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "DatePicker",
-                "module": "dist/DatePicker.js"
-              }
-            },
             {
               "kind": "method",
               "name": "formatValue",
@@ -6701,6 +6712,16 @@
           },
           "tagName": "ui5-daterange-picker",
           "customElement": true,
+          "slots": [
+            {
+              "name": "valueStateMessage",
+              "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            }
+          ],
           "events": [
             {
               "name": "change",
@@ -6823,599 +6844,609 @@
           "kind": "class",
           "description": "### Overview\nThe `DateTimePicker` component alows users to select both date (day, month and year) and time (hours, minutes and seconds)\nand for the purpose it consists of input field and Date/Time picker.\n\n### Usage\n\nUse the `DateTimePicker` if you need a combined date and time input component.\nDon't use it if you want to use either date, or time value.\nIn this case, use the `DatePicker` or the `TimePicker` components instead.\n\nThe user can set date/time by:\n\n- using the calendar and the time selectors\n- typing in the input field\n\nProgrammatically, to set date/time for the `DateTimePicker`, use the `value` property\n\n### Formatting\n\nThe value entered by typing into the input field must fit to the used date/time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\n**Example:** the following format `dd/MM/yyyy, hh:mm:ss aa`\ncorresponds the `13/04/2020, 03:16:16 AM` value.\n\nThe small 'h' defines \"12\" hours format and the \"aa\" symbols - \"AM/PM\" time periods.\n\n**Example:** the following format `dd/MM/yyyy, HH:mm:ss`\ncorresponds the `13/04/2020, 15:16:16` value.\n\nThe capital 'H' indicates \"24\" hours format.\n\n**Note:** If the `formatPattern` does NOT include time,\nthe `DateTimePicker` will fallback to the default time format according to the locale.\n\n**Note:** If no placeholder is set to the `DateTimePicker`,\nthe current `formatPattern` is displayed as a placeholder.\nIf another placeholder is needed, it must be set or in case no placeholder is needed - it can be set to an empty string.\n\n**Note:** If the user input does NOT match the `formatPattern`,\nthe `DateTimePicker` makes an attempt to parse it based on the\nlocale settings.\n\n### Responsive behavior\n\nThe `DateTimePicker` is responsive and fully adapts to all devices.\nFor larger screens, such as tablet or desktop, it is displayed as a popover, while\non phone devices, it is displayed full screen.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateTimePicker.js\";`",
           "name": "DateTimePicker",
-          "superclass": {
-            "name": "DatePicker",
-            "package": "@ui5/webcomponents",
-            "module": "dist/DatePicker.js"
-          },
-          "tagName": "ui5-datetime-picker",
-          "customElement": true,
-          "attributes": [
+          "members": [
             {
-              "description": "Defines a formatted date value.",
+              "kind": "field",
               "name": "value",
-              "default": "\"\"",
-              "fieldName": "value",
               "type": {
                 "text": "string"
               },
+              "default": "\"\"",
+              "description": "Defines a formatted date value.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Defines the value state of the component.",
-              "name": "value-state",
-              "default": "\"None\"",
-              "fieldName": "valueState",
+              "kind": "field",
+              "name": "valueState",
               "type": {
-                "text": "\"Positive\" | \"Negative\" | \"None\" | \"Critical\" | \"Information\""
+                "text": "ValueState",
+                "references": [
+                  {
+                    "name": "ValueState",
+                    "package": "@ui5/webcomponents-base",
+                    "module": "dist/types/ValueState.js"
+                  }
+                ]
               },
+              "default": "\"None\"",
+              "description": "Defines the value state of the component.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Defines whether the component is required.",
+              "kind": "field",
               "name": "required",
-              "default": "false",
-              "fieldName": "required",
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
+              "description": "Defines whether the component is required.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Determines whether the component is displayed as disabled.",
+              "kind": "field",
               "name": "disabled",
-              "default": "false",
-              "fieldName": "disabled",
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
+              "description": "Determines whether the component is displayed as disabled.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Determines whether the component is displayed as read-only.",
+              "kind": "field",
               "name": "readonly",
-              "default": "false",
-              "fieldName": "readonly",
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
+              "description": "Determines whether the component is displayed as read-only.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
+              "kind": "field",
               "name": "placeholder",
-              "default": "undefined",
-              "fieldName": "placeholder",
               "type": {
                 "text": "string | undefined"
               },
+              "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
+              "default": "undefined",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
+              "kind": "field",
               "name": "name",
-              "default": "undefined",
-              "fieldName": "name",
               "type": {
                 "text": "string | undefined"
               },
+              "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
+              "default": "undefined",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.",
-              "name": "hide-week-numbers",
-              "default": "false",
-              "fieldName": "hideWeekNumbers",
+              "kind": "field",
+              "name": "hideWeekNumbers",
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
+              "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Defines the open or closed state of the popover.",
+              "kind": "field",
               "name": "open",
-              "default": "false",
-              "fieldName": "open",
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
+              "description": "Defines the open or closed state of the popover.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Defines the aria-label attribute for the component.",
-              "name": "accessible-name",
-              "default": "undefined",
-              "fieldName": "accessibleName",
+              "kind": "field",
+              "name": "accessibleName",
               "type": {
                 "text": "string | undefined"
               },
+              "description": "Defines the aria-label attribute for the component.",
+              "default": "undefined",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Receives id(or many ids) of the elements that label the component.",
-              "name": "accessible-name-ref",
-              "default": "undefined",
-              "fieldName": "accessibleNameRef",
+              "kind": "field",
+              "name": "accessibleNameRef",
               "type": {
                 "text": "string | undefined"
               },
+              "description": "Receives id(or many ids) of the elements that label the component.",
+              "default": "undefined",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Currently selected date represented as a Local JavaScript Date instance.",
-              "name": "date-value",
-              "default": "null",
-              "fieldName": "dateValue",
-              "type": {
-                "text": "any"
+              "kind": "method",
+              "name": "isValid",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "A value to be tested against the current date format"
+                }
+              ],
+              "description": "Checks if a value is valid against the current date format of the DatePicker.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
-              "name": "primary-calendar-type",
-              "default": "undefined",
-              "fieldName": "primaryCalendarType",
-              "type": {
-                "text": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+              "kind": "method",
+              "name": "isInValidRange",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "inheritedFrom": {
-                "name": "DateComponentBase",
-                "module": "dist/DateComponentBase.js"
-              }
-            },
-            {
-              "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
-              "name": "secondary-calendar-type",
-              "default": "undefined",
-              "fieldName": "secondaryCalendarType",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "A value to be checked"
+                }
+              ],
+              "description": "Checks if a date is between the minimum and maximum date.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formatValue",
+              "return": {
+                "type": {
+                  "text": "string"
+                },
+                "description": "The date as string"
+              },
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "Date"
+                  },
+                  "description": "A Java Script date object to be formatted as string"
+                }
+              ],
+              "description": "Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dateValue",
               "type": {
-                "text": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+                "text": "Date | null"
               },
+              "description": "Currently selected date represented as a Local JavaScript Date instance.",
+              "privacy": "public",
+              "default": "null",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "DateComponentBase",
-                "module": "dist/DateComponentBase.js"
+                "name": "DatePicker",
+                "module": "dist/DatePicker.js"
               }
             },
             {
-              "description": "Determines the format, displayed in the input field.",
-              "name": "format-pattern",
-              "default": "undefined",
-              "fieldName": "formatPattern",
+              "kind": "field",
+              "name": "primaryCalendarType",
               "type": {
-                "text": "string | undefined"
+                "text": "CalendarType | undefined",
+                "references": [
+                  {
+                    "name": "CalendarType",
+                    "package": "@ui5/webcomponents-base",
+                    "module": "dist/types/CalendarType.js"
+                  }
+                ]
               },
+              "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
+              "default": "undefined",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
               }
             },
             {
-              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (YYYY-MM-dd).",
-              "name": "min-date",
-              "default": "\"\"",
-              "fieldName": "minDate",
+              "kind": "field",
+              "name": "secondaryCalendarType",
               "type": {
-                "text": "string"
+                "text": "CalendarType | undefined",
+                "references": [
+                  {
+                    "name": "CalendarType",
+                    "package": "@ui5/webcomponents-base",
+                    "module": "dist/types/CalendarType.js"
+                  }
+                ]
               },
+              "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
+              "default": "undefined",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
               }
             },
             {
-              "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (YYYY-MM-dd).",
-              "name": "max-date",
-              "default": "\"\"",
-              "fieldName": "maxDate",
+              "kind": "field",
+              "name": "formatPattern",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
+              "description": "Determines the format, displayed in the input field.",
+              "default": "undefined",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
               }
             },
             {
-              "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
-              "name": "calendar-week-numbering",
-              "default": "\"Default\"",
-              "fieldName": "calendarWeekNumbering",
+              "kind": "field",
+              "name": "minDate",
               "type": {
-                "text": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\""
+                "text": "string"
               },
+              "default": "\"\"",
+              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (YYYY-MM-dd).",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
               }
-            }
-          ],
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "value",
+              "name": "maxDate",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Defines a formatted date value.",
+              "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (YYYY-MM-dd).",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "DatePicker",
-                "module": "dist/DatePicker.js"
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
               }
             },
             {
               "kind": "field",
-              "name": "valueState",
+              "name": "calendarWeekNumbering",
               "type": {
-                "text": "ValueState",
+                "text": "CalendarWeekNumbering",
                 "references": [
                   {
-                    "name": "ValueState",
-                    "package": "@ui5/webcomponents-base",
-                    "module": "dist/types/ValueState.js"
+                    "name": "CalendarWeekNumbering",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/CalendarWeekNumbering.js"
                   }
                 ]
               },
-              "default": "\"None\"",
-              "description": "Defines the value state of the component.",
+              "default": "\"Default\"",
+              "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "DatePicker",
-                "module": "dist/DatePicker.js"
+                "name": "DateComponentBase",
+                "module": "dist/DateComponentBase.js"
               }
-            },
+            }
+          ],
+          "superclass": {
+            "name": "DatePicker",
+            "package": "@ui5/webcomponents",
+            "module": "dist/DatePicker.js"
+          },
+          "tagName": "ui5-datetime-picker",
+          "customElement": true,
+          "slots": [
             {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Defines whether the component is required.",
-              "privacy": "public",
+              "name": "valueStateMessage",
+              "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "disabled",
+              "description": "Defines a formatted date value.",
+              "name": "value",
+              "default": "\"\"",
+              "fieldName": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Determines whether the component is displayed as disabled.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "kind": "field",
-              "name": "readonly",
+              "description": "Defines the value state of the component.",
+              "name": "value-state",
+              "default": "\"None\"",
+              "fieldName": "valueState",
               "type": {
-                "text": "boolean"
+                "text": "\"Positive\" | \"Negative\" | \"None\" | \"Critical\" | \"Information\""
               },
-              "default": "false",
-              "description": "Determines whether the component is displayed as read-only.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "kind": "field",
-              "name": "placeholder",
+              "description": "Defines whether the component is required.",
+              "name": "required",
+              "default": "false",
+              "fieldName": "required",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
-              "default": "undefined",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "kind": "field",
-              "name": "name",
+              "description": "Determines whether the component is displayed as disabled.",
+              "name": "disabled",
+              "default": "false",
+              "fieldName": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
-              "default": "undefined",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "kind": "field",
-              "name": "hideWeekNumbers",
+              "description": "Determines whether the component is displayed as read-only.",
+              "name": "readonly",
+              "default": "false",
+              "fieldName": "readonly",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "kind": "field",
-              "name": "open",
+              "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
+              "name": "placeholder",
+              "default": "undefined",
+              "fieldName": "placeholder",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Defines the open or closed state of the popover.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "kind": "field",
-              "name": "accessibleName",
+              "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
+              "name": "name",
+              "default": "undefined",
+              "fieldName": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Defines the aria-label attribute for the component.",
-              "default": "undefined",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "kind": "field",
-              "name": "accessibleNameRef",
+              "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.",
+              "name": "hide-week-numbers",
+              "default": "false",
+              "fieldName": "hideWeekNumbers",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Receives id(or many ids) of the elements that label the component.",
-              "default": "undefined",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "kind": "method",
-              "name": "isValid",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "description": "Defines the open or closed state of the popover.",
+              "name": "open",
+              "default": "false",
+              "fieldName": "open",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "A value to be tested against the current date format"
-                }
-              ],
-              "description": "Checks if a value is valid against the current date format of the DatePicker.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "kind": "method",
-              "name": "isInValidRange",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "description": "Defines the aria-label attribute for the component.",
+              "name": "accessible-name",
+              "default": "undefined",
+              "fieldName": "accessibleName",
+              "type": {
+                "text": "string | undefined"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "A value to be checked"
-                }
-              ],
-              "description": "Checks if a date is between the minimum and maximum date.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "kind": "method",
-              "name": "formatValue",
-              "return": {
-                "type": {
-                  "text": "string"
-                },
-                "description": "The date as string"
+              "description": "Receives id(or many ids) of the elements that label the component.",
+              "name": "accessible-name-ref",
+              "default": "undefined",
+              "fieldName": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
               },
-              "parameters": [
-                {
-                  "name": "date",
-                  "type": {
-                    "text": "Date"
-                  },
-                  "description": "A Java Script date object to be formatted as string"
-                }
-              ],
-              "description": "Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "kind": "field",
-              "name": "dateValue",
-              "type": {
-                "text": "Date | null"
-              },
               "description": "Currently selected date represented as a Local JavaScript Date instance.",
-              "privacy": "public",
+              "name": "date-value",
               "default": "null",
-              "readonly": true,
+              "fieldName": "dateValue",
+              "type": {
+                "text": "any"
+              },
               "inheritedFrom": {
                 "name": "DatePicker",
                 "module": "dist/DatePicker.js"
               }
             },
             {
-              "kind": "field",
-              "name": "primaryCalendarType",
-              "type": {
-                "text": "CalendarType | undefined",
-                "references": [
-                  {
-                    "name": "CalendarType",
-                    "package": "@ui5/webcomponents-base",
-                    "module": "dist/types/CalendarType.js"
-                  }
-                ]
-              },
               "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
+              "name": "primary-calendar-type",
               "default": "undefined",
-              "privacy": "public",
+              "fieldName": "primaryCalendarType",
+              "type": {
+                "text": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+              },
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
               }
             },
             {
-              "kind": "field",
-              "name": "secondaryCalendarType",
-              "type": {
-                "text": "CalendarType | undefined",
-                "references": [
-                  {
-                    "name": "CalendarType",
-                    "package": "@ui5/webcomponents-base",
-                    "module": "dist/types/CalendarType.js"
-                  }
-                ]
-              },
               "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
+              "name": "secondary-calendar-type",
               "default": "undefined",
-              "privacy": "public",
+              "fieldName": "secondaryCalendarType",
+              "type": {
+                "text": "\"Gregorian\" | \"Islamic\" | \"Japanese\" | \"Buddhist\" | \"Persian\" | undefined"
+              },
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
               }
             },
             {
-              "kind": "field",
-              "name": "formatPattern",
+              "description": "Determines the format, displayed in the input field.",
+              "name": "format-pattern",
+              "default": "undefined",
+              "fieldName": "formatPattern",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Determines the format, displayed in the input field.",
-              "default": "undefined",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
               }
             },
             {
-              "kind": "field",
-              "name": "minDate",
+              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (YYYY-MM-dd).",
+              "name": "min-date",
+              "default": "\"\"",
+              "fieldName": "minDate",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (YYYY-MM-dd).",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
               }
             },
             {
-              "kind": "field",
-              "name": "maxDate",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
               "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (YYYY-MM-dd).",
-              "privacy": "public",
+              "name": "max-date",
+              "default": "\"\"",
+              "fieldName": "maxDate",
+              "type": {
+                "text": "string"
+              },
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
               }
             },
             {
-              "kind": "field",
-              "name": "calendarWeekNumbering",
+              "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
+              "name": "calendar-week-numbering",
+              "default": "\"Default\"",
+              "fieldName": "calendarWeekNumbering",
               "type": {
-                "text": "CalendarWeekNumbering",
-                "references": [
-                  {
-                    "name": "CalendarWeekNumbering",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/types/CalendarWeekNumbering.js"
-                  }
-                ]
+                "text": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\""
               },
-              "default": "\"Default\"",
-              "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "DateComponentBase",
                 "module": "dist/DateComponentBase.js"
@@ -7566,6 +7597,14 @@
             {
               "name": "footer",
               "description": "Defines the footer HTML Element.\n\n**Note:** When a `ui5-bar` is used in the footer, you should remove the default dialog's paddings."
+            },
+            {
+              "name": "default",
+              "description": "Defines the content of the Popup.",
+              "inheritedFrom": {
+                "name": "Popup",
+                "module": "dist/Popup.js"
+              }
             }
           ],
           "members": [
@@ -10456,9 +10495,13 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Defines the selected state of the component.",
               "default": "false",
-              "privacy": "public"
+              "description": "Defines the selected state of the component.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
+              }
             }
           ],
           "events": [
@@ -10610,6 +10653,14 @@
             {
               "description": "Defines the content of the component.",
               "name": "default"
+            },
+            {
+              "name": "deleteButton",
+              "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
+              }
             }
           ],
           "members": [
@@ -10621,7 +10672,11 @@
               },
               "default": "false",
               "description": "Defines whether the item is movable.",
-              "privacy": "public"
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
+              }
             },
             {
               "kind": "field",
@@ -10631,7 +10686,11 @@
               },
               "description": "Defines the text alternative of the component.\n\n**Note**: If not provided a default text alternative will be set, if present.",
               "default": "undefined",
-              "privacy": "public"
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
+              }
             },
             {
               "kind": "field",
@@ -10730,12 +10789,12 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Defines the selected state of the component.",
               "default": "false",
+              "description": "Defines the selected state of the component.",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "ListItem",
-                "module": "dist/ListItem.js"
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
               }
             }
           ],
@@ -11075,6 +11134,14 @@
             {
               "name": "image",
               "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit."
+            },
+            {
+              "name": "deleteButton",
+              "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
+              }
             }
           ],
           "members": [
@@ -11143,7 +11210,11 @@
               },
               "default": "false",
               "description": "Defines whether the item is movable.",
-              "privacy": "public"
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
+              }
             },
             {
               "kind": "field",
@@ -11153,7 +11224,11 @@
               },
               "description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.",
               "default": "undefined",
-              "privacy": "public"
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
+              }
             },
             {
               "kind": "field",
@@ -11252,12 +11327,12 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Defines the selected state of the component.",
               "default": "false",
+              "description": "Defines the selected state of the component.",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "ListItem",
-                "module": "dist/ListItem.js"
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
               }
             }
           ],
@@ -11660,6 +11735,14 @@
             {
               "name": "endContent",
               "description": "Defines the components that should be displayed at the end of the menu item.\n\n**Note:** It is highly recommended to slot only components of type `ui5-button`,`ui5-link`\nor `ui5-icon` in order to preserve the intended design. If there are components added to this slot,\nand there is text set in `additionalText`, it will not be displayed. If there are items added to `items` slot,\nnether `additionalText` nor components added to this slot would be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`."
+            },
+            {
+              "name": "deleteButton",
+              "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
+              }
             }
           ],
           "members": [
@@ -11701,7 +11784,11 @@
               },
               "default": "false",
               "description": "Defines whether `ui5-menu-item` is in disabled state.\n\n**Note:** A disabled `ui5-menu-item` is noninteractive.",
-              "privacy": "public"
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
+              }
             },
             {
               "kind": "field",
@@ -11731,7 +11818,11 @@
               },
               "description": "Defines the accessible ARIA name of the component.",
               "default": "undefined",
-              "privacy": "public"
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
+              }
             },
             {
               "kind": "field",
@@ -11751,12 +11842,12 @@
               "kind": "field",
               "name": "accessibilityAttributes",
               "type": {
-                "text": "ListItemAccessibilityAttributes",
+                "text": "MenuItemAccessibilityAttributes",
                 "references": [
                   {
-                    "name": "ListItemAccessibilityAttributes",
+                    "name": "MenuItemAccessibilityAttributes",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/ListItem.js"
+                    "module": "dist/MenuItem.js"
                   }
                 ]
               },
@@ -11830,12 +11921,12 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Defines the selected state of the component.",
               "default": "false",
+              "description": "Defines the selected state of the component.",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "ListItem",
-                "module": "dist/ListItem.js"
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
               }
             }
           ],
@@ -11977,7 +12068,7 @@
               "default": "{}",
               "fieldName": "accessibilityAttributes",
               "type": {
-                "text": "ListItemAccessibilityAttributes"
+                "text": "MenuItemAccessibilityAttributes"
               },
               "inheritedFrom": {
                 "name": "ListItem",
@@ -12676,9 +12767,13 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Defines the selected state of the component.",
               "default": "false",
-              "privacy": "public"
+              "description": "Defines the selected state of the component.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
+              }
             },
             {
               "kind": "field",
@@ -12785,38 +12880,15 @@
           "slots": [
             {
               "name": "default",
-              "description": "Defines the items of the <code>ui5-mcb-item-group</code>."
-            }
-          ],
-          "superclass": {
-            "name": "ComboBoxItemGroup",
-            "package": "@ui5/webcomponents",
-            "module": "dist/ComboBoxItemGroup.js"
-          },
-          "tagName": "ui5-mcb-item-group",
-          "customElement": true,
-          "attributes": [
-            {
-              "description": "Defines the header text of the <code>ui5-li-group</code>.",
-              "name": "header-text",
-              "default": "undefined",
-              "fieldName": "headerText",
-              "type": {
-                "text": "string | undefined"
-              },
+              "description": "Defines the items of the <code>ui5-mcb-item-group</code>.",
               "inheritedFrom": {
                 "name": "ListItemGroup",
                 "module": "dist/ListItemGroup.js"
               }
             },
             {
-              "description": "Defines the accessible name of the header.",
-              "name": "header-accessible-name",
-              "default": "undefined",
-              "fieldName": "headerAccessibleName",
-              "type": {
-                "text": "string | undefined"
-              },
+              "name": "header",
+              "description": "Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.",
               "inheritedFrom": {
                 "name": "ListItemGroup",
                 "module": "dist/ListItemGroup.js"
@@ -12853,6 +12925,51 @@
               }
             }
           ],
+          "superclass": {
+            "name": "ComboBoxItemGroup",
+            "package": "@ui5/webcomponents",
+            "module": "dist/ComboBoxItemGroup.js"
+          },
+          "tagName": "ui5-mcb-item-group",
+          "customElement": true,
+          "cssParts": [
+            {
+              "description": "Used to style the header item of the group",
+              "name": "header",
+              "inheritedFrom": {
+                "name": "ListItemGroup",
+                "module": "dist/ListItemGroup.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the header text of the <code>ui5-li-group</code>.",
+              "name": "header-text",
+              "default": "undefined",
+              "fieldName": "headerText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "ListItemGroup",
+                "module": "dist/ListItemGroup.js"
+              }
+            },
+            {
+              "description": "Defines the accessible name of the header.",
+              "name": "header-accessible-name",
+              "default": "undefined",
+              "fieldName": "headerAccessibleName",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "ListItemGroup",
+                "module": "dist/ListItemGroup.js"
+              }
+            }
+          ],
           "events": [
             {
               "name": "move-over",
@@ -12924,6 +13041,30 @@
             {
               "name": "tokens",
               "description": "Defines the component tokens."
+            },
+            {
+              "name": "default",
+              "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.",
+              "inheritedFrom": {
+                "name": "Input",
+                "module": "dist/Input.js"
+              }
+            },
+            {
+              "name": "icon",
+              "description": "Defines the icon to be displayed in the component.",
+              "inheritedFrom": {
+                "name": "Input",
+                "module": "dist/Input.js"
+              }
+            },
+            {
+              "name": "valueStateMessage",
+              "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.",
+              "inheritedFrom": {
+                "name": "Input",
+                "module": "dist/Input.js"
+              }
             }
           ],
           "members": [
@@ -13524,7 +13665,33 @@
             "module": "dist/Input.js"
           },
           "tagName": "ui5-multi-input",
-          "customElement": true
+          "customElement": true,
+          "cssParts": [
+            {
+              "description": "Used to style the root DOM element of the Input component",
+              "name": "root",
+              "inheritedFrom": {
+                "name": "Input",
+                "module": "dist/Input.js"
+              }
+            },
+            {
+              "description": "Used to style the native input element",
+              "name": "input",
+              "inheritedFrom": {
+                "name": "Input",
+                "module": "dist/Input.js"
+              }
+            },
+            {
+              "description": "Used to style the clear icon, which can be pressed to clear user input text",
+              "name": "clear-icon",
+              "inheritedFrom": {
+                "name": "Input",
+                "module": "dist/Input.js"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -13607,9 +13774,13 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Defines the selected state of the component.",
               "default": "false",
-              "privacy": "public"
+              "description": "Defines the selected state of the component.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
+              }
             }
           ],
           "attributes": [
@@ -13738,9 +13909,13 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Defines the selected state of the component.",
               "default": "false",
-              "privacy": "public"
+              "description": "Defines the selected state of the component.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
+              }
             }
           ],
           "attributes": [
@@ -14074,6 +14249,14 @@
             {
               "name": "footer",
               "description": "Defines the footer HTML Element."
+            },
+            {
+              "name": "default",
+              "description": "Defines the content of the Popup.",
+              "inheritedFrom": {
+                "name": "Popup",
+                "module": "dist/Popup.js"
+              }
             }
           ],
           "members": [
@@ -15845,123 +16028,157 @@
           "cssParts": [
             {
               "description": "Used to style the header of the component",
-              "name": "header"
+              "name": "header",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "dist/Popover.js"
+              }
             },
             {
               "description": "Used to style the content of the component",
-              "name": "content"
+              "name": "content",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "dist/Popover.js"
+              }
             },
             {
               "description": "Used to style the footer of the component",
-              "name": "footer"
+              "name": "footer",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "dist/Popover.js"
+              }
             }
           ],
-          "superclass": {
-            "name": "Popover",
-            "package": "@ui5/webcomponents",
-            "module": "dist/Popover.js"
-          },
-          "tagName": "ui5-responsive-popover",
-          "customElement": true,
-          "attributes": [
+          "members": [
             {
-              "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
-              "name": "header-text",
-              "default": "undefined",
-              "fieldName": "headerText",
+              "kind": "field",
+              "name": "headerText",
               "type": {
                 "text": "string | undefined"
               },
+              "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
+              "default": "undefined",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "description": "Determines on which side the component is placed at.",
+              "kind": "field",
               "name": "placement",
-              "default": "\"End\"",
-              "fieldName": "placement",
               "type": {
-                "text": "\"Top\" | \"Bottom\" | \"Start\" | \"End\""
+                "text": "PopoverPlacement",
+                "references": [
+                  {
+                    "name": "PopoverPlacement",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/PopoverPlacement.js"
+                  }
+                ]
               },
+              "default": "\"End\"",
+              "description": "Determines on which side the component is placed at.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "description": "Determines the horizontal alignment of the component.",
-              "name": "horizontal-align",
-              "default": "\"Center\"",
-              "fieldName": "horizontalAlign",
+              "kind": "field",
+              "name": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
+                "text": "PopoverHorizontalAlign",
+                "references": [
+                  {
+                    "name": "PopoverHorizontalAlign",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/PopoverHorizontalAlign.js"
+                  }
+                ]
               },
+              "default": "\"Center\"",
+              "description": "Determines the horizontal alignment of the component.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "description": "Determines the vertical alignment of the component.",
-              "name": "vertical-align",
-              "default": "\"Center\"",
-              "fieldName": "verticalAlign",
+              "kind": "field",
+              "name": "verticalAlign",
               "type": {
-                "text": "\"Top\" | \"Bottom\" | \"Center\" | \"Stretch\""
+                "text": "PopoverVerticalAlign",
+                "references": [
+                  {
+                    "name": "PopoverVerticalAlign",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/PopoverVerticalAlign.js"
+                  }
+                ]
               },
+              "default": "\"Center\"",
+              "description": "Determines the vertical alignment of the component.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "description": "Defines whether the component should close when\nclicking/tapping outside of the popover.\nIf enabled, it blocks any interaction with the background.",
+              "kind": "field",
               "name": "modal",
-              "default": "false",
-              "fieldName": "modal",
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
+              "description": "Defines whether the component should close when\nclicking/tapping outside of the popover.\nIf enabled, it blocks any interaction with the background.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "description": "Determines whether the component arrow is hidden.",
-              "name": "hide-arrow",
-              "default": "false",
-              "fieldName": "hideArrow",
+              "kind": "field",
+              "name": "hideArrow",
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
+              "description": "Determines whether the component arrow is hidden.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
-              "name": "allow-target-overlap",
-              "default": "false",
-              "fieldName": "allowTargetOverlap",
+              "kind": "field",
+              "name": "allowTargetOverlap",
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
+              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "description": "Defines the ID or DOM Reference of the element at which the popover is shown.\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.",
+              "kind": "field",
               "name": "opener",
+              "description": "Defines the ID or DOM Reference of the element at which the popover is shown.\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.",
+              "privacy": "public",
               "default": "undefined",
-              "fieldName": "opener",
               "type": {
-                "text": "any"
+                "text": "HTMLElement | string | undefined"
               },
               "inheritedFrom": {
                 "name": "Popover",
@@ -15969,225 +16186,259 @@
               }
             },
             {
-              "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
-              "name": "initial-focus",
-              "default": "undefined",
-              "fieldName": "initialFocus",
+              "kind": "field",
+              "name": "initialFocus",
               "type": {
                 "text": "string | undefined"
               },
+              "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
+              "default": "undefined",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             },
             {
-              "description": "Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.",
-              "name": "prevent-focus-restore",
-              "default": "false",
-              "fieldName": "preventFocusRestore",
+              "kind": "field",
+              "name": "preventFocusRestore",
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
+              "description": "Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             },
             {
-              "description": "Defines the accessible name of the component.",
-              "name": "accessible-name",
-              "default": "undefined",
-              "fieldName": "accessibleName",
+              "kind": "field",
+              "name": "accessibleName",
               "type": {
                 "text": "string | undefined"
               },
+              "description": "Defines the accessible name of the component.",
+              "default": "undefined",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             },
             {
-              "description": "Defines the IDs of the elements that label the component.",
-              "name": "accessible-name-ref",
-              "default": "undefined",
-              "fieldName": "accessibleNameRef",
+              "kind": "field",
+              "name": "accessibleNameRef",
               "type": {
                 "text": "string | undefined"
               },
+              "description": "Defines the IDs of the elements that label the component.",
+              "default": "undefined",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             },
             {
-              "description": "Allows setting a custom role.",
-              "name": "accessible-role",
-              "default": "\"Dialog\"",
-              "fieldName": "accessibleRole",
+              "kind": "field",
+              "name": "accessibleRole",
               "type": {
-                "text": "\"None\" | \"Dialog\" | \"AlertDialog\""
+                "text": "PopupAccessibleRole",
+                "references": [
+                  {
+                    "name": "PopupAccessibleRole",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/PopupAccessibleRole.js"
+                  }
+                ]
               },
+              "default": "\"Dialog\"",
+              "description": "Allows setting a custom role.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             },
             {
-              "description": "Indicates whether initial focus should be prevented.",
-              "name": "prevent-initial-focus",
-              "default": "false",
-              "fieldName": "preventInitialFocus",
+              "kind": "field",
+              "name": "preventInitialFocus",
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
+              "description": "Indicates whether initial focus should be prevented.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             },
             {
-              "description": "Indicates if the element is open",
+              "kind": "field",
               "name": "open",
+              "description": "Indicates if the element is open",
+              "privacy": "public",
               "default": "false",
-              "fieldName": "open",
               "type": {
-                "text": "any"
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "Popup",
+                "module": "dist/Popup.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "applyFocus",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                },
+                "description": "Promise that resolves when the focus is applied"
               },
+              "description": "Focuses the element denoted by `initialFocus`, if provided,\nor the first focusable element otherwise.",
+              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             }
           ],
-          "members": [
+          "superclass": {
+            "name": "Popover",
+            "package": "@ui5/webcomponents",
+            "module": "dist/Popover.js"
+          },
+          "tagName": "ui5-responsive-popover",
+          "customElement": true,
+          "slots": [
             {
-              "kind": "field",
-              "name": "headerText",
+              "name": "header",
+              "description": "Defines the header HTML Element.",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "dist/Popover.js"
+              }
+            },
+            {
+              "name": "footer",
+              "description": "Defines the footer HTML Element.",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "dist/Popover.js"
+              }
+            },
+            {
+              "name": "default",
+              "description": "Defines the content of the Popup.",
+              "inheritedFrom": {
+                "name": "Popup",
+                "module": "dist/Popup.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
+              "name": "header-text",
+              "default": "undefined",
+              "fieldName": "headerText",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
-              "default": "undefined",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "kind": "field",
+              "description": "Determines on which side the component is placed at.",
               "name": "placement",
+              "default": "\"End\"",
+              "fieldName": "placement",
               "type": {
-                "text": "PopoverPlacement",
-                "references": [
-                  {
-                    "name": "PopoverPlacement",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/types/PopoverPlacement.js"
-                  }
-                ]
+                "text": "\"Top\" | \"Bottom\" | \"Start\" | \"End\""
               },
-              "default": "\"End\"",
-              "description": "Determines on which side the component is placed at.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "kind": "field",
-              "name": "horizontalAlign",
+              "description": "Determines the horizontal alignment of the component.",
+              "name": "horizontal-align",
+              "default": "\"Center\"",
+              "fieldName": "horizontalAlign",
               "type": {
-                "text": "PopoverHorizontalAlign",
-                "references": [
-                  {
-                    "name": "PopoverHorizontalAlign",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/types/PopoverHorizontalAlign.js"
-                  }
-                ]
+                "text": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
               },
-              "default": "\"Center\"",
-              "description": "Determines the horizontal alignment of the component.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "kind": "field",
-              "name": "verticalAlign",
+              "description": "Determines the vertical alignment of the component.",
+              "name": "vertical-align",
+              "default": "\"Center\"",
+              "fieldName": "verticalAlign",
               "type": {
-                "text": "PopoverVerticalAlign",
-                "references": [
-                  {
-                    "name": "PopoverVerticalAlign",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/types/PopoverVerticalAlign.js"
-                  }
-                ]
+                "text": "\"Top\" | \"Bottom\" | \"Center\" | \"Stretch\""
               },
-              "default": "\"Center\"",
-              "description": "Determines the vertical alignment of the component.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "kind": "field",
+              "description": "Defines whether the component should close when\nclicking/tapping outside of the popover.\nIf enabled, it blocks any interaction with the background.",
               "name": "modal",
+              "default": "false",
+              "fieldName": "modal",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Defines whether the component should close when\nclicking/tapping outside of the popover.\nIf enabled, it blocks any interaction with the background.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "kind": "field",
-              "name": "hideArrow",
+              "description": "Determines whether the component arrow is hidden.",
+              "name": "hide-arrow",
+              "default": "false",
+              "fieldName": "hideArrow",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Determines whether the component arrow is hidden.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "kind": "field",
-              "name": "allowTargetOverlap",
+              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
+              "name": "allow-target-overlap",
+              "default": "false",
+              "fieldName": "allowTargetOverlap",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "dist/Popover.js"
               }
             },
             {
-              "kind": "field",
-              "name": "opener",
               "description": "Defines the ID or DOM Reference of the element at which the popover is shown.\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.",
-              "privacy": "public",
+              "name": "opener",
               "default": "undefined",
+              "fieldName": "opener",
               "type": {
-                "text": "HTMLElement | string | undefined"
+                "text": "any"
               },
               "inheritedFrom": {
                 "name": "Popover",
@@ -16195,121 +16446,91 @@
               }
             },
             {
-              "kind": "field",
-              "name": "initialFocus",
+              "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
+              "name": "initial-focus",
+              "default": "undefined",
+              "fieldName": "initialFocus",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
-              "default": "undefined",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             },
             {
-              "kind": "field",
-              "name": "preventFocusRestore",
+              "description": "Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.",
+              "name": "prevent-focus-restore",
+              "default": "false",
+              "fieldName": "preventFocusRestore",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             },
             {
-              "kind": "field",
-              "name": "accessibleName",
+              "description": "Defines the accessible name of the component.",
+              "name": "accessible-name",
+              "default": "undefined",
+              "fieldName": "accessibleName",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Defines the accessible name of the component.",
-              "default": "undefined",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             },
             {
-              "kind": "field",
-              "name": "accessibleNameRef",
+              "description": "Defines the IDs of the elements that label the component.",
+              "name": "accessible-name-ref",
+              "default": "undefined",
+              "fieldName": "accessibleNameRef",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Defines the IDs of the elements that label the component.",
-              "default": "undefined",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             },
             {
-              "kind": "field",
-              "name": "accessibleRole",
+              "description": "Allows setting a custom role.",
+              "name": "accessible-role",
+              "default": "\"Dialog\"",
+              "fieldName": "accessibleRole",
               "type": {
-                "text": "PopupAccessibleRole",
-                "references": [
-                  {
-                    "name": "PopupAccessibleRole",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/types/PopupAccessibleRole.js"
-                  }
-                ]
+                "text": "\"None\" | \"Dialog\" | \"AlertDialog\""
               },
-              "default": "\"Dialog\"",
-              "description": "Allows setting a custom role.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             },
             {
-              "kind": "field",
-              "name": "preventInitialFocus",
+              "description": "Indicates whether initial focus should be prevented.",
+              "name": "prevent-initial-focus",
+              "default": "false",
+              "fieldName": "preventInitialFocus",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Indicates whether initial focus should be prevented.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
               }
             },
             {
-              "kind": "field",
-              "name": "open",
               "description": "Indicates if the element is open",
-              "privacy": "public",
+              "name": "open",
               "default": "false",
+              "fieldName": "open",
               "type": {
-                "text": "boolean"
-              },
-              "inheritedFrom": {
-                "name": "Popup",
-                "module": "dist/Popup.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "applyFocus",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                },
-                "description": "Promise that resolves when the focus is applied"
+                "text": "any"
               },
-              "description": "Focuses the element denoted by `initialFocus`, if provided,\nor the first focusable element otherwise.",
-              "privacy": "public",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -16690,7 +16911,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nThe `ui5-select` component is used to create a drop-down list.\n\n### Usage\n\nThere are two main usages of the `ui5-select>`.\n\n- With Option (`ui5-option`) web component:\n\nThe available options of the Select are defined by using the Option component.\nThe Option comes with predefined design and layout, including `icon`, `text` and `additional-text`.\n\n- With OptionCustom (`ui5-option-custom`) web component.\n\nOptions with custom content are defined by using the OptionCustom component\nThe OptionCustom component comes with no predefined layout and it expects consumers to define it.\n\n### Keyboard Handling\n\nThe `ui5-select` provides advanced keyboard handling.\n\n- [F4] / [Alt] + [Up] / [Alt] + [Down] / [Space] or [Enter] - Opens/closes the drop-down.\n- [Up] or [Down] - If the drop-down is closed - changes selection to the next or the previous option. If the drop-down is opened - moves focus to the next or the previous option.\n- [Space], [Enter] - If the drop-down is opened - selects the focused option.\n- [Escape] - Closes the drop-down without changing the selection.\n- [Home] - Navigates to first option\n- [End] - Navigates to the last option\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Select\";`\n\n`import \"@ui5/webcomponents/dist/Option\";`\n`import \"@ui5/webcomponents/dist/OptionCustom\";`",
+          "description": "### Overview\n\nThe `ui5-select` component is used to create a drop-down list.\n\n### Usage\n\nThere are two main usages of the `ui5-select>`.\n\n- With Option (`ui5-option`) web component:\n\nThe available options of the Select are defined by using the Option component.\nThe Option comes with predefined design and layout, including `icon`, `text` and `additional-text`.\n\n- With OptionCustom (`ui5-option-custom`) web component.\n\nOptions with custom content are defined by using the OptionCustom component.\nThe OptionCustom component comes with no predefined layout and it expects consumers to define it.\n\n### Selection\n\nThe options can be selected via user interaction (click or with the use of the Space and Enter keys)\nand programmatically - the Select component supports two distinct selection APIs, though mixing them is not supported:\n- The \"value\" property of the Select component\n- The \"selected\" property on individual options\n\n**Note:** If the \"value\" property is set but does not match any option,\nno option will be selected and the Select component will be displayed as empty.\n\n**Note:** when both \"value\" and \"selected\" are both used (although discouraged),\nthe \"value\" property will take precedence.\n\n### Keyboard Handling\n\nThe `ui5-select` provides advanced keyboard handling.\n\n- [F4] / [Alt] + [Up] / [Alt] + [Down] / [Space] or [Enter] - Opens/closes the drop-down.\n- [Up] or [Down] - If the drop-down is closed - changes selection to the next or the previous option. If the drop-down is opened - moves focus to the next or the previous option.\n- [Space], [Enter] - If the drop-down is opened - selects the focused option.\n- [Escape] - Closes the drop-down without changing the selection.\n- [Home] - Navigates to first option\n- [End] - Navigates to the last option\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Select\";`\n\n`import \"@ui5/webcomponents/dist/Option\";`\n`import \"@ui5/webcomponents/dist/OptionCustom\";`",
           "name": "Select",
           "cssParts": [
             {
@@ -16803,7 +17024,7 @@
             {
               "kind": "field",
               "name": "value",
-              "description": "Defines the value of the component:\n\n- when get - returns the value of the component, e.g. the `value` property of the selected option or its text content.\n\n- when set - selects the option with matching `value` property or text content.\n\n**Note:** If the given value does not match any existing option,\nthe first option will get selected.",
+              "description": "Defines the value of the component:\n\n- when get - returns the value of the component or the value/text content of the selected option.\n- when set - selects the option with matching `value` property or text content.\n\n**Note:** Use either the Select's value or the Options' selected property.\nMixed usage could result in unexpected behavior.\n\n**Note:** If the given value does not match any existing option,\nno option will be selected and the Select component will be displayed as empty.",
               "privacy": "public",
               "default": "\"\"",
               "type": {
@@ -16947,7 +17168,7 @@
               }
             },
             {
-              "description": "Defines the value of the component:\n\n- when get - returns the value of the component, e.g. the `value` property of the selected option or its text content.\n\n- when set - selects the option with matching `value` property or text content.\n\n**Note:** If the given value does not match any existing option,\nthe first option will get selected.",
+              "description": "Defines the value of the component:\n\n- when get - returns the value of the component or the value/text content of the selected option.\n- when set - selects the option with matching `value` property or text content.\n\n**Note:** Use either the Select's value or the Options' selected property.\nMixed usage could result in unexpected behavior.\n\n**Note:** If the given value does not match any existing option,\nno option will be selected and the Select component will be displayed as empty.",
               "name": "value",
               "default": "\"\"",
               "fieldName": "value",
@@ -17023,8 +17244,12 @@
                 "text": "number"
               },
               "default": "0",
+              "privacy": "public",
               "description": "Current value of the slider",
-              "privacy": "public"
+              "inheritedFrom": {
+                "name": "SliderBase",
+                "module": "dist/SliderBase.js"
+              }
             },
             {
               "kind": "field",
@@ -18344,7 +18569,19 @@
           "slots": [
             {
               "name": "default",
-              "description": "Defines the items of the <code>ui5-suggestion-item-group</code>."
+              "description": "Defines the items of the <code>ui5-suggestion-item-group</code>.",
+              "inheritedFrom": {
+                "name": "ListItemGroup",
+                "module": "dist/ListItemGroup.js"
+              }
+            },
+            {
+              "name": "header",
+              "description": "Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.",
+              "inheritedFrom": {
+                "name": "ListItemGroup",
+                "module": "dist/ListItemGroup.js"
+              }
             }
           ],
           "superclass": {
@@ -18354,6 +18591,16 @@
           },
           "tagName": "ui5-suggestion-item-group",
           "customElement": true,
+          "cssParts": [
+            {
+              "description": "Used to style the header item of the group",
+              "name": "header",
+              "inheritedFrom": {
+                "name": "ListItemGroup",
+                "module": "dist/ListItemGroup.js"
+              }
+            }
+          ],
           "attributes": [
             {
               "description": "Defines the header text of the <code>ui5-li-group</code>.",
@@ -19276,7 +19523,7 @@
               "description": "Defines the header row of the component.\n\n**Note:** Use `ui5-table-header-row` for the intended design."
             },
             {
-              "name": "nodata",
+              "name": "noData",
               "description": "Defines the custom visualization if there is no data available."
             },
             {
@@ -19522,28 +19769,6 @@
           "kind": "class",
           "description": "### Overview\n\nThe `ui5-table-cell` represents a cell inside of a `ui5-table`.\nIt is tightly coupled to the `ui5-table` and thus should only be used in the table component.\n\n### ES6 Module Import\n\n`import @ui5/webcomponents/dist/TableCell.js;`",
           "name": "TableCell",
-          "superclass": {
-            "name": "TableCellBase",
-            "package": "@ui5/webcomponents",
-            "module": "dist/TableCellBase.js"
-          },
-          "tagName": "ui5-table-cell",
-          "customElement": true,
-          "attributes": [
-            {
-              "description": "Determines the horizontal alignment of table cells.",
-              "name": "horizontal-align",
-              "default": "undefined",
-              "fieldName": "horizontalAlign",
-              "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
-              },
-              "inheritedFrom": {
-                "name": "TableCellBase",
-                "module": "dist/TableCellBase.js"
-              }
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -19566,6 +19791,38 @@
                 "module": "dist/TableCellBase.js"
               }
             }
+          ],
+          "superclass": {
+            "name": "TableCellBase",
+            "package": "@ui5/webcomponents",
+            "module": "dist/TableCellBase.js"
+          },
+          "tagName": "ui5-table-cell",
+          "customElement": true,
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the content of the component.",
+              "inheritedFrom": {
+                "name": "TableCellBase",
+                "module": "dist/TableCellBase.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Determines the horizontal alignment of table cells.",
+              "name": "horizontal-align",
+              "default": "undefined",
+              "fieldName": "horizontalAlign",
+              "type": {
+                "text": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
+              },
+              "inheritedFrom": {
+                "name": "TableCellBase",
+                "module": "dist/TableCellBase.js"
+              }
+            }
           ]
         }
       ],
@@ -19687,12 +19944,12 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nThe `ui5-table-growing` component is used inside the `ui5-table` to add a growing/data loading functionalities\nto the table.\n\nThe component offers two options:\n* Button - a More button is displayed, clicking it will load more data.\n* Scroll - additional data is loaded automatically when the user scrolls to the end of the table.\n\n### Usage\n\nThe `ui5-table-growing` component is only used inside the `ui5-table` component as a feature.\nIt has to be slotted inside the `ui5-table` in the `features` slot.\nThe component is not intended to be used as a standalone component.\n\n```html\n<ui5-table>\n\t<ui5-table-growing type=\"Button\" growing-text=\"More\" slot=\"features\"></ui5-table-growing>\n</ui5-table>\n```\n\n**Notes**:\n* When the `ui5-table-growing` component is used with the `Scroll` type and the table is currently not scrollable,\nthe component will render a growing button instead to ensure growing capabilities until the table becomes scrollable.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableGrowing.js\";`",
+          "description": "### Overview\n\nThe `ui5-table-growing` component is used inside the `ui5-table` to add a growing/data loading functionalities\nto the table.\n\nThe component offers two options:\n* Button - a More button is displayed, clicking it will load more data.\n* Scroll - additional data is loaded automatically when the user scrolls to the end of the table.\n\n### Usage\n\nThe `ui5-table-growing` component is only used inside the `ui5-table` component as a feature.\nIt has to be slotted inside the `ui5-table` in the `features` slot.\nThe component is not intended to be used as a standalone component.\n\n```html\n<ui5-table>\n\t<ui5-table-growing mode=\"Button\" text=\"More\" slot=\"features\"></ui5-table-growing>\n</ui5-table>\n```\n\n**Notes**:\n* When the `ui5-table-growing` component is used with the `Scroll` mode and the table is currently not scrollable,\nthe component will render a growing button instead to ensure growing capabilities until the table becomes scrollable.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableGrowing.js\";`",
           "name": "TableGrowing",
           "members": [
             {
               "kind": "field",
-              "name": "type",
+              "name": "mode",
               "type": {
                 "text": "TableGrowingMode",
                 "references": [
@@ -19709,21 +19966,21 @@
             },
             {
               "kind": "field",
-              "name": "growingText",
+              "name": "text",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Defines the text that will be displayed inside the growing button.\nHas no effect when type is set to `Scroll`.\n\n**Note:** When not provided and the type is set to Button, a default text is displayed, corresponding to the\ncurrent language.",
+              "description": "Defines the text that will be displayed inside the growing button.\nHas no effect when mode is set to `Scroll`.\n\n**Note:** When not provided and the mode is set to Button, a default text is displayed, corresponding to the\ncurrent language.",
               "default": "undefined",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "growingSubText",
+              "name": "subtext",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Defines the text that will be displayed below the `growingText` inside the growing button.\nHas no effect when type is set to Scroll.",
+              "description": "Defines the text that will be displayed below the `text` inside the growing button.\nHas no effect when mode is set to Scroll.",
               "default": "undefined",
               "privacy": "public"
             }
@@ -19740,27 +19997,27 @@
           "attributes": [
             {
               "description": "Defines the mode of the <code>ui5-table</code> growing.\n\nAvailable options are:\n\nButton - Shows a More button at the bottom of the table, pressing it will load more rows.\n\nScroll - The rows are loaded automatically by scrolling to the bottom of the table. If the table is not scrollable,\na growing button will be rendered instead to ensure growing functionality.",
-              "name": "type",
+              "name": "mode",
               "default": "\"Button\"",
-              "fieldName": "type",
+              "fieldName": "mode",
               "type": {
                 "text": "\"Button\" | \"Scroll\""
               }
             },
             {
-              "description": "Defines the text that will be displayed inside the growing button.\nHas no effect when type is set to `Scroll`.\n\n**Note:** When not provided and the type is set to Button, a default text is displayed, corresponding to the\ncurrent language.",
-              "name": "growing-text",
+              "description": "Defines the text that will be displayed inside the growing button.\nHas no effect when mode is set to `Scroll`.\n\n**Note:** When not provided and the mode is set to Button, a default text is displayed, corresponding to the\ncurrent language.",
+              "name": "text",
               "default": "undefined",
-              "fieldName": "growingText",
+              "fieldName": "text",
               "type": {
                 "text": "string | undefined"
               }
             },
             {
-              "description": "Defines the text that will be displayed below the `growingText` inside the growing button.\nHas no effect when type is set to Scroll.",
-              "name": "growing-sub-text",
+              "description": "Defines the text that will be displayed below the `text` inside the growing button.\nHas no effect when mode is set to Scroll.",
+              "name": "subtext",
               "default": "undefined",
-              "fieldName": "growingSubText",
+              "fieldName": "subtext",
               "type": {
                 "text": "string | undefined"
               }
@@ -19806,6 +20063,14 @@
             {
               "name": "action",
               "description": "Defines the action of the column.\n\n**Note:** While multiple actions are technically possible, this is not supported."
+            },
+            {
+              "name": "default",
+              "description": "Defines the content of the component.",
+              "inheritedFrom": {
+                "name": "TableCellBase",
+                "module": "dist/TableCellBase.js"
+              }
             }
           ],
           "members": [
@@ -20421,7 +20686,20 @@
             "module": "dist/TableRowActionBase.js"
           },
           "tagName": "ui5-table-row-action",
-          "customElement": true
+          "customElement": true,
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when a row action is clicked.",
+              "inheritedFrom": {
+                "name": "TableRowActionBase",
+                "module": "dist/TableRowActionBase.js"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -20463,6 +20741,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when a row action is clicked."
+            }
+          ],
           "attributes": [
             {
               "description": "Defines the visibility of the row action.\n\n**Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.",
@@ -20557,7 +20844,20 @@
             "module": "dist/TableRowActionBase.js"
           },
           "tagName": "ui5-table-row-action-navigation",
-          "customElement": true
+          "customElement": true,
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when a row action is clicked.",
+              "inheritedFrom": {
+                "name": "TableRowActionBase",
+                "module": "dist/TableRowActionBase.js"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -20720,33 +21020,6 @@
               "default": "undefined",
               "privacy": "public"
             },
-            {
-              "kind": "method",
-              "name": "getRowKey",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "row",
-                  "type": {
-                    "text": "TableRow",
-                    "references": [
-                      {
-                        "name": "TableRow",
-                        "package": "@ui5/webcomponents",
-                        "module": "dist/TableRow.js"
-                      }
-                    ]
-                  },
-                  "description": "The row instance"
-                }
-              ],
-              "description": "Returns the unique key associated with the table row.",
-              "privacy": "public"
-            },
             {
               "kind": "method",
               "name": "getRowByKey",
@@ -20773,67 +21046,6 @@
               ],
               "description": "Returns the table row instance for the given row key.",
               "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "isSelected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "row",
-                  "type": {
-                    "text": "TableRowBase",
-                    "references": [
-                      {
-                        "name": "TableRowBase",
-                        "package": "@ui5/webcomponents",
-                        "module": "dist/TableRowBase.js"
-                      }
-                    ]
-                  },
-                  "description": "The row instance"
-                }
-              ],
-              "description": "Determines whether the specified table row is currently selected.",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "setSelected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "row",
-                  "type": {
-                    "text": "TableRowBase",
-                    "references": [
-                      {
-                        "name": "TableRowBase",
-                        "package": "@ui5/webcomponents",
-                        "module": "dist/TableRowBase.js"
-                      }
-                    ]
-                  },
-                  "description": "The row instance"
-                },
-                {
-                  "name": "selected",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "Whether the row is selected"
-                }
-              ],
-              "description": "Sets the selected state of the specified table row.",
-              "privacy": "public"
             }
           ],
           "events": [
@@ -20916,17 +21128,6 @@
               "description": "Returns an array of the selected rows.",
               "privacy": "public"
             },
-            {
-              "kind": "method",
-              "name": "areAllRowsSelected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Determines whether all rows are selected.",
-              "privacy": "public"
-            },
             {
               "kind": "method",
               "name": "getSelectedAsSet",
@@ -20958,37 +21159,6 @@
               "description": "Sets the `selected` property using the provided set of unique `row-key` values.",
               "privacy": "public"
             },
-            {
-              "kind": "method",
-              "name": "getRowKey",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "row",
-                  "type": {
-                    "text": "TableRow",
-                    "references": [
-                      {
-                        "name": "TableRow",
-                        "package": "@ui5/webcomponents",
-                        "module": "dist/TableRow.js"
-                      }
-                    ]
-                  },
-                  "description": "The row instance"
-                }
-              ],
-              "description": "Returns the unique key associated with the table row.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "TableSelectionBase",
-                "module": "dist/TableSelectionBase.js"
-              }
-            },
             {
               "kind": "method",
               "name": "getRowByKey",
@@ -21019,75 +21189,6 @@
                 "name": "TableSelectionBase",
                 "module": "dist/TableSelectionBase.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "isSelected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "row",
-                  "type": {
-                    "text": "TableRowBase",
-                    "references": [
-                      {
-                        "name": "TableRowBase",
-                        "package": "@ui5/webcomponents",
-                        "module": "dist/TableRowBase.js"
-                      }
-                    ]
-                  },
-                  "description": "The row instance"
-                }
-              ],
-              "description": "Determines whether the specified table row is currently selected.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "TableSelectionBase",
-                "module": "dist/TableSelectionBase.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setSelected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "row",
-                  "type": {
-                    "text": "TableRowBase",
-                    "references": [
-                      {
-                        "name": "TableRowBase",
-                        "package": "@ui5/webcomponents",
-                        "module": "dist/TableRowBase.js"
-                      }
-                    ]
-                  },
-                  "description": "The row instance"
-                },
-                {
-                  "name": "selected",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "Whether the row is selected"
-                }
-              ],
-              "description": "Sets the selected state of the specified table row.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "TableSelectionBase",
-                "module": "dist/TableSelectionBase.js"
-              }
             }
           ],
           "attributes": [
@@ -21179,139 +21280,39 @@
                     {
                       "name": "TableRow",
                       "package": "@ui5/webcomponents",
-                      "module": "dist/TableRow.js"
-                    }
-                  ]
-                }
-              },
-              "description": "Returns the selected row.",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "getRowKey",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "row",
-                  "type": {
-                    "text": "TableRow",
-                    "references": [
-                      {
-                        "name": "TableRow",
-                        "package": "@ui5/webcomponents",
-                        "module": "dist/TableRow.js"
-                      }
-                    ]
-                  },
-                  "description": "The row instance"
-                }
-              ],
-              "description": "Returns the unique key associated with the table row.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "TableSelectionBase",
-                "module": "dist/TableSelectionBase.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getRowByKey",
-              "return": {
-                "type": {
-                  "text": "TableRow | undefined",
-                  "references": [
-                    {
-                      "name": "TableRow",
-                      "package": "@ui5/webcomponents",
-                      "module": "dist/TableRow.js"
-                    }
-                  ]
-                }
-              },
-              "parameters": [
-                {
-                  "name": "rowKey",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The row key"
-                }
-              ],
-              "description": "Returns the table row instance for the given row key.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "TableSelectionBase",
-                "module": "dist/TableSelectionBase.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isSelected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "row",
-                  "type": {
-                    "text": "TableRowBase",
-                    "references": [
-                      {
-                        "name": "TableRowBase",
-                        "package": "@ui5/webcomponents",
-                        "module": "dist/TableRowBase.js"
-                      }
-                    ]
-                  },
-                  "description": "The row instance"
+                      "module": "dist/TableRow.js"
+                    }
+                  ]
                 }
-              ],
-              "description": "Determines whether the specified table row is currently selected.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "TableSelectionBase",
-                "module": "dist/TableSelectionBase.js"
-              }
+              },
+              "description": "Returns the selected row.",
+              "privacy": "public"
             },
             {
               "kind": "method",
-              "name": "setSelected",
+              "name": "getRowByKey",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TableRow | undefined",
+                  "references": [
+                    {
+                      "name": "TableRow",
+                      "package": "@ui5/webcomponents",
+                      "module": "dist/TableRow.js"
+                    }
+                  ]
                 }
               },
               "parameters": [
                 {
-                  "name": "row",
-                  "type": {
-                    "text": "TableRowBase",
-                    "references": [
-                      {
-                        "name": "TableRowBase",
-                        "package": "@ui5/webcomponents",
-                        "module": "dist/TableRowBase.js"
-                      }
-                    ]
-                  },
-                  "description": "The row instance"
-                },
-                {
-                  "name": "selected",
+                  "name": "rowKey",
                   "type": {
-                    "text": "boolean"
+                    "text": "string"
                   },
-                  "description": "Whether the row is selected"
+                  "description": "The row key"
                 }
               ],
-              "description": "Sets the selected state of the specified table row.",
+              "description": "Returns the table row instance for the given row key.",
               "privacy": "public",
               "inheritedFrom": {
                 "name": "TableSelectionBase",
@@ -23213,6 +23214,50 @@
           },
           "tagName": "ui5-toggle-button",
           "customElement": true,
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "dist/Button.js"
+              }
+            },
+            {
+              "name": "badge",
+              "description": "Adds a badge to the button.",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "dist/Button.js"
+              }
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "Used to style the native button element",
+              "name": "button",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "dist/Button.js"
+              }
+            },
+            {
+              "description": "Used to style the icon in the native button element",
+              "name": "icon",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "dist/Button.js"
+              }
+            },
+            {
+              "description": "Used to style the end icon in the native button element",
+              "name": "endIcon",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "dist/Button.js"
+              }
+            }
+          ],
           "events": [
             {
               "name": "click",
@@ -24385,41 +24430,6 @@
           "kind": "class",
           "description": "### Overview\nThe `ui5-toolbar-separator` is an element, used for visual separation between two elements.\nIt takes no space in calculating toolbar items width.",
           "name": "ToolbarSeparator",
-          "superclass": {
-            "name": "ToolbarItem",
-            "package": "@ui5/webcomponents",
-            "module": "dist/ToolbarItem.js"
-          },
-          "tagName": "ui5-toolbar-separator",
-          "customElement": true,
-          "attributes": [
-            {
-              "description": "Property used to define the access of the item to the overflow Popover. If \"NeverOverflow\" option is set,\nthe item never goes in the Popover, if \"AlwaysOverflow\" - it never comes out of it.",
-              "name": "overflow-priority",
-              "default": "\"Default\"",
-              "fieldName": "overflowPriority",
-              "type": {
-                "text": "\"Default\" | \"NeverOverflow\" | \"AlwaysOverflow\""
-              },
-              "inheritedFrom": {
-                "name": "ToolbarItem",
-                "module": "dist/ToolbarItem.js"
-              }
-            },
-            {
-              "description": "Defines if the toolbar overflow popup should close upon intereaction with the item.\nIt will close by default.",
-              "name": "prevent-overflow-closing",
-              "default": "false",
-              "fieldName": "preventOverflowClosing",
-              "type": {
-                "text": "boolean"
-              },
-              "inheritedFrom": {
-                "name": "ToolbarItem",
-                "module": "dist/ToolbarItem.js"
-              }
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -24456,6 +24466,41 @@
                 "module": "dist/ToolbarItem.js"
               }
             }
+          ],
+          "superclass": {
+            "name": "ToolbarItem",
+            "package": "@ui5/webcomponents",
+            "module": "dist/ToolbarItem.js"
+          },
+          "tagName": "ui5-toolbar-separator",
+          "customElement": true,
+          "attributes": [
+            {
+              "description": "Property used to define the access of the item to the overflow Popover. If \"NeverOverflow\" option is set,\nthe item never goes in the Popover, if \"AlwaysOverflow\" - it never comes out of it.",
+              "name": "overflow-priority",
+              "default": "\"Default\"",
+              "fieldName": "overflowPriority",
+              "type": {
+                "text": "\"Default\" | \"NeverOverflow\" | \"AlwaysOverflow\""
+              },
+              "inheritedFrom": {
+                "name": "ToolbarItem",
+                "module": "dist/ToolbarItem.js"
+              }
+            },
+            {
+              "description": "Defines if the toolbar overflow popup should close upon intereaction with the item.\nIt will close by default.",
+              "name": "prevent-overflow-closing",
+              "default": "false",
+              "fieldName": "preventOverflowClosing",
+              "type": {
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "ToolbarItem",
+                "module": "dist/ToolbarItem.js"
+              }
+            }
           ]
         }
       ],
@@ -25001,8 +25046,8 @@
               "description": "Defines whether the item is movable.",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "TreeItemBase",
-                "module": "dist/TreeItemBase.js"
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
               }
             },
             {
@@ -25015,8 +25060,8 @@
               "default": "false",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "TreeItemBase",
-                "module": "dist/TreeItemBase.js"
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
               }
             },
             {
@@ -25064,8 +25109,8 @@
               "default": "undefined",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "TreeItemBase",
-                "module": "dist/TreeItemBase.js"
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
               }
             },
             {
@@ -25180,12 +25225,12 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Defines the selected state of the component.",
               "default": "false",
+              "description": "Defines the selected state of the component.",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "ListItem",
-                "module": "dist/ListItem.js"
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
               }
             }
           ],
@@ -25385,6 +25430,24 @@
           },
           "tagName": "ui5-tree-item",
           "customElement": true,
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`",
+              "inheritedFrom": {
+                "name": "TreeItemBase",
+                "module": "dist/TreeItemBase.js"
+              }
+            },
+            {
+              "name": "deleteButton",
+              "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
+              }
+            }
+          ],
           "events": [
             {
               "name": "detail-click",
@@ -25431,6 +25494,14 @@
             {
               "name": "default",
               "description": "Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`"
+            },
+            {
+              "name": "deleteButton",
+              "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
+              }
             }
           ],
           "members": [
@@ -25462,7 +25533,11 @@
               },
               "default": "false",
               "description": "Defines whether the item is movable.",
-              "privacy": "public"
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
+              }
             },
             {
               "kind": "field",
@@ -25472,7 +25547,11 @@
               },
               "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n-  If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n-  If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n-  If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.",
               "default": "false",
-              "privacy": "public"
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
+              }
             },
             {
               "kind": "field",
@@ -25509,7 +25588,11 @@
               },
               "description": "Defines the accessible name of the component.",
               "default": "undefined",
-              "privacy": "public"
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
+              }
             },
             {
               "kind": "method",
@@ -25619,9 +25702,22 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Defines the selected state of the component.",
               "default": "false",
+              "description": "Defines the selected state of the component.",
               "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "detail-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the user clicks on the detail button when type is `Detail`.",
               "inheritedFrom": {
                 "name": "ListItem",
                 "module": "dist/ListItem.js"
@@ -25776,20 +25872,7 @@
             "package": "@ui5/webcomponents",
             "module": "dist/ListItem.js"
           },
-          "customElement": true,
-          "events": [
-            {
-              "name": "detail-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when the user clicks on the detail button when type is `Detail`.",
-              "inheritedFrom": {
-                "name": "ListItem",
-                "module": "dist/ListItem.js"
-              }
-            }
-          ]
+          "customElement": true
         }
       ],
       "exports": [
@@ -25829,6 +25912,22 @@
             {
               "name": "content",
               "description": "Defines the content of the `ui5-tree-item`."
+            },
+            {
+              "name": "default",
+              "description": "Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`",
+              "inheritedFrom": {
+                "name": "TreeItemBase",
+                "module": "dist/TreeItemBase.js"
+              }
+            },
+            {
+              "name": "deleteButton",
+              "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+              "inheritedFrom": {
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
+              }
             }
           ],
           "members": [
@@ -25880,8 +25979,8 @@
               "description": "Defines whether the item is movable.",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "TreeItemBase",
-                "module": "dist/TreeItemBase.js"
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
               }
             },
             {
@@ -25894,8 +25993,8 @@
               "default": "false",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "TreeItemBase",
-                "module": "dist/TreeItemBase.js"
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
               }
             },
             {
@@ -25943,8 +26042,8 @@
               "default": "undefined",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "TreeItemBase",
-                "module": "dist/TreeItemBase.js"
+                "name": "ListItem",
+                "module": "dist/ListItem.js"
               }
             },
             {
@@ -26059,12 +26158,12 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Defines the selected state of the component.",
               "default": "false",
+              "description": "Defines the selected state of the component.",
               "privacy": "public",
               "inheritedFrom": {
-                "name": "ListItem",
-                "module": "dist/ListItem.js"
+                "name": "ListItemBase",
+                "module": "dist/ListItemBase.js"
               }
             }
           ],