@ui5/webcomponents-fiori 2.15.0 → 2.15.2

package/dist/custom-elements.json

@@ -4,446 +4,393 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "dist/fcl-utils/FCLLayout.js",
+      "path": "dist/Assets-fetch.js",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "dist/illustrations/AllIllustrations.js",
+      "path": "dist/Assets-node.js",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "dist/types/FCLLayout.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FCLLayout",
-            "module": "dist/types/FCLLayout.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/IllustrationMessageDesign.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "IllustrationMessageDesign",
-            "module": "dist/types/IllustrationMessageDesign.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/IllustrationMessageType.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "IllustrationMessageType",
-            "module": "dist/types/IllustrationMessageType.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/MediaGalleryItemLayout.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "MediaGalleryItemLayout",
-            "module": "dist/types/MediaGalleryItemLayout.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/MediaGalleryLayout.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "MediaGalleryLayout",
-            "module": "dist/types/MediaGalleryLayout.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/MediaGalleryMenuHorizontalAlign.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "MediaGalleryMenuHorizontalAlign",
-            "module": "dist/types/MediaGalleryMenuHorizontalAlign.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/MediaGalleryMenuVerticalAlign.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "MediaGalleryMenuVerticalAlign",
-            "module": "dist/types/MediaGalleryMenuVerticalAlign.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/NavigationLayoutMode.js",
+      "path": "dist/Assets.js",
       "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "NavigationLayoutMode",
-            "module": "dist/types/NavigationLayoutMode.js"
-          }
-        }
-      ]
+      "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "dist/types/NotificationListItemImportance.js",
-      "declarations": [],
-      "exports": [
+      "path": "dist/BarcodeScannerDialog.js",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "NotificationListItemImportance",
-            "module": "dist/types/NotificationListItemImportance.js"
-          }
+          "kind": "class",
+          "description": "### Overview\n\nThe `BarcodeScannerDialog` component provides barcode scanning functionality for all devices that support the `MediaDevices.getUserMedia()` native API.\nOpening the dialog launches the device camera and scans for known barcode formats.\n\nA `scanSuccess` event fires whenever a barcode is identified\nand a `scanError` event fires when the scan failed (for example, due to missing permisions).\n\nInternally, the component  uses the zxing-js/library third party OSS.\n\nFor a list of supported barcode formats, see the [zxing-js/library](https://github.com/zxing-js/library) documentation.",
+          "name": "BarcodeScannerDialog",
+          "slots": [
+            {
+              "name": "header",
+              "description": "Defines the header HTML Element.\n\n**Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.\n`accessibleName` should be used."
+            },
+            {
+              "name": "footer",
+              "description": "Defines the footer HTML Element.\n\n**Note:** When you provide custom content for the `footer` slot, the default close button is not rendered.\nThis means you need to include your own mechanism within the custom `footer` to close the dialog,\nsuch as a button with an event listener that closes the dialog.\n\n**Note:** If the `footer` slot is not provided, a default footer with a close button is rendered automatically,\nallowing users to close the dialog without any additional implementation."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether the dialog is open.",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "close",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the user closes the component."
+            },
+            {
+              "name": "scan-success",
+              "type": {
+                "text": "CustomEvent<BarcodeScannerDialogScanSuccessEventDetail>",
+                "references": [
+                  {
+                    "name": "BarcodeScannerDialogScanSuccessEventDetail",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/BarcodeScannerDialog.js"
+                  }
+                ]
+              },
+              "description": "Fires when the scan is completed successfuuly."
+            },
+            {
+              "name": "scan-error",
+              "type": {
+                "text": "CustomEvent<BarcodeScannerDialogScanErrorEventDetail>",
+                "references": [
+                  {
+                    "name": "BarcodeScannerDialogScanErrorEventDetail",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/BarcodeScannerDialog.js"
+                  }
+                ]
+              },
+              "description": "Fires when the scan fails with error."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Indicates whether the dialog is open.",
+              "name": "open",
+              "default": "false",
+              "fieldName": "open",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "ui5-barcode-scanner-dialog",
+          "customElement": true
         }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/PageBackgroundDesign.js",
-      "declarations": [],
+      ],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "PageBackgroundDesign",
-            "module": "dist/types/PageBackgroundDesign.js"
+            "name": "BarcodeScannerDialog",
+            "module": "dist/BarcodeScannerDialog.js"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/SearchMode.js",
-      "declarations": [],
-      "exports": [
+        },
         {
-          "kind": "js",
-          "name": "default",
+          "kind": "custom-element-definition",
+          "name": "ui5-barcode-scanner-dialog",
           "declaration": {
-            "name": "SearchMode",
-            "module": "dist/types/SearchMode.js"
+            "name": "BarcodeScannerDialog",
+            "module": "dist/BarcodeScannerDialog.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/types/SideContentFallDown.js",
-      "declarations": [],
-      "exports": [
+      "path": "dist/DynamicPage.js",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SideContentFallDown",
-            "module": "dist/types/SideContentFallDown.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/SideContentPosition.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SideContentPosition",
-            "module": "dist/types/SideContentPosition.js"
-          }
+          "kind": "class",
+          "description": "### Overview\n\nA layout component, representing a web page, consisting of a title, header with dynamic behavior, a content area, and an optional floating footer.\n\nThe component consist of several components:\n\n- `DynamicPageTitle` - a component, holding the title of the page, the navigation actions and the content. The displayed content changes based on the current mode of the `DynamicPageHeader`.\n- `DynamicPageHeader` - a generic container, which can contain a single layout component and any other HTML elements. The header works in two modes - expanded and snapped and its behavior can be adjusted with the help of different properties.\n- `Content area` - a generic container, which can have a single UI5 layout.\n- `Footer` - positioned at the bottom with a small offset and used for additional actions, the footer floats above the content.\n\n### Usage\n\nUse the `DynamicPage` if you need to have a title, that is always visible\nand a header, that has configurable Expanding/Snapping functionality.\nIf you don't need the Expanding/Snapping functionality it is better to use the\n`ui5-page` as a lighter component.\n\nThe app can add to the `default` slot of the ui5-dynamic-page either content that is designed to fit its container (e.g. has 100% height),\nor content with own height that may overflow its container. In the second case the `DynamicPage` will show a scrollbar that allows the user\nscroll through the content.\n\n## Notes:\n\n- Snapping of the `DynamicPageTitle` is not supported in the following case:\n - When the `DynamicPage` has a scroll bar, the component usually scrolls to the snapping point - the point, where the `DynamicPageHeader` is scrolled out completely. However, when there is a scroll bar, but not enough content to reach the snapping point, the snapping is not possible using scrolling.\n\n### Responsive Behavior\n\nDynamic page web component implements the responsive paddings design.\n\n### Keyboard Handling\n\n\n### Basic Navigation\n\n- [SPACE, ENTER, RETURN] - If focus is on a button inside DynamicPageTitle its action is being triggered, once activated.\nIf focus is on the snap header button (arrow button), or on the header itself, once activated, it triggers the associated action (such as snap/expand the header).\nIf focus is on pin button (the button with pin icon on the bottom of the header), once activated, it triggers the associated action (pinning of the header).\n\n### Fast Navigation\n- This component provides a build in fast navigation group which can be used via `F6 / Shift + F6` or ` Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up`.\nIn order to use this functionality, you need to import the following module:\n\n- `import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/DynamicPage.js\";`",
+          "name": "DynamicPage",
+          "cssParts": [
+            {
+              "description": "Used to style the content of the component",
+              "name": "content"
+            },
+            {
+              "description": "Used to style the fit content container of the component.",
+              "name": "fit-content"
+            },
+            {
+              "description": "Used to style the footer of the component",
+              "name": "footer"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the content of the Dynamic Page."
+            },
+            {
+              "name": "titleArea",
+              "description": "Defines the title HTML Element."
+            },
+            {
+              "name": "headerArea",
+              "description": "Defines the header HTML Element."
+            },
+            {
+              "name": "footerArea",
+              "description": "Defines the footer HTML Element."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hidePinButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if the pin button is hidden.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "headerPinned",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if the header is pinned.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "showFooter",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if the footer is shown.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "headerSnapped",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the header is snapped.",
+              "default": "false",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "pin-button-toggle",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the pin header button is toggled."
+            },
+            {
+              "name": "title-toggle",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the expand/collapse area of the title is toggled."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines if the pin button is hidden.",
+              "name": "hide-pin-button",
+              "default": "false",
+              "fieldName": "hidePinButton",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Defines if the header is pinned.",
+              "name": "header-pinned",
+              "default": "false",
+              "fieldName": "headerPinned",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Defines if the footer is shown.",
+              "name": "show-footer",
+              "default": "false",
+              "fieldName": "showFooter",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Defines if the header is snapped.",
+              "name": "header-snapped",
+              "default": "false",
+              "fieldName": "headerSnapped",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "ui5-dynamic-page",
+          "customElement": true
         }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/SideContentVisibility.js",
-      "declarations": [],
+      ],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SideContentVisibility",
-            "module": "dist/types/SideContentVisibility.js"
+            "name": "DynamicPage",
+            "module": "dist/DynamicPage.js"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/SideNavigationItemDesign.js",
-      "declarations": [],
-      "exports": [
+        },
         {
-          "kind": "js",
-          "name": "default",
+          "kind": "custom-element-definition",
+          "name": "ui5-dynamic-page",
           "declaration": {
-            "name": "SideNavigationItemDesign",
-            "module": "dist/types/SideNavigationItemDesign.js"
+            "name": "DynamicPage",
+            "module": "dist/DynamicPage.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/types/TimelineGrowingMode.js",
-      "declarations": [],
-      "exports": [
+      "path": "dist/DynamicPageHeader.js",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TimelineGrowingMode",
-            "module": "dist/types/TimelineGrowingMode.js"
-          }
+          "kind": "class",
+          "description": "Header of the DynamicPage.\n\n### Overview\n\nThe DynamicPageHeader `ui5-dynamic-page-header` is part of the DynamicPage family\nand is used to serve as header of the `DynamicPage`.\n\n### Usage\n\nThe `DynamicPageHeader` can hold any layout control and has two states - expanded\nand collapsed (snapped). The switching between these states happens when:\n- the user scrolls below its bottom margin\n- the user clicks on the `DynamicPageTitle`\n- through the `DynamicPage` property `headerSnapped`\n\n### Responsive Behavior\n\nThe responsive behavior of the `DynamicPageHeader` depends on the behavior of the\ncontent that is displayed.\n\n### Accessibility\n\nThe `DynamicPageHeader` provides an accessible label for the header region.",
+          "name": "DynamicPageHeader",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the content of the Dynamic Page Header."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "ui5-dynamic-page-header",
+          "customElement": true
         }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/TimelineLayout.js",
-      "declarations": [],
+      ],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TimelineLayout",
-            "module": "dist/types/TimelineLayout.js"
+            "name": "DynamicPageHeader",
+            "module": "dist/DynamicPageHeader.js"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/UploadCollectionDnDMode.js",
-      "declarations": [],
-      "exports": [
+        },
         {
-          "kind": "js",
-          "name": "default",
+          "kind": "custom-element-definition",
+          "name": "ui5-dynamic-page-header",
           "declaration": {
-            "name": "UploadCollectionDnDOverlayMode",
-            "module": "dist/types/UploadCollectionDnDMode.js"
+            "name": "DynamicPageHeader",
+            "module": "dist/DynamicPageHeader.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/types/UploadCollectionSelectionMode.js",
+      "path": "dist/DynamicPageHeaderActions.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "UploadCollectionSelectionMode",
-            "module": "dist/types/UploadCollectionSelectionMode.js"
+            "name": "DynamicPageHeaderActions",
+            "module": "dist/DynamicPageHeaderActions.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/types/UploadState.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "UploadState",
-            "module": "dist/types/UploadState.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/ViewSettingsDialogMode.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ViewSettingsDialogMode",
-            "module": "dist/types/ViewSettingsDialogMode.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/WizardContentLayout.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "WizardContentLayout",
-            "module": "dist/types/WizardContentLayout.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/upload-utils/UploadCollectionBodyDnD.js",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/Assets-fetch.js",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/Assets-node.js",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/Assets.js",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/BarcodeScannerDialog.js",
-      "declarations": [
+      "path": "dist/DynamicPageTitle.js",
+      "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nThe `BarcodeScannerDialog` component provides barcode scanning functionality for all devices that support the `MediaDevices.getUserMedia()` native API.\nOpening the dialog launches the device camera and scans for known barcode formats.\n\nA `scanSuccess` event fires whenever a barcode is identified\nand a `scanError` event fires when the scan failed (for example, due to missing permisions).\n\nInternally, the component  uses the zxing-js/library third party OSS.\n\nFor a list of supported barcode formats, see the [zxing-js/library](https://github.com/zxing-js/library) documentation.",
-          "name": "BarcodeScannerDialog",
+          "description": "### Overview\n\nTitle of the `DynamicPage`.\n\nThe `DynamicPageTitle` component is part of the `DynamicPage`\nfamily and is used to serve as title of the `DynamicPage`.\n\n### Usage\n\nThe `DynamicPageTitle` can hold any component and displays the most important\ninformation regarding the object that will always remain visible while scrolling.\n\n**Note:** The `actions` slot accepts any UI5 web component, but it's\nrecommended to use `ui5-toolbar`.\n\nThe user can switch between the expanded/collapsed states of the\n`DynamicPage` by clicking on the `DynamicPageTitle`\nor by using the expand/collapse visual indicators, positioned at the bottom of the\n`DynamicPageTitle` and the `DynamicPageHeader` inside `ui5-dynamic-page-header-actions`.\n\n### Responsive Behavior\n\nThe responsive behavior of the `DynamicPageTitle` depends on the behavior of the\ncontent that is displayed.",
+          "name": "DynamicPageTitle",
           "slots": [
             {
-              "name": "header",
-              "description": "Defines the header HTML Element.\n\n**Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.\n`accessibleName` should be used."
+              "name": "heading",
+              "description": "Defines the content of the Heading of the Dynamic Page.\n\nThe font size of the title within the `heading` slot can be adjusted to the recommended values using the following CSS variables:\n\n**Expanded:** `var(--sapObjectHeader_Title_FontSize)`\n\n**Collapsed:** `var(--sapObjectHeader_Title_SnappedFontSize)`"
             },
             {
-              "name": "footer",
-              "description": "Defines the footer HTML Element.\n\n**Note:** When you provide custom content for the `footer` slot, the default close button is not rendered.\nThis means you need to include your own mechanism within the custom `footer` to close the dialog,\nsuch as a button with an event listener that closes the dialog.\n\n**Note:** If the `footer` slot is not provided, a default footer with a close button is rendered automatically,\nallowing users to close the dialog without any additional implementation."
-            }
-          ],
-          "members": [
+              "name": "snappedHeading",
+              "description": "Defines the heading that is shown only when the header is snapped."
+            },
             {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether the dialog is open.",
-              "privacy": "public"
-            }
-          ],
-          "events": [
+              "name": "snappedTitleOnMobile",
+              "description": "Defines the content of the snapped title on mobile devices.\n\nThis slot is displayed only when the `DynamicPageTitle` is in the snapped state on mobile devices.\nIt should be used to provide a simplified, single-line title that takes up less space on smaller screens.\n\n**Note:**\n- The content set in this slot **overrides** all other content set in the `DynamicPageTitle` slots when displayed.\n- The slot is intended for a single `ui5-title` component."
+            },
             {
-              "name": "close",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when the user closes the component."
+              "name": "actionsBar",
+              "description": "Defines the bar with actions in the Dynamic page title."
             },
             {
-              "name": "scan-success",
-              "type": {
-                "text": "CustomEvent<BarcodeScannerDialogScanSuccessEventDetail>",
-                "references": [
-                  {
-                    "name": "BarcodeScannerDialogScanSuccessEventDetail",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/BarcodeScannerDialog.js"
-                  }
-                ]
-              },
-              "description": "Fires when the scan is completed successfuuly."
+              "name": "navigationBar",
+              "description": "Defines the bar with navigation actions in the Dynamic page title."
             },
             {
-              "name": "scan-error",
-              "type": {
-                "text": "CustomEvent<BarcodeScannerDialogScanErrorEventDetail>",
-                "references": [
-                  {
-                    "name": "BarcodeScannerDialogScanErrorEventDetail",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/BarcodeScannerDialog.js"
-                  }
-                ]
-              },
-              "description": "Fires when the scan fails with error."
-            }
-          ],
-          "attributes": [
+              "name": "default",
+              "description": "Defines the content of the Dynamic page title."
+            },
             {
-              "description": "Indicates whether the dialog is open.",
-              "name": "open",
-              "default": "false",
-              "fieldName": "open",
-              "type": {
-                "text": "boolean"
-              }
+              "name": "subheading",
+              "description": "Defines the content of the title that is shown only when the header is not snapped."
+            },
+            {
+              "name": "snappedSubheading",
+              "description": "Defines the content of the title that is shown only when the header is snapped."
+            },
+            {
+              "name": "breadcrumbs",
+              "description": "Defines the content of the breadcrumbs inside Dynamic Page Title."
             }
           ],
           "superclass": {
@@ -451,7 +398,7 @@
             "package": "@ui5/webcomponents-base",
             "module": "dist/UI5Element.js"
           },
-          "tagName": "ui5-barcode-scanner-dialog",
+          "tagName": "ui5-dynamic-page-title",
           "customElement": true
         }
       ],
