@ui5/webcomponents 2.0.0-rc.6 → 2.0.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents",
-  "version": "2.0.0-rc.6",
+  "version": "2.0.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -24,17 +24,17 @@
             {
               "name": "icon",
               "description": "Defines the name of the UI5 Icon, that will be displayed.\n\n**Note:** If `image` slot is provided, the property will be ignored.\n\n**Note:** You should import the desired icon first, then use its name as \"icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n`<ui5-avatar icon=\"employee\">`\n\n**Note:** If no icon or an empty one is provided, by default the \"employee\" icon should be displayed.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "fallback-icon",
               "description": "Defines the name of the fallback icon, which should be displayed in the following cases:\n\n\t- If the initials are not valid (more than 3 letters, unsupported languages or empty initials).\n\t- If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).\n\t- If the image src is wrong.\n\n**Note:** If not set, a default fallback icon \"employee\" is displayed.\n\n**Note:** You should import the desired icon first, then use its name as \"fallback-icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n`<ui5-avatar fallback-icon=\"alert\">`\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string", "default": "\"employee\"" }
             },
             {
               "name": "initials",
               "description": "Defines the displayed initials.\n\nUp to three Latin letters can be displayed as initials.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "shape",
@@ -63,7 +63,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -92,7 +92,7 @@
               {
                 "name": "icon",
                 "description": "Defines the name of the UI5 Icon, that will be displayed.\n\n**Note:** If `image` slot is provided, the property will be ignored.\n\n**Note:** You should import the desired icon first, then use its name as \"icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n`<ui5-avatar icon=\"employee\">`\n\n**Note:** If no icon or an empty one is provided, by default the \"employee\" icon should be displayed.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "fallback-icon",
@@ -102,7 +102,7 @@
               {
                 "name": "initials",
                 "description": "Defines the displayed initials.\n\nUp to three Latin letters can be displayed as initials.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "shape",
@@ -124,7 +124,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -311,7 +311,7 @@
             {
               "name": "href",
               "description": "Defines the link href.\n\n**Note:** Standard hyperlink behavior is supported.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "target",
@@ -321,7 +321,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the item.",
-              "value": { "type": "string", "default": "undefined" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -336,7 +336,7 @@
               {
                 "name": "href",
                 "description": "Defines the link href.\n\n**Note:** Standard hyperlink behavior is supported.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "target",
@@ -346,7 +346,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -360,7 +360,7 @@
             {
               "name": "text",
               "description": "Defines text to be displayed below the component. It can be used to inform the user of the current operation.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "size",
@@ -398,7 +398,7 @@
               {
                 "name": "text",
                 "description": "Defines text to be displayed below the component. It can be used to inform the user of the current operation.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "size",
@@ -445,12 +445,12 @@
             {
               "name": "icon",
               "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "end-icon",
               "description": "Defines the icon, displayed as graphical element within the component after the button text.\n\n**Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.\nUsage of `endIcon` only should be avoided.\n\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "submits",
@@ -460,7 +460,7 @@
             {
               "name": "tooltip",
               "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name",
@@ -470,7 +470,7 @@
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "type",
@@ -518,12 +518,12 @@
               {
                 "name": "icon",
                 "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "end-icon",
                 "description": "Defines the icon, displayed as graphical element within the component after the button text.\n\n**Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.\nUsage of `endIcon` only should be avoided.\n\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "submits",
@@ -533,7 +533,7 @@
               {
                 "name": "tooltip",
                 "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name",
@@ -543,7 +543,7 @@
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "type",
@@ -566,7 +566,7 @@
         },
         {
           "name": "ui5-calendar",
-          "description": "### Overview\n\nThe `ui5-calendar` component allows users to select one or more dates.\n\nCurrently selected dates are represented with instances of `ui5-date` as\nchildren of the `ui5-calendar`. The value property of each `ui5-date` must be a\ndate string, correctly formatted according to the `ui5-calendar`'s `formatPattern` property.\nWhenever the user changes the date selection, `ui5-calendar` will automatically create/remove instances\nof `ui5-date` in itself, unless you prevent this behavior by calling `preventDefault()` for the\n`selection-change` event. This is useful if you want to control the selected dates externally.\n\n### Usage\n\nThe user can navigate to a particular date by:\n\n- Pressing over a month inside the months view\n- Pressing over an year inside the years view\n\nThe user can confirm a date selection by pressing over a date inside the days view.\n\n### Keyboard Handling\nThe `ui5-calendar` provides advanced keyboard handling.\nWhen a picker is showed and focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- Day picker:\n\n- [F4] - Shows month picker\n- [Shift] + [F4] - Shows year picker\n- [Page Up] - Navigate to the previous month\n- [Page Down] - Navigate to the next month\n- [Shift] + [Page Up] - Navigate to the previous year\n- [Shift] + [Page Down] - Navigate to the next year\n- [Ctrl] + [Shift] + [Page Up] - Navigate ten years backwards\n- [Ctrl] + [Shift] + [Page Down] - Navigate ten years forwards\n- [Home] - Navigate to the first day of the week\n- [End] - Navigate to the last day of the week\n- [Ctrl] + [Home] - Navigate to the first day of the month\n- [Ctrl] + [End] - Navigate to the last day of the month\n\n- Month picker:\n\n- [Page Up] - Navigate to the previous year\n- [Page Down] - Navigate to the next year\n- [Home] - Navigate to the first month of the current row\n- [End] - Navigate to the last month of the current row\n- [Ctrl] + [Home] - Navigate to the first month of the current year\n- [Ctrl] + [End] - Navigate to the last month of the year\n\n- Year picker:\n\n- [Page Up] - Navigate to the previous year range\n- [Page Down] - Navigate the next year range\n- [Home] - Navigate to the first year of the current row\n- [End] - Navigate to the last year of the current row\n- [Ctrl] + [Home] - Navigate to the first year of the current year range\n- [Ctrl] + [End] - Navigate to the last year of the current year range\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n</script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Calendar.js\";`\n---\n\n\n### **Events:**\n - **selection-change** - Fired when the selected dates change.\n\n**Note:** If you call `preventDefault()` for this event, the component will not\ncreate instances of `ui5-date` for the newly selected dates. In that case you should do this manually.\n\n### **Slots:**\n - **calendarLegend** - Defines the calendar legend of the component.\n- **default** - Defines the selected date or dates (depending on the `selectionMode` property)\nfor this calendar as instances of `ui5-date`.\n- **specialDates** - Defines the special dates, visually emphasized in the calendar.",
+          "description": "### Overview\n\nThe `ui5-calendar` component allows users to select one or more dates.\n\nCurrently selected dates are represented with instances of `ui5-date` as\nchildren of the `ui5-calendar`. The value property of each `ui5-date` must be a\ndate string, correctly formatted according to the `ui5-calendar`'s `formatPattern` property.\nWhenever the user changes the date selection, `ui5-calendar` will automatically create/remove instances\nof `ui5-date` in itself, unless you prevent this behavior by calling `preventDefault()` for the\n`selection-change` event. This is useful if you want to control the selected dates externally.\n\n### Usage\n\nThe user can navigate to a particular date by:\n\n- Pressing over a month inside the months view\n- Pressing over an year inside the years view\n\nThe user can confirm a date selection by pressing over a date inside the days view.\n\n### Keyboard Handling\nThe `ui5-calendar` provides advanced keyboard handling.\nWhen a picker is showed and focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- Day picker:\n\n- [F4] - Shows month picker\n- [Shift] + [F4] - Shows year picker\n- [Page Up] - Navigate to the previous month\n- [Page Down] - Navigate to the next month\n- [Shift] + [Page Up] - Navigate to the previous year\n- [Shift] + [Page Down] - Navigate to the next year\n- [Ctrl] + [Shift] + [Page Up] - Navigate ten years backwards\n- [Ctrl] + [Shift] + [Page Down] - Navigate ten years forwards\n- [Home] - Navigate to the first day of the week\n- [End] - Navigate to the last day of the week\n- [Ctrl] + [Home] - Navigate to the first day of the month\n- [Ctrl] + [End] - Navigate to the last day of the month\n\n- Month picker:\n\n- [Page Up] - Navigate to the previous year\n- [Page Down] - Navigate to the next year\n- [Home] - Navigate to the first month of the current row\n- [End] - Navigate to the last month of the current row\n- [Ctrl] + [Home] - Navigate to the first month of the current year\n- [Ctrl] + [End] - Navigate to the last month of the year\n\n- Year picker:\n\n- [Page Up] - Navigate to the previous year range\n- [Page Down] - Navigate the next year range\n- [Home] - Navigate to the first year of the current row\n- [End] - Navigate to the last year of the current row\n- [Ctrl] + [Home] - Navigate to the first year of the current year range\n- [Ctrl] + [End] - Navigate to the last year of the current year range\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n</script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Calendar.js\";`\n---\n\n\n### **Events:**\n - **selection-change** - Fired when the selected dates change.\n\n**Note:** If you call `preventDefault()` for this event, the component will not\ncreate instances of `ui5-date` for the newly selected dates. In that case you should do this manually.\n\n### **Slots:**\n - **calendarLegend** - Defines the calendar legend of the component.\n- **default** - Defines the selected date or dates (depending on the `selectionMode` property)\nfor this calendar as instances of `ui5-date` or `ui5-date-range`.\nUse `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection.\n- **specialDates** - Defines the special dates, visually emphasized in the calendar.",
           "doc-url": "",
           "attributes": [
             {
@@ -601,7 +601,7 @@
             {
               "name": "format-pattern",
               "description": "Determines the format, displayed in the input field.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "min-date",
@@ -621,7 +621,7 @@
             },
             {
               "name": "default",
-              "description": "Defines the selected date or dates (depending on the `selectionMode` property)\nfor this calendar as instances of `ui5-date`."
+              "description": "Defines the selected date or dates (depending on the `selectionMode` property)\nfor this calendar as instances of `ui5-date` or `ui5-date-range`.\nUse `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection."
             },
             {
               "name": "specialDates",
@@ -663,7 +663,7 @@
               {
                 "name": "format-pattern",
                 "description": "Determines the format, displayed in the input field.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "min-date",
@@ -807,7 +807,7 @@
             {
               "name": "text",
               "description": "Defines the text content of the Calendar Legend Item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "type",
@@ -824,7 +824,7 @@
               {
                 "name": "text",
                 "description": "Defines the text content of the Calendar Legend Item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "type",
@@ -845,12 +845,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.\n\n**Note:** `accessibleName` should be always set, unless `accessibleNameRef` is set.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Defines the IDs of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -869,12 +869,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.\n\n**Note:** `accessibleName` should be always set, unless `accessibleNameRef` is set.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Defines the IDs of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -888,17 +888,17 @@
             {
               "name": "title-text",
               "description": "Defines the title text.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "subtitle-text",
               "description": "Defines the subtitle text.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "additional-text",
               "description": "Defines the additional text.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "interactive",
@@ -927,17 +927,17 @@
               {
                 "name": "title-text",
                 "description": "Defines the title text.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "subtitle-text",
                 "description": "Defines the subtitle text.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "additional-text",
                 "description": "Defines the additional text.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "interactive",
@@ -961,12 +961,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Defines the IDs of the elements that label the input.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "cyclic",
@@ -1000,19 +1000,25 @@
               "name": "background-design",
               "description": "Defines the carousel's background design.",
               "value": {
-                "type": "BackgroundDesign",
+                "type": "\"Transparent\" | \"Solid\" | \"Translucent\"",
                 "default": "\"Translucent\""
               }
             },
             {
               "name": "page-indicator-background-design",
               "description": "Defines the page indicator background design.",
-              "value": { "type": "BackgroundDesign", "default": "\"Solid\"" }
+              "value": {
+                "type": "\"Transparent\" | \"Solid\" | \"Translucent\"",
+                "default": "\"Solid\""
+              }
             },
             {
               "name": "page-indicator-border-design",
               "description": "Defines the page indicator border design.",
-              "value": { "type": "BorderDesign", "default": "\"Solid\"" }
+              "value": {
+                "type": "\"None\" | \"Solid\"",
+                "default": "\"Solid\""
+              }
             },
             {
               "name": "arrows-placement",
@@ -1045,12 +1051,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Defines the IDs of the elements that label the input.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "cyclic",
@@ -1080,17 +1086,21 @@
               {
                 "name": "background-design",
                 "description": "Defines the carousel's background design.",
-                "value": { "type": "BackgroundDesign" }
+                "value": {
+                  "type": "\"Transparent\" | \"Solid\" | \"Translucent\""
+                }
               },
               {
                 "name": "page-indicator-background-design",
                 "description": "Defines the page indicator background design.",
-                "value": { "type": "BackgroundDesign" }
+                "value": {
+                  "type": "\"Transparent\" | \"Solid\" | \"Translucent\""
+                }
               },
               {
                 "name": "page-indicator-border-design",
                 "description": "Defines the page indicator border design.",
-                "value": { "type": "BorderDesign" }
+                "value": { "type": "\"None\" | \"Solid\"" }
               },
               {
                 "name": "arrows-placement",
@@ -1119,12 +1129,12 @@
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "disabled",
@@ -1159,7 +1169,7 @@
             {
               "name": "text",
               "description": "Defines the text of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "value-state",
@@ -1180,7 +1190,7 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [
@@ -1194,12 +1204,12 @@
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "disabled",
@@ -1234,7 +1244,7 @@
               {
                 "name": "text",
                 "description": "Defines the text of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "value-state",
@@ -1251,7 +1261,7 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -1297,7 +1307,7 @@
             {
               "name": "value",
               "description": "Defines the colour of the component.\n\n**Note:** The value should be a valid CSS color.",
-              "value": { "type": "string | undefined", "default": "undefined" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "selected",
@@ -1311,7 +1321,7 @@
               {
                 "name": "value",
                 "description": "Defines the colour of the component.\n\n**Note:** The value should be a valid CSS color.",
-                "value": { "type": "string | undefined" }
+                "value": { "type": "string" }
               },
               {
                 "name": "selected",
@@ -1432,13 +1442,13 @@
               "description": "Defines the currently selected color of the component.\n\n**Note**: use HEX, RGB, RGBA, HSV formats or a CSS color name when modifying this property.",
               "value": {
                 "type": "string",
-                "default": "\"rgba(255, 255, 255, 1)\""
+                "default": "\"rgba(255,255,255,1)\""
               }
             },
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [
@@ -1457,7 +1467,7 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -1481,7 +1491,7 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "no-typeahead",
@@ -1491,7 +1501,7 @@
             {
               "name": "placeholder",
               "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "disabled",
@@ -1537,12 +1547,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -1583,7 +1593,7 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "no-typeahead",
@@ -1593,7 +1603,7 @@
               {
                 "name": "placeholder",
                 "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "disabled",
@@ -1637,12 +1647,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -1669,12 +1679,12 @@
             {
               "name": "text",
               "description": "Defines the text of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "additional-text",
               "description": "Defines the additional text of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [],
@@ -1683,12 +1693,12 @@
               {
                 "name": "text",
                 "description": "Defines the text of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "additional-text",
                 "description": "Defines the additional text of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -1700,9 +1710,9 @@
           "doc-url": "",
           "attributes": [
             {
-              "name": "text",
+              "name": "header-text",
               "description": "Defines the text of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -1715,9 +1725,9 @@
           "js": {
             "properties": [
               {
-                "name": "text",
+                "name": "header-text",
                 "description": "Defines the text of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -1764,7 +1774,7 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "hide-week-numbers",
@@ -1779,12 +1789,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the aria-label attribute for the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "date-value",
@@ -1810,7 +1820,7 @@
             {
               "name": "format-pattern",
               "description": "Determines the format, displayed in the input field.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "min-date",
@@ -1880,7 +1890,7 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "hide-week-numbers",
@@ -1895,12 +1905,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the aria-label attribute for the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "date-value",
@@ -1924,7 +1934,7 @@
               {
                 "name": "format-pattern",
                 "description": "Determines the format, displayed in the input field.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "min-date",
@@ -1961,7 +1971,7 @@
             {
               "name": "delimiter",
               "description": "Determines the symbol which separates the dates.\nIf not supplied, the default time interval delimiter for the current locale will be used.",
-              "value": { "type": "string", "default": "\"-\"" }
+              "value": { "type": "string", "default": "DEFAULT_DELIMITER" }
             },
             {
               "name": "date-value",
@@ -2019,7 +2029,7 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "hide-week-numbers",
@@ -2034,12 +2044,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the aria-label attribute for the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "primary-calendar-type",
@@ -2060,7 +2070,7 @@
             {
               "name": "format-pattern",
               "description": "Determines the format, displayed in the input field.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "min-date",
@@ -2149,7 +2159,7 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "hide-week-numbers",
@@ -2164,12 +2174,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the aria-label attribute for the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "primary-calendar-type",
@@ -2188,7 +2198,7 @@
               {
                 "name": "format-pattern",
                 "description": "Determines the format, displayed in the input field.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "min-date",
@@ -2258,7 +2268,7 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "hide-week-numbers",
@@ -2273,12 +2283,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the aria-label attribute for the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "date-value",
@@ -2304,7 +2314,7 @@
             {
               "name": "format-pattern",
               "description": "Determines the format, displayed in the input field.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "min-date",
@@ -2368,7 +2378,7 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "hide-week-numbers",
@@ -2383,12 +2393,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the aria-label attribute for the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "date-value",
@@ -2412,7 +2422,7 @@
               {
                 "name": "format-pattern",
                 "description": "Determines the format, displayed in the input field.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "min-date",
@@ -2449,7 +2459,7 @@
             {
               "name": "header-text",
               "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "stretch",
@@ -2477,7 +2487,7 @@
             {
               "name": "initial-focus",
               "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "prevent-focus-restore",
@@ -2492,7 +2502,7 @@
             {
               "name": "accessible-name-ref",
               "description": "Defines the IDs of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-role",
@@ -2546,7 +2556,7 @@
               {
                 "name": "header-text",
                 "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "stretch",
@@ -2573,7 +2583,7 @@
               {
                 "name": "initial-focus",
                 "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "prevent-focus-restore",
@@ -2588,7 +2598,7 @@
               {
                 "name": "accessible-name-ref",
                 "description": "Defines the IDs of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-role",
@@ -2634,7 +2644,7 @@
             {
               "name": "accept",
               "description": "Comma-separated list of file types that the component should accept.\n\n**Note:** Please make sure you are adding the `.` in front on the file type, e.g. `.png` in case you want to accept png's only.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "\"\"" }
             },
             {
               "name": "hide-input",
@@ -2654,12 +2664,12 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "placeholder",
               "description": "Defines a short hint intended to aid the user with data entry when the component has no value.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "value",
@@ -2701,7 +2711,7 @@
               {
                 "name": "accept",
                 "description": "Comma-separated list of file types that the component should accept.\n\n**Note:** Please make sure you are adding the `.` in front on the file type, e.g. `.png` in case you want to accept png's only.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "hide-input",
@@ -2721,12 +2731,12 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "placeholder",
                 "description": "Defines a short hint intended to aid the user with data entry when the component has no value.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "value",
@@ -2772,7 +2782,7 @@
             {
               "name": "header-text",
               "description": "Defines the header text of the component.\n\n**Note:** The property gets overridden by the `header` slot.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "item-spacing",
@@ -2809,7 +2819,7 @@
               {
                 "name": "header-text",
                 "description": "Defines the header text of the component.\n\n**Note:** The property gets overridden by the `header` slot.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "item-spacing",
@@ -2828,7 +2838,7 @@
             {
               "name": "header-text",
               "description": "Defines header text of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "column-span",
@@ -2848,7 +2858,7 @@
               {
                 "name": "header-text",
                 "description": "Defines header text of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "column-span",
@@ -2908,12 +2918,12 @@
             {
               "name": "name",
               "description": "Defines the unique identifier (icon name) of the component.\n\nTo browse all available icons, see the\n[SAP Icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html),\n[SAP Fiori Tools](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT) and\n[SAP Business Suite](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html)\n\nExample:\n`name='add'`, `name='delete'`, `name='employee'`.\n\n**Note:** To use the SAP Fiori Tools icons,\nyou need to set the `tnt` prefix in front of the icon's name.\n\nExample:\n`name='tnt/antenna'`, `name='tnt/actor'`, `name='tnt/api'`.\n\n**Note:** To use the SAP Business Suite icons,\nyou need to set the `business-suite` prefix in front of the icon's name.\n\nExample:\n`name='business-suite/3d'`, `name='business-suite/1x2-grid-layout'`, `name='business-suite/4x4-grid-layout'`.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name",
               "description": "Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.\n\n**Note:** Every icon should have a text alternative in order to\ncalculate its accessible name.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "show-tooltip",
@@ -2942,12 +2952,12 @@
               {
                 "name": "name",
                 "description": "Defines the unique identifier (icon name) of the component.\n\nTo browse all available icons, see the\n[SAP Icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html),\n[SAP Fiori Tools](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT) and\n[SAP Business Suite](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html)\n\nExample:\n`name='add'`, `name='delete'`, `name='employee'`.\n\n**Note:** To use the SAP Fiori Tools icons,\nyou need to set the `tnt` prefix in front of the icon's name.\n\nExample:\n`name='tnt/antenna'`, `name='tnt/actor'`, `name='tnt/api'`.\n\n**Note:** To use the SAP Business Suite icons,\nyou need to set the `business-suite` prefix in front of the icon's name.\n\nExample:\n`name='business-suite/3d'`, `name='business-suite/1x2-grid-layout'`, `name='business-suite/4x4-grid-layout'`.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name",
                 "description": "Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.\n\n**Note:** Every icon should have a text alternative in order to\ncalculate its accessible name.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "show-tooltip",
@@ -2967,7 +2977,7 @@
         },
         {
           "name": "ui5-input",
-          "description": "### Overview\n\nThe `ui5-input` component allows the user to enter and edit text or numeric values in one line.\n\nAdditionally, you can provide `suggestionItems`,\nthat are displayed in a popover right under the input.\n\nThe text field can be editable or read-only (`readonly` property),\nand it can be enabled or disabled (`disabled` property).\nTo visualize semantic states, such as \"error\" or \"warning\", the `valueState` property is provided.\nWhen the user makes changes to the text, the change event is fired,\nwhich enables you to react on any text change.\n\n**Note:** If you are using the `ui5-input` as a single npm module,\ndon't forget to import the `InputSuggestions` module from\n\"@ui5/webcomponents/dist/features/InputSuggestions.js\"\nto enable the suggestions functionality.\n\n### Keyboard Handling\nThe `ui5-input` provides the following keyboard shortcuts:\n\n- [Escape] - Closes the suggestion list, if open. If closed or not enabled, cancels changes and reverts to the value which the Input field had when it got the focus.\n- [Enter] or [Return] - If suggestion list is open takes over the current matching item and closes it. If value state or group header is focused, does nothing.\n- [Down] - Focuses the next matching item in the suggestion list. Selection-change event is fired.\n- [Up] - Focuses the previous matching item in the suggestion list. Selection-change event is fired.\n- [Home] - If focus is in the text input, moves caret before the first character. If focus is in the list, highlights the first item and updates the input accordingly.\n- [End] - If focus is in the text input, moves caret after the last character. If focus is in the list, highlights the last item and updates the input accordingly.\n- [Page Up] - If focus is in the list, moves highlight up by page size (10 items by default). If focus is in the input, does nothing.\n- [Page Down] - If focus is in the list, moves highlight down by page size (10 items by default). If focus is in the input, does nothing.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Input.js\";`\n\n`import \"@ui5/webcomponents/dist/features/InputSuggestions.js\";` (optional - for input suggestions support)\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component changes at each keystroke,\nand when a suggestion item has been selected.\n- **selection-change** - Fired when the user navigates to a suggestion item via the ARROW keys,\nas a preview, before the final selection.\n- **open** - Fired when the suggestions picker is open.\n- **close** - Fired when the suggestions picker is closed.\n\n### **Slots:**\n - **default** - 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>` and `<ui5-suggestion-group-item>` are recommended to be used as suggestion items.\n\n**Note:** Importing the Input Suggestions Support feature:\n\n`import \"@ui5/webcomponents/dist/features/InputSuggestions.js\";`\n\nautomatically imports the `<ui5-suggestion-item>` and `<ui5-suggestion-group-item>` for your convenience.\n- **icon** - Defines the icon to be displayed in the component.\n- **valueStateMessage** - 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`, `Warning` or `Error` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.",
+          "description": "### Overview\n\nThe `ui5-input` component allows the user to enter and edit text or numeric values in one line.\n\nAdditionally, you can provide `suggestionItems`,\nthat are displayed in a popover right under the input.\n\nThe text field can be editable or read-only (`readonly` property),\nand it can be enabled or disabled (`disabled` property).\nTo visualize semantic states, such as \"error\" or \"warning\", the `valueState` property is provided.\nWhen the user makes changes to the text, the change event is fired,\nwhich enables you to react on any text change.\n\n**Note:** If you are using the `ui5-input` as a single npm module,\ndon't forget to import the `InputSuggestions` module from\n\"@ui5/webcomponents/dist/features/InputSuggestions.js\"\nto enable the suggestions functionality.\n\n### Keyboard Handling\nThe `ui5-input` provides the following keyboard shortcuts:\n\n- [Escape] - Closes the suggestion list, if open. If closed or not enabled, cancels changes and reverts to the value which the Input field had when it got the focus.\n- [Enter] or [Return] - If suggestion list is open takes over the current matching item and closes it. If value state or group header is focused, does nothing.\n- [Down] - Focuses the next matching item in the suggestion list. Selection-change event is fired.\n- [Up] - Focuses the previous matching item in the suggestion list. Selection-change event is fired.\n- [Home] - If focus is in the text input, moves caret before the first character. If focus is in the list, highlights the first item and updates the input accordingly.\n- [End] - If focus is in the text input, moves caret after the last character. If focus is in the list, highlights the last item and updates the input accordingly.\n- [Page Up] - If focus is in the list, moves highlight up by page size (10 items by default). If focus is in the input, does nothing.\n- [Page Down] - If focus is in the list, moves highlight down by page size (10 items by default). If focus is in the input, does nothing.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Input.js\";`\n\n`import \"@ui5/webcomponents/dist/features/InputSuggestions.js\";` (optional - for input suggestions support)\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component changes at each keystroke,\nand when a suggestion item has been selected.\n- **selection-change** - Fired when the user navigates to a suggestion item via the ARROW keys,\nas a preview, before the final selection.\n- **open** - Fired when the suggestions picker is open.\n- **close** - Fired when the suggestions picker is closed.\n\n### **Slots:**\n - **default** - 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.\n\n**Note:** Importing the Input Suggestions Support feature:\n\n`import \"@ui5/webcomponents/dist/features/InputSuggestions.js\";`\n\nautomatically imports the `<ui5-suggestion-item>` and `<ui5-suggestion-item-group>` for your convenience.\n- **icon** - Defines the icon to be displayed in the component.\n- **valueStateMessage** - 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`, `Warning` or `Error` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.",
           "doc-url": "",
           "attributes": [
             {
@@ -2978,7 +2988,7 @@
             {
               "name": "placeholder",
               "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "readonly",
@@ -3019,7 +3029,7 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "show-suggestions",
@@ -3034,12 +3044,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the input.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "show-clear-icon",
@@ -3055,7 +3065,7 @@
           "slots": [
             {
               "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>` and `<ui5-suggestion-group-item>` are recommended to be used as suggestion items.\n\n**Note:** Importing the Input Suggestions Support feature:\n\n`import \"@ui5/webcomponents/dist/features/InputSuggestions.js\";`\n\nautomatically imports the `<ui5-suggestion-item>` and `<ui5-suggestion-group-item>` for your convenience."
+              "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.\n\n**Note:** Importing the Input Suggestions Support feature:\n\n`import \"@ui5/webcomponents/dist/features/InputSuggestions.js\";`\n\nautomatically imports the `<ui5-suggestion-item>` and `<ui5-suggestion-item-group>` for your convenience."
             },
             {
               "name": "icon",
@@ -3098,7 +3108,7 @@
               {
                 "name": "placeholder",
                 "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "readonly",
@@ -3137,7 +3147,7 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "show-suggestions",
@@ -3152,12 +3162,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the input.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "show-clear-icon",
@@ -3202,7 +3212,7 @@
             {
               "name": "for",
               "description": "Defines the labeled input by providing its ID.\n\n**Note:** Can be used with both `ui5-input` and native input.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "show-colon",
@@ -3235,7 +3245,7 @@
               {
                 "name": "for",
                 "description": "Defines the labeled input by providing its ID.\n\n**Note:** Can be used with both `ui5-input` and native input.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "show-colon",
@@ -3269,17 +3279,17 @@
             {
               "name": "tooltip",
               "description": "Defines the tooltip of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "href",
               "description": "Defines the component href.\n\n**Note:** Standard hyperlink behavior is supported.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "target",
               "description": "Defines the component target.\n\n**Notes:**\n\n- `_self`\n- `_top`\n- `_blank`\n- `_parent`\n- `_search`\n\n**This property must only be used when the `href` property is set.**",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "design",
@@ -3300,30 +3310,30 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the input",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-role",
               "description": "Defines the ARIA role of the component.\n\n**Note:** Use the <code>LinkAccessibleRole.Button</code> role in cases when navigation is not expected to occur and the href property is not defined.",
               "value": {
                 "type": "\"Button\" | \"Link\"",
-                "default": "\"link\""
+                "default": "\"Link\""
               }
             },
             {
               "name": "icon",
               "description": "Defines the icon, displayed as graphical element within the component before the link's text.\nThe SAP-icons font provides numerous options.\n\n**Note:** Usage of icon-only link is not supported, the link must always have a text.\n\n**Note:** We recommend using аn icon in the beginning or the end only, and with text.\n\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "end-icon",
               "description": "Defines the icon, displayed as graphical element within the component after the link's text.\nThe SAP-icons font provides numerous options.\n\n**Note:** Usage of icon-only link is not supported, the link must always have a text.\n\n**Note:** We recommend using аn icon in the beginning or the end only, and with text.\n\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -3348,17 +3358,17 @@
               {
                 "name": "tooltip",
                 "description": "Defines the tooltip of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "href",
                 "description": "Defines the component href.\n\n**Note:** Standard hyperlink behavior is supported.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "target",
                 "description": "Defines the component target.\n\n**Notes:**\n\n- `_self`\n- `_top`\n- `_blank`\n- `_parent`\n- `_search`\n\n**This property must only be used when the `href` property is set.**",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "design",
@@ -3373,12 +3383,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the input",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-role",
@@ -3388,12 +3398,12 @@
               {
                 "name": "icon",
                 "description": "Defines the icon, displayed as graphical element within the component before the link's text.\nThe SAP-icons font provides numerous options.\n\n**Note:** Usage of icon-only link is not supported, the link must always have a text.\n\n**Note:** We recommend using аn icon in the beginning or the end only, and with text.\n\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "end-icon",
                 "description": "Defines the icon, displayed as graphical element within the component after the link's text.\nThe SAP-icons font provides numerous options.\n\n**Note:** Usage of icon-only link is not supported, the link must always have a text.\n\n**Note:** We recommend using аn icon in the beginning or the end only, and with text.\n\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -3412,12 +3422,12 @@
             {
               "name": "header-text",
               "description": "Defines the component header text.\n\n**Note:** If `header` is set this property is ignored.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "footer-text",
               "description": "Defines the footer text.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "indent",
@@ -3435,7 +3445,7 @@
             {
               "name": "no-data-text",
               "description": "Defines the text that is displayed when the component contains no items.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "separators",
@@ -3456,7 +3466,7 @@
             {
               "name": "growing-button-text",
               "description": "Defines the text that will be displayed inside the growing button.\n\n**Note:** If not specified a built-in text will be displayed.\n\n**Note:** This property takes effect if the `growing` property is set to the `Button`.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "loading",
@@ -3471,12 +3481,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Defines the IDs of the elements that label the input.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-role",
@@ -3541,12 +3551,12 @@
               {
                 "name": "header-text",
                 "description": "Defines the component header text.\n\n**Note:** If `header` is set this property is ignored.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "footer-text",
                 "description": "Defines the footer text.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "indent",
@@ -3563,7 +3573,7 @@
               {
                 "name": "no-data-text",
                 "description": "Defines the text that is displayed when the component contains no items.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "separators",
@@ -3578,7 +3588,7 @@
               {
                 "name": "growing-button-text",
                 "description": "Defines the text that will be displayed inside the growing button.\n\n**Note:** If not specified a built-in text will be displayed.\n\n**Note:** This property takes effect if the `growing` property is set to the `Button`.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "loading",
@@ -3593,12 +3603,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Defines the IDs of the elements that label the input.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-role",
@@ -3662,7 +3672,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the text alternative of the component.\n\n**Note**: If not provided a default text alternative will be set, if present.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "type",
@@ -3680,7 +3690,7 @@
             {
               "name": "tooltip",
               "description": "Defines the text of the tooltip that would be displayed for the list item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "highlight",
@@ -3718,7 +3728,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the text alternative of the component.\n\n**Note**: If not provided a default text alternative will be set, if present.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "type",
@@ -3735,7 +3745,7 @@
               {
                 "name": "tooltip",
                 "description": "Defines the text of the tooltip that would be displayed for the list item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "highlight",
@@ -3766,12 +3776,12 @@
             {
               "name": "header-text",
               "description": "Defines the header text of the <code>ui5-li-group</code>.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "header-accessible-name",
               "description": "Defines the accessible name of the header.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -3790,12 +3800,12 @@
               {
                 "name": "header-text",
                 "description": "Defines the header text of the <code>ui5-li-group</code>.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "header-accessible-name",
                 "description": "Defines the accessible name of the header.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -3803,33 +3813,28 @@
         },
         {
           "name": "ui5-li",
-          "description": "The `ui5-li` represents the simplest type of item for a `ui5-list`.\n\nThis is a list item,\nproviding the most common use cases such as `text`,\n`image` and `icon`.\n---\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the 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.\n- **imageContent** - **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.\n\n### **CSS Parts:**\n - **title** - Used to style the title of the list item\n- **description** - Used to style the description of the list item\n- **additional-text** - Used to style the additionalText of the list item\n- **icon** - Used to style the icon of the list item\n- **native-li** - Used to style the main li tag of the list item\n- **content** - Used to style the content area of the list item\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode\n- **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode",
+          "description": "The `ui5-li` represents the simplest type of item for a `ui5-list`.\n\nThis is a list item,\nproviding the most common use cases such as `text`,\n`image` and `icon`.\n---\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the 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.\n- **image** - **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.\n\n### **CSS Parts:**\n - **title** - Used to style the title of the list item\n- **description** - Used to style the description of the list item\n- **additional-text** - Used to style the additionalText of the list item\n- **icon** - Used to style the icon of the list item\n- **native-li** - Used to style the main li tag of the list item\n- **content** - Used to style the content area of the list item\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode\n- **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode",
           "doc-url": "",
           "attributes": [
             {
               "name": "description",
               "description": "Defines the description displayed right under the item text, if such is present.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "icon",
               "description": "Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "icon-end",
-              "description": "Defines whether the `icon` should be displayed in the beginning of the list item or in the end.\n\n**Note:** If `image` is set, the `icon` would be displayed after the `image`.",
+              "description": "Defines whether the `icon` should be displayed in the beginning of the list item or in the end.",
               "value": { "type": "boolean", "default": "false" }
             },
-            {
-              "name": "image",
-              "description": "Defines the `image` source URI.\n\n**Note:** The `image` would be displayed in the beginning of the list item.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
             {
               "name": "additional-text",
               "description": "Defines the `additionalText`, displayed in the end of the list item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "additional-text-state",
@@ -3847,7 +3852,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "type",
@@ -3865,7 +3870,7 @@
             {
               "name": "tooltip",
               "description": "Defines the text of the tooltip that would be displayed for the list item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "highlight",
@@ -3887,7 +3892,7 @@
               "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."
             },
             {
-              "name": "imageContent",
+              "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."
             }
           ],
@@ -3902,27 +3907,22 @@
               {
                 "name": "description",
                 "description": "Defines the description displayed right under the item text, if such is present.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "icon",
                 "description": "Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "icon-end",
-                "description": "Defines whether the `icon` should be displayed in the beginning of the list item or in the end.\n\n**Note:** If `image` is set, the `icon` would be displayed after the `image`.",
+                "description": "Defines whether the `icon` should be displayed in the beginning of the list item or in the end.",
                 "value": { "type": "boolean" }
               },
-              {
-                "name": "image",
-                "description": "Defines the `image` source URI.\n\n**Note:** The `image` would be displayed in the beginning of the list item.",
-                "value": { "type": "string" }
-              },
               {
                 "name": "additional-text",
                 "description": "Defines the `additionalText`, displayed in the end of the list item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "additional-text-state",
@@ -3939,7 +3939,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "type",
@@ -3956,7 +3956,7 @@
               {
                 "name": "tooltip",
                 "description": "Defines the text of the tooltip that would be displayed for the list item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "highlight",
@@ -3981,13 +3981,13 @@
         },
         {
           "name": "ui5-menu",
-          "description": "### Overview\n\n`ui5-menu` component represents a hierarchical menu structure.\n\n### Usage\n\n`ui5-menu` contains `ui5-menu-item` components.\nAn arbitrary hierarchy structure can be represented by recursively nesting menu items.\n\n### Keyboard Handling\n\nThe `ui5-menu` provides advanced keyboard handling.\nThe user can use the following keyboard shortcuts in order to navigate trough the tree:\n\n- `Arrow Up` / `Arrow Down` - Navigates up and down the menu items that are currently visible.\n- `Arrow Right`, `Space` or `Enter` - Opens a sub-menu if there are menu items nested\nin the currently clicked menu item.\n- `Arrow Left` or `Escape` - Closes the currently opened sub-menu.\n\nNote: if the text ditrection is set to Right-to-left (RTL), `Arrow Right` and `Arrow Left` functionality is swapped.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Menu.js\";`\n---\n\n\n### **Events:**\n - **item-click** - Fired when an item is being clicked.\n\n**Note:** Since 1.17.0 the event is preventable, allowing the menu to remain open after an item is pressed.\n- **before-open** - Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening. **This event does not bubble.**\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens.\n- **open** - Fired after the menu is opened. **This event does not bubble.**\n- **before-close** - Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing. **This event does not bubble.**\n- **close** - Fired after the menu is closed. **This event does not bubble.**\n\n### **Slots:**\n - **default** - Defines the items of this component.\n\n**Note:** Use `ui5-menu-item` for the intended design.",
+          "description": "### Overview\n\n`ui5-menu` component represents a hierarchical menu structure.\n\n### Structure\n\nThe `ui5-menu` can hold two types of entities:\n\n- `ui5-menu-item` components\n- `ui5-menu-separator` - used to separate menu items with a line\n\nAn arbitrary hierarchy structure can be represented by recursively nesting menu items.\n\n### Keyboard Handling\n\nThe `ui5-menu` provides advanced keyboard handling.\nThe user can use the following keyboard shortcuts in order to navigate trough the tree:\n\n- `Arrow Up` / `Arrow Down` - Navigates up and down the menu items that are currently visible.\n- `Arrow Right`, `Space` or `Enter` - Opens a sub-menu if there are menu items nested\nin the currently clicked menu item.\n- `Arrow Left` or `Escape` - Closes the currently opened sub-menu.\n\nNote: if the text ditrection is set to Right-to-left (RTL), `Arrow Right` and `Arrow Left` functionality is swapped.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Menu.js\";`\n---\n\n\n### **Events:**\n - **item-click** - Fired when an item is being clicked.\n\n**Note:** Since 1.17.0 the event is preventable, allowing the menu to remain open after an item is pressed.\n- **before-open** - Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening. **This event does not bubble.**\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens.\n- **open** - Fired after the menu is opened. **This event does not bubble.**\n- **before-close** - Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing. **This event does not bubble.**\n- **close** - Fired after the menu is closed. **This event does not bubble.**\n\n### **Slots:**\n - **default** - Defines the items of this component.\n\n**Note:** Use `ui5-menu-item` and `ui5-menu-separator` for their intended design.",
           "doc-url": "",
           "attributes": [
             {
               "name": "header-text",
               "description": "Defines the header text of the menu (displayed on mobile).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "open",
@@ -4007,13 +4007,16 @@
             {
               "name": "opener",
               "description": "Defines the ID or DOM Reference of the element at which the menu 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.",
-              "value": { "type": "string | HTMLElement", "default": "\"\"" }
+              "value": {
+                "type": "string | HTMLElement | undefined",
+                "default": "undefined"
+              }
             }
           ],
           "slots": [
             {
               "name": "default",
-              "description": "Defines the items of this component.\n\n**Note:** Use `ui5-menu-item` for the intended design."
+              "description": "Defines the items of this component.\n\n**Note:** Use `ui5-menu-item` and `ui5-menu-separator` for their intended design."
             }
           ],
           "events": [
@@ -4043,7 +4046,7 @@
               {
                 "name": "header-text",
                 "description": "Defines the header text of the menu (displayed on mobile).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "open",
@@ -4063,7 +4066,7 @@
               {
                 "name": "opener",
                 "description": "Defines the ID or DOM Reference of the element at which the menu 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.",
-                "value": { "type": "string | HTMLElement" }
+                "value": { "type": "string | HTMLElement | undefined" }
               }
             ],
             "events": [
@@ -4092,28 +4095,23 @@
         },
         {
           "name": "ui5-menu-item",
-          "description": "### Overview\n\n`ui5-menu-item` is the item to use inside a `ui5-menu`.\nAn arbitrary hierarchy structure can be represented by recursively nesting menu items.\n\n### Usage\n\n`ui5-menu-item` represents a node in a `ui5-menu`. The menu itself is rendered as a list,\nand each `ui5-menu-item` is represented by a list item in that list. Therefore, you should only use\n`ui5-menu-item` directly in your apps. The `ui5-li` list item is internal for the list, and not intended for public use.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MenuItem.js\";`\n---\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the items of this component.\n\n**Note:** If there are items added to this slot, an arrow will be displayed at the end\nof the item in order to indicate that there are items added. In that case components added\nto `endContent` slot or `additionalText` content will not be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.\n- **endContent** - Defines the components that should be displayed at the end of the menu item.\n\n**Note:** It is highly recommended to slot only components of type `ui5-button`,`ui5-link`\nor `ui5-icon` in order to preserve the intended design. If there are components added to this slot,\nand there is text set in `additionalText`, it will not be displayed. If there are items added to `items` slot,\nnether `additionalText` nor components added to this slot would be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.",
+          "description": "### Overview\n\n`ui5-menu-item` is the item to use inside a `ui5-menu`.\nAn arbitrary hierarchy structure can be represented by recursively nesting menu items.\n\n### Usage\n\n`ui5-menu-item` represents a node in a `ui5-menu`. The menu itself is rendered as a list,\nand each `ui5-menu-item` is represented by a list item in that list. Therefore, you should only use\n`ui5-menu-item` directly in your apps. The `ui5-li` list item is internal for the list, and not intended for public use.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MenuItem.js\";`\n---\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the items of this component.\n\n**Note:** The slot can hold `ui5-menu-item` and `ui5-menu-separator` items.\n\nIf there are items added to this slot, an arrow will be displayed at the end\nof the item in order to indicate that there are items added. In that case components added\nto `endContent` slot or `additionalText` content will not be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.\n- **endContent** - Defines the components that should be displayed at the end of the menu item.\n\n**Note:** It is highly recommended to slot only components of type `ui5-button`,`ui5-link`\nor `ui5-icon` in order to preserve the intended design. If there are components added to this slot,\nand there is text set in `additionalText`, it will not be displayed. If there are items added to `items` slot,\nnether `additionalText` nor components added to this slot would be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.",
           "doc-url": "",
           "attributes": [
             {
               "name": "text",
               "description": "Defines the text of the tree item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "additional-text",
               "description": "Defines the `additionalText`, displayed in the end of the menu item.\n\n**Note:** The additional text will not be displayed if there are items added in `items` slot or there are\ncomponents added to `endContent` slot.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "icon",
               "description": "Defines the icon to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\n**Example:**\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "starts-section",
-              "description": "Defines whether a visual separator should be rendered before the item.",
-              "value": { "type": "boolean", "default": "false" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "disabled",
@@ -4133,12 +4131,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "tooltip",
               "description": "Defines the text of the tooltip for the menu item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "type",
@@ -4170,7 +4168,7 @@
           "slots": [
             {
               "name": "default",
-              "description": "Defines the items of this component.\n\n**Note:** If there are items added to this slot, an arrow will be displayed at the end\nof the item in order to indicate that there are items added. In that case components added\nto `endContent` slot or `additionalText` content will not be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`."
+              "description": "Defines the items of this component.\n\n**Note:** The slot can hold `ui5-menu-item` and `ui5-menu-separator` items.\n\nIf there are items added to this slot, an arrow will be displayed at the end\nof the item in order to indicate that there are items added. In that case components added\nto `endContent` slot or `additionalText` content will not be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`."
             },
             {
               "name": "endContent",
@@ -4188,22 +4186,17 @@
               {
                 "name": "text",
                 "description": "Defines the text of the tree item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "additional-text",
                 "description": "Defines the `additionalText`, displayed in the end of the menu item.\n\n**Note:** The additional text will not be displayed if there are items added in `items` slot or there are\ncomponents added to `endContent` slot.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "icon",
                 "description": "Defines the icon to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\n**Example:**\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "starts-section",
-                "description": "Defines whether a visual separator should be rendered before the item.",
-                "value": { "type": "boolean" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "disabled",
@@ -4223,12 +4216,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "tooltip",
                 "description": "Defines the text of the tooltip for the menu item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "type",
@@ -4263,6 +4256,14 @@
             ]
           }
         },
+        {
+          "name": "ui5-menu-separator",
+          "description": "The `ui5-menu-separator` represents a horizontal line to separate menu items inside a `ui5-menu`.\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
         {
           "name": "ui5-message-strip",
           "description": "### Overview\n\nThe `ui5-message-strip` component enables the embedding of app-related messages.\nIt displays 4 designs of messages, each with corresponding semantic color and icon: Information, Positive, Critical and Negative.\nEach message can have a Close button, so that it can be removed from the UI, if needed.\n\n### Usage\n\nFor the `ui5-message-strip` component, you can define whether it displays\nan icon in the beginning and a close button. Moreover, its size and background\ncan be controlled with CSS.\n\n### Keyboard Handling\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MessageStrip.js\";`\n---\n\n\n### **Events:**\n - **close** - Fired when the close button is pressed either with a\nclick/tap or by using the Enter or Space key.\n\n### **Slots:**\n - **default** - 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.\n- **icon** - Defines the content to be displayed as graphical element within the component.\n\n**Note:** If no icon is given, the default icon for the component type will be used.\nThe SAP-icons font provides numerous options.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
@@ -4354,7 +4355,7 @@
             {
               "name": "name",
               "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.\n**Note:** When the component is used inside a form element,\nthe value is sent as the first element in the form data, even if it's empty.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "no-typeahead",
@@ -4364,7 +4365,7 @@
             {
               "name": "placeholder",
               "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "no-validation",
@@ -4410,12 +4411,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "show-select-all",
@@ -4474,7 +4475,7 @@
               {
                 "name": "name",
                 "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.\n**Note:** When the component is used inside a form element,\nthe value is sent as the first element in the form data, even if it's empty.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "no-typeahead",
@@ -4484,7 +4485,7 @@
               {
                 "name": "placeholder",
                 "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "no-validation",
@@ -4528,12 +4529,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "show-select-all",
@@ -4583,12 +4584,12 @@
             {
               "name": "text",
               "description": "Defines the text of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "additional-text",
               "description": "Defines the additional text of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [],
@@ -4602,12 +4603,12 @@
               {
                 "name": "text",
                 "description": "Defines the text of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "additional-text",
                 "description": "Defines the additional text of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -4619,9 +4620,9 @@
           "doc-url": "",
           "attributes": [
             {
-              "name": "text",
+              "name": "header-text",
               "description": "Defines the text of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -4634,9 +4635,9 @@
           "js": {
             "properties": [
               {
-                "name": "text",
+                "name": "header-text",
                 "description": "Defines the text of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -4655,7 +4656,7 @@
             {
               "name": "name",
               "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.\n**Note:** When the component is used inside a form element,\nthe value is sent as the first element in the form data, even if it's empty.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "disabled",
@@ -4665,7 +4666,7 @@
             {
               "name": "placeholder",
               "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "readonly",
@@ -4716,12 +4717,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the input.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "show-clear-icon",
@@ -4777,7 +4778,7 @@
               {
                 "name": "name",
                 "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.\n**Note:** When the component is used inside a form element,\nthe value is sent as the first element in the form data, even if it's empty.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "disabled",
@@ -4787,7 +4788,7 @@
               {
                 "name": "placeholder",
                 "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "readonly",
@@ -4836,12 +4837,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the input.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "show-clear-icon",
@@ -4894,22 +4895,22 @@
             {
               "name": "value",
               "description": "Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.\nFor more information on HTML Form support, see the `name` property of `ui5-select`.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "icon",
               "description": "Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "additional-text",
               "description": "Defines the `additionalText`, displayed in the end of the list item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "tooltip",
               "description": "Defines the text of the tooltip that would be displayed for the list item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "selected",
@@ -4929,22 +4930,22 @@
               {
                 "name": "value",
                 "description": "Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.\nFor more information on HTML Form support, see the `name` property of `ui5-select`.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "icon",
                 "description": "Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "additional-text",
                 "description": "Defines the `additionalText`, displayed in the end of the list item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "tooltip",
                 "description": "Defines the text of the tooltip that would be displayed for the list item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "selected",
@@ -4963,17 +4964,17 @@
             {
               "name": "display-text",
               "description": "Defines the text, displayed inside the `ui5-select` input filed\nwhen the option gets selected.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "value",
               "description": "Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.\nFor more information on HTML Form support, see the `name` property of `ui5-select`.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "tooltip",
               "description": "Defines the text of the tooltip that would be displayed for the list item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "selected",
@@ -4993,17 +4994,17 @@
               {
                 "name": "display-text",
                 "description": "Defines the text, displayed inside the `ui5-select` input filed\nwhen the option gets selected.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "value",
                 "description": "Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.\nFor more information on HTML Form support, see the `name` property of `ui5-select`.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "tooltip",
                 "description": "Defines the text of the tooltip that would be displayed for the list item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "selected",
@@ -5022,7 +5023,7 @@
             {
               "name": "header-text",
               "description": "This property is used to set the header text of the component.\nThe text is visible in both expanded and collapsed states.\n\n**Note:** This property is overridden by the `header` slot.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "fixed",
@@ -5058,7 +5059,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "sticky-header",
@@ -5087,7 +5088,7 @@
               {
                 "name": "header-text",
                 "description": "This property is used to set the header text of the component.\nThe text is visible in both expanded and collapsed states.\n\n**Note:** This property is overridden by the `header` slot.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "fixed",
@@ -5119,7 +5120,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "sticky-header",
@@ -5143,7 +5144,7 @@
             {
               "name": "header-text",
               "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "placement",
@@ -5192,7 +5193,7 @@
             {
               "name": "initial-focus",
               "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "prevent-focus-restore",
@@ -5207,7 +5208,7 @@
             {
               "name": "accessible-name-ref",
               "description": "Defines the IDs of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-role",
@@ -5261,7 +5262,7 @@
               {
                 "name": "header-text",
                 "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "placement",
@@ -5307,7 +5308,7 @@
               {
                 "name": "initial-focus",
                 "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "prevent-focus-restore",
@@ -5322,7 +5323,7 @@
               {
                 "name": "accessible-name-ref",
                 "description": "Defines the IDs of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-role",
@@ -5368,7 +5369,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "hide-value",
@@ -5383,10 +5384,7 @@
             {
               "name": "display-value",
               "description": "Specifies the text value to be displayed in the bar.\n\n**Note:**\n\n- If there is no value provided or the value is empty, the default percentage value is shown.\n- If `hideValue` property is `true` both the `displayValue` and `value` property values are not shown.",
-              "value": {
-                "type": "string | null | undefined",
-                "default": "null"
-              }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "value-state",
@@ -5403,7 +5401,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "hide-value",
@@ -5418,7 +5416,7 @@
               {
                 "name": "display-value",
                 "description": "Specifies the text value to be displayed in the bar.\n\n**Note:**\n\n- If there is no value provided or the value is empty, the default percentage value is shown.\n- If `hideValue` property is `true` both the `displayValue` and `value` property values are not shown.",
-                "value": { "type": "string | null | undefined" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "value-state",
@@ -5459,7 +5457,7 @@
             {
               "name": "text",
               "description": "Defines the text of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "value-state",
@@ -5472,7 +5470,7 @@
             {
               "name": "name",
               "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\nRadio buttons with the same `name` will form a radio button group.\n\n**Note:** By this name the component will be identified upon submission in an HTML form.\n\n**Note:** The selection can be changed with `ARROW_UP/DOWN` and `ARROW_LEFT/RIGHT` keys between radio buttons in same group.\n\n**Note:** Only one radio button can be selected per group.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "value",
@@ -5490,12 +5488,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Defines the IDs of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [
@@ -5529,7 +5527,7 @@
               {
                 "name": "text",
                 "description": "Defines the text of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "value-state",
@@ -5541,7 +5539,7 @@
               {
                 "name": "name",
                 "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\nRadio buttons with the same `name` will form a radio button group.\n\n**Note:** By this name the component will be identified upon submission in an HTML form.\n\n**Note:** The selection can be changed with `ARROW_UP/DOWN` and `ARROW_LEFT/RIGHT` keys between radio buttons in same group.\n\n**Note:** Only one radio button can be selected per group.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "value",
@@ -5556,12 +5554,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Defines the IDs of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -5600,7 +5598,7 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "step",
@@ -5630,7 +5628,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [
@@ -5668,7 +5666,7 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "step",
@@ -5698,7 +5696,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -5741,12 +5739,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "required",
@@ -5756,7 +5754,7 @@
             {
               "name": "tooltip",
               "description": "Defines the tooltip of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [
@@ -5790,12 +5788,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "required",
@@ -5805,7 +5803,7 @@
               {
                 "name": "tooltip",
                 "description": "Defines the tooltip of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -5824,7 +5822,7 @@
             {
               "name": "header-text",
               "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "placement",
@@ -5873,7 +5871,7 @@
             {
               "name": "initial-focus",
               "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "prevent-focus-restore",
@@ -5888,7 +5886,7 @@
             {
               "name": "accessible-name-ref",
               "description": "Defines the IDs of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-role",
@@ -5932,7 +5930,7 @@
               {
                 "name": "header-text",
                 "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "placement",
@@ -5978,7 +5976,7 @@
               {
                 "name": "initial-focus",
                 "description": "Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "prevent-focus-restore",
@@ -5993,7 +5991,7 @@
               {
                 "name": "accessible-name-ref",
                 "description": "Defines the IDs of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-role",
@@ -6111,7 +6109,7 @@
             {
               "name": "tooltip",
               "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name",
@@ -6121,12 +6119,12 @@
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "icon",
               "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -6151,7 +6149,7 @@
               {
                 "name": "tooltip",
                 "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name",
@@ -6161,12 +6159,12 @@
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "icon",
                 "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -6185,7 +6183,7 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "value-state",
@@ -6208,12 +6206,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the select.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "value",
@@ -6268,7 +6266,7 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "value-state",
@@ -6290,12 +6288,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the select.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "value",
@@ -6351,7 +6349,7 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "step",
@@ -6381,7 +6379,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [
@@ -6414,7 +6412,7 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "step",
@@ -6444,7 +6442,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -6464,6 +6462,11 @@
           "description": "### Overview\n\nThe `ui5-special-date` component defines a special calendar date to be used inside `ui5-calendar`,\nwhich is visually distinguished from the rest of the dates.\n---\n",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "value",
+              "description": "The date formatted according to the `formatPattern` property\nof the `ui5-calendar` that hosts the component.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
             {
               "name": "type",
               "description": "Defines the type of the special date.",
@@ -6471,27 +6474,22 @@
                 "type": "\"Today\" | \"Selected\" | \"None\" | \"Working\" | \"NonWorking\" | \"Type01\" | \"Type02\" | \"Type03\" | \"Type04\" | \"Type05\" | \"Type06\" | \"Type07\" | \"Type08\" | \"Type09\" | \"Type10\" | \"Type11\" | ... 8 more ... | \"Type20\"",
                 "default": "\"None\""
               }
-            },
-            {
-              "name": "value",
-              "description": "The date formatted according to the `formatPattern` property\nof the `ui5-calendar` that hosts the component.",
-              "value": { "type": "string", "default": "\"\"" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
+              {
+                "name": "value",
+                "description": "The date formatted according to the `formatPattern` property\nof the `ui5-calendar` that hosts the component.",
+                "value": { "type": "string" }
+              },
               {
                 "name": "type",
                 "description": "Defines the type of the special date.",
                 "value": {
                   "type": "\"Today\" | \"Selected\" | \"None\" | \"Working\" | \"NonWorking\" | \"Type01\" | \"Type02\" | \"Type03\" | \"Type04\" | \"Type05\" | \"Type06\" | \"Type07\" | \"Type08\" | \"Type09\" | \"Type10\" | \"Type11\" | ... 8 more ... | \"Type20\""
                 }
-              },
-              {
-                "name": "value",
-                "description": "The date formatted according to the `formatPattern` property\nof the `ui5-calendar` that hosts the component.",
-                "value": { "type": "string" }
               }
             ],
             "events": []
@@ -6505,7 +6503,7 @@
             {
               "name": "icon",
               "description": "Defines the icon to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "active-arrow-button",
@@ -6552,7 +6550,7 @@
               {
                 "name": "icon",
                 "description": "Defines the icon to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "active-arrow-button",
@@ -6645,7 +6643,7 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "value-precision",
@@ -6655,12 +6653,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -6731,7 +6729,7 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "value-precision",
@@ -6741,12 +6739,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -6762,14 +6760,19 @@
           }
         },
         {
-          "name": "ui5-suggestion-group-item",
-          "description": "The `ui5-suggestion-group-item` is type of suggestion item,\nthat can be used to split the `ui5-input` suggestions into groups.\n---\n",
+          "name": "ui5-suggestion-item",
+          "description": "The `ui5-suggestion-item` represents the suggestion item of the `ui5-input`.\n---\n",
           "doc-url": "",
           "attributes": [
             {
               "name": "text",
-              "description": "Defines the text of the `ui5-suggestion-group-item`.",
-              "value": { "type": "string", "default": "\"\"" }
+              "description": "Defines the text of the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "additional-text",
+              "description": "Defines the `additionalText`, displayed in the end of the item.",
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [],
@@ -6777,111 +6780,81 @@
             "properties": [
               {
                 "name": "text",
-                "description": "Defines the text of the `ui5-suggestion-group-item`.",
-                "value": { "type": "string" }
+                "description": "Defines the text of the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "additional-text",
+                "description": "Defines the `additionalText`, displayed in the end of the item.",
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
           }
         },
         {
-          "name": "ui5-suggestion-item",
-          "description": "The `ui5-suggestion-item` represents the suggestion item of the `ui5-input`.\n---\n",
+          "name": "ui5-suggestion-item-custom",
+          "description": "The `ui5-suggestion-item-custom` is type of suggestion item,\nthat can be used to place suggestion items with custom content in the input.\nThe text property is considered only for autocomplete.\nIn case the user needs highlighting functionality, check \"@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js\"\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
           "doc-url": "",
           "attributes": [
             {
               "name": "text",
-              "description": "Defines the text of the component.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
+              "description": "Defines the text of the `ui5-suggestion-item-custom`.\n**Note:** The text property is considered only for autocomplete.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "slots": [
             {
-              "name": "type",
-              "description": "Defines the visual indication and behavior of the item.\nAvailable options are `Active` (by default), `Inactive` and `Detail`.\n\n**Note:** When set to `Active`, the item will provide visual response upon press and hover,\nwhile when `Inactive` or `Detail` - will not.",
-              "value": {
-                "type": "\"Navigation\" | \"Inactive\" | \"Active\" | \"Detail\"",
-                "default": "\"Active\""
+              "name": "default",
+              "description": "Defines the content of the component."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "text",
+                "description": "Defines the text of the `ui5-suggestion-item-custom`.\n**Note:** The text property is considered only for autocomplete.",
+                "value": { "type": "string | undefined" }
               }
-            },
-            {
-              "name": "description",
-              "description": "Defines the description displayed right under the item text, if such is present.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "icon",
-              "description": "Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "icon-end",
-              "description": "Defines whether the `icon` should be displayed in the beginning of the item or in the end.\n\n**Note:** If `image` is set, the `icon` would be displayed after the `image`.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "image",
-              "description": "Defines the `image` source URI.\n\n**Note:** The `image` would be displayed in the beginning of the item.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "ui5-suggestion-item-group",
+          "description": "The `ui5-suggestion-item-group` is type of suggestion item,\nthat can be used to split the `ui5-input` suggestions into groups.\n---\n\n\n### **Slots:**\n - **default** - Defines the items of the <code>ui5-suggestion-item-group</code>.",
+          "doc-url": "",
+          "attributes": [
             {
-              "name": "additional-text",
-              "description": "Defines the `additionalText`, displayed in the end of the item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "name": "header-text",
+              "description": "Defines the header text of the <code>ui5-li-group</code>.",
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
-              "name": "additional-text-state",
-              "description": "Defines the state of the `additionalText`.",
-              "value": {
-                "type": "\"Positive\" | \"Negative\" | \"None\" | \"Critical\" | \"Information\"",
-                "default": "\"None\""
-              }
+              "name": "header-accessible-name",
+              "description": "Defines the accessible name of the header.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the items of the <code>ui5-suggestion-item-group</code>."
             }
           ],
           "events": [],
           "js": {
             "properties": [
               {
-                "name": "text",
-                "description": "Defines the text of the component.",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "type",
-                "description": "Defines the visual indication and behavior of the item.\nAvailable options are `Active` (by default), `Inactive` and `Detail`.\n\n**Note:** When set to `Active`, the item will provide visual response upon press and hover,\nwhile when `Inactive` or `Detail` - will not.",
-                "value": {
-                  "type": "\"Navigation\" | \"Inactive\" | \"Active\" | \"Detail\""
-                }
-              },
-              {
-                "name": "description",
-                "description": "Defines the description displayed right under the item text, if such is present.",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "icon",
-                "description": "Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "icon-end",
-                "description": "Defines whether the `icon` should be displayed in the beginning of the item or in the end.\n\n**Note:** If `image` is set, the `icon` would be displayed after the `image`.",
-                "value": { "type": "boolean" }
-              },
-              {
-                "name": "image",
-                "description": "Defines the `image` source URI.\n\n**Note:** The `image` would be displayed in the beginning of the item.",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "additional-text",
-                "description": "Defines the `additionalText`, displayed in the end of the item.",
-                "value": { "type": "string" }
+                "name": "header-text",
+                "description": "Defines the header text of the <code>ui5-li-group</code>.",
+                "value": { "type": "string | undefined" }
               },
               {
-                "name": "additional-text-state",
-                "description": "Defines the state of the `additionalText`.",
-                "value": {
-                  "type": "\"Positive\" | \"Negative\" | \"None\" | \"Critical\" | \"Information\""
-                }
+                "name": "header-accessible-name",
+                "description": "Defines the accessible name of the header.",
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": []
@@ -6913,27 +6886,27 @@
             {
               "name": "text-on",
               "description": "Defines the text, displayed when the component is checked.\n\n**Note:** We recommend using short texts, up to 3 letters (larger texts would be cut off).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "text-off",
               "description": "Defines the text, displayed when the component is not checked.\n\n**Note:** We recommend using short texts, up to 3 letters (larger texts would be cut off).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name",
               "description": "Sets the accessible ARIA name of the component.\n\n**Note**: We recommend that you set an accessibleNameRef pointing to an external label or at least an `accessibleName`.\nProviding an `accessibleNameRef` or an `accessibleName` is mandatory in the cases when `textOn` and `textOff` properties aren't set.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component.\n\n**Note**: We recommend that you set an accessibleNameRef pointing to an external label or at least an `accessibleName`.\nProviding an `accessibleNameRef` or an `accessibleName` is mandatory in the cases when `textOn` and `textOff` properties aren't set.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "tooltip",
               "description": "Defines the tooltip of the component.\n\n**Note:** If applicable an external label reference should always be the preferred option to provide context to the `ui5-switch` component over a tooltip.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "required",
@@ -6943,7 +6916,7 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [
@@ -6972,27 +6945,27 @@
               {
                 "name": "text-on",
                 "description": "Defines the text, displayed when the component is checked.\n\n**Note:** We recommend using short texts, up to 3 letters (larger texts would be cut off).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "text-off",
                 "description": "Defines the text, displayed when the component is not checked.\n\n**Note:** We recommend using short texts, up to 3 letters (larger texts would be cut off).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name",
                 "description": "Sets the accessible ARIA name of the component.\n\n**Note**: We recommend that you set an accessibleNameRef pointing to an external label or at least an `accessibleName`.\nProviding an `accessibleNameRef` or an `accessibleName` is mandatory in the cases when `textOn` and `textOff` properties aren't set.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component.\n\n**Note**: We recommend that you set an accessibleNameRef pointing to an external label or at least an `accessibleName`.\nProviding an `accessibleNameRef` or an `accessibleName` is mandatory in the cases when `textOn` and `textOff` properties aren't set.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "tooltip",
                 "description": "Defines the tooltip of the component.\n\n**Note:** If applicable an external label reference should always be the preferred option to provide context to the `ui5-switch` component over a tooltip.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "required",
@@ -7002,7 +6975,7 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -7021,7 +6994,7 @@
             {
               "name": "text",
               "description": "The text to be displayed for the item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "disabled",
@@ -7031,12 +7004,12 @@
             {
               "name": "additional-text",
               "description": "Represents the \"additionalText\" text, which is displayed in the tab. In the cases when in the same time there are tabs with icons and tabs without icons, if a tab has no icon the \"additionalText\" is displayed larger.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "icon",
               "description": "Defines the icon source URI to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous built-in icons.\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "design",
@@ -7068,7 +7041,7 @@
               {
                 "name": "text",
                 "description": "The text to be displayed for the item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "disabled",
@@ -7078,12 +7051,12 @@
               {
                 "name": "additional-text",
                 "description": "Represents the \"additionalText\" text, which is displayed in the tab. In the cases when in the same time there are tabs with icons and tabs without icons, if a tab has no icon the \"additionalText\" is displayed larger.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "icon",
                 "description": "Defines the icon source URI to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous built-in icons.\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "design",
@@ -7255,17 +7228,17 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Identifies the element (or elements) that labels the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "no-data-text",
               "description": "Defines the text to be displayed when there are no rows in the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "overflow-mode",
@@ -7279,6 +7252,11 @@
               "name": "loading",
               "description": "Defines if the loading indicator should be shown.\n\n<b>Note:</b> When the component is loading, it is non-interactive.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "loading-delay",
+              "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this component.",
+              "value": { "type": "number", "default": "1000" }
             }
           ],
           "slots": [
@@ -7310,17 +7288,17 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Identifies the element (or elements) that labels the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "no-data-text",
                 "description": "Defines the text to be displayed when there are no rows in the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "overflow-mode",
@@ -7331,6 +7309,11 @@
                 "name": "loading",
                 "description": "Defines if the loading indicator should be shown.\n\n<b>Note:</b> When the component is loading, it is non-interactive.",
                 "value": { "type": "boolean" }
+              },
+              {
+                "name": "loading-delay",
+                "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this component.",
+                "value": { "type": "number" }
               }
             ],
             "events": [
@@ -7365,12 +7348,12 @@
             {
               "name": "growing-text",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "growing-sub-text",
               "description": "Defines the text that will be displayed below the `growingText` inside the growing button.\nHas no effect when type is set to Scroll.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "events": [
@@ -7389,12 +7372,12 @@
               {
                 "name": "growing-text",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "growing-sub-text",
                 "description": "Defines the text that will be displayed below the `growingText` inside the growing button.\nHas no effect when type is set to Scroll.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -7501,6 +7484,11 @@
               "name": "interactive",
               "description": "Defines the interactive state of the row.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "navigated",
+              "description": "Defines the navigated state of the row.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
@@ -7521,6 +7509,11 @@
                 "name": "interactive",
                 "description": "Defines the interactive state of the row.",
                 "value": { "type": "boolean" }
+              },
+              {
+                "name": "navigated",
+                "description": "Defines the navigated state of the row.",
+                "value": { "type": "boolean" }
               }
             ],
             "events": []
@@ -7730,7 +7723,7 @@
             {
               "name": "placeholder",
               "description": "Defines a short hint intended to aid the user with data entry when the component has no value.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "value-state",
@@ -7768,17 +7761,17 @@
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the textarea.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -7830,7 +7823,7 @@
               {
                 "name": "placeholder",
                 "description": "Defines a short hint intended to aid the user with data entry when the component has no value.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "value-state",
@@ -7867,17 +7860,17 @@
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the textarea.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -7908,12 +7901,12 @@
             {
               "name": "value",
               "description": "Defines a formatted time value.",
-              "value": { "type": "string | undefined", "default": "undefined" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "name",
               "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.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "value-state",
@@ -7941,7 +7934,7 @@
             {
               "name": "format-pattern",
               "description": "Determines the format, displayed in the input field.\n\nExample:\nHH:mm:ss -> 11:42:35\nhh:mm:ss a -> 2:23:15 PM\nmm:ss -> 12:04 (only minutes and seconds)",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "open",
@@ -7983,12 +7976,12 @@
               {
                 "name": "value",
                 "description": "Defines a formatted time value.",
-                "value": { "type": "string | undefined" }
+                "value": { "type": "string" }
               },
               {
                 "name": "name",
                 "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.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "value-state",
@@ -8015,7 +8008,7 @@
               {
                 "name": "format-pattern",
                 "description": "Determines the format, displayed in the input field.\n\nExample:\nHH:mm:ss -> 11:42:35\nhh:mm:ss a -> 2:23:15 PM\nmm:ss -> 12:04 (only minutes and seconds)",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "open",
@@ -8185,12 +8178,12 @@
             {
               "name": "icon",
               "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "end-icon",
               "description": "Defines the icon, displayed as graphical element within the component after the button text.\n\n**Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.\nUsage of `endIcon` only should be avoided.\n\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "submits",
@@ -8200,7 +8193,7 @@
             {
               "name": "tooltip",
               "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name",
@@ -8210,7 +8203,7 @@
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "type",
@@ -8257,12 +8250,12 @@
               {
                 "name": "icon",
                 "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "end-icon",
                 "description": "Defines the icon, displayed as graphical element within the component after the button text.\n\n**Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.\nUsage of `endIcon` only should be avoided.\n\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "submits",
@@ -8272,7 +8265,7 @@
               {
                 "name": "tooltip",
                 "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name",
@@ -8282,7 +8275,7 @@
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "type",
@@ -8311,7 +8304,7 @@
             {
               "name": "text",
               "description": "Defines the text of the token.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "selected",
@@ -8331,7 +8324,7 @@
               {
                 "name": "text",
                 "description": "Defines the text of the token.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "selected",
@@ -8426,12 +8419,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the input.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "design",
@@ -8459,12 +8452,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the input.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "design",
@@ -8496,17 +8489,17 @@
             {
               "name": "icon",
               "description": "Defines the `icon` source URI.\n\n**Note:** SAP-icons font provides numerous buil-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "end-icon",
               "description": "Defines the icon, displayed as graphical element within the component after the button text.\n\n**Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.\nUsage of `endIcon` only should be avoided.\n\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "tooltip",
               "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name",
@@ -8516,12 +8509,12 @@
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "text",
               "description": "Button text",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "width",
@@ -8565,17 +8558,17 @@
               {
                 "name": "icon",
                 "description": "Defines the `icon` source URI.\n\n**Note:** SAP-icons font provides numerous buil-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "end-icon",
                 "description": "Defines the icon, displayed as graphical element within the component after the button text.\n\n**Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.\nUsage of `endIcon` only should be avoided.\n\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "tooltip",
                 "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name",
@@ -8585,12 +8578,12 @@
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "text",
                 "description": "Button text",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "width",
@@ -8644,12 +8637,12 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Receives id(or many ids) of the elements that label the select.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "overflow-priority",
@@ -8707,12 +8700,12 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Receives id(or many ids) of the elements that label the select.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "overflow-priority",
@@ -8867,34 +8860,34 @@
               "name": "selection-mode",
               "description": "Defines the selection mode of the component. Since the tree uses a `ui5-list` to display its structure,\nthe tree modes are exactly the same as the list modes, and are all applicable.",
               "value": {
-                "type": "\"Single\" | \"Multiple\" | \"None\" | \"SingleStart\" | \"SingleEnd\" | \"SingleAuto\" | \"Delete\"",
+                "type": "\"Single\" | \"Multiple\" | \"None\" | \"SingleStart\" | \"SingleEnd\" | \"SingleAuto\" | \"Delete\" | undefined",
                 "default": "\"None\""
               }
             },
             {
               "name": "no-data-text",
               "description": "Defines the text that is displayed when the component contains no items.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "header-text",
               "description": "Defines the component header text.\n\n**Note:** If the `header` slot is set, this property is ignored.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "footer-text",
               "description": "Defines the component footer text.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name",
               "description": "Defines the accessible name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "accessible-name-ref",
               "description": "Defines the IDs of the elements that label the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -8939,33 +8932,33 @@
                 "name": "selection-mode",
                 "description": "Defines the selection mode of the component. Since the tree uses a `ui5-list` to display its structure,\nthe tree modes are exactly the same as the list modes, and are all applicable.",
                 "value": {
-                  "type": "\"Single\" | \"Multiple\" | \"None\" | \"SingleStart\" | \"SingleEnd\" | \"SingleAuto\" | \"Delete\""
+                  "type": "\"Single\" | \"Multiple\" | \"None\" | \"SingleStart\" | \"SingleEnd\" | \"SingleAuto\" | \"Delete\" | undefined"
                 }
               },
               {
                 "name": "no-data-text",
                 "description": "Defines the text that is displayed when the component contains no items.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "header-text",
                 "description": "Defines the component header text.\n\n**Note:** If the `header` slot is set, this property is ignored.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "footer-text",
                 "description": "Defines the component footer text.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "accessible-name-ref",
                 "description": "Defines the IDs of the elements that label the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               }
             ],
             "events": [
@@ -9004,17 +8997,17 @@
             {
               "name": "text",
               "description": "Defines the text of the tree item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "additional-text",
               "description": "Defines the `additionalText`, displayed in the end of the tree item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "icon",
               "description": "If set, an icon will be displayed before the text of the tree list item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "expanded",
@@ -9047,7 +9040,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "type",
@@ -9065,7 +9058,7 @@
             {
               "name": "tooltip",
               "description": "Defines the text of the tooltip that would be displayed for the list item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "highlight",
@@ -9092,17 +9085,17 @@
               {
                 "name": "text",
                 "description": "Defines the text of the tree item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "additional-text",
                 "description": "Defines the `additionalText`, displayed in the end of the tree item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "icon",
                 "description": "If set, an icon will be displayed before the text of the tree list item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "expanded",
@@ -9134,7 +9127,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "type",
@@ -9151,7 +9144,7 @@
               {
                 "name": "tooltip",
                 "description": "Defines the text of the tooltip that would be displayed for the list item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "highlight",
@@ -9187,7 +9180,7 @@
             {
               "name": "icon",
               "description": "If set, an icon will be displayed before the text of the tree list item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "expanded",
@@ -9220,7 +9213,7 @@
             {
               "name": "accessible-name",
               "description": "Defines the accessible name of the component.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "type",
@@ -9238,7 +9231,7 @@
             {
               "name": "tooltip",
               "description": "Defines the text of the tooltip that would be displayed for the list item.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "highlight",
@@ -9276,7 +9269,7 @@
               {
                 "name": "icon",
                 "description": "If set, an icon will be displayed before the text of the tree list item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "expanded",
@@ -9308,7 +9301,7 @@
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible name of the component.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "type",
@@ -9325,7 +9318,7 @@
               {
                 "name": "tooltip",
                 "description": "Defines the text of the tooltip that would be displayed for the list item.",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "highlight",