@ui5/webcomponents-ngx 0.3.0-rc.2 → 0.3.0-rc.4

package/fiori/barcode-scanner-dialog/index.d.ts

@@ -3,6 +3,14 @@ import '@ui5/webcomponents-fiori/dist/BarcodeScannerDialog.js';
 import { default as BarcodeScannerDialog, BarcodeScannerDialogScanErrorEventDetail, BarcodeScannerDialogScanSuccessEventDetail } from '@ui5/webcomponents-fiori/dist/BarcodeScannerDialog.js';
 import * as i0 from "@angular/core";
 declare class BarcodeScannerDialogComponent {
+    /**
+       Indicates whether the dialog is open.
+      */
+    open: boolean;
+    /**
+       Fired when the user closes the component.
+      */
+    ui5Close: EventEmitter<void>;
     /**
        Fires when the scan is completed successfuuly.
       */
@@ -17,6 +25,6 @@ declare class BarcodeScannerDialogComponent {
     get element(): BarcodeScannerDialog;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<BarcodeScannerDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BarcodeScannerDialogComponent, "ui5-barcode-scanner-dialog", never, {}, { "ui5ScanSuccess": "ui5ScanSuccess"; "ui5ScanError": "ui5ScanError"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BarcodeScannerDialogComponent, "ui5-barcode-scanner-dialog", ["ui5BarcodeScannerDialog"], { "open": { "alias": "open"; "required": false; }; }, { "ui5Close": "ui5Close"; "ui5ScanSuccess": "ui5ScanSuccess"; "ui5ScanError": "ui5ScanError"; }, never, ["*"], true, never>;
 }
 export { BarcodeScannerDialogComponent };

package/fiori/dynamic-page/index.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '@angular/core';
+import '@ui5/webcomponents-fiori/dist/DynamicPage.js';
+import DynamicPage from '@ui5/webcomponents-fiori/dist/DynamicPage.js';
+import * as i0 from "@angular/core";
+declare class DynamicPageComponent {
+    /**
+       Defines if the pin button is hidden.
+      */
+    hidePinButton: boolean;
+    /**
+       Defines if the header is pinned.
+      */
+    headerPinned: boolean;
+    /**
+       Defines if the footer is shown.
+      */
+    showFooter: boolean;
+    /**
+       Defines if the header is snapped.
+      */
+    headerSnapped: boolean;
+    /**
+       Fired when the pin header button is toggled.
+      */
+    ui5PinButtonToggle: EventEmitter<void>;
+    /**
+       Fired when the expand/collapse area of the title is toggled.
+      */
+    ui5TitleToggle: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): DynamicPage;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageComponent, "ui5-dynamic-page", ["ui5DynamicPage"], { "hidePinButton": { "alias": "hidePinButton"; "required": false; }; "headerPinned": { "alias": "headerPinned"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "headerSnapped": { "alias": "headerSnapped"; "required": false; }; }, { "ui5PinButtonToggle": "ui5PinButtonToggle"; "ui5TitleToggle": "ui5TitleToggle"; }, never, ["*"], true, never>;
+}
+export { DynamicPageComponent };

package/fiori/dynamic-page-header/index.d.ts

@@ -0,0 +1,13 @@
+import '@ui5/webcomponents-fiori/dist/DynamicPageHeader.js';
+import DynamicPageHeader from '@ui5/webcomponents-fiori/dist/DynamicPageHeader.js';
+import * as i0 from "@angular/core";
+declare class DynamicPageHeaderComponent {
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): DynamicPageHeader;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageHeaderComponent, "ui5-dynamic-page-header", ["ui5DynamicPageHeader"], {}, {}, never, ["*"], true, never>;
+}
+export { DynamicPageHeaderComponent };

package/fiori/dynamic-page-title/index.d.ts

@@ -0,0 +1,13 @@
+import '@ui5/webcomponents-fiori/dist/DynamicPageTitle.js';
+import DynamicPageTitle from '@ui5/webcomponents-fiori/dist/DynamicPageTitle.js';
+import * as i0 from "@angular/core";
+declare class DynamicPageTitleComponent {
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): DynamicPageTitle;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageTitleComponent, "ui5-dynamic-page-title", ["ui5DynamicPageTitle"], {}, {}, never, ["*"], true, never>;
+}
+export { DynamicPageTitleComponent };