@@ -460,153 +407,227 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "BarcodeScannerDialog",
-            "module": "dist/BarcodeScannerDialog.js"
+            "name": "DynamicPageTitle",
+            "module": "dist/DynamicPageTitle.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui5-barcode-scanner-dialog",
+          "name": "ui5-dynamic-page-title",
           "declaration": {
-            "name": "BarcodeScannerDialog",
-            "module": "dist/BarcodeScannerDialog.js"
+            "name": "DynamicPageTitle",
+            "module": "dist/DynamicPageTitle.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/DynamicPage.js",
+      "path": "dist/DynamicSideContent.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nA layout component, representing a web page, consisting of a title, header with dynamic behavior, a content area, and an optional floating footer.\n\nThe component consist of several components:\n\n- `DynamicPageTitle` - a component, holding the title of the page, the navigation actions and the content. The displayed content changes based on the current mode of the `DynamicPageHeader`.\n- `DynamicPageHeader` - a generic container, which can contain a single layout component and any other HTML elements. The header works in two modes - expanded and snapped and its behavior can be adjusted with the help of different properties.\n- `Content area` - a generic container, which can have a single UI5 layout.\n- `Footer` - positioned at the bottom with a small offset and used for additional actions, the footer floats above the content.\n\n### Usage\n\nUse the `DynamicPage` if you need to have a title, that is always visible\nand a header, that has configurable Expanding/Snapping functionality.\nIf you don't need the Expanding/Snapping functionality it is better to use the\n`ui5-page` as a lighter component.\n\nThe app can add to the `default` slot of the ui5-dynamic-page either content that is designed to fit its container (e.g. has 100% height),\nor content with own height that may overflow its container. In the second case the `DynamicPage` will show a scrollbar that allows the user\nscroll through the content.\n\n## Notes:\n\n- Snapping of the `DynamicPageTitle` is not supported in the following case:\n - When the `DynamicPage` has a scroll bar, the component usually scrolls to the snapping point - the point, where the `DynamicPageHeader` is scrolled out completely. However, when there is a scroll bar, but not enough content to reach the snapping point, the snapping is not possible using scrolling.\n\n### Responsive Behavior\n\nDynamic page web component implements the responsive paddings design.\n\n### Keyboard Handling\n\n\n### Basic Navigation\n\n- [SPACE, ENTER, RETURN] - If focus is on a button inside DynamicPageTitle its action is being triggered, once activated.\nIf focus is on the snap header button (arrow button), or on the header itself, once activated, it triggers the associated action (such as snap/expand the header).\nIf focus is on pin button (the button with pin icon on the bottom of the header), once activated, it triggers the associated action (pinning of the header).\n\n### Fast Navigation\n- This component provides a build in fast navigation group which can be used via `F6 / Shift + F6` or ` Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up`.\nIn order to use this functionality, you need to import the following module:\n\n- `import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/DynamicPage.js\";`",
-          "name": "DynamicPage",
-          "cssParts": [
-            {
-              "description": "Used to style the content of the component",
-              "name": "content"
-            },
-            {
-              "description": "Used to style the fit content container of the component.",
-              "name": "fit-content"
-            },
-            {
-              "description": "Used to style the footer of the component",
-              "name": "footer"
-            }
-          ],
+          "description": "### Overview\n\nThe DynamicSideContent (`ui5-dynamic-side-content`) is a layout component that allows additional content\nto be displayed in a way that flexibly adapts to different screen sizes. The side\ncontent appears in a container next to or directly below the main content\n(it doesn't overlay). When the side content is triggered, the main content becomes\nnarrower (if appearing side-by-side). The side content contains a separate scrollbar\nwhen appearing next to the main content.\n\n### Usage\n\n*When to use?*\n\nUse this component if you want to display relevant information that is not critical\nfor users to complete a task. Users should have access to all the key functions and\ncritical information in the app even if they do not see the side content. This is\nimportant because on smaller screen sizes it may be difficult to display the side\ncontent in a way that is easily accessible for the user.\n\n*When not to use?*\n\nDon't use it if you want to display navigation or critical information that prevents\nusers from completing a task when they have no access to the side content.\n\n### Responsive Behavior\n\nScreen width \\> 1440px\n\n- Main vs. side content ratio is 75 vs. 25 percent (with a minimum of 320px\neach).\n- If the application defines a trigger, the side content can be hidden.\n\nScreen width \\<\\= 1440px and \\> 1024px\n\n- Main vs. side content ratio is 66.666 vs. 33.333 percent (with a minimum of\n320px each). If the side content width falls below 320 px, it automatically slides\nunder the main content, unless the app development team specifies that it should\ndisappear.\n\nScreen width \\<\\= 1024px and \\> 720px\n\n- The side content ratio is fixed to 340px, and the main content takes the rest\nof the width. Only if the `sideContentFallDown` is set to `OnMinimumWidth`\nand screen width is \\<\\= 960px and \\> 720px the side content falls below the main content.\n\nScreen width \\<\\= 720px (for example on a mobile device)\n\n- In this case, the side content automatically disappears from the screen (unless\nspecified to stay under the content by setting of `sideContentVisibility`\nproperty to `AlwaysShow`) and can be triggered from a pre-set trigger\n(specified within the app). When the side content is triggered, it replaces the main\ncontent. We recommend that you always place the trigger for the side content in the\nsame location, such as in the app footer.\n\nA special case allows switching the comparison mode between the main and side content.\nIn this case, the screen is split into 50:50 percent for main vs. side content. The\nresponsive behavior of the equal split is the same as in the standard view - the\nside content disappears on screen widths of less than 720 px and can only be\nviewed by triggering it.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/DynamicSideContent.js\";`",
+          "name": "DynamicSideContent",
           "slots": [
             {
-              "name": "default",
-              "description": "Defines the content of the Dynamic Page."
-            },
-            {
-              "name": "titleArea",
-              "description": "Defines the title HTML Element."
-            },
-            {
-              "name": "headerArea",
-              "description": "Defines the header HTML Element."
+              "description": "Defines the main content.",
+              "name": "default"
             },
             {
-              "name": "footerArea",
-              "description": "Defines the footer HTML Element."
+              "name": "sideContent",
+              "description": "Defines the side content."
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hidePinButton",
+              "name": "hideMainContent",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Defines if the pin button is hidden.",
+              "description": "Defines the visibility of the main content.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "headerPinned",
+              "name": "hideSideContent",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Defines if the header is pinned.",
+              "description": "Defines the visibility of the side content.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "showFooter",
+              "name": "sideContentPosition",
               "type": {
-                "text": "boolean"
+                "text": "SideContentPosition",
+                "references": [
+                  {
+                    "name": "SideContentPosition",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/SideContentPosition.js"
+                  }
+                ]
               },
-              "default": "false",
-              "description": "Defines if the footer is shown.",
+              "default": "\"End\"",
+              "description": "Defines whether the side content is positioned before the main content (left side\nin LTR mode), or after the the main content (right side in LTR mode).",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "headerSnapped",
+              "name": "sideContentVisibility",
               "type": {
-                "text": "boolean"
+                "text": "SideContentVisibility",
+                "references": [
+                  {
+                    "name": "SideContentVisibility",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/SideContentVisibility.js"
+                  }
+                ]
               },
-              "description": "Defines if the header is snapped.",
-              "default": "false",
+              "default": "\"ShowAboveS\"",
+              "description": "Defines on which breakpoints the side content is visible.",
               "privacy": "public"
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "pin-button-toggle",
+              "kind": "field",
+              "name": "sideContentFallDown",
               "type": {
-                "text": "CustomEvent"
+                "text": "SideContentFallDown",
+                "references": [
+                  {
+                    "name": "SideContentFallDown",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/SideContentFallDown.js"
+                  }
+                ]
               },
-              "description": "Fired when the pin header button is toggled."
+              "default": "\"OnMinimumWidth\"",
+              "description": "Defines on which breakpoints the side content falls down below the main content.",
+              "privacy": "public"
             },
             {
-              "name": "title-toggle",
+              "kind": "field",
+              "name": "equalSplit",
               "type": {
-                "text": "CustomEvent"
+                "text": "boolean"
               },
-              "description": "Fired when the expand/collapse area of the title is toggled."
-            }
-          ],
-          "attributes": [
+              "default": "false",
+              "description": "Defines whether the component is in equal split mode. In this mode, the side and\nthe main content take 50:50 percent of the container on all screen sizes\nexcept for phone, where the main and side contents are switching visibility\nusing the toggle method.",
+              "privacy": "public"
+            },
             {
-              "description": "Defines if the pin button is hidden.",
-              "name": "hide-pin-button",
+              "kind": "field",
+              "name": "accessibilityAttributes",
+              "type": {
+                "text": "DynamicSideContentAccessibilityAttributes",
+                "references": [
+                  {
+                    "name": "DynamicSideContentAccessibilityAttributes",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/DynamicSideContent.js"
+                  }
+                ]
+              },
+              "default": "{}",
+              "description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields:\n\n - **mainContent**: `mainContent.ariaLabel` defines the aria-label of the main content area. Accepts any string.\n - **sideContent**: `sideContent.ariaLabel` defines the aria-label of the side content area. Accepts any string.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "toggleContents",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Toggles visibility of main and side contents on S screen size (mobile device).",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "layout-change",
+              "type": {
+                "text": "CustomEvent<DynamicSideContentLayoutChangeEventDetail>",
+                "references": [
+                  {
+                    "name": "DynamicSideContentLayoutChangeEventDetail",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/DynamicSideContent.js"
+                  }
+                ]
+              },
+              "description": "Fires when the current breakpoint has been changed."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the visibility of the main content.",
+              "name": "hide-main-content",
               "default": "false",
-              "fieldName": "hidePinButton",
+              "fieldName": "hideMainContent",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "description": "Defines if the header is pinned.",
-              "name": "header-pinned",
+              "description": "Defines the visibility of the side content.",
+              "name": "hide-side-content",
               "default": "false",
-              "fieldName": "headerPinned",
+              "fieldName": "hideSideContent",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "description": "Defines if the footer is shown.",
-              "name": "show-footer",
+              "description": "Defines whether the side content is positioned before the main content (left side\nin LTR mode), or after the the main content (right side in LTR mode).",
+              "name": "side-content-position",
+              "default": "\"End\"",
+              "fieldName": "sideContentPosition",
+              "type": {
+                "text": "\"End\" | \"Start\""
+              }
+            },
+            {
+              "description": "Defines on which breakpoints the side content is visible.",
+              "name": "side-content-visibility",
+              "default": "\"ShowAboveS\"",
+              "fieldName": "sideContentVisibility",
+              "type": {
+                "text": "\"AlwaysShow\" | \"ShowAboveL\" | \"ShowAboveM\" | \"ShowAboveS\" | \"NeverShow\""
+              }
+            },
+            {
+              "description": "Defines on which breakpoints the side content falls down below the main content.",
+              "name": "side-content-fall-down",
+              "default": "\"OnMinimumWidth\"",
+              "fieldName": "sideContentFallDown",
+              "type": {
+                "text": "\"BelowXL\" | \"BelowL\" | \"BelowM\" | \"OnMinimumWidth\""
+              }
+            },
+            {
+              "description": "Defines whether the component is in equal split mode. In this mode, the side and\nthe main content take 50:50 percent of the container on all screen sizes\nexcept for phone, where the main and side contents are switching visibility\nusing the toggle method.",
+              "name": "equal-split",
               "default": "false",
-              "fieldName": "showFooter",
+              "fieldName": "equalSplit",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "description": "Defines if the header is snapped.",
-              "name": "header-snapped",
-              "default": "false",
-              "fieldName": "headerSnapped",
+              "description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields:\n\n - **mainContent**: `mainContent.ariaLabel` defines the aria-label of the main content area. Accepts any string.\n - **sideContent**: `sideContent.ariaLabel` defines the aria-label of the side content area. Accepts any string.",
+              "name": "accessibility-attributes",
+              "default": "{}",
+              "fieldName": "accessibilityAttributes",
               "type": {
-                "text": "any"
+                "text": "DynamicSideContentAccessibilityAttributes"
               }
             }
           ],
@@ -615,7 +636,7 @@
             "package": "@ui5/webcomponents-base",
             "module": "dist/UI5Element.js"
           },
-          "tagName": "ui5-dynamic-page",
+          "tagName": "ui5-dynamic-side-content",
           "customElement": true
         }
       ],
@@ -624,32 +645,74 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DynamicPage",
-            "module": "dist/DynamicPage.js"
+            "name": "DynamicSideContent",
+            "module": "dist/DynamicSideContent.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui5-dynamic-page",
+          "name": "ui5-dynamic-side-content",
           "declaration": {
-            "name": "DynamicPage",
-            "module": "dist/DynamicPage.js"
+            "name": "DynamicSideContent",
+            "module": "dist/DynamicSideContent.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/DynamicPageHeader.js",
+      "path": "dist/FilterItem.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Header of the DynamicPage.\n\n### Overview\n\nThe DynamicPageHeader `ui5-dynamic-page-header` is part of the DynamicPage family\nand is used to serve as header of the `DynamicPage`.\n\n### Usage\n\nThe `DynamicPageHeader` can hold any layout control and has two states - expanded\nand collapsed (snapped). The switching between these states happens when:\n- the user scrolls below its bottom margin\n- the user clicks on the `DynamicPageTitle`\n- through the `DynamicPage` property `headerSnapped`\n\n### Responsive Behavior\n\nThe responsive behavior of the `DynamicPageHeader` depends on the behavior of the\ncontent that is displayed.\n\n### Accessibility\n\nThe `DynamicPageHeader` provides an accessible label for the header region.",
-          "name": "DynamicPageHeader",
+          "description": "### Overview\n\nThe `ui5-filter-item` component defines the filtering criteria for data in `ui5-view-settings-dialog`.\nIt represents a single filter category that contains multiple filter options that users can select.\n\n### Usage\n\nThe `ui5-filter-item` is used within the `ui5-view-settings-dialog` to provide filtering options.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/FilterItem.js\";`",
+          "name": "FilterItem",
           "slots": [
             {
-              "name": "default",
-              "description": "Defines the content of the Dynamic Page Header."
+              "name": "values",
+              "description": "Defines the filter options available for this filter category."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the text of the filter item.",
+              "default": "undefined",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "additionalText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the additional text of the filter item.\nThis text is typically used to show the number of selected filter options within this category.",
+              "default": "undefined",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the text of the filter item.",
+              "name": "text",
+              "default": "undefined",
+              "fieldName": "text",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines the additional text of the filter item.\nThis text is typically used to show the number of selected filter options within this category.",
+              "name": "additional-text",
+              "default": "undefined",
+              "fieldName": "additionalText",
+              "type": {
+                "text": "string | undefined"
+              }
             }
           ],
           "superclass": {
@@ -657,7 +720,7 @@
             "package": "@ui5/webcomponents-base",
             "module": "dist/UI5Element.js"
           },
-          "tagName": "ui5-dynamic-page-header",
+          "tagName": "ui5-filter-item",
           "customElement": true
         }
       ],
@@ -666,316 +729,315 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DynamicPageHeader",
-            "module": "dist/DynamicPageHeader.js"
+            "name": "FilterItem",
+            "module": "dist/FilterItem.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui5-dynamic-page-header",
+          "name": "ui5-filter-item",
           "declaration": {
-            "name": "DynamicPageHeader",
-            "module": "dist/DynamicPageHeader.js"
+            "name": "FilterItem",
+            "module": "dist/FilterItem.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/DynamicPageHeaderActions.js",
-      "declarations": [],
+      "path": "dist/FilterItemOption.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "### Overview\n\nThe `ui5-filter-item-option` component defines individual filter values within a `ui5-filter-item`.\nIt represents a single selectable option that users can choose to filter data.\n\n### Usage\n\nThe `ui5-filter-item-option` is used as a child component within `ui5-filter-item` in the context\nof `ui5-view-settings-dialog`. Each option represents a specific value that can be used for filtering\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/FilterItemOption.js\";`",
+          "name": "FilterItemOption",
+          "members": [
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the text of the filter option.",
+              "default": "undefined",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if the filter option is selected.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the text of the filter option.",
+              "name": "text",
+              "default": "undefined",
+              "fieldName": "text",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines if the filter option is selected.",
+              "name": "selected",
+              "default": "false",
+              "fieldName": "selected",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "ui5-filter-item-option",
+          "customElement": true
+        }
+      ],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DynamicPageHeaderActions",
-            "module": "dist/DynamicPageHeaderActions.js"
+            "name": "FilterItemOption",
+            "module": "dist/FilterItemOption.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-filter-item-option",
+          "declaration": {
+            "name": "FilterItemOption",
+            "module": "dist/FilterItemOption.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/DynamicPageTitle.js",
+      "path": "dist/FlexibleColumnLayout.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nTitle of the `DynamicPage`.\n\nThe `DynamicPageTitle` component is part of the `DynamicPage`\nfamily and is used to serve as title of the `DynamicPage`.\n\n### Usage\n\nThe `DynamicPageTitle` can hold any component and displays the most important\ninformation regarding the object that will always remain visible while scrolling.\n\n**Note:** The `actions` slot accepts any UI5 web component, but it's\nrecommended to use `ui5-toolbar`.\n\nThe user can switch between the expanded/collapsed states of the\n`DynamicPage` by clicking on the `DynamicPageTitle`\nor by using the expand/collapse visual indicators, positioned at the bottom of the\n`DynamicPageTitle` and the `DynamicPageHeader` inside `ui5-dynamic-page-header-actions`.\n\n### Responsive Behavior\n\nThe responsive behavior of the `DynamicPageTitle` depends on the behavior of the\ncontent that is displayed.",
-          "name": "DynamicPageTitle",
+          "description": "### Overview\n\nThe `FlexibleColumnLayout` implements the list-detail-detail paradigm by displaying up to three pages in separate columns.\nThere are several possible layouts that can be changed either with the component API, or by dragging the column separators.\n\n### Usage\n\nUse this component for applications that need to display several logical levels of related information side by side (e.g. list of items, item, sub-item, etc.).\nThe Component is flexible in a sense that the application can focus the user's attention on one particular column.\n\n### Responsive Behavior\n\nThe `FlexibleColumnLayout` automatically displays the maximum possible number of columns based on `layout` property and the window size.\nThe component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px,\nand 3 columns for sizes bigger than 1023px.\n\n**Note:** When the component displays more than one column, the minimal width of each column is 248px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 248px.\n\n### Keyboard Handling\n\n#### Basic Navigation\n\nWhen a column separator is focused,  the following keyboard\nshortcuts allow the user to resize the columns and change the layout:\n\n- [Shift] + [Left] or [Shift] + [Right] - Moves the separator to the left or right, which resizes the columns accordingly.\n- [Left] or [Right] - Moves the separator to the left or right with a bigger step, which resizes the columns accordingly.\n- [Home] - Moves the separator to the start position.\n- [End] - Moves the separator to the end position.\n- This 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#### 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-fiori/dist/FlexibleColumnLayout.js\";`",
+          "name": "FlexibleColumnLayout",
           "slots": [
             {
-              "name": "heading",
-              "description": "Defines the content of the Heading of the Dynamic Page.\n\nThe font size of the title within the `heading` slot can be adjusted to the recommended values using the following CSS variables:\n\n**Expanded:** `var(--sapObjectHeader_Title_FontSize)`\n\n**Collapsed:** `var(--sapObjectHeader_Title_SnappedFontSize)`"
-            },
-            {
-              "name": "snappedHeading",
-              "description": "Defines the heading that is shown only when the header is snapped."
-            },
-            {
-              "name": "snappedTitleOnMobile",
-              "description": "Defines the content of the snapped title on mobile devices.\n\nThis slot is displayed only when the `DynamicPageTitle` is in the snapped state on mobile devices.\nIt should be used to provide a simplified, single-line title that takes up less space on smaller screens.\n\n**Note:**\n- The content set in this slot **overrides** all other content set in the `DynamicPageTitle` slots when displayed.\n- The slot is intended for a single `ui5-title` component."
-            },
-            {
-              "name": "actionsBar",
-              "description": "Defines the bar with actions in the Dynamic page title."
-            },
-            {
-              "name": "navigationBar",
-              "description": "Defines the bar with navigation actions in the Dynamic page title."
-            },
-            {
-              "name": "default",
-              "description": "Defines the content of the Dynamic page title."
-            },
-            {
-              "name": "subheading",
-              "description": "Defines the content of the title that is shown only when the header is not snapped."
-            },
-            {
-              "name": "snappedSubheading",
-              "description": "Defines the content of the title that is shown only when the header is snapped."
+              "name": "startColumn",
+              "description": "Defines the content in the start column."
             },
             {
-              "name": "breadcrumbs",
-              "description": "Defines the content of the breadcrumbs inside Dynamic Page Title."
-            }
-          ],
-          "superclass": {
-            "name": "UI5Element",
-            "package": "@ui5/webcomponents-base",
-            "module": "dist/UI5Element.js"
-          },
-          "tagName": "ui5-dynamic-page-title",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "DynamicPageTitle",
-            "module": "dist/DynamicPageTitle.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ui5-dynamic-page-title",
-          "declaration": {
-            "name": "DynamicPageTitle",
-            "module": "dist/DynamicPageTitle.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/DynamicSideContent.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "### Overview\n\nThe DynamicSideContent (`ui5-dynamic-side-content`) is a layout component that allows additional content\nto be displayed in a way that flexibly adapts to different screen sizes. The side\ncontent appears in a container next to or directly below the main content\n(it doesn't overlay). When the side content is triggered, the main content becomes\nnarrower (if appearing side-by-side). The side content contains a separate scrollbar\nwhen appearing next to the main content.\n\n### Usage\n\n*When to use?*\n\nUse this component if you want to display relevant information that is not critical\nfor users to complete a task. Users should have access to all the key functions and\ncritical information in the app even if they do not see the side content. This is\nimportant because on smaller screen sizes it may be difficult to display the side\ncontent in a way that is easily accessible for the user.\n\n*When not to use?*\n\nDon't use it if you want to display navigation or critical information that prevents\nusers from completing a task when they have no access to the side content.\n\n### Responsive Behavior\n\nScreen width \\> 1440px\n\n- Main vs. side content ratio is 75 vs. 25 percent (with a minimum of 320px\neach).\n- If the application defines a trigger, the side content can be hidden.\n\nScreen width \\<\\= 1440px and \\> 1024px\n\n- Main vs. side content ratio is 66.666 vs. 33.333 percent (with a minimum of\n320px each). If the side content width falls below 320 px, it automatically slides\nunder the main content, unless the app development team specifies that it should\ndisappear.\n\nScreen width \\<\\= 1024px and \\> 720px\n\n- The side content ratio is fixed to 340px, and the main content takes the rest\nof the width. Only if the `sideContentFallDown` is set to `OnMinimumWidth`\nand screen width is \\<\\= 960px and \\> 720px the side content falls below the main content.\n\nScreen width \\<\\= 720px (for example on a mobile device)\n\n- In this case, the side content automatically disappears from the screen (unless\nspecified to stay under the content by setting of `sideContentVisibility`\nproperty to `AlwaysShow`) and can be triggered from a pre-set trigger\n(specified within the app). When the side content is triggered, it replaces the main\ncontent. We recommend that you always place the trigger for the side content in the\nsame location, such as in the app footer.\n\nA special case allows switching the comparison mode between the main and side content.\nIn this case, the screen is split into 50:50 percent for main vs. side content. The\nresponsive behavior of the equal split is the same as in the standard view - the\nside content disappears on screen widths of less than 720 px and can only be\nviewed by triggering it.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/DynamicSideContent.js\";`",
-          "name": "DynamicSideContent",
-          "slots": [
-            {
-              "description": "Defines the main content.",
-              "name": "default"
+              "name": "midColumn",
+              "description": "Defines the content in the middle column."
             },
             {
-              "name": "sideContent",
-              "description": "Defines the side content."
+              "name": "endColumn",
+              "description": "Defines the content in the end column."
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hideMainContent",
+              "name": "layout",
               "type": {
-                "text": "boolean"
+                "text": "FCLLayout",
+                "references": [
+                  {
+                    "name": "FCLLayout",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/FCLLayout.js"
+                  }
+                ]
               },
-              "default": "false",
-              "description": "Defines the visibility of the main content.",
+              "default": "\"OneColumn\"",
+              "description": "Defines the columns layout and their proportion.\n\n**Note:** The layout also depends on the screen size - one column for screens smaller than 599px,\ntwo columns between 599px and 1023px and three columns for sizes bigger than 1023px.\n\n**For example:** layout=`TwoColumnsStartExpanded` means the layout will display up to two columns\nin 67%/33% proportion.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "hideSideContent",
+              "name": "disableResizing",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Defines the visibility of the side content.",
+              "description": "Specifies if the user is allowed to change the columns layout by dragging the separator between the columns.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "sideContentPosition",
+              "name": "accessibilityAttributes",
               "type": {
-                "text": "SideContentPosition",
+                "text": "FCLAccessibilityAttributes",
                 "references": [
                   {
-                    "name": "SideContentPosition",
+                    "name": "FCLAccessibilityAttributes",
                     "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/types/SideContentPosition.js"
+                    "module": "dist/FlexibleColumnLayout.js"
                   }
                 ]
               },
-              "default": "\"End\"",
-              "description": "Defines whether the side content is positioned before the main content (left side\nin LTR mode), or after the the main content (right side in LTR mode).",
+              "default": "{}",
+              "description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields,\nwhere each field is an object supporting one or more accessibility attributes:\n\n - **startColumn**: `startColumn.role` and `startColumn.name`.\n - **midColumn**: `midColumn.role` and `midColumn.name`.\n - **endColumn**: `endColumn.role` and `endColumn.name`.\n - **startSeparator**: `startSeparator.role` and `startSeparator.name`.\n - **endSeparator**: `endSeparator.role` and `endSeparator.name`.\n\nThe accessibility attributes support the following values:\n\n- **role**: Defines the accessible ARIA landmark role of the area.\nAccepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.\n\n- **name**: Defines the accessible ARIA name of the area.\nAccepts any string.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "sideContentVisibility",
+              "name": "columnLayout",
               "type": {
-                "text": "SideContentVisibility",
+                "text": "FlexibleColumnLayoutColumnLayout | undefined",
                 "references": [
                   {
-                    "name": "SideContentVisibility",
+                    "name": "FlexibleColumnLayoutColumnLayout",
                     "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/types/SideContentVisibility.js"
+                    "module": "dist/FlexibleColumnLayout.js"
                   }
                 ]
               },
-              "default": "\"ShowAboveS\"",
-              "description": "Defines on which breakpoints the side content is visible.",
-              "privacy": "public"
+              "description": "Returns the current column layout, based on both the `layout` property and the screen size.\n\n**For example:** [\"67%\", \"33%\", 0], [\"100%\", 0, 0], [\"25%\", \"50%\", \"25%\"], etc,\nwhere the numbers represents the width of the start, middle and end columns.",
+              "default": "undefined",
+              "privacy": "public",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "sideContentFallDown",
+              "name": "startColumnVisible",
               "type": {
-                "text": "SideContentFallDown",
-                "references": [
-                  {
-                    "name": "SideContentFallDown",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/types/SideContentFallDown.js"
-                  }
-                ]
+                "text": "boolean"
               },
-              "default": "\"OnMinimumWidth\"",
-              "description": "Defines on which breakpoints the side content falls down below the main content.",
-              "privacy": "public"
+              "description": "Returns if the `start` column is visible.",
+              "default": "true",
+              "privacy": "public",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "equalSplit",
+              "name": "midColumnVisible",
               "type": {
                 "text": "boolean"
               },
+              "description": "Returns if the `middle` column is visible.",
               "default": "false",
-              "description": "Defines whether the component is in equal split mode. In this mode, the side and\nthe main content take 50:50 percent of the container on all screen sizes\nexcept for phone, where the main and side contents are switching visibility\nusing the toggle method.",
-              "privacy": "public"
+              "privacy": "public",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "accessibilityAttributes",
+              "name": "endColumnVisible",
               "type": {
-                "text": "DynamicSideContentAccessibilityAttributes",
-                "references": [
-                  {
-                    "name": "DynamicSideContentAccessibilityAttributes",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/DynamicSideContent.js"
-                  }
-                ]
+                "text": "boolean"
               },
-              "default": "{}",
-              "description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields:\n\n - **mainContent**: `mainContent.ariaLabel` defines the aria-label of the main content area. Accepts any string.\n - **sideContent**: `sideContent.ariaLabel` defines the aria-label of the side content area. Accepts any string.",
-              "privacy": "public"
+              "description": "Returns if the `end` column is visible.",
+              "default": "false",
+              "privacy": "public",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "toggleContents",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "visibleColumns",
+              "type": {
+                "text": "number"
               },
-              "description": "Toggles visibility of main and side contents on S screen size (mobile device).",
-              "privacy": "public"
+              "description": "Returns the number of currently visible columns.",
+              "default": "1",
+              "privacy": "public",
+              "readonly": true
             }
           ],
           "events": [
             {
               "name": "layout-change",
               "type": {
-                "text": "CustomEvent<DynamicSideContentLayoutChangeEventDetail>",
+                "text": "CustomEvent<FlexibleColumnLayoutLayoutChangeEventDetail>",
                 "references": [
                   {
-                    "name": "DynamicSideContentLayoutChangeEventDetail",
+                    "name": "FlexibleColumnLayoutLayoutChangeEventDetail",
                     "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/DynamicSideContent.js"
+                    "module": "dist/FlexibleColumnLayout.js"
                   }
                 ]
               },
-              "description": "Fires when the current breakpoint has been changed."
+              "description": "Fired when the layout changes via user interaction by dragging the separators\nor by changing the component size due to resizing."
             }
           ],
           "attributes": [
             {
-              "description": "Defines the visibility of the main content.",
-              "name": "hide-main-content",
-              "default": "false",
-              "fieldName": "hideMainContent",
+              "description": "Defines the columns layout and their proportion.\n\n**Note:** The layout also depends on the screen size - one column for screens smaller than 599px,\ntwo columns between 599px and 1023px and three columns for sizes bigger than 1023px.\n\n**For example:** layout=`TwoColumnsStartExpanded` means the layout will display up to two columns\nin 67%/33% proportion.",
+              "name": "layout",
+              "default": "\"OneColumn\"",
+              "fieldName": "layout",
               "type": {
-                "text": "boolean"
+                "text": "\"OneColumn\" | \"TwoColumnsStartExpanded\" | \"TwoColumnsMidExpanded\" | \"ThreeColumnsMidExpanded\" | \"ThreeColumnsEndExpanded\" | \"ThreeColumnsStartExpandedEndHidden\" | \"ThreeColumnsMidExpandedEndHidden\" | \"ThreeColumnsStartHiddenMidExpanded\" | \"ThreeColumnsStartHiddenEndExpanded\" | \"MidColumnFullScreen\" | \"EndColumnFullS..."
               }
             },
             {
-              "description": "Defines the visibility of the side content.",
-              "name": "hide-side-content",
+              "description": "Specifies if the user is allowed to change the columns layout by dragging the separator between the columns.",
+              "name": "disable-resizing",
               "default": "false",
-              "fieldName": "hideSideContent",
+              "fieldName": "disableResizing",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "description": "Defines whether the side content is positioned before the main content (left side\nin LTR mode), or after the the main content (right side in LTR mode).",
-              "name": "side-content-position",
-              "default": "\"End\"",
-              "fieldName": "sideContentPosition",
+              "description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields,\nwhere each field is an object supporting one or more accessibility attributes:\n\n - **startColumn**: `startColumn.role` and `startColumn.name`.\n - **midColumn**: `midColumn.role` and `midColumn.name`.\n - **endColumn**: `endColumn.role` and `endColumn.name`.\n - **startSeparator**: `startSeparator.role` and `startSeparator.name`.\n - **endSeparator**: `endSeparator.role` and `endSeparator.name`.\n\nThe accessibility attributes support the following values:\n\n- **role**: Defines the accessible ARIA landmark role of the area.\nAccepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.\n\n- **name**: Defines the accessible ARIA name of the area.\nAccepts any string.",
+              "name": "accessibility-attributes",
+              "default": "{}",
+              "fieldName": "accessibilityAttributes",
               "type": {
-                "text": "\"End\" | \"Start\""
+                "text": "FCLAccessibilityAttributes"
               }
             },
             {
-              "description": "Defines on which breakpoints the side content is visible.",
-              "name": "side-content-visibility",
-              "default": "\"ShowAboveS\"",
-              "fieldName": "sideContentVisibility",
+              "description": "Returns the current column layout, based on both the `layout` property and the screen size.\n\n**For example:** [\"67%\", \"33%\", 0], [\"100%\", 0, 0], [\"25%\", \"50%\", \"25%\"], etc,\nwhere the numbers represents the width of the start, middle and end columns.",
+              "name": "column-layout",
+              "default": "undefined",
+              "fieldName": "columnLayout",
               "type": {
-                "text": "\"AlwaysShow\" | \"ShowAboveL\" | \"ShowAboveM\" | \"ShowAboveS\" | \"NeverShow\""
+                "text": "any"
               }
             },
             {
-              "description": "Defines on which breakpoints the side content falls down below the main content.",
-              "name": "side-content-fall-down",
-              "default": "\"OnMinimumWidth\"",
-              "fieldName": "sideContentFallDown",
+              "description": "Returns if the `start` column is visible.",
+              "name": "start-column-visible",
+              "default": "true",
+              "fieldName": "startColumnVisible",
               "type": {
-                "text": "\"BelowXL\" | \"BelowL\" | \"BelowM\" | \"OnMinimumWidth\""
+                "text": "any"
               }
             },
             {
-              "description": "Defines whether the component is in equal split mode. In this mode, the side and\nthe main content take 50:50 percent of the container on all screen sizes\nexcept for phone, where the main and side contents are switching visibility\nusing the toggle method.",
-              "name": "equal-split",
+              "description": "Returns if the `middle` column is visible.",
+              "name": "mid-column-visible",
               "default": "false",
-              "fieldName": "equalSplit",
+              "fieldName": "midColumnVisible",
               "type": {
-                "text": "boolean"
+                "text": "any"
               }
             },
             {
-              "description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields:\n\n - **mainContent**: `mainContent.ariaLabel` defines the aria-label of the main content area. Accepts any string.\n - **sideContent**: `sideContent.ariaLabel` defines the aria-label of the side content area. Accepts any string.",
-              "name": "accessibility-attributes",
-              "default": "{}",
-              "fieldName": "accessibilityAttributes",
-              "type": {
-                "text": "DynamicSideContentAccessibilityAttributes"
+              "description": "Returns if the `end` column is visible.",
+              "name": "end-column-visible",
+              "default": "false",
+              "fieldName": "endColumnVisible",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "description": "Returns the number of currently visible columns.",
+              "name": "visible-columns",
+              "default": "1",
+              "fieldName": "visibleColumns",
+              "type": {
+                "text": "any"
               }
             }
           ],
@@ -984,7 +1046,7 @@
             "package": "@ui5/webcomponents-base",
             "module": "dist/UI5Element.js"
           },
-          "tagName": "ui5-dynamic-side-content",
+          "tagName": "ui5-flexible-column-layout",
           "customElement": true
         }
       ],