package/fiori/dynamic-side-content/index.d.ts

@@ -14,43 +14,14 @@ declare class DynamicSideContentComponent {
     /**
        Defines whether the side content is positioned before the main content (left side
   in LTR mode), or after the the main content (right side in LTR mode).
-  
-  <br><br>
-  <b>The available values are:</b>
-  
-  <ul>
-  <li><code>Start</code></li>
-  <li><code>End</code></li>
-  </ul>
       */
     sideContentPosition: 'End' | 'Start';
     /**
        Defines on which breakpoints the side content is visible.
-  
-  <br><br>
-  <b>The available values are:</b>
-  
-  <ul>
-  <li><code>AlwaysShow</code></li>
-  <li><code>ShowAboveL</code></li>
-  <li><code>ShowAboveM</code></li>
-  <li><code>ShowAboveS</code></li>
-  <li><code>NeverShow</code></li>
-  </ul>
       */
     sideContentVisibility: 'AlwaysShow' | 'ShowAboveL' | 'ShowAboveM' | 'ShowAboveS' | 'NeverShow';
     /**
        Defines on which breakpoints the side content falls down below the main content.
-  
-  <br><br>
-  <b>The available values are:</b>
-  
-  <ul>
-  <li><code>BelowXL</code></li>
-  <li><code>BelowL</code></li>
-  <li><code>BelowM</code></li>
-  <li><code>OnMinimumWidth</code></li>
-  </ul>
       */
     sideContentFallDown: 'BelowXL' | 'BelowL' | 'BelowM' | 'OnMinimumWidth';
     /**
@@ -70,6 +41,6 @@ declare class DynamicSideContentComponent {
     get element(): DynamicSideContent;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicSideContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicSideContentComponent, "ui5-dynamic-side-content", never, { "hideMainContent": { "alias": "hideMainContent"; "required": false; }; "hideSideContent": { "alias": "hideSideContent"; "required": false; }; "sideContentPosition": { "alias": "sideContentPosition"; "required": false; }; "sideContentVisibility": { "alias": "sideContentVisibility"; "required": false; }; "sideContentFallDown": { "alias": "sideContentFallDown"; "required": false; }; "equalSplit": { "alias": "equalSplit"; "required": false; }; }, { "ui5LayoutChange": "ui5LayoutChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicSideContentComponent, "ui5-dynamic-side-content", ["ui5DynamicSideContent"], { "hideMainContent": { "alias": "hideMainContent"; "required": false; }; "hideSideContent": { "alias": "hideSideContent"; "required": false; }; "sideContentPosition": { "alias": "sideContentPosition"; "required": false; }; "sideContentVisibility": { "alias": "sideContentVisibility"; "required": false; }; "sideContentFallDown": { "alias": "sideContentFallDown"; "required": false; }; "equalSplit": { "alias": "equalSplit"; "required": false; }; }, { "ui5LayoutChange": "ui5LayoutChange"; }, never, ["*"], true, never>;
 }
 export { DynamicSideContentComponent };

package/fiori/filter-item/index.d.ts

@@ -16,6 +16,6 @@ declare class FilterItemComponent {
     get element(): FilterItem;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterItemComponent, "ui5-filter-item", never, { "text": { "alias": "text"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterItemComponent, "ui5-filter-item", ["ui5FilterItem"], { "text": { "alias": "text"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { FilterItemComponent };

package/fiori/filter-item-option/index.d.ts

@@ -16,6 +16,6 @@ declare class FilterItemOptionComponent {
     get element(): FilterItemOption;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterItemOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterItemOptionComponent, "ui5-filter-item-option", never, { "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterItemOptionComponent, "ui5-filter-item-option", ["ui5FilterItemOption"], { "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { FilterItemOptionComponent };

package/fiori/flexible-column-layout/index.d.ts

@@ -1,15 +1,15 @@
 import { EventEmitter } from '@angular/core';
 import '@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js';
-import { default as FlexibleColumnLayout, FlexibleColumnLayoutAccessibilityRoles, FlexibleColumnLayoutAccessibilityTexts, FlexibleColumnLayoutLayoutChangeEventDetail } from '@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js';
+import { FCLAccessibilityAttributes, default as FlexibleColumnLayout, FlexibleColumnLayoutLayoutChangeEventDetail } from '@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js';
 import * as i0 from "@angular/core";
 declare class FlexibleColumnLayoutComponent {
     /**
        Defines the columns layout and their proportion.
-  <br><br>
-  <b>Note:</b> The layout also depends on the screen size - one column for screens smaller than 599px,
+  
+  **Note:** The layout also depends on the screen size - one column for screens smaller than 599px,
   two columns between 599px and 1023px and three columns for sizes bigger than 1023px.
-  <br><br>
-  <b>For example:</b> layout=<code>TwoColumnsStartExpanded</code> means the layout will display up to two columns
+  
+  **For example:** layout=`TwoColumnsStartExpanded` means the layout will display up to two columns
   in 67%/33% proportion.
       */
     layout: 'OneColumn' | 'TwoColumnsStartExpanded' | 'TwoColumnsMidExpanded' | 'ThreeColumnsMidExpanded' | 'ThreeColumnsEndExpanded' | 'ThreeColumnsStartExpandedEndHidden' | 'ThreeColumnsMidExpandedEndHidden' | 'MidColumnFullScreen' | 'EndColumnFullScreen';
@@ -19,31 +19,30 @@ declare class FlexibleColumnLayoutComponent {
       */
     hideArrows: boolean;
     /**
-       An object of strings that defines several additional accessibility texts for even further customization.
+       Defines additional accessibility attributes on different areas of the component.
   
-  It supports the following fields:
-   - <code>startColumnAccessibleName</code>: the accessibility name for the <code>startColumn</code> region
-   - <code>midColumnAccessibleName</code>: the accessibility name for the <code>midColumn</code> region
-   - <code>endColumnAccessibleName</code>: the accessibility name for the <code>endColumn</code> region
-   - <code>startArrowLeftText</code>: the text that the first arrow (between the <code>begin</code> and <code>mid</code> columns) will have when pointing to the left
-   - <code>startArrowRightText</code>: the text that the first arrow (between the <code>begin</code> and <code>mid</code> columns) will have when pointing to the right
-   - <code>endArrowLeftText</code>: the text that the second arrow (between the <code>mid</code> and <code>end</code> columns) will have when pointing to the left
-   - <code>endArrowRightText</code>: the text that the second arrow (between the <code>mid</code> and <code>end</code> columns) will have when pointing to the right
-   - <code>startArrowContainerAccessibleName</code>: the text that the first arrow container (between the <code>begin</code> and <code>mid</code> columns) will have as <code>aria-label</code>
-   - <code>endArrowContainerAccessibleName</code>: the text that the second arrow container (between the <code>mid</code> and <code>end</code> columns) will have as <code>aria-label</code>
-      */
-    accessibilityTexts: FlexibleColumnLayoutAccessibilityTexts;
-    /**
-       An object of strings that defines additional accessibility roles for further customization.
+  The accessibilityAttributes object has the following fields,
+  where each field is an object supporting one or more accessibility attributes:
+  
+   - **startColumn**: `startColumn.role` and `startColumn.name`.
+   - **midColumn**: `midColumn.role` and `midColumn.name`.
+   - **endColumn**: `endColumn.role` and `endColumn.name`.
+   - **startArrowContainer**: `startArrowContainer.role` and `startArrowContainer.name`.
+   - **endArrowContainer**: `endArrowContainerrole.role` and `endArrowContainer.name`.
+   - **startArrowLeft**: `startArrowLeft.name`.
+   - **startArrowRight**: `startArrowRight.name`.
+   - **endArrowLeft**: `endArrowLeft.name`.
+   - **endArrowRight**: `endArrowRight.name`.
+  
+  The accessibility attributes support the following values:
+  
+  - **role**: Defines the accessible ARIA landmark role of the area.
+  Accepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.
   
-  It supports the following fields:
-   - <code>startColumnRole</code>: the accessibility role for the <code>startColumn</code>
-   - <code>startArrowContainerRole</code>: the accessibility role for the first arrow container (between the <code>begin</code> and <code>mid</code> columns)
-   - <code>midColumnRole</code>: the accessibility role for the <code>midColumn</code>
-   - <code>endArrowContainerRole</code>: the accessibility role for the second arrow container (between the <code>mid</code> and <code>end</code> columns)
-   - <code>endColumnRole</code>: the accessibility role for the <code>endColumn</code>
+  - **name**: Defines the accessible ARIA name of the area.
+  Accepts any string.
       */
-    accessibilityRoles: FlexibleColumnLayoutAccessibilityRoles;
+    accessibilityAttributes: FCLAccessibilityAttributes;
     /**
        Fired when the layout changes via user interaction by clicking the arrows
   or by changing the component size due to resizing.
@@ -55,6 +54,6 @@ declare class FlexibleColumnLayoutComponent {
     get element(): FlexibleColumnLayout;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FlexibleColumnLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlexibleColumnLayoutComponent, "ui5-flexible-column-layout", never, { "layout": { "alias": "layout"; "required": false; }; "hideArrows": { "alias": "hideArrows"; "required": false; }; "accessibilityTexts": { "alias": "accessibilityTexts"; "required": false; }; "accessibilityRoles": { "alias": "accessibilityRoles"; "required": false; }; }, { "ui5LayoutChange": "ui5LayoutChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FlexibleColumnLayoutComponent, "ui5-flexible-column-layout", ["ui5FlexibleColumnLayout"], { "layout": { "alias": "layout"; "required": false; }; "hideArrows": { "alias": "hideArrows"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; }, { "ui5LayoutChange": "ui5LayoutChange"; }, never, ["*"], true, never>;
 }
 export { FlexibleColumnLayoutComponent };

package/fiori/illustrated-message/index.d.ts

@@ -4,69 +4,59 @@ import * as i0 from "@angular/core";
 declare class IllustratedMessageComponent {
     /**
        Defines the illustration name that will be displayed in the component.
-  <br>
+  
   Example:
-  <br>
-  <code>name='BeforeSearch'</code>, <code>name='UnableToUpload'</code>, etc..
-  <br>
-  <br>
-  <b>Note:</b> To use the TNT illustrations,
-  you need to set the <code>tnt</code> or <code>Tnt</code> prefix in front of the icon's name.
-  <br>
+  
+  `name='BeforeSearch'`, `name='UnableToUpload'`, etc..
+  
+  **Note:** To use the TNT illustrations,
+  you need to set the `tnt` or `Tnt` prefix in front of the icon's name.
+  
   Example:
-  <br>
-  <code>name='tnt/Avatar'</code> or <code>name='TntAvatar'</code>.
-  <br>
-  <br>
-  <b>Note:</b> By default the <code>BeforeSearch</code> illustration is loaded.
+  
+  `name='tnt/Avatar'` or `name='TntAvatar'`.
+  
+  **Note:** By default the `BeforeSearch` illustration is loaded.
   When using an illustration type, other than the default, it should be loaded in addition:
-  <br>
-  <code>import "@ui5/webcomponents-fiori/dist/illustrations/NoData.js";</code>
-  <br>
-  <br>
+  
+  `import "@ui5/webcomponents-fiori/dist/illustrations/NoData.js";`
+  
   For TNT illustrations:
-  <br>
-  <code>import "@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js";</code>
+  
+  `import "@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js";`
       */
     name: string;
     /**
        Determines which illustration breakpoint variant is used.
-  <br><br>
   
-  As <code>IllustratedMessage</code> adapts itself around the <code>Illustration</code>, the other
-  elements of the component are displayed differently on the different breakpoints/illustration sizes.
+  As `IllustratedMessage` adapts itself around the `Illustration`, the other
+  elements of the component are displayed differently on the different breakpoints/illustration designs.
       */
-    size: 'Auto' | 'Base' | 'Spot' | 'Dialog' | 'Scene';
+    design: 'Auto' | 'Base' | 'Dot' | 'Spot' | 'Dialog' | 'Scene';
     /**
        Defines the subtitle of the component.
-  <br><br>
-  <b>Note:</b> Using this property, the default subtitle text of illustration will be overwritten.
-  <br><br>
-  <b>Note:</b> Using <code>subtitle</code> slot, the default of this property will be overwritten.
+  
+  **Note:** Using this property, the default subtitle text of illustration will be overwritten.
+  
+  **Note:** Using `subtitle` slot, the default of this property will be overwritten.
       */
     subtitleText: string;
     /**
        Defines the title of the component.
-  <br><br>
-  <b>Note:</b> Using this property, the default title text of illustration will be overwritten.
+  
+  **Note:** Using this property, the default title text of illustration will be overwritten.
       */
     titleText: string;
     /**
        Receives id(or many ids) of the elements that label the component.
       */
     accessibleNameRef: string;
-    /**
-       Defines the semantic level of the title.
-  
-  <b>Note:</b> Used for accessibility purposes only.
-      */
-    titleLevel: 'H1' | 'H2' | 'H3' | 'H4' | 'H5' | 'H6';
     private elementRef;
     private zone;
     private cdr;
     get element(): IllustratedMessage;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<IllustratedMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IllustratedMessageComponent, "ui5-illustrated-message", never, { "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "subtitleText": { "alias": "subtitleText"; "required": false; }; "titleText": { "alias": "titleText"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "titleLevel": { "alias": "titleLevel"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IllustratedMessageComponent, "ui5-illustrated-message", ["ui5IllustratedMessage"], { "name": { "alias": "name"; "required": false; }; "design": { "alias": "design"; "required": false; }; "subtitleText": { "alias": "subtitleText"; "required": false; }; "titleText": { "alias": "titleText"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { IllustratedMessageComponent };

package/fiori/media-gallery/index.d.ts

@@ -4,15 +4,15 @@ import { default as MediaGallery, MediaGallerySelectionChangeEventDetail } from
 import * as i0 from "@angular/core";
 declare class MediaGalleryComponent {
     /**
-       If set to <code>true</code>, all thumbnails are rendered in a scrollable container.
-  If <code>false</code>, only up to five thumbnails are rendered, followed by
+       If set to `true`, all thumbnails are rendered in a scrollable container.
+  If `false`, only up to five thumbnails are rendered, followed by
   an overflow button that shows the count of the remaining thumbnails.
       */
     showAllThumbnails: boolean;
     /**
-       If enabled, a <code>display-area-click</code> event is fired
+       If enabled, a `display-area-click` event is fired
   when the user clicks or taps on the display area.
-  <br>
+  
   The display area is the central area that contains
   the enlarged content of the currently selected item.
       */
@@ -40,7 +40,7 @@ declare class MediaGalleryComponent {
       */
     ui5OverflowClick: EventEmitter<void>;
     /**
-       Fired when the display area is clicked.<br>
+       Fired when the display area is clicked.
   The display area is the central area that contains
   the enlarged content of the currently selected item.
       */
@@ -51,6 +51,6 @@ declare class MediaGalleryComponent {
     get element(): MediaGallery;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MediaGalleryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MediaGalleryComponent, "ui5-media-gallery", never, { "showAllThumbnails": { "alias": "showAllThumbnails"; "required": false; }; "interactiveDisplayArea": { "alias": "interactiveDisplayArea"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "menuHorizontalAlign": { "alias": "menuHorizontalAlign"; "required": false; }; "menuVerticalAlign": { "alias": "menuVerticalAlign"; "required": false; }; }, { "ui5SelectionChange": "ui5SelectionChange"; "ui5OverflowClick": "ui5OverflowClick"; "ui5DisplayAreaClick": "ui5DisplayAreaClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaGalleryComponent, "ui5-media-gallery", ["ui5MediaGallery"], { "showAllThumbnails": { "alias": "showAllThumbnails"; "required": false; }; "interactiveDisplayArea": { "alias": "interactiveDisplayArea"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "menuHorizontalAlign": { "alias": "menuHorizontalAlign"; "required": false; }; "menuVerticalAlign": { "alias": "menuVerticalAlign"; "required": false; }; }, { "ui5SelectionChange": "ui5SelectionChange"; "ui5OverflowClick": "ui5OverflowClick"; "ui5DisplayAreaClick": "ui5DisplayAreaClick"; }, never, ["*"], true, never>;
 }
 export { MediaGalleryComponent };

package/fiori/media-gallery-item/index.d.ts

@@ -12,12 +12,6 @@ declare class MediaGalleryItemComponent {
     disabled: boolean;
     /**
        Determines the layout of the item container.
-  <br><br>
-  Available options are:
-  <ul>
-  <li><code>Square</code></li>
-  <li><code>Wide</code></li>
-  </ul>
       */
     layout: 'Square' | 'Wide';
     private elementRef;
@@ -26,6 +20,6 @@ declare class MediaGalleryItemComponent {
     get element(): MediaGalleryItem;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MediaGalleryItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MediaGalleryItemComponent, "ui5-media-gallery-item", never, { "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaGalleryItemComponent, "ui5-media-gallery-item", ["ui5MediaGalleryItem"], { "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { MediaGalleryItemComponent };

package/fiori/notification-list/index.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '@angular/core';
+import '@ui5/webcomponents-fiori/dist/NotificationList.js';
+import { NotificationItemClickEventDetail, NotificationItemCloseEventDetail, NotificationItemToggleEventDetail, default as NotificationList } from '@ui5/webcomponents-fiori/dist/NotificationList.js';
+import * as i0 from "@angular/core";
+declare class NotificationListComponent {
+    /**
+       Defines the text that is displayed when the component contains no items.
+      */
+    noDataText: string;
+    /**
+       Fired when an item is clicked.
+      */
+    ui5ItemClick: EventEmitter<NotificationItemClickEventDetail>;
+    /**
+       Fired when the `Close` button of any item is clicked.
+      */
+    ui5ItemClose: EventEmitter<NotificationItemCloseEventDetail>;
+    /**
+       Fired when an item is toggled.
+      */
+    ui5ItemToggle: EventEmitter<NotificationItemToggleEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): NotificationList;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationListComponent, "ui5-notification-list", ["ui5NotificationList"], { "noDataText": { "alias": "noDataText"; "required": false; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5ItemClose": "ui5ItemClose"; "ui5ItemToggle": "ui5ItemToggle"; }, never, ["*"], true, never>;
+}
+export { NotificationListComponent };

package/fiori/notification-list-group-item/index.d.ts

@@ -1,54 +1,37 @@
 import { EventEmitter } from '@angular/core';
 import '@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js';
 import NotificationListGroupItem from '@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js';
-import { NotificationListItemBaseCloseEventDetail } from '@ui5/webcomponents-fiori/dist/NotificationListItemBase.js';
 import * as i0 from "@angular/core";
 declare class NotificationListGroupItemComponent {
     /**
-       Defines the selected state of the <code>ListItem</code>.
+       Defines the selected state of the component.
       */
     selected: boolean;
     /**
-       Defines the <code>titleText</code> of the item.
+       Defines the `titleText` of the item.
       */
     titleText: string;
     /**
-       Defines the <code>priority</code> of the item.
-      */
-    priority: 'High' | 'Medium' | 'Low' | 'None';
-    /**
-       Defines if the <code>close</code> button would be displayed.
-      */
-    showClose: boolean;
-    /**
-       Defines if the <code>notification</code> is new or has been already read.
-  <br><br>
-  <b>Note:</b> if set to <code>false</code> the <code>titleText</code> has bold font,
+       Defines if the `notification` is new or has been already read.
+  
+  **Note:** if set to `false` the `titleText` has bold font,
   if set to true - it has a normal font.
       */
     read: boolean;
     /**
        Defines if a busy indicator would be displayed over the item.
       */
-    busy: boolean;
+    loading: boolean;
     /**
        Defines the delay in milliseconds, after which the busy indicator will show up for this component.
       */
-    busyDelay: number;
+    loadingDelay: number;
     /**
        Defines if the group is collapsed or expanded.
       */
     collapsed: boolean;
     /**
-       Defines if the items <code>counter</code> would be displayed.
-      */
-    showCounter: boolean;
-    /**
-       Fired when the <code>Close</code> button is pressed.
-      */
-    ui5Close: EventEmitter<NotificationListItemBaseCloseEventDetail>;
-    /**
-       Fired when the <code>ui5-li-notification-group</code> is expanded/collapsed by user interaction.
+       Fired when the `ui5-li-notification-group` is expanded/collapsed by user interaction.
       */
     ui5Toggle: EventEmitter<void>;
     private elementRef;
@@ -57,6 +40,6 @@ declare class NotificationListGroupItemComponent {
     get element(): NotificationListGroupItem;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationListGroupItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationListGroupItemComponent, "ui5-li-notification-group", never, { "selected": { "alias": "selected"; "required": false; }; "titleText": { "alias": "titleText"; "required": false; }; "priority": { "alias": "priority"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "read": { "alias": "read"; "required": false; }; "busy": { "alias": "busy"; "required": false; }; "busyDelay": { "alias": "busyDelay"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "showCounter": { "alias": "showCounter"; "required": false; }; }, { "ui5Close": "ui5Close"; "ui5Toggle": "ui5Toggle"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationListGroupItemComponent, "ui5-li-notification-group", ["ui5LiNotificationGroup"], { "selected": { "alias": "selected"; "required": false; }; "titleText": { "alias": "titleText"; "required": false; }; "read": { "alias": "read"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, { "ui5Toggle": "ui5Toggle"; }, never, ["*"], true, never>;
 }
 export { NotificationListGroupItemComponent };

package/fiori/notification-list-item/index.d.ts

@@ -1,59 +1,61 @@
 import { EventEmitter } from '@angular/core';
 import '@ui5/webcomponents-fiori/dist/NotificationListItem.js';
-import NotificationListItem from '@ui5/webcomponents-fiori/dist/NotificationListItem.js';
-import { NotificationListItemBaseCloseEventDetail } from '@ui5/webcomponents-fiori/dist/NotificationListItemBase.js';
+import { default as NotificationListItem, NotificationListItemCloseEventDetail } from '@ui5/webcomponents-fiori/dist/NotificationListItem.js';
 import * as i0 from "@angular/core";
 declare class NotificationListItemComponent {
     /**
-       Defines the selected state of the <code>ListItem</code>.
+       Defines the selected state of the component.
       */
     selected: boolean;
     /**
-       Defines the <code>titleText</code> of the item.
+       Defines the `titleText` of the item.
       */
     titleText: string;
     /**
-       Defines the <code>priority</code> of the item.
-      */
-    priority: 'High' | 'Medium' | 'Low' | 'None';
-    /**
-       Defines if the <code>close</code> button would be displayed.
-      */
-    showClose: boolean;
-    /**
-       Defines if the <code>notification</code> is new or has been already read.
-  <br><br>
-  <b>Note:</b> if set to <code>false</code> the <code>titleText</code> has bold font,
+       Defines if the `notification` is new or has been already read.
+  
+  **Note:** if set to `false` the `titleText` has bold font,
   if set to true - it has a normal font.
       */
     read: boolean;
     /**
        Defines if a busy indicator would be displayed over the item.
       */
-    busy: boolean;
+    loading: boolean;
     /**
        Defines the delay in milliseconds, after which the busy indicator will show up for this component.
       */
-    busyDelay: number;
+    loadingDelay: number;
     /**
-       Defines if the <code>titleText</code> and <code>description</code> should wrap,
+       Defines if the `titleText` and `description` should wrap,
   they truncate by default.
   
-  <br><br>
-  <b>Note:</b> by default the <code>titleText</code> and <code>description</code>,
-  and a <code>ShowMore/Less</code> button would be displayed.
+  **Note:** by default the `titleText` and `description`,
+  and a `ShowMore/Less` button would be displayed.
       */
     wrappingType: 'None' | 'Normal';
     /**
-       Fired when the <code>Close</code> button is pressed.
+       Defines the status indicator of the item.
+      */
+    state: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+       Defines if the `Close` button would be displayed.
+      */
+    showClose: boolean;
+    /**
+       Defines the `Important` label of the item.
+      */
+    importance: 'Standard' | 'Important';
+    /**
+       Fired when the `Close` button is pressed.
       */
-    ui5Close: EventEmitter<NotificationListItemBaseCloseEventDetail>;
+    ui5Close: EventEmitter<NotificationListItemCloseEventDetail>;
     private elementRef;
     private zone;
     private cdr;
     get element(): NotificationListItem;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationListItemComponent, "ui5-li-notification", never, { "selected": { "alias": "selected"; "required": false; }; "titleText": { "alias": "titleText"; "required": false; }; "priority": { "alias": "priority"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "read": { "alias": "read"; "required": false; }; "busy": { "alias": "busy"; "required": false; }; "busyDelay": { "alias": "busyDelay"; "required": false; }; "wrappingType": { "alias": "wrappingType"; "required": false; }; }, { "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationListItemComponent, "ui5-li-notification", ["ui5LiNotification"], { "selected": { "alias": "selected"; "required": false; }; "titleText": { "alias": "titleText"; "required": false; }; "read": { "alias": "read"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; }; "wrappingType": { "alias": "wrappingType"; "required": false; }; "state": { "alias": "state"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "importance": { "alias": "importance"; "required": false; }; }, { "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
 }
 export { NotificationListItemComponent };