@@ -993,34 +1055,28 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DynamicSideContent",
-            "module": "dist/DynamicSideContent.js"
+            "name": "FlexibleColumnLayout",
+            "module": "dist/FlexibleColumnLayout.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui5-dynamic-side-content",
+          "name": "ui5-flexible-column-layout",
           "declaration": {
-            "name": "DynamicSideContent",
-            "module": "dist/DynamicSideContent.js"
+            "name": "FlexibleColumnLayout",
+            "module": "dist/FlexibleColumnLayout.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/FilterItem.js",
+      "path": "dist/GroupItem.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nThe `ui5-filter-item` component defines the filtering criteria for data in `ui5-view-settings-dialog`.\nIt represents a single filter category that contains multiple filter options that users can select.\n\n### Usage\n\nThe `ui5-filter-item` is used within the `ui5-view-settings-dialog` to provide filtering options.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/FilterItem.js\";`",
-          "name": "FilterItem",
-          "slots": [
-            {
-              "name": "values",
-              "description": "Defines the filter options available for this filter category."
-            }
-          ],
+          "description": "### Overview\n\nThe `ui5-group-item` component defines the grouping criteria for data in `ui5-view-settings-dialog`.\nIt represents a single group option that users can select to organize data into logical groups.\n\n### Usage\n\nThe `ui5-group-item` is used within the `ui5-view-settings-dialog` to provide grouping options.\nEach group item represents a column or field by which data can be grouped.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/GroupItem.js\";`",
+          "name": "GroupItem",
           "members": [
             {
               "kind": "field",
@@ -1028,24 +1084,24 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Defines the text of the filter item.",
+              "description": "Defines the text of the group item.",
               "default": "undefined",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "additionalText",
+              "name": "selected",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Defines the additional text of the filter item.\nThis text is typically used to show the number of selected filter options within this category.",
-              "default": "undefined",
+              "default": "false",
+              "description": "Defines if the group item is selected.",
               "privacy": "public"
             }
           ],
           "attributes": [
             {
-              "description": "Defines the text of the filter item.",
+              "description": "Defines the text of the group item.",
               "name": "text",
               "default": "undefined",
               "fieldName": "text",
@@ -1054,12 +1110,12 @@
               }
             },
             {
-              "description": "Defines the additional text of the filter item.\nThis text is typically used to show the number of selected filter options within this category.",
-              "name": "additional-text",
-              "default": "undefined",
-              "fieldName": "additionalText",
+              "description": "Defines if the group item is selected.",
+              "name": "selected",
+              "default": "false",
+              "fieldName": "selected",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               }
             }
           ],
@@ -1068,7 +1124,7 @@
             "package": "@ui5/webcomponents-base",
             "module": "dist/UI5Element.js"
           },
-          "tagName": "ui5-filter-item",
+          "tagName": "ui5-group-item",
           "customElement": true
         }
       ],
@@ -1077,65 +1133,168 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FilterItem",
-            "module": "dist/FilterItem.js"
+            "name": "GroupItem",
+            "module": "dist/GroupItem.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui5-filter-item",
+          "name": "ui5-group-item",
           "declaration": {
-            "name": "FilterItem",
-            "module": "dist/FilterItem.js"
+            "name": "GroupItem",
+            "module": "dist/GroupItem.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/FilterItemOption.js",
+      "path": "dist/IllustratedMessage.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nThe `ui5-filter-item-option` component defines individual filter values within a `ui5-filter-item`.\nIt represents a single selectable option that users can choose to filter data.\n\n### Usage\n\nThe `ui5-filter-item-option` is used as a child component within `ui5-filter-item` in the context\nof `ui5-view-settings-dialog`. Each option represents a specific value that can be used for filtering\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/FilterItemOption.js\";`",
-          "name": "FilterItemOption",
+          "description": "### Overview\nAn IllustratedMessage is a recommended combination of a solution-oriented message, an engaging\nillustration, and conversational tone to better communicate an empty or a success state than just show\na message alone.\n\nEach illustration has default internationalised title and subtitle texts. Also they can be managed with\n`titleText` and `subtitleText` properties.\n\nTo display the desired illustration, use the `name` property, where you can find the list of all available illustrations.\n\n**Note:** By default the “BeforeSearch” illustration is loaded. To use other illustrations, make sure you import them in addition, for example:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\"`\n\n**Note:** Illustrations starting with the “Tnt” prefix are part of another illustration set. For example to use the “TntSuccess” illustration, add the following import::\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/Success.js\"`\n\n### Structure\nThe IllustratedMessage consists of the following elements, which are displayed below each other in the following order:\n\n- Illustration\n- Title\n- Subtitle\n- Actions\n\n### Usage\n`ui5-illustrated-message` is meant to be used inside container component, for example a `ui5-card`,\na `ui5-dialog` or a `ui5-page`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";`",
+          "name": "IllustratedMessage",
+          "cssParts": [
+            {
+              "description": "Used to style the subtitle wrapper of the `ui5-illustrated-message`",
+              "name": "subtitle"
+            }
+          ],
+          "slots": [
+            {
+              "name": "title",
+              "description": "Defines the title of the component.\n\n**Note:** Using this slot, the default title text of illustration and the value of `title` property will be overwritten."
+            },
+            {
+              "name": "subtitle",
+              "description": "Defines the subtitle of the component.\n\n**Note:** Using this slot, the default subtitle text of illustration and the value of `subtitleText` property will be overwritten."
+            },
+            {
+              "name": "default",
+              "description": "Defines the component actions.\n\n**Note:** Not displayed when the `design` property is set to `Base`."
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "text",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"BeforeSearch\"",
+              "description": "Defines the illustration name that will be displayed in the component.\n\nExample:\n\n`name='BeforeSearch'`, `name='UnableToUpload'`, etc..\n\n**Note:** To use the TNT illustrations,\nyou need to set the `tnt` or `Tnt` prefix in front of the icon's name.\n\nExample:\n\n`name='tnt/Avatar'` or `name='TntAvatar'`.\n\n**Note:** By default the `BeforeSearch` illustration is loaded.\nWhen using an illustration type, other than the default, it should be loaded in addition:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";`\n\nFor TNT illustrations:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";`",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "design",
+              "type": {
+                "text": "IllustrationMessageDesign",
+                "references": [
+                  {
+                    "name": "IllustrationMessageDesign",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/IllustrationMessageDesign.js"
+                  }
+                ]
+              },
+              "default": "\"Auto\"",
+              "description": "Determines which illustration breakpoint variant is used.\n\nAs `IllustratedMessage` adapts itself around the `Illustration`, the other\nelements of the component are displayed differently on the different breakpoints/illustration designs.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "subtitleText",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Defines the text of the filter option.",
+              "description": "Defines the subtitle of the component.\n\n**Note:** Using this property, the default subtitle text of illustration will be overwritten.\n\n**Note:** Using `subtitle` slot, the default of this property will be overwritten.",
               "default": "undefined",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "selected",
+              "name": "titleText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the title of the component.\n\n**Note:** Using this property, the default title text of illustration will be overwritten.",
+              "default": "undefined",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Receives id(or many ids) of the elements that label the component.",
+              "default": "undefined",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "decorative",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Defines if the filter option is selected.",
+              "description": "Defines whether the illustration is decorative.\n\nWhen set to `true`, the attributes `role=\"presentation\"` and `aria-hidden=\"true\"` are applied to the SVG element.",
               "privacy": "public"
             }
           ],
           "attributes": [
             {
-              "description": "Defines the text of the filter option.",
-              "name": "text",
+              "description": "Defines the illustration name that will be displayed in the component.\n\nExample:\n\n`name='BeforeSearch'`, `name='UnableToUpload'`, etc..\n\n**Note:** To use the TNT illustrations,\nyou need to set the `tnt` or `Tnt` prefix in front of the icon's name.\n\nExample:\n\n`name='tnt/Avatar'` or `name='TntAvatar'`.\n\n**Note:** By default the `BeforeSearch` illustration is loaded.\nWhen using an illustration type, other than the default, it should be loaded in addition:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";`\n\nFor TNT illustrations:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";`",
+              "name": "name",
+              "default": "\"BeforeSearch\"",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "description": "Determines which illustration breakpoint variant is used.\n\nAs `IllustratedMessage` adapts itself around the `Illustration`, the other\nelements of the component are displayed differently on the different breakpoints/illustration designs.",
+              "name": "design",
+              "default": "\"Auto\"",
+              "fieldName": "design",
+              "type": {
+                "text": "\"Auto\" | \"Base\" | \"Dot\" | \"Spot\" | \"Dialog\" | \"Scene\" | \"ExtraSmall\" | \"Small\" | \"Medium\" | \"Large\""
+              }
+            },
+            {
+              "description": "Defines the subtitle of the component.\n\n**Note:** Using this property, the default subtitle text of illustration will be overwritten.\n\n**Note:** Using `subtitle` slot, the default of this property will be overwritten.",
+              "name": "subtitle-text",
               "default": "undefined",
-              "fieldName": "text",
+              "fieldName": "subtitleText",
               "type": {
                 "text": "string | undefined"
               }
             },
             {
-              "description": "Defines if the filter option is selected.",
-              "name": "selected",
+              "description": "Defines the title of the component.\n\n**Note:** Using this property, the default title text of illustration will be overwritten.",
+              "name": "title-text",
+              "default": "undefined",
+              "fieldName": "titleText",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Receives id(or many ids) of the elements that label the component.",
+              "name": "accessible-name-ref",
+              "default": "undefined",
+              "fieldName": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines whether the illustration is decorative.\n\nWhen set to `true`, the attributes `role=\"presentation\"` and `aria-hidden=\"true\"` are applied to the SVG element.",
+              "name": "decorative",
               "default": "false",
-              "fieldName": "selected",
+              "fieldName": "decorative",
               "type": {
                 "text": "boolean"
               }
@@ -1146,7 +1305,7 @@
             "package": "@ui5/webcomponents-base",
             "module": "dist/UI5Element.js"
           },
-          "tagName": "ui5-filter-item-option",
+          "tagName": "ui5-illustrated-message",
           "customElement": true
         }
       ],
@@ -1155,237 +1314,181 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FilterItemOption",
-            "module": "dist/FilterItemOption.js"
+            "name": "IllustratedMessage",
+            "module": "dist/IllustratedMessage.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui5-filter-item-option",
+          "name": "ui5-illustrated-message",
           "declaration": {
-            "name": "FilterItemOption",
-            "module": "dist/FilterItemOption.js"
+            "name": "IllustratedMessage",
+            "module": "dist/IllustratedMessage.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/FlexibleColumnLayout.js",
+      "path": "dist/MediaGallery.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nThe `FlexibleColumnLayout` implements the list-detail-detail paradigm by displaying up to three pages in separate columns.\nThere are several possible layouts that can be changed either with the component API, or by dragging the column separators.\n\n### Usage\n\nUse this component for applications that need to display several logical levels of related information side by side (e.g. list of items, item, sub-item, etc.).\nThe Component is flexible in a sense that the application can focus the user's attention on one particular column.\n\n### Responsive Behavior\n\nThe `FlexibleColumnLayout` automatically displays the maximum possible number of columns based on `layout` property and the window size.\nThe component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px,\nand 3 columns for sizes bigger than 1023px.\n\n**Note:** When the component displays more than one column, the minimal width of each column is 248px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 248px.\n\n### Keyboard Handling\n\n#### Basic Navigation\n\nWhen a column separator is focused,  the following keyboard\nshortcuts allow the user to resize the columns and change the layout:\n\n- [Shift] + [Left] or [Shift] + [Right] - Moves the separator to the left or right, which resizes the columns accordingly.\n- [Left] or [Right] - Moves the separator to the left or right with a bigger step, which resizes the columns accordingly.\n- [Home] - Moves the separator to the start position.\n- [End] - Moves the separator to the end position.\n- This 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#### 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-fiori/dist/FlexibleColumnLayout.js\";`",
-          "name": "FlexibleColumnLayout",
+          "description": "### Overview\n\nThe `ui5-media-gallery` component allows the user to browse through multimedia items. Currently,\nthe supported items are images and videos. The items should be defined using the `ui5-media-gallery-item`\ncomponent.\n\nThe items are initially displayed as thumbnails. When the user selects a thumbnail, the corresponding item\nis displayed in larger size.\n\nThe component is responsive by default and adjusts the position of the menu with respect to viewport size,\nbut the application is able to further customize the layout via the provided API.\n\n### Keyboard Handling\nThe `ui5-media-gallery` provides advanced keyboard handling.\n\nWhen the thumbnails menu is focused the following keyboard\nshortcuts allow the user to navigate through the thumbnail items:\n\n- [Up] or [Down] - Navigates up and down the items\n- [Home] - Navigates to first item\n- [End] - Navigates to the last item\n- [Space], [Enter] - Selects an item\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/MediaGallery.js\";`\n\n`import \"@ui5/webcomponents-fiori/dist/MediaGalleryItem.js\";`",
+          "name": "MediaGallery",
           "slots": [
             {
-              "name": "startColumn",
-              "description": "Defines the content in the start column."
-            },
-            {
-              "name": "midColumn",
-              "description": "Defines the content in the middle column."
-            },
-            {
-              "name": "endColumn",
-              "description": "Defines the content in the end column."
+              "name": "default",
+              "description": "Defines the component items.\n\n**Note:** Only one selected item is allowed.\n\n**Note:** Use the `ui5-media-gallery-item` component to define the desired items."
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "layout",
+              "name": "showAllThumbnails",
               "type": {
-                "text": "FCLLayout",
-                "references": [
-                  {
-                    "name": "FCLLayout",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/types/FCLLayout.js"
-                  }
-                ]
+                "text": "boolean"
               },
-              "default": "\"OneColumn\"",
-              "description": "Defines the columns layout and their proportion.\n\n**Note:** The layout also depends on the screen size - one column for screens smaller than 599px,\ntwo columns between 599px and 1023px and three columns for sizes bigger than 1023px.\n\n**For example:** layout=`TwoColumnsStartExpanded` means the layout will display up to two columns\nin 67%/33% proportion.",
+              "default": "false",
+              "description": "If set to `true`, all thumbnails are rendered in a scrollable container.\nIf `false`, only up to five thumbnails are rendered, followed by\nan overflow button that shows the count of the remaining thumbnails.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "disableResizing",
+              "name": "interactiveDisplayArea",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specifies if the user is allowed to change the columns layout by dragging the separator between the columns.",
+              "description": "If enabled, a `display-area-click` event is fired\nwhen the user clicks or taps on the display area.\n\nThe display area is the central area that contains\nthe enlarged content of the currently selected item.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "accessibilityAttributes",
+              "name": "layout",
               "type": {
-                "text": "FCLAccessibilityAttributes",
+                "text": "MediaGalleryLayout",
                 "references": [
                   {
-                    "name": "FCLAccessibilityAttributes",
+                    "name": "MediaGalleryLayout",
                     "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/FlexibleColumnLayout.js"
+                    "module": "dist/types/MediaGalleryLayout.js"
                   }
                 ]
               },
-              "default": "{}",
-              "description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields,\nwhere each field is an object supporting one or more accessibility attributes:\n\n - **startColumn**: `startColumn.role` and `startColumn.name`.\n - **midColumn**: `midColumn.role` and `midColumn.name`.\n - **endColumn**: `endColumn.role` and `endColumn.name`.\n - **startSeparator**: `startSeparator.role` and `startSeparator.name`.\n - **endSeparator**: `endSeparator.role` and `endSeparator.name`.\n\nThe accessibility attributes support the following values:\n\n- **role**: Defines the accessible ARIA landmark role of the area.\nAccepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.\n\n- **name**: Defines the accessible ARIA name of the area.\nAccepts any string.",
+              "default": "\"Auto\"",
+              "description": "Determines the layout of the component.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "columnLayout",
+              "name": "menuHorizontalAlign",
               "type": {
-                "text": "FlexibleColumnLayoutColumnLayout | undefined",
+                "text": "MediaGalleryMenuHorizontalAlign",
                 "references": [
                   {
-                    "name": "FlexibleColumnLayoutColumnLayout",
+                    "name": "MediaGalleryMenuHorizontalAlign",
                     "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/FlexibleColumnLayout.js"
+                    "module": "dist/types/MediaGalleryMenuHorizontalAlign.js"
                   }
                 ]
               },
-              "description": "Returns the current column layout, based on both the `layout` property and the screen size.\n\n**For example:** [\"67%\", \"33%\", 0], [\"100%\", 0, 0], [\"25%\", \"50%\", \"25%\"], etc,\nwhere the numbers represents the width of the start, middle and end columns.",
-              "default": "undefined",
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "startColumnVisible",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Returns if the `start` column is visible.",
-              "default": "true",
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "midColumnVisible",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Returns if the `middle` column is visible.",
-              "default": "false",
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "endColumnVisible",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Returns if the `end` column is visible.",
-              "default": "false",
-              "privacy": "public",
-              "readonly": true
+              "default": "\"Left\"",
+              "description": "Determines the horizontal alignment of the thumbnails menu\nvs. the central display area.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "visibleColumns",
+              "name": "menuVerticalAlign",
               "type": {
-                "text": "number"
+                "text": "MediaGalleryMenuVerticalAlign",
+                "references": [
+                  {
+                    "name": "MediaGalleryMenuVerticalAlign",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/MediaGalleryMenuVerticalAlign.js"
+                  }
+                ]
               },
-              "description": "Returns the number of currently visible columns.",
-              "default": "1",
-              "privacy": "public",
-              "readonly": true
+              "default": "\"Bottom\"",
+              "description": "Determines the vertical alignment of the thumbnails menu\nvs. the central display area.",
+              "privacy": "public"
             }
           ],
           "events": [
             {
-              "name": "layout-change",
+              "name": "selection-change",
               "type": {
-                "text": "CustomEvent<FlexibleColumnLayoutLayoutChangeEventDetail>",
+                "text": "CustomEvent<MediaGallerySelectionChangeEventDetail>",
                 "references": [
                   {
-                    "name": "FlexibleColumnLayoutLayoutChangeEventDetail",
+                    "name": "MediaGallerySelectionChangeEventDetail",
                     "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/FlexibleColumnLayout.js"
+                    "module": "dist/MediaGallery.js"
                   }
                 ]
               },
-              "description": "Fired when the layout changes via user interaction by dragging the separators\nor by changing the component size due to resizing."
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Defines the columns layout and their proportion.\n\n**Note:** The layout also depends on the screen size - one column for screens smaller than 599px,\ntwo columns between 599px and 1023px and three columns for sizes bigger than 1023px.\n\n**For example:** layout=`TwoColumnsStartExpanded` means the layout will display up to two columns\nin 67%/33% proportion.",
-              "name": "layout",
-              "default": "\"OneColumn\"",
-              "fieldName": "layout",
-              "type": {
-                "text": "\"OneColumn\" | \"TwoColumnsStartExpanded\" | \"TwoColumnsMidExpanded\" | \"ThreeColumnsMidExpanded\" | \"ThreeColumnsEndExpanded\" | \"ThreeColumnsStartExpandedEndHidden\" | \"ThreeColumnsMidExpandedEndHidden\" | \"ThreeColumnsStartHiddenMidExpanded\" | \"ThreeColumnsStartHiddenEndExpanded\" | \"MidColumnFullScreen\" | \"EndColumnFullS..."
-              }
+              "description": "Fired when selection is changed by user interaction."
             },
             {
-              "description": "Specifies if the user is allowed to change the columns layout by dragging the separator between the columns.",
-              "name": "disable-resizing",
-              "default": "false",
-              "fieldName": "disableResizing",
+              "name": "overflow-click",
               "type": {
-                "text": "boolean"
-              }
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the thumbnails overflow button is clicked."
             },
             {
-              "description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields,\nwhere each field is an object supporting one or more accessibility attributes:\n\n - **startColumn**: `startColumn.role` and `startColumn.name`.\n - **midColumn**: `midColumn.role` and `midColumn.name`.\n - **endColumn**: `endColumn.role` and `endColumn.name`.\n - **startSeparator**: `startSeparator.role` and `startSeparator.name`.\n - **endSeparator**: `endSeparator.role` and `endSeparator.name`.\n\nThe accessibility attributes support the following values:\n\n- **role**: Defines the accessible ARIA landmark role of the area.\nAccepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.\n\n- **name**: Defines the accessible ARIA name of the area.\nAccepts any string.",
-              "name": "accessibility-attributes",
-              "default": "{}",
-              "fieldName": "accessibilityAttributes",
+              "name": "display-area-click",
               "type": {
-                "text": "FCLAccessibilityAttributes"
-              }
-            },
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the display area is clicked.\nThe display area is the central area that contains\nthe enlarged content of the currently selected item."
+            }
+          ],
+          "attributes": [
             {
-              "description": "Returns the current column layout, based on both the `layout` property and the screen size.\n\n**For example:** [\"67%\", \"33%\", 0], [\"100%\", 0, 0], [\"25%\", \"50%\", \"25%\"], etc,\nwhere the numbers represents the width of the start, middle and end columns.",
-              "name": "column-layout",
-              "default": "undefined",
-              "fieldName": "columnLayout",
+              "description": "If set to `true`, all thumbnails are rendered in a scrollable container.\nIf `false`, only up to five thumbnails are rendered, followed by\nan overflow button that shows the count of the remaining thumbnails.",
+              "name": "show-all-thumbnails",
+              "default": "false",
+              "fieldName": "showAllThumbnails",
               "type": {
-                "text": "any"
+                "text": "boolean"
               }
             },
             {
-              "description": "Returns if the `start` column is visible.",
-              "name": "start-column-visible",
-              "default": "true",
-              "fieldName": "startColumnVisible",
+              "description": "If enabled, a `display-area-click` event is fired\nwhen the user clicks or taps on the display area.\n\nThe display area is the central area that contains\nthe enlarged content of the currently selected item.",
+              "name": "interactive-display-area",
+              "default": "false",
+              "fieldName": "interactiveDisplayArea",
               "type": {
-                "text": "any"
+                "text": "boolean"
               }
             },
             {
-              "description": "Returns if the `middle` column is visible.",
-              "name": "mid-column-visible",
-              "default": "false",
-              "fieldName": "midColumnVisible",
+              "description": "Determines the layout of the component.",
+              "name": "layout",
+              "default": "\"Auto\"",
+              "fieldName": "layout",
               "type": {
-                "text": "any"
+                "text": "\"Auto\" | \"Vertical\" | \"Horizontal\""
               }
             },
             {
-              "description": "Returns if the `end` column is visible.",
-              "name": "end-column-visible",
-              "default": "false",
-              "fieldName": "endColumnVisible",
+              "description": "Determines the horizontal alignment of the thumbnails menu\nvs. the central display area.",
+              "name": "menu-horizontal-align",
+              "default": "\"Left\"",
+              "fieldName": "menuHorizontalAlign",
               "type": {
-                "text": "any"
+                "text": "\"Left\" | \"Right\""
               }
             },
             {
-              "description": "Returns the number of currently visible columns.",
-              "name": "visible-columns",
-              "default": "1",
-              "fieldName": "visibleColumns",
+              "description": "Determines the vertical alignment of the thumbnails menu\nvs. the central display area.",
+              "name": "menu-vertical-align",
+              "default": "\"Bottom\"",
+              "fieldName": "menuVerticalAlign",
               "type": {
-                "text": "any"
+                "text": "\"Top\" | \"Bottom\""
               }
             }
           ],
@@ -1394,7 +1497,7 @@
             "package": "@ui5/webcomponents-base",
             "module": "dist/UI5Element.js"
           },
-          "tagName": "ui5-flexible-column-layout",
+          "tagName": "ui5-media-gallery",
           "customElement": true
         }
       ],
@@ -1403,68 +1506,104 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlexibleColumnLayout",
-            "module": "dist/FlexibleColumnLayout.js"
+            "name": "MediaGallery",
+            "module": "dist/MediaGallery.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui5-flexible-column-layout",
+          "name": "ui5-media-gallery",
           "declaration": {
-            "name": "FlexibleColumnLayout",
-            "module": "dist/FlexibleColumnLayout.js"
+            "name": "MediaGallery",
+            "module": "dist/MediaGallery.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/GroupItem.js",
+      "path": "dist/MediaGalleryItem.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nThe `ui5-group-item` component defines the grouping criteria for data in `ui5-view-settings-dialog`.\nIt represents a single group option that users can select to organize data into logical groups.\n\n### Usage\n\nThe `ui5-group-item` is used within the `ui5-view-settings-dialog` to provide grouping options.\nEach group item represents a column or field by which data can be grouped.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/GroupItem.js\";`",
-          "name": "GroupItem",
+          "description": "### Overview\nThe `ui5-media-gallery-item` web component represents the items displayed in the\n`ui5-media-gallery` web component.\n\n**Note:** `ui5-media-gallery-item` is not supported when used outside of `ui5-media-gallery`.\n\n### Keyboard Handling\nThe `ui5-media-gallery` provides advanced keyboard handling.\nWhen focused, the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Space] / [Enter] or [Return] - Trigger `ui5-click` event\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/MediaGalleryItem.js\";` (comes with `ui5-media-gallery`)",
+          "name": "MediaGalleryItem",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the content of the component."
+            },
+            {
+              "name": "thumbnail",
+              "description": "Defines the content of the thumbnail."
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "text",
+              "name": "selected",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Defines the text of the group item.",
-              "default": "undefined",
+              "default": "false",
+              "description": "Defines the selected state of the component.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "selected",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Defines if the group item is selected.",
+              "description": "Defines whether the component is in disabled state.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "MediaGalleryItemLayout",
+                "references": [
+                  {
+                    "name": "MediaGalleryItemLayout",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/MediaGalleryItemLayout.js"
+                  }
+                ]
+              },
+              "default": "\"Square\"",
+              "description": "Determines the layout of the item container.",
               "privacy": "public"
             }
           ],
           "attributes": [
             {
-              "description": "Defines the text of the group item.",
-              "name": "text",
-              "default": "undefined",
-              "fieldName": "text",
+              "description": "Defines the selected state of the component.",
+              "name": "selected",
+              "default": "false",
+              "fieldName": "selected",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               }
             },
             {
-              "description": "Defines if the group item is selected.",
-              "name": "selected",
+              "description": "Defines whether the component is in disabled state.",
+              "name": "disabled",
               "default": "false",
-              "fieldName": "selected",
+              "fieldName": "disabled",
               "type": {
                 "text": "boolean"
               }
+            },
+            {
+              "description": "Determines the layout of the item container.",
+              "name": "layout",
+              "default": "\"Square\"",
+              "fieldName": "layout",
+              "type": {
+                "text": "\"Square\" | \"Wide\""
+              }
             }
           ],
           "superclass": {
@@ -1472,7 +1611,7 @@
             "package": "@ui5/webcomponents-base",
             "module": "dist/UI5Element.js"
           },
-          "tagName": "ui5-group-item",
+          "tagName": "ui5-media-gallery-item",
           "customElement": true
         }
       ],
@@ -1481,170 +1620,80 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "GroupItem",
-            "module": "dist/GroupItem.js"
-          }
+            "name": "MediaGalleryItem",
+            "module": "dist/MediaGalleryItem.js"
+          }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui5-group-item",
+          "name": "ui5-media-gallery-item",
           "declaration": {
-            "name": "GroupItem",
-            "module": "dist/GroupItem.js"
+            "name": "MediaGalleryItem",
+            "module": "dist/MediaGalleryItem.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/IllustratedMessage.js",
+      "path": "dist/NavigationLayout.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\nAn IllustratedMessage is a recommended combination of a solution-oriented message, an engaging\nillustration, and conversational tone to better communicate an empty or a success state than just show\na message alone.\n\nEach illustration has default internationalised title and subtitle texts. Also they can be managed with\n`titleText` and `subtitleText` properties.\n\nTo display the desired illustration, use the `name` property, where you can find the list of all available illustrations.\n\n**Note:** By default the “BeforeSearch” illustration is loaded. To use other illustrations, make sure you import them in addition, for example:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\"`\n\n**Note:** Illustrations starting with the “Tnt” prefix are part of another illustration set. For example to use the “TntSuccess” illustration, add the following import::\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/Success.js\"`\n\n### Structure\nThe IllustratedMessage consists of the following elements, which are displayed below each other in the following order:\n\n- Illustration\n- Title\n- Subtitle\n- Actions\n\n### Usage\n`ui5-illustrated-message` is meant to be used inside container component, for example a `ui5-card`,\na `ui5-dialog` or a `ui5-page`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";`",
-          "name": "IllustratedMessage",
-          "cssParts": [
-            {
-              "description": "Used to style the subtitle wrapper of the `ui5-illustrated-message`",
-              "name": "subtitle"
-            }
-          ],
+          "description": "### Overview\n\nThe `ui5-navigation-layout` is a container component that can be used to\ncreate a layout with a header, a side navigation and a content area.\n\n### Usage\n\nUse the `ui5-navigation-layout` to create whole screen of an application with vertical navigation.\n\n### Responsive Behavior\n\nOn desktop and tablet devices, the side navigation is visible\nby default and can be expanded or collapsed using the `mode` property.\nOn phone devices, the side navigation is hidden by default and can\nbe displayed using the `mode` property.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/NavigationLayout.js\";`",
+          "name": "NavigationLayout",
           "slots": [
             {
-              "name": "title",
-              "description": "Defines the title of the component.\n\n**Note:** Using this slot, the default title text of illustration and the value of `title` property will be overwritten."
+              "name": "header",
+              "description": "Defines the header."
             },
             {
-              "name": "subtitle",
-              "description": "Defines the subtitle of the component.\n\n**Note:** Using this slot, the default subtitle text of illustration and the value of `subtitleText` property will be overwritten."
+              "name": "sideContent",
+              "description": "Defines the side content."
             },
             {
               "name": "default",
-              "description": "Defines the component actions.\n\n**Note:** Not displayed when the `design` property is set to `Base`."
+              "description": "Defines the content."
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"BeforeSearch\"",
-              "description": "Defines the illustration name that will be displayed in the component.\n\nExample:\n\n`name='BeforeSearch'`, `name='UnableToUpload'`, etc..\n\n**Note:** To use the TNT illustrations,\nyou need to set the `tnt` or `Tnt` prefix in front of the icon's name.\n\nExample:\n\n`name='tnt/Avatar'` or `name='TntAvatar'`.\n\n**Note:** By default the `BeforeSearch` illustration is loaded.\nWhen using an illustration type, other than the default, it should be loaded in addition:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";`\n\nFor TNT illustrations:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";`",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "design",
+              "name": "mode",
               "type": {
-                "text": "IllustrationMessageDesign",
+                "text": "NavigationLayoutMode",
                 "references": [
                   {
-                    "name": "IllustrationMessageDesign",
+                    "name": "NavigationLayoutMode",
                     "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/types/IllustrationMessageDesign.js"
+                    "module": "dist/types/NavigationLayoutMode.js"
                   }
                 ]
               },
               "default": "\"Auto\"",
-              "description": "Determines which illustration breakpoint variant is used.\n\nAs `IllustratedMessage` adapts itself around the `Illustration`, the other\nelements of the component are displayed differently on the different breakpoints/illustration designs.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "subtitleText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the subtitle of the component.\n\n**Note:** Using this property, the default subtitle text of illustration will be overwritten.\n\n**Note:** Using `subtitle` slot, the default of this property will be overwritten.",
-              "default": "undefined",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "titleText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the title of the component.\n\n**Note:** Using this property, the default title text of illustration will be overwritten.",
-              "default": "undefined",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "accessibleNameRef",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Receives id(or many ids) of the elements that label the component.",
-              "default": "undefined",
+              "description": "Specifies the navigation layout mode.",
               "privacy": "public"
             },
             {
-              "kind": "field",
-              "name": "decorative",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "isSideCollapsed",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "default": "false",
-              "description": "Defines whether the illustration is decorative.\n\nWhen set to `true`, the attributes `role=\"presentation\"` and `aria-hidden=\"true\"` are applied to the SVG element.",
+              "description": "Gets whether the side navigation is collapsed.",
               "privacy": "public"
             }
           ],
           "attributes": [
             {
-              "description": "Defines the illustration name that will be displayed in the component.\n\nExample:\n\n`name='BeforeSearch'`, `name='UnableToUpload'`, etc..\n\n**Note:** To use the TNT illustrations,\nyou need to set the `tnt` or `Tnt` prefix in front of the icon's name.\n\nExample:\n\n`name='tnt/Avatar'` or `name='TntAvatar'`.\n\n**Note:** By default the `BeforeSearch` illustration is loaded.\nWhen using an illustration type, other than the default, it should be loaded in addition:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";`\n\nFor TNT illustrations:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";`",
-              "name": "name",
-              "default": "\"BeforeSearch\"",
-              "fieldName": "name",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "description": "Determines which illustration breakpoint variant is used.\n\nAs `IllustratedMessage` adapts itself around the `Illustration`, the other\nelements of the component are displayed differently on the different breakpoints/illustration designs.",
-              "name": "design",
+              "description": "Specifies the navigation layout mode.",
+              "name": "mode",
               "default": "\"Auto\"",
-              "fieldName": "design",
-              "type": {
-                "text": "\"Auto\" | \"Base\" | \"Dot\" | \"Spot\" | \"Dialog\" | \"Scene\" | \"ExtraSmall\" | \"Small\" | \"Medium\" | \"Large\""
-              }
-            },
-            {
-              "description": "Defines the subtitle of the component.\n\n**Note:** Using this property, the default subtitle text of illustration will be overwritten.\n\n**Note:** Using `subtitle` slot, the default of this property will be overwritten.",
-              "name": "subtitle-text",
-              "default": "undefined",
-              "fieldName": "subtitleText",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Defines the title of the component.\n\n**Note:** Using this property, the default title text of illustration will be overwritten.",
-              "name": "title-text",
-              "default": "undefined",
-              "fieldName": "titleText",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Receives id(or many ids) of the elements that label the component.",
-              "name": "accessible-name-ref",
-              "default": "undefined",
-              "fieldName": "accessibleNameRef",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Defines whether the illustration is decorative.\n\nWhen set to `true`, the attributes `role=\"presentation\"` and `aria-hidden=\"true\"` are applied to the SVG element.",
-              "name": "decorative",
-              "default": "false",
-              "fieldName": "decorative",
+              "fieldName": "mode",
               "type": {
-                "text": "boolean"
+                "text": "\"Auto\" | \"Collapsed\" | \"Expanded\""
               }
             }
           ],
@@ -1653,7 +1702,7 @@
             "package": "@ui5/webcomponents-base",
             "module": "dist/UI5Element.js"
           },
-          "tagName": "ui5-illustrated-message",
+          "tagName": "ui5-navigation-layout",
           "customElement": true
         }
       ],
@@ -1662,181 +1711,128 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IllustratedMessage",
-            "module": "dist/IllustratedMessage.js"
+            "name": "NavigationLayout",
+            "module": "dist/NavigationLayout.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui5-illustrated-message",
+          "name": "ui5-navigation-layout",
           "declaration": {
-            "name": "IllustratedMessage",
-            "module": "dist/IllustratedMessage.js"
+            "name": "NavigationLayout",
+            "module": "dist/NavigationLayout.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/MediaGallery.js",
+      "path": "dist/NavigationMenu.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "NavigationMenu",
+            "module": "dist/NavigationMenu.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/NavigationMenuItem.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "NavigationMenuItem",
+            "module": "dist/NavigationMenuItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/NotificationList.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nThe `ui5-media-gallery` component allows the user to browse through multimedia items. Currently,\nthe supported items are images and videos. The items should be defined using the `ui5-media-gallery-item`\ncomponent.\n\nThe items are initially displayed as thumbnails. When the user selects a thumbnail, the corresponding item\nis displayed in larger size.\n\nThe component is responsive by default and adjusts the position of the menu with respect to viewport size,\nbut the application is able to further customize the layout via the provided API.\n\n### Keyboard Handling\nThe `ui5-media-gallery` provides advanced keyboard handling.\n\nWhen the thumbnails menu is focused the following keyboard\nshortcuts allow the user to navigate through the thumbnail items:\n\n- [Up] or [Down] - Navigates up and down the items\n- [Home] - Navigates to first item\n- [End] - Navigates to the last item\n- [Space], [Enter] - Selects an item\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/MediaGallery.js\";`\n\n`import \"@ui5/webcomponents-fiori/dist/MediaGalleryItem.js\";`",
-          "name": "MediaGallery",
+          "description": "### Overview\nThe `ui5-notification-list` web component represents\na container for `ui5-li-notification-group` and `ui5-li-notification`.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-notification-list` provides advanced keyboard handling.\nWhen a list is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Up] or [Left] - Navigates up the items\n- [Down] or [Right] - Navigates down the items\n- [Home] - Navigates to first item\n- [End] - Navigates to the last item\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-fiori/dist/NotificationList.js\";``",
+          "name": "NotificationList",
           "slots": [
             {
               "name": "default",
-              "description": "Defines the component items.\n\n**Note:** Only one selected item is allowed.\n\n**Note:** Use the `ui5-media-gallery-item` component to define the desired items."
+              "description": "Defines the items of the component."
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "showAllThumbnails",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If set to `true`, all thumbnails are rendered in a scrollable container.\nIf `false`, only up to five thumbnails are rendered, followed by\nan overflow button that shows the count of the remaining thumbnails.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "interactiveDisplayArea",
+              "name": "noDataText",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "If enabled, a `display-area-click` event is fired\nwhen the user clicks or taps on the display area.\n\nThe display area is the central area that contains\nthe enlarged content of the currently selected item.",
+              "description": "Defines the text that is displayed when the component contains no items.",
+              "default": "undefined",
               "privacy": "public"
-            },
+            }
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "layout",
+              "name": "item-click",
               "type": {
-                "text": "MediaGalleryLayout",
+                "text": "CustomEvent<NotificationItemClickEventDetail>",
                 "references": [
                   {
-                    "name": "MediaGalleryLayout",
+                    "name": "NotificationItemClickEventDetail",
                     "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/types/MediaGalleryLayout.js"
+                    "module": "dist/NotificationList.js"
                   }
                 ]
               },
-              "default": "\"Auto\"",
-              "description": "Determines the layout of the component.",
-              "privacy": "public"
+              "description": "Fired when an item is clicked."
             },
             {
-              "kind": "field",
-              "name": "menuHorizontalAlign",
+              "name": "item-close",
               "type": {
-                "text": "MediaGalleryMenuHorizontalAlign",
+                "text": "CustomEvent<NotificationItemCloseEventDetail>",
                 "references": [
                   {
-                    "name": "MediaGalleryMenuHorizontalAlign",
+                    "name": "NotificationItemCloseEventDetail",
                     "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/types/MediaGalleryMenuHorizontalAlign.js"
+                    "module": "dist/NotificationList.js"
                   }
                 ]
               },
-              "default": "\"Left\"",
-              "description": "Determines the horizontal alignment of the thumbnails menu\nvs. the central display area.",
-              "privacy": "public"
+              "description": "Fired when the `Close` button of any item is clicked."
             },
             {
-              "kind": "field",
-              "name": "menuVerticalAlign",
+              "name": "item-toggle",
               "type": {
-                "text": "MediaGalleryMenuVerticalAlign",
+                "text": "CustomEvent<NotificationItemToggleEventDetail>",
                 "references": [
                   {
-                    "name": "MediaGalleryMenuVerticalAlign",
+                    "name": "NotificationItemToggleEventDetail",
                     "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/types/MediaGalleryMenuVerticalAlign.js"
+                    "module": "dist/NotificationList.js"
                   }
                 ]
               },
-              "default": "\"Bottom\"",
-              "description": "Determines the vertical alignment of the thumbnails menu\nvs. the central display area.",
-              "privacy": "public"
-            }
-          ],
-          "events": [
-            {
-              "name": "selection-change",
-              "type": {
-                "text": "CustomEvent<MediaGallerySelectionChangeEventDetail>",
-                "references": [
-                  {
-                    "name": "MediaGallerySelectionChangeEventDetail",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/MediaGallery.js"
-                  }
-                ]
-              },
-              "description": "Fired when selection is changed by user interaction."
-            },
-            {
-              "name": "overflow-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when the thumbnails overflow button is clicked."
-            },
-            {
-              "name": "display-area-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when the display area is clicked.\nThe display area is the central area that contains\nthe enlarged content of the currently selected item."
+              "description": "Fired when an item is toggled."
             }
           ],
           "attributes": [
             {
-              "description": "If set to `true`, all thumbnails are rendered in a scrollable container.\nIf `false`, only up to five thumbnails are rendered, followed by\nan overflow button that shows the count of the remaining thumbnails.",
-              "name": "show-all-thumbnails",
-              "default": "false",
-              "fieldName": "showAllThumbnails",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "If enabled, a `display-area-click` event is fired\nwhen the user clicks or taps on the display area.\n\nThe display area is the central area that contains\nthe enlarged content of the currently selected item.",
-              "name": "interactive-display-area",
-              "default": "false",
-              "fieldName": "interactiveDisplayArea",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Determines the layout of the component.",
-              "name": "layout",
-              "default": "\"Auto\"",
-              "fieldName": "layout",
-              "type": {
-                "text": "\"Auto\" | \"Vertical\" | \"Horizontal\""
-              }
-            },
-            {
-              "description": "Determines the horizontal alignment of the thumbnails menu\nvs. the central display area.",
-              "name": "menu-horizontal-align",
-              "default": "\"Left\"",
-              "fieldName": "menuHorizontalAlign",
-              "type": {
-                "text": "\"Left\" | \"Right\""
-              }
-            },
-            {
-              "description": "Determines the vertical alignment of the thumbnails menu\nvs. the central display area.",
-              "name": "menu-vertical-align",
-              "default": "\"Bottom\"",
-              "fieldName": "menuVerticalAlign",
+              "description": "Defines the text that is displayed when the component contains no items.",
+              "name": "no-data-text",
+              "default": "undefined",
+              "fieldName": "noDataText",
               "type": {
-                "text": "\"Top\" | \"Bottom\""
+                "text": "string | undefined"
               }
             }
           ],
@@ -1845,7 +1841,7 @@
             "package": "@ui5/webcomponents-base",
             "module": "dist/UI5Element.js"
           },
-          "tagName": "ui5-media-gallery",
+          "tagName": "ui5-notification-list",
           "customElement": true
         }
       ],
@@ -1854,112 +1850,161 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "MediaGallery",
-            "module": "dist/MediaGallery.js"
+            "name": "NotificationList",
+            "module": "dist/NotificationList.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui5-media-gallery",
+          "name": "ui5-notification-list",
           "declaration": {
-            "name": "MediaGallery",
-            "module": "dist/MediaGallery.js"
+            "name": "NotificationList",
+            "module": "dist/NotificationList.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/MediaGalleryItem.js",
+      "path": "dist/NotificationListGroupItem.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\nThe `ui5-media-gallery-item` web component represents the items displayed in the\n`ui5-media-gallery` web component.\n\n**Note:** `ui5-media-gallery-item` is not supported when used outside of `ui5-media-gallery`.\n\n### Keyboard Handling\nThe `ui5-media-gallery` provides advanced keyboard handling.\nWhen focused, the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Space] / [Enter] or [Return] - Trigger `ui5-click` event\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/MediaGalleryItem.js\";` (comes with `ui5-media-gallery`)",
-          "name": "MediaGalleryItem",
+          "description": "### Overview\nThe `ui5-li-notification-group` is a special type of list item,\nthat unlike others can group items within self, usually `ui5-li-notification` items.\n\nThe component consists of:\n\n- `Toggle` button to expand and collapse the group\n- `TitleText` to entitle the group\n- Items of the group\n\n### Usage\nThe component should be used inside a `ui5-notification-list`.\n\n### Keyboard Handling\nThe `ui5-li-notification-group` provides advanced keyboard handling.\nThis component provides fast navigation when the header is focused using the following keyboard shortcuts:\n\n- [Space] - toggles expand / collapse of the group\n- [Plus] - expands the group\n- [Minus] - collapses the group\n- [Right] - expands the group\n- [Left] - collapses the group\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js\";`",
+          "name": "NotificationListGroupItem",
           "slots": [
             {
               "name": "default",
-              "description": "Defines the content of the component."
-            },
-            {
-              "name": "thumbnail",
-              "description": "Defines the content of the thumbnail."
+              "description": "Defines the items of the `ui5-li-notification-group`,\nusually `ui5-li-notification` items."
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "selected",
+              "name": "collapsed",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Defines the selected state of the component.",
+              "description": "Defines if the group is collapsed or expanded.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "growing",
               "type": {
-                "text": "boolean"
+                "text": "NotificationListGrowingMode",
+                "references": [
+                  {
+                    "name": "NotificationListGrowingMode",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/NotificationListGrowingMode.js"
+                  }
+                ]
               },
-              "default": "false",
-              "description": "Defines whether the component is in disabled state.",
+              "default": "\"None\"",
+              "description": "Defines whether the component will have growing capability by pressing a `More` button.\nWhen button is pressed `load-more` event will be fired.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "layout",
+              "name": "titleText",
               "type": {
-                "text": "MediaGalleryItemLayout",
-                "references": [
-                  {
-                    "name": "MediaGalleryItemLayout",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/types/MediaGalleryItemLayout.js"
-                  }
-                ]
+                "text": "string | undefined"
               },
-              "default": "\"Square\"",
-              "description": "Determines the layout of the item container.",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
+              "description": "Defines the `titleText` of the item.",
+              "default": "undefined",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "dist/NotificationListItemBase.js"
+              }
+            },
             {
-              "description": "Defines the selected state of the component.",
-              "name": "selected",
+              "kind": "field",
+              "name": "read",
+              "type": {
+                "text": "boolean"
+              },
               "default": "false",
-              "fieldName": "selected",
+              "description": "Defines if the `notification` is new or has been already read.\n\n**Note:** if set to `false` the `titleText` has bold font,\nif set to true - it has a normal font.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "dist/NotificationListItemBase.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loading",
               "type": {
                 "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if a busy indicator would be displayed over the item.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "dist/NotificationListItemBase.js"
               }
             },
             {
-              "description": "Defines whether the component is in disabled state.",
-              "name": "disabled",
+              "kind": "field",
+              "name": "loadingDelay",
+              "type": {
+                "text": "number"
+              },
+              "default": "1000",
+              "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "dist/NotificationListItemBase.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "toggle",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the `ui5-li-notification-group` is expanded/collapsed by user interaction."
+            },
+            {
+              "name": "load-more",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when additional items are requested."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines if the group is collapsed or expanded.",
+              "name": "collapsed",
               "default": "false",
-              "fieldName": "disabled",
+              "fieldName": "collapsed",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "description": "Determines the layout of the item container.",
-              "name": "layout",
-              "default": "\"Square\"",
-              "fieldName": "layout",
+              "description": "Defines whether the component will have growing capability by pressing a `More` button.\nWhen button is pressed `load-more` event will be fired.",
+              "name": "growing",
+              "default": "\"None\"",
+              "fieldName": "growing",
               "type": {
-                "text": "\"Square\" | \"Wide\""
+                "text": "\"Button\" | \"None\""
               }
             }
           ],
           "superclass": {
-            "name": "UI5Element",
-            "package": "@ui5/webcomponents-base",
-            "module": "dist/UI5Element.js"
+            "name": "NotificationListItemBase",
+            "package": "@ui5/webcomponents-fiori",
+            "module": "dist/NotificationListItemBase.js"
           },
-          "tagName": "ui5-media-gallery-item",
+          "tagName": "ui5-li-notification-group",
           "customElement": true
         }
       ],
@@ -1968,290 +2013,142 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "MediaGalleryItem",
-            "module": "dist/MediaGalleryItem.js"
+            "name": "NotificationListGroupItem",
+            "module": "dist/NotificationListGroupItem.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui5-media-gallery-item",
+          "name": "ui5-li-notification-group",
           "declaration": {
-            "name": "MediaGalleryItem",
-            "module": "dist/MediaGalleryItem.js"
+            "name": "NotificationListGroupItem",
+            "module": "dist/NotificationListGroupItem.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/NavigationLayout.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "### Overview\n\nThe `ui5-navigation-layout` is a container component that can be used to\ncreate a layout with a header, a side navigation and a content area.\n\n### Usage\n\nUse the `ui5-navigation-layout` to create whole screen of an application with vertical navigation.\n\n### Responsive Behavior\n\nOn desktop and tablet devices, the side navigation is visible\nby default and can be expanded or collapsed using the `mode` property.\nOn phone devices, the side navigation is hidden by default and can\nbe displayed using the `mode` property.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/NavigationLayout.js\";`",
-          "name": "NavigationLayout",
-          "slots": [
-            {
-              "name": "header",
-              "description": "Defines the header."
-            },
-            {
-              "name": "sideContent",
-              "description": "Defines the side content."
-            },
-            {
-              "name": "default",
-              "description": "Defines the content."
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "NavigationLayoutMode",
-                "references": [
-                  {
-                    "name": "NavigationLayoutMode",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/types/NavigationLayoutMode.js"
-                  }
-                ]
-              },
-              "default": "\"Auto\"",
-              "description": "Specifies the navigation layout mode.",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "isSideCollapsed",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Gets whether the side navigation is collapsed.",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Specifies the navigation layout mode.",
-              "name": "mode",
-              "default": "\"Auto\"",
-              "fieldName": "mode",
-              "type": {
-                "text": "\"Auto\" | \"Collapsed\" | \"Expanded\""
-              }
-            }
-          ],
-          "superclass": {
-            "name": "UI5Element",
-            "package": "@ui5/webcomponents-base",
-            "module": "dist/UI5Element.js"
-          },
-          "tagName": "ui5-navigation-layout",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "NavigationLayout",
-            "module": "dist/NavigationLayout.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ui5-navigation-layout",
-          "declaration": {
-            "name": "NavigationLayout",
-            "module": "dist/NavigationLayout.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/NavigationMenu.js",
-      "declarations": [],
-      "exports": [
+      "path": "dist/NotificationListGroupList.js",
+      "declarations": [],
+      "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "NavigationMenu",
-            "module": "dist/NavigationMenu.js"
+            "name": "NotificationListGroupList",
+            "module": "dist/NotificationListGroupList.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/NavigationMenuItem.js",
+      "path": "dist/NotificationListInternal.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "NavigationMenuItem",
-            "module": "dist/NavigationMenuItem.js"
+            "name": "NotificationListInternal",
+            "module": "dist/NotificationListInternal.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/NotificationList.js",
+      "path": "dist/NotificationListItem.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\nThe `ui5-notification-list` web component represents\na container for `ui5-li-notification-group` and `ui5-li-notification`.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-notification-list` provides advanced keyboard handling.\nWhen a list is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Up] or [Left] - Navigates up the items\n- [Down] or [Right] - Navigates down the items\n- [Home] - Navigates to first item\n- [End] - Navigates to the last item\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-fiori/dist/NotificationList.js\";``",
-          "name": "NotificationList",
+          "description": "### Overview\nThe `ui5-li-notification` is a type of list item, meant to display notifications.\n\nThe component has a rich set of various properties that allows the user to set `avatar`, `menu`, `titleText`, descriptive `content`\nand `footnotes` to fully describe a notification.\n\nThe user can:\n\n- display a `Close` button\n- can control whether the `titleText` and `description` should wrap or truncate\nand display a `ShowMore` button to switch between less and more information\n- add actions by using the `ui5-menu` component\n\n**Note:** Adding custom actions by using the `ui5-notification-action` component is deprecated as of version 2.0!\n\n### Usage\nThe component should be used inside a `ui5-notification-list`.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete):\n\n- [Enter] - select an item (trigger \"item-click\" event)\n- [Delete] - close an item (trigger \"item-close\" event)\n\n#### Fast Navigation\nThis component provides a fast navigation using the following keyboard shortcuts:\n\n- [Shift] + [Enter] - 'More'/'Less' link will be triggered\n- [Shift] + [F10] - 'Menu' (Actions) button will be triggered (clicked)\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/NotificationListItem.js\";`",
+          "name": "NotificationListItem",
+          "cssParts": [
+            {
+              "description": "Used to style the titleText of the notification list item",
+              "name": "title-text"
+            }
+          ],
           "slots": [
+            {
+              "name": "avatar",
+              "description": "Defines the avatar, displayed in the `ui5-li-notification`.\n\n**Note:** Consider using the `ui5-avatar` to display icons, initials or images.\n\n**Note:** In order to be complaint with the UX guidlines and for best experience,\nwe recommend using avatars with 2rem X 2rem in size (32px X 32px). In case you are using the `ui5-avatar`\nyou can set its `size` property to `XS` to get the required size - `<ui5-avatar size=\"XS\"></ui5-avatar>`."
+            },
+            {
+              "name": "menu",
+              "description": "Defines the menu, displayed in the `ui5-li-notification`.\n\n**Note:** Use this for implementing actions.\n\n**Note:** Should be used instead `u5-notification-action`, which is deprecated as of version 2.0."
+            },
+            {
+              "name": "footnotes",
+              "description": "Defines the elements, displayed in the footer of the of the component."
+            },
             {
               "name": "default",
-              "description": "Defines the items of the component."
+              "description": "Defines the content of the `ui5-li-notification`,\nusually a description of the notification.\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."
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "noDataText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the text that is displayed when the component contains no items.",
-              "default": "undefined",
-              "privacy": "public"
-            }
-          ],
-          "events": [
-            {
-              "name": "item-click",
+              "name": "wrappingType",
               "type": {
-                "text": "CustomEvent<NotificationItemClickEventDetail>",
+                "text": "WrappingType",
                 "references": [
                   {
-                    "name": "NotificationItemClickEventDetail",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/NotificationList.js"
+                    "name": "WrappingType",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/WrappingType.js"
                   }
                 ]
               },
-              "description": "Fired when an item is clicked."
+              "default": "\"None\"",
+              "description": "Defines if the `titleText` and `description` should wrap,\nthey truncate by default.\n\n**Note:** by default the `titleText` and `description`,\nand a `ShowMore/Less` button would be displayed.",
+              "privacy": "public"
             },
             {
-              "name": "item-close",
+              "kind": "field",
+              "name": "state",
               "type": {
-                "text": "CustomEvent<NotificationItemCloseEventDetail>",
+                "text": "ValueState",
                 "references": [
                   {
-                    "name": "NotificationItemCloseEventDetail",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/NotificationList.js"
+                    "name": "ValueState",
+                    "package": "@ui5/webcomponents-base",
+                    "module": "dist/types/ValueState.js"
                   }
                 ]
               },
-              "description": "Fired when the `Close` button of any item is clicked."
+              "default": "\"None\"",
+              "description": "Defines the status indicator of the item.",
+              "privacy": "public"
             },
-            {
-              "name": "item-toggle",
-              "type": {
-                "text": "CustomEvent<NotificationItemToggleEventDetail>",
-                "references": [
-                  {
-                    "name": "NotificationItemToggleEventDetail",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/NotificationList.js"
-                  }
-                ]
-              },
-              "description": "Fired when an item is toggled."
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Defines the text that is displayed when the component contains no items.",
-              "name": "no-data-text",
-              "default": "undefined",
-              "fieldName": "noDataText",
-              "type": {
-                "text": "string | undefined"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "UI5Element",
-            "package": "@ui5/webcomponents-base",
-            "module": "dist/UI5Element.js"
-          },
-          "tagName": "ui5-notification-list",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "NotificationList",
-            "module": "dist/NotificationList.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ui5-notification-list",
-          "declaration": {
-            "name": "NotificationList",
-            "module": "dist/NotificationList.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/NotificationListGroupItem.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "### Overview\nThe `ui5-li-notification-group` is a special type of list item,\nthat unlike others can group items within self, usually `ui5-li-notification` items.\n\nThe component consists of:\n\n- `Toggle` button to expand and collapse the group\n- `TitleText` to entitle the group\n- Items of the group\n\n### Usage\nThe component should be used inside a `ui5-notification-list`.\n\n### Keyboard Handling\nThe `ui5-li-notification-group` provides advanced keyboard handling.\nThis component provides fast navigation when the header is focused using the following keyboard shortcuts:\n\n- [Space] - toggles expand / collapse of the group\n- [Plus] - expands the group\n- [Minus] - collapses the group\n- [Right] - expands the group\n- [Left] - collapses the group\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js\";`",
-          "name": "NotificationListGroupItem",
-          "slots": [
-            {
-              "name": "default",
-              "description": "Defines the items of the `ui5-li-notification-group`,\nusually `ui5-li-notification` items."
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "collapsed",
+              "name": "showClose",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Defines if the group is collapsed or expanded.",
+              "description": "Defines if the `Close` button would be displayed.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "growing",
+              "name": "importance",
               "type": {
-                "text": "NotificationListGrowingMode",
+                "text": "NotificationListItemImportance",
                 "references": [
                   {
-                    "name": "NotificationListGrowingMode",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/types/NotificationListGrowingMode.js"
+                    "name": "NotificationListItemImportance",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/NotificationListItemImportance.js"
                   }
                 ]
               },
-              "default": "\"None\"",
-              "description": "Defines whether the component will have growing capability by pressing a `More` button.\nWhen button is pressed `load-more` event will be fired.",
+              "default": "\"Standard\"",
+              "description": "Defines the `Important` label of the item.",
               "privacy": "public"
             },
             {
@@ -2313,261 +2210,16 @@
           ],
           "events": [
             {
-              "name": "toggle",
+              "name": "close",
               "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when the `ui5-li-notification-group` is expanded/collapsed by user interaction."
-            },
-            {
-              "name": "load-more",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when additional items are requested."
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Defines if the group is collapsed or expanded.",
-              "name": "collapsed",
-              "default": "false",
-              "fieldName": "collapsed",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines whether the component will have growing capability by pressing a `More` button.\nWhen button is pressed `load-more` event will be fired.",
-              "name": "growing",
-              "default": "\"None\"",
-              "fieldName": "growing",
-              "type": {
-                "text": "\"Button\" | \"None\""
-              }
-            }
-          ],
-          "superclass": {
-            "name": "NotificationListItemBase",
-            "package": "@ui5/webcomponents-fiori",
-            "module": "dist/NotificationListItemBase.js"
-          },
-          "tagName": "ui5-li-notification-group",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "NotificationListGroupItem",
-            "module": "dist/NotificationListGroupItem.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ui5-li-notification-group",
-          "declaration": {
-            "name": "NotificationListGroupItem",
-            "module": "dist/NotificationListGroupItem.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/NotificationListGroupList.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "NotificationListGroupList",
-            "module": "dist/NotificationListGroupList.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/NotificationListInternal.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "NotificationListInternal",
-            "module": "dist/NotificationListInternal.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/NotificationListItem.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "### Overview\nThe `ui5-li-notification` is a type of list item, meant to display notifications.\n\nThe component has a rich set of various properties that allows the user to set `avatar`, `menu`, `titleText`, descriptive `content`\nand `footnotes` to fully describe a notification.\n\nThe user can:\n\n- display a `Close` button\n- can control whether the `titleText` and `description` should wrap or truncate\nand display a `ShowMore` button to switch between less and more information\n- add actions by using the `ui5-menu` component\n\n**Note:** Adding custom actions by using the `ui5-notification-action` component is deprecated as of version 2.0!\n\n### Usage\nThe component should be used inside a `ui5-notification-list`.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete):\n\n- [Enter] - select an item (trigger \"item-click\" event)\n- [Delete] - close an item (trigger \"item-close\" event)\n\n#### Fast Navigation\nThis component provides a fast navigation using the following keyboard shortcuts:\n\n- [Shift] + [Enter] - 'More'/'Less' link will be triggered\n- [Shift] + [F10] - 'Menu' (Actions) button will be triggered (clicked)\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/NotificationListItem.js\";`",
-          "name": "NotificationListItem",
-          "cssParts": [
-            {
-              "description": "Used to style the titleText of the notification list item",
-              "name": "title-text"
-            }
-          ],
-          "slots": [
-            {
-              "name": "avatar",
-              "description": "Defines the avatar, displayed in the `ui5-li-notification`.\n\n**Note:** Consider using the `ui5-avatar` to display icons, initials or images.\n\n**Note:** In order to be complaint with the UX guidlines and for best experience,\nwe recommend using avatars with 2rem X 2rem in size (32px X 32px). In case you are using the `ui5-avatar`\nyou can set its `size` property to `XS` to get the required size - `<ui5-avatar size=\"XS\"></ui5-avatar>`."
-            },
-            {
-              "name": "menu",
-              "description": "Defines the menu, displayed in the `ui5-li-notification`.\n\n**Note:** Use this for implementing actions.\n\n**Note:** Should be used instead `u5-notification-action`, which is deprecated as of version 2.0."
-            },
-            {
-              "name": "footnotes",
-              "description": "Defines the elements, displayed in the footer of the of the component."
-            },
-            {
-              "name": "default",
-              "description": "Defines the content of the `ui5-li-notification`,\nusually a description of the notification.\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."
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "wrappingType",
-              "type": {
-                "text": "WrappingType",
-                "references": [
-                  {
-                    "name": "WrappingType",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/types/WrappingType.js"
-                  }
-                ]
-              },
-              "default": "\"None\"",
-              "description": "Defines if the `titleText` and `description` should wrap,\nthey truncate by default.\n\n**Note:** by default the `titleText` and `description`,\nand a `ShowMore/Less` button would be displayed.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "state",
-              "type": {
-                "text": "ValueState",
-                "references": [
-                  {
-                    "name": "ValueState",
-                    "package": "@ui5/webcomponents-base",
-                    "module": "dist/types/ValueState.js"
-                  }
-                ]
-              },
-              "default": "\"None\"",
-              "description": "Defines the status indicator of the item.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "showClose",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Defines if the `Close` button would be displayed.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "importance",
-              "type": {
-                "text": "NotificationListItemImportance",
-                "references": [
-                  {
-                    "name": "NotificationListItemImportance",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/types/NotificationListItemImportance.js"
-                  }
-                ]
-              },
-              "default": "\"Standard\"",
-              "description": "Defines the `Important` label of the item.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "titleText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the `titleText` of the item.",
-              "default": "undefined",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "NotificationListItemBase",
-                "module": "dist/NotificationListItemBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "read",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Defines if the `notification` is new or has been already read.\n\n**Note:** if set to `false` the `titleText` has bold font,\nif set to true - it has a normal font.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "NotificationListItemBase",
-                "module": "dist/NotificationListItemBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Defines if a busy indicator would be displayed over the item.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "NotificationListItemBase",
-                "module": "dist/NotificationListItemBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "loadingDelay",
-              "type": {
-                "text": "number"
-              },
-              "default": "1000",
-              "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "NotificationListItemBase",
-                "module": "dist/NotificationListItemBase.js"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "close",
-              "type": {
-                "text": "CustomEvent<NotificationListItemCloseEventDetail>",
-                "references": [
-                  {
-                    "name": "NotificationListItemCloseEventDetail",
-                    "package": "@ui5/webcomponents-fiori",
-                    "module": "dist/NotificationListItem.js"
-                  }
-                ]
+                "text": "CustomEvent<NotificationListItemCloseEventDetail>",
+                "references": [
+                  {
+                    "name": "NotificationListItemCloseEventDetail",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/NotificationListItem.js"
+                  }
+                ]
               },
               "description": "Fired when the `Close` button is pressed."
             }
@@ -8529,230 +8181,578 @@
           "tagName": "ui5-wizard",
           "customElement": true
         }
-      ],
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Wizard",
+            "module": "dist/Wizard.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-wizard",
+          "declaration": {
+            "name": "Wizard",
+            "module": "dist/Wizard.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/WizardStep.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "### Overview\n\nA component that represents a logical step as part of the `ui5-wizard`.\nIt is meant to aggregate arbitrary HTML elements that form the content of a single step.\n\n### Structure\n\n- Each wizard step has arbitrary content.\n- Each wizard step might have texts - defined by the `titleText` and `subtitleText` properties.\n- Each wizard step might have an icon - defined by the `icon` property.\n- Each wizard step might display a number in place of the `icon`, when it's missing.\n\n### Usage\nThe `ui5-wizard-step` component should be used only as slot of the `ui5-wizard` component\nand should not be used standalone.",
+          "name": "WizardStep",
+          "slots": [
+            {
+              "description": "Defines the step content.",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "titleText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the `titleText` of the step.\n\n**Note:** The text is displayed in the `ui5-wizard` navigation header.",
+              "default": "undefined",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "subtitleText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the `subtitleText` of the step.\n\n**Note:** the text is displayed in the `ui5-wizard` navigation header.",
+              "default": "undefined",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the `icon` of the step.\n\n**Note:** The icon is displayed in the `ui5-wizard` navigation header.\n\nThe SAP-icons font provides numerous options.\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+              "default": "undefined",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if the step is `disabled`. When disabled the step is displayed,\nbut the user can't select the step by clicking or navigate to it with scrolling.\n\n**Note:** Step can't be `selected` and `disabled` at the same time.\nIn this case the `selected` property would take precedence.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines the step's `selected` state - the step that is currently active.\n\n**Note:** Step can't be `selected` and `disabled` at the same time.\nIn this case the `selected` property would take precedence.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "branching",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When `branching` is enabled a dashed line would be displayed after the step,\nmeant to indicate that the next step is not yet known and depends on user choice in the current step.\n\n**Note:** It is recommended to use `branching` on the last known step\nand later add new steps when it becomes clear how the wizard flow should continue.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the `titleText` of the step.\n\n**Note:** The text is displayed in the `ui5-wizard` navigation header.",
+              "name": "title-text",
+              "default": "undefined",
+              "fieldName": "titleText",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines the `subtitleText` of the step.\n\n**Note:** the text is displayed in the `ui5-wizard` navigation header.",
+              "name": "subtitle-text",
+              "default": "undefined",
+              "fieldName": "subtitleText",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines the `icon` of the step.\n\n**Note:** The icon is displayed in the `ui5-wizard` navigation header.\n\nThe SAP-icons font provides numerous options.\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
+              "name": "icon",
+              "default": "undefined",
+              "fieldName": "icon",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines if the step is `disabled`. When disabled the step is displayed,\nbut the user can't select the step by clicking or navigate to it with scrolling.\n\n**Note:** Step can't be `selected` and `disabled` at the same time.\nIn this case the `selected` property would take precedence.",
+              "name": "disabled",
+              "default": "false",
+              "fieldName": "disabled",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Defines the step's `selected` state - the step that is currently active.\n\n**Note:** Step can't be `selected` and `disabled` at the same time.\nIn this case the `selected` property would take precedence.",
+              "name": "selected",
+              "default": "false",
+              "fieldName": "selected",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "When `branching` is enabled a dashed line would be displayed after the step,\nmeant to indicate that the next step is not yet known and depends on user choice in the current step.\n\n**Note:** It is recommended to use `branching` on the last known step\nand later add new steps when it becomes clear how the wizard flow should continue.",
+              "name": "branching",
+              "default": "false",
+              "fieldName": "branching",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "ui5-wizard-step",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "WizardStep",
+            "module": "dist/WizardStep.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-wizard-step",
+          "declaration": {
+            "name": "WizardStep",
+            "module": "dist/WizardStep.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/WizardTab.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "WizardTab",
+            "module": "dist/WizardTab.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ssr-zxing-shim.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZXing",
+            "module": "dist/ssr-zxing-shim.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ssr-zxing.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZXing",
+            "module": "dist/ssr-zxing.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/fcl-utils/FCLLayout.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/FCLLayout.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FCLLayout",
+            "module": "dist/types/FCLLayout.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/IllustrationMessageDesign.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IllustrationMessageDesign",
+            "module": "dist/types/IllustrationMessageDesign.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/IllustrationMessageType.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IllustrationMessageType",
+            "module": "dist/types/IllustrationMessageType.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/MediaGalleryItemLayout.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "MediaGalleryItemLayout",
+            "module": "dist/types/MediaGalleryItemLayout.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/MediaGalleryLayout.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "MediaGalleryLayout",
+            "module": "dist/types/MediaGalleryLayout.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/MediaGalleryMenuHorizontalAlign.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "MediaGalleryMenuHorizontalAlign",
+            "module": "dist/types/MediaGalleryMenuHorizontalAlign.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/MediaGalleryMenuVerticalAlign.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "MediaGalleryMenuVerticalAlign",
+            "module": "dist/types/MediaGalleryMenuVerticalAlign.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/NavigationLayoutMode.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "NavigationLayoutMode",
+            "module": "dist/types/NavigationLayoutMode.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/NotificationListItemImportance.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "NotificationListItemImportance",
+            "module": "dist/types/NotificationListItemImportance.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/PageBackgroundDesign.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "PageBackgroundDesign",
+            "module": "dist/types/PageBackgroundDesign.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/SearchMode.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SearchMode",
+            "module": "dist/types/SearchMode.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/SideContentFallDown.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SideContentFallDown",
+            "module": "dist/types/SideContentFallDown.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/SideContentPosition.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SideContentPosition",
+            "module": "dist/types/SideContentPosition.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/SideContentVisibility.js",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "Wizard",
-            "module": "dist/Wizard.js"
+            "name": "SideContentVisibility",
+            "module": "dist/types/SideContentVisibility.js"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/SideNavigationItemDesign.js",
+      "declarations": [],
+      "exports": [
         {
-          "kind": "custom-element-definition",
-          "name": "ui5-wizard",
+          "kind": "js",
+          "name": "default",
           "declaration": {
-            "name": "Wizard",
-            "module": "dist/Wizard.js"
+            "name": "SideNavigationItemDesign",
+            "module": "dist/types/SideNavigationItemDesign.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/WizardStep.js",
-      "declarations": [
+      "path": "dist/types/TimelineGrowingMode.js",
+      "declarations": [],
+      "exports": [
         {
-          "kind": "class",
-          "description": "### Overview\n\nA component that represents a logical step as part of the `ui5-wizard`.\nIt is meant to aggregate arbitrary HTML elements that form the content of a single step.\n\n### Structure\n\n- Each wizard step has arbitrary content.\n- Each wizard step might have texts - defined by the `titleText` and `subtitleText` properties.\n- Each wizard step might have an icon - defined by the `icon` property.\n- Each wizard step might display a number in place of the `icon`, when it's missing.\n\n### Usage\nThe `ui5-wizard-step` component should be used only as slot of the `ui5-wizard` component\nand should not be used standalone.",
-          "name": "WizardStep",
-          "slots": [
-            {
-              "description": "Defines the step content.",
-              "name": "default"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "titleText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the `titleText` of the step.\n\n**Note:** The text is displayed in the `ui5-wizard` navigation header.",
-              "default": "undefined",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "subtitleText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the `subtitleText` of the step.\n\n**Note:** the text is displayed in the `ui5-wizard` navigation header.",
-              "default": "undefined",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the `icon` of the step.\n\n**Note:** The icon is displayed in the `ui5-wizard` navigation header.\n\nThe SAP-icons font provides numerous options.\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "default": "undefined",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Defines if the step is `disabled`. When disabled the step is displayed,\nbut the user can't select the step by clicking or navigate to it with scrolling.\n\n**Note:** Step can't be `selected` and `disabled` at the same time.\nIn this case the `selected` property would take precedence.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Defines the step's `selected` state - the step that is currently active.\n\n**Note:** Step can't be `selected` and `disabled` at the same time.\nIn this case the `selected` property would take precedence.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "branching",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When `branching` is enabled a dashed line would be displayed after the step,\nmeant to indicate that the next step is not yet known and depends on user choice in the current step.\n\n**Note:** It is recommended to use `branching` on the last known step\nand later add new steps when it becomes clear how the wizard flow should continue.",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Defines the `titleText` of the step.\n\n**Note:** The text is displayed in the `ui5-wizard` navigation header.",
-              "name": "title-text",
-              "default": "undefined",
-              "fieldName": "titleText",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Defines the `subtitleText` of the step.\n\n**Note:** the text is displayed in the `ui5-wizard` navigation header.",
-              "name": "subtitle-text",
-              "default": "undefined",
-              "fieldName": "subtitleText",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Defines the `icon` of the step.\n\n**Note:** The icon is displayed in the `ui5-wizard` navigation header.\n\nThe SAP-icons font provides numerous options.\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
-              "name": "icon",
-              "default": "undefined",
-              "fieldName": "icon",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Defines if the step is `disabled`. When disabled the step is displayed,\nbut the user can't select the step by clicking or navigate to it with scrolling.\n\n**Note:** Step can't be `selected` and `disabled` at the same time.\nIn this case the `selected` property would take precedence.",
-              "name": "disabled",
-              "default": "false",
-              "fieldName": "disabled",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines the step's `selected` state - the step that is currently active.\n\n**Note:** Step can't be `selected` and `disabled` at the same time.\nIn this case the `selected` property would take precedence.",
-              "name": "selected",
-              "default": "false",
-              "fieldName": "selected",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "When `branching` is enabled a dashed line would be displayed after the step,\nmeant to indicate that the next step is not yet known and depends on user choice in the current step.\n\n**Note:** It is recommended to use `branching` on the last known step\nand later add new steps when it becomes clear how the wizard flow should continue.",
-              "name": "branching",
-              "default": "false",
-              "fieldName": "branching",
-              "type": {
-                "text": "boolean"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "UI5Element",
-            "package": "@ui5/webcomponents-base",
-            "module": "dist/UI5Element.js"
-          },
-          "tagName": "ui5-wizard-step",
-          "customElement": true
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TimelineGrowingMode",
+            "module": "dist/types/TimelineGrowingMode.js"
+          }
         }
-      ],
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/TimelineLayout.js",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "WizardStep",
-            "module": "dist/WizardStep.js"
+            "name": "TimelineLayout",
+            "module": "dist/types/TimelineLayout.js"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/UploadCollectionDnDMode.js",
+      "declarations": [],
+      "exports": [
         {
-          "kind": "custom-element-definition",
-          "name": "ui5-wizard-step",
+          "kind": "js",
+          "name": "default",
           "declaration": {
-            "name": "WizardStep",
-            "module": "dist/WizardStep.js"
+            "name": "UploadCollectionDnDOverlayMode",
+            "module": "dist/types/UploadCollectionDnDMode.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/WizardTab.js",
+      "path": "dist/types/UploadCollectionSelectionMode.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "WizardTab",
-            "module": "dist/WizardTab.js"
+            "name": "UploadCollectionSelectionMode",
+            "module": "dist/types/UploadCollectionSelectionMode.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/ssr-zxing-shim.js",
+      "path": "dist/types/UploadState.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ZXing",
-            "module": "dist/ssr-zxing-shim.js"
+            "name": "UploadState",
+            "module": "dist/types/UploadState.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/ssr-zxing.js",
+      "path": "dist/types/ViewSettingsDialogMode.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ZXing",
-            "module": "dist/ssr-zxing.js"
+            "name": "ViewSettingsDialogMode",
+            "module": "dist/types/ViewSettingsDialogMode.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/WizardContentLayout.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "WizardContentLayout",
+            "module": "dist/types/WizardContentLayout.js"
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/illustrations/AllIllustrations.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/upload-utils/UploadCollectionBodyDnD.js",
+      "declarations": [],
+      "exports": []
     }
   ]
 }