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

package/fiori/ui5-fiori.module.d.ts

@@ -1,38 +1,41 @@
 import { Ui5WebcomponentsFioriThemingService } from "@ui5/webcomponents-ngx/fiori/theming";
 import "@ui5/webcomponents-fiori/dist/Assets.js";
 import * as i0 from "@angular/core";
-import * as i1 from "@ui5/webcomponents-ngx/fiori/bar";
-import * as i2 from "@ui5/webcomponents-ngx/fiori/barcode-scanner-dialog";
-import * as i3 from "@ui5/webcomponents-ngx/fiori/dynamic-side-content";
-import * as i4 from "@ui5/webcomponents-ngx/fiori/filter-item";
-import * as i5 from "@ui5/webcomponents-ngx/fiori/filter-item-option";
-import * as i6 from "@ui5/webcomponents-ngx/fiori/flexible-column-layout";
-import * as i7 from "@ui5/webcomponents-ngx/fiori/illustrated-message";
-import * as i8 from "@ui5/webcomponents-ngx/fiori/media-gallery";
-import * as i9 from "@ui5/webcomponents-ngx/fiori/media-gallery-item";
-import * as i10 from "@ui5/webcomponents-ngx/fiori/notification-action";
-import * as i11 from "@ui5/webcomponents-ngx/fiori/notification-list-group-item";
-import * as i12 from "@ui5/webcomponents-ngx/fiori/notification-list-item";
-import * as i13 from "@ui5/webcomponents-ngx/fiori/page";
-import * as i14 from "@ui5/webcomponents-ngx/fiori/product-switch";
-import * as i15 from "@ui5/webcomponents-ngx/fiori/product-switch-item";
-import * as i16 from "@ui5/webcomponents-ngx/fiori/shell-bar";
-import * as i17 from "@ui5/webcomponents-ngx/fiori/shell-bar-item";
-import * as i18 from "@ui5/webcomponents-ngx/fiori/side-navigation";
-import * as i19 from "@ui5/webcomponents-ngx/fiori/side-navigation-item";
-import * as i20 from "@ui5/webcomponents-ngx/fiori/side-navigation-sub-item";
-import * as i21 from "@ui5/webcomponents-ngx/fiori/sort-item";
-import * as i22 from "@ui5/webcomponents-ngx/fiori/timeline";
-import * as i23 from "@ui5/webcomponents-ngx/fiori/timeline-item";
-import * as i24 from "@ui5/webcomponents-ngx/fiori/upload-collection";
-import * as i25 from "@ui5/webcomponents-ngx/fiori/upload-collection-item";
-import * as i26 from "@ui5/webcomponents-ngx/fiori/view-settings-dialog";
-import * as i27 from "@ui5/webcomponents-ngx/fiori/wizard";
-import * as i28 from "@ui5/webcomponents-ngx/fiori/wizard-step";
+import * as i1 from "@ui5/webcomponents-ngx/fiori/barcode-scanner-dialog";
+import * as i2 from "@ui5/webcomponents-ngx/fiori/dynamic-page";
+import * as i3 from "@ui5/webcomponents-ngx/fiori/dynamic-page-header";
+import * as i4 from "@ui5/webcomponents-ngx/fiori/dynamic-page-title";
+import * as i5 from "@ui5/webcomponents-ngx/fiori/dynamic-side-content";
+import * as i6 from "@ui5/webcomponents-ngx/fiori/filter-item";
+import * as i7 from "@ui5/webcomponents-ngx/fiori/filter-item-option";
+import * as i8 from "@ui5/webcomponents-ngx/fiori/flexible-column-layout";
+import * as i9 from "@ui5/webcomponents-ngx/fiori/illustrated-message";
+import * as i10 from "@ui5/webcomponents-ngx/fiori/media-gallery";
+import * as i11 from "@ui5/webcomponents-ngx/fiori/media-gallery-item";
+import * as i12 from "@ui5/webcomponents-ngx/fiori/notification-list";
+import * as i13 from "@ui5/webcomponents-ngx/fiori/notification-list-group-item";
+import * as i14 from "@ui5/webcomponents-ngx/fiori/notification-list-item";
+import * as i15 from "@ui5/webcomponents-ngx/fiori/page";
+import * as i16 from "@ui5/webcomponents-ngx/fiori/product-switch";
+import * as i17 from "@ui5/webcomponents-ngx/fiori/product-switch-item";
+import * as i18 from "@ui5/webcomponents-ngx/fiori/shell-bar";
+import * as i19 from "@ui5/webcomponents-ngx/fiori/shell-bar-item";
+import * as i20 from "@ui5/webcomponents-ngx/fiori/side-navigation";
+import * as i21 from "@ui5/webcomponents-ngx/fiori/side-navigation-group";
+import * as i22 from "@ui5/webcomponents-ngx/fiori/side-navigation-item";
+import * as i23 from "@ui5/webcomponents-ngx/fiori/side-navigation-sub-item";
+import * as i24 from "@ui5/webcomponents-ngx/fiori/sort-item";
+import * as i25 from "@ui5/webcomponents-ngx/fiori/timeline";
+import * as i26 from "@ui5/webcomponents-ngx/fiori/timeline-item";
+import * as i27 from "@ui5/webcomponents-ngx/fiori/upload-collection";
+import * as i28 from "@ui5/webcomponents-ngx/fiori/upload-collection-item";
+import * as i29 from "@ui5/webcomponents-ngx/fiori/view-settings-dialog";
+import * as i30 from "@ui5/webcomponents-ngx/fiori/wizard";
+import * as i31 from "@ui5/webcomponents-ngx/fiori/wizard-step";
 declare class Ui5FioriModule {
     constructor(ui5WebcomponentsFioriThemingService: Ui5WebcomponentsFioriThemingService);
     static ɵfac: i0.ɵɵFactoryDeclaration<Ui5FioriModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<Ui5FioriModule, never, [typeof i1.BarComponent, typeof i2.BarcodeScannerDialogComponent, typeof i3.DynamicSideContentComponent, typeof i4.FilterItemComponent, typeof i5.FilterItemOptionComponent, typeof i6.FlexibleColumnLayoutComponent, typeof i7.IllustratedMessageComponent, typeof i8.MediaGalleryComponent, typeof i9.MediaGalleryItemComponent, typeof i10.NotificationActionComponent, typeof i11.NotificationListGroupItemComponent, typeof i12.NotificationListItemComponent, typeof i13.PageComponent, typeof i14.ProductSwitchComponent, typeof i15.ProductSwitchItemComponent, typeof i16.ShellBarComponent, typeof i17.ShellBarItemComponent, typeof i18.SideNavigationComponent, typeof i19.SideNavigationItemComponent, typeof i20.SideNavigationSubItemComponent, typeof i21.SortItemComponent, typeof i22.TimelineComponent, typeof i23.TimelineItemComponent, typeof i24.UploadCollectionComponent, typeof i25.UploadCollectionItemComponent, typeof i26.ViewSettingsDialogComponent, typeof i27.WizardComponent, typeof i28.WizardStepComponent], [typeof i1.BarComponent, typeof i2.BarcodeScannerDialogComponent, typeof i3.DynamicSideContentComponent, typeof i4.FilterItemComponent, typeof i5.FilterItemOptionComponent, typeof i6.FlexibleColumnLayoutComponent, typeof i7.IllustratedMessageComponent, typeof i8.MediaGalleryComponent, typeof i9.MediaGalleryItemComponent, typeof i10.NotificationActionComponent, typeof i11.NotificationListGroupItemComponent, typeof i12.NotificationListItemComponent, typeof i13.PageComponent, typeof i14.ProductSwitchComponent, typeof i15.ProductSwitchItemComponent, typeof i16.ShellBarComponent, typeof i17.ShellBarItemComponent, typeof i18.SideNavigationComponent, typeof i19.SideNavigationItemComponent, typeof i20.SideNavigationSubItemComponent, typeof i21.SortItemComponent, typeof i22.TimelineComponent, typeof i23.TimelineItemComponent, typeof i24.UploadCollectionComponent, typeof i25.UploadCollectionItemComponent, typeof i26.ViewSettingsDialogComponent, typeof i27.WizardComponent, typeof i28.WizardStepComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<Ui5FioriModule, never, [typeof i1.BarcodeScannerDialogComponent, typeof i2.DynamicPageComponent, typeof i3.DynamicPageHeaderComponent, typeof i4.DynamicPageTitleComponent, typeof i5.DynamicSideContentComponent, typeof i6.FilterItemComponent, typeof i7.FilterItemOptionComponent, typeof i8.FlexibleColumnLayoutComponent, typeof i9.IllustratedMessageComponent, typeof i10.MediaGalleryComponent, typeof i11.MediaGalleryItemComponent, typeof i12.NotificationListComponent, typeof i13.NotificationListGroupItemComponent, typeof i14.NotificationListItemComponent, typeof i15.PageComponent, typeof i16.ProductSwitchComponent, typeof i17.ProductSwitchItemComponent, typeof i18.ShellBarComponent, typeof i19.ShellBarItemComponent, typeof i20.SideNavigationComponent, typeof i21.SideNavigationGroupComponent, typeof i22.SideNavigationItemComponent, typeof i23.SideNavigationSubItemComponent, typeof i24.SortItemComponent, typeof i25.TimelineComponent, typeof i26.TimelineItemComponent, typeof i27.UploadCollectionComponent, typeof i28.UploadCollectionItemComponent, typeof i29.ViewSettingsDialogComponent, typeof i30.WizardComponent, typeof i31.WizardStepComponent], [typeof i1.BarcodeScannerDialogComponent, typeof i2.DynamicPageComponent, typeof i3.DynamicPageHeaderComponent, typeof i4.DynamicPageTitleComponent, typeof i5.DynamicSideContentComponent, typeof i6.FilterItemComponent, typeof i7.FilterItemOptionComponent, typeof i8.FlexibleColumnLayoutComponent, typeof i9.IllustratedMessageComponent, typeof i10.MediaGalleryComponent, typeof i11.MediaGalleryItemComponent, typeof i12.NotificationListComponent, typeof i13.NotificationListGroupItemComponent, typeof i14.NotificationListItemComponent, typeof i15.PageComponent, typeof i16.ProductSwitchComponent, typeof i17.ProductSwitchItemComponent, typeof i18.ShellBarComponent, typeof i19.ShellBarItemComponent, typeof i20.SideNavigationComponent, typeof i21.SideNavigationGroupComponent, typeof i22.SideNavigationItemComponent, typeof i23.SideNavigationSubItemComponent, typeof i24.SortItemComponent, typeof i25.TimelineComponent, typeof i26.TimelineItemComponent, typeof i27.UploadCollectionComponent, typeof i28.UploadCollectionItemComponent, typeof i29.ViewSettingsDialogComponent, typeof i30.WizardComponent, typeof i31.WizardStepComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<Ui5FioriModule>;
 }
 export { Ui5FioriModule };

package/fiori/upload-collection/index.d.ts

@@ -4,12 +4,9 @@ import { default as UploadCollection, UploadCollectionItemDeleteEventDetail, Upl
 import * as i0 from "@angular/core";
 declare class UploadCollectionComponent {
     /**
-       Defines the mode of the <code>ui5-upload-collection</code>.
-  
-  <br><b>Note:</b>
-  Mode "Delete" has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem
+       Defines the selection mode of the `ui5-upload-collection`.
       */
-    mode: 'None' | 'SingleSelect' | 'SingleSelectBegin' | 'SingleSelectEnd' | 'SingleSelectAuto' | 'MultiSelect' | 'Delete';
+    selectionMode: 'None' | 'Single' | 'SingleStart' | 'SingleEnd' | 'SingleAuto' | 'Multiple';
     /**
        Allows you to set your own text for the 'No data' description.
       */
@@ -19,11 +16,11 @@ declare class UploadCollectionComponent {
       */
     noDataText: string;
     /**
-       By default there will be drag and drop overlay shown over the <code>ui5-upload-collection</code> when files
+       By default there will be drag and drop overlay shown over the `ui5-upload-collection` when files
   are dragged. If you don't intend to use drag and drop, set this property.
-  <br><br>
-  <b>Note:</b> It is up to the application developer to add handler for <code>drop</code> event and handle it.
-  <code>ui5-upload-collection</code> only displays an overlay.
+  
+  **Note:** It is up to the application developer to add handler for `drop` event and handle it.
+  `ui5-upload-collection` only displays an overlay.
       */
     hideDragOverlay: boolean;
     /**
@@ -32,8 +29,8 @@ declare class UploadCollectionComponent {
     accessibleName: string;
     /**
        Fired when an element is dropped inside the drag and drop overlay.
-  <br><br>
-  <b>Note:</b> The <code>drop</code> event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the <code>ui5-upload-collection</code>.
+  
+  **Note:** The `drop` event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the `ui5-upload-collection`.
       */
     ui5Drop: EventEmitter<Event>;
     /**
@@ -42,7 +39,7 @@ declare class UploadCollectionComponent {
     ui5ItemDelete: EventEmitter<UploadCollectionItemDeleteEventDetail>;
     /**
        Fired when selection is changed by user interaction
-  in <code>SingleSelect</code> and <code>MultiSelect</code> modes.
+  in `Single` and `Multiple` modes.
       */
     ui5SelectionChange: EventEmitter<UploadCollectionSelectionChangeEventDetail>;
     private elementRef;
@@ -51,6 +48,6 @@ declare class UploadCollectionComponent {
     get element(): UploadCollection;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<UploadCollectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadCollectionComponent, "ui5-upload-collection", never, { "mode": { "alias": "mode"; "required": false; }; "noDataDescription": { "alias": "noDataDescription"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "hideDragOverlay": { "alias": "hideDragOverlay"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; }, { "ui5Drop": "ui5Drop"; "ui5ItemDelete": "ui5ItemDelete"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadCollectionComponent, "ui5-upload-collection", ["ui5UploadCollection"], { "selectionMode": { "alias": "selectionMode"; "required": false; }; "noDataDescription": { "alias": "noDataDescription"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "hideDragOverlay": { "alias": "hideDragOverlay"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; }, { "ui5Drop": "ui5Drop"; "ui5ItemDelete": "ui5ItemDelete"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
 }
 export { UploadCollectionComponent };

package/fiori/upload-collection-item/index.d.ts

@@ -1,45 +1,48 @@
 import { EventEmitter } from '@angular/core';
 import '@ui5/webcomponents-fiori/dist/UploadCollectionItem.js';
 import UploadCollectionItem from '@ui5/webcomponents-fiori/dist/UploadCollectionItem.js';
-import { AccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
+import { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
 import * as i0 from "@angular/core";
 declare class UploadCollectionItemComponent {
     /**
-       Defines the selected state of the <code>ListItem</code>.
+       Defines the selected state of the component.
       */
     selected: boolean;
     /**
        Defines the visual indication and behavior of the list items.
-  Available options are <code>Active</code> (by default), <code>Inactive</code>, <code>Detail</code> and <code>Navigation</code>.
-  <br><br>
-  <b>Note:</b> When set to <code>Active</code> or <code>Navigation</code>, the item will provide visual response upon press and hover,
-  while with type <code>Inactive</code> and <code>Detail</code> - will not.
+  Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
+  
+  **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
+  while with type `Inactive` and `Detail` - will not.
       */
     type: 'Inactive' | 'Active' | 'Detail' | 'Navigation';
     /**
-       An object of strings that defines several additional accessibility attribute values
-  for customization depending on the use case.
+       Defines the additional accessibility attributes that will be applied to the component.
+  The following fields are supported:
   
-   It supports the following fields:
+  - **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.
+  **Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.
   
-  <ul>
-          <li><code>ariaSetsize</code>: Defines the number of items in the current set of listitems or treeitems when not all items in the set are present in the DOM.
-          The value of each <code>aria-setsize</code> is an integer reflecting number of items in the complete set.
-          <b>Note: </b> If the size of the entire set is unknown, set <code>aria-setsize="-1"</code>.
-          </li>
-          <li><code>ariaPosinset</code>: Defines an element's number or position in the current set of listitems or treeitems when not all items are present in the DOM.
-          The value of each <code>aria-posinset</code> is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.
-          </li>
-  </ul>
-      */
-    accessibilityAttributes: AccessibilityAttributes;
+      - **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.
+      **Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.
+      */
+    accessibilityAttributes: ListItemAccessibilityAttributes;
     /**
        The navigated state of the list item.
-  If set to <code>true</code>, a navigation indicator is displayed at the end of the list item.
+  If set to `true`, a navigation indicator is displayed at the end of the list item.
       */
     navigated: boolean;
     /**
-       Holds an instance of <code>File</code> associated with this item.
+       Defines the text of the tooltip that would be displayed for the list item.
+      */
+    tooltip: string;
+    /**
+       Defines the highlight state of the list items.
+  Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
+      */
+    highlight: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+       Holds an instance of `File` associated with this item.
       */
     file: File | null | undefined;
     /**
@@ -47,7 +50,7 @@ declare class UploadCollectionItemComponent {
       */
     fileName: string;
     /**
-       If set to <code>true</code> the file name will be clickable and it will fire <code>file-name-click</code> event upon click.
+       If set to `true` the file name will be clickable and it will fire `file-name-click` event upon click.
       */
     fileNameClickable: boolean;
     /**
@@ -55,57 +58,61 @@ declare class UploadCollectionItemComponent {
       */
     disableDeleteButton: boolean;
     /**
-       By default, the delete button will always be shown, regardless of the <code>ui5-upload-collection</code>'s property <code>mode</code>.
-  Setting this property to <code>true</code> will hide the delete button.
+       Hides the delete button.
       */
     hideDeleteButton: boolean;
     /**
-       Hides the retry button when <code>uploadState</code> property is <code>Error</code>.
+       Hides the retry button when `uploadState` property is `Error`.
       */
     hideRetryButton: boolean;
     /**
-       Hides the terminate button when <code>uploadState</code> property is <code>Uploading</code>.
+       Hides the terminate button when `uploadState` property is `Uploading`.
       */
     hideTerminateButton: boolean;
     /**
        The upload progress in percentage.
-  <br><br>
-  <b>Note:</b> Expected values are in the interval [0, 100].
+  
+  **Note:** Expected values are in the interval [0, 100].
       */
     progress: number;
     /**
-       If set to <code>Uploading</code> or <code>Error</code>, a progress indicator showing the <code>progress</code> is displayed.
-  Also if set to <code>Error</code>, a refresh button is shown. When this icon is pressed <code>retry</code> event is fired.
-  If set to <code>Uploading</code>, a terminate button is shown. When this icon is pressed <code>terminate</code> event is fired.
+       Upload state.
+  
+  Depending on this property, the item displays the following:
+  
+  - `Ready` - progress indicator is displayed.
+  - `Uploading` - progress indicator and terminate button are displayed. When the terminate button is pressed, `terminate` event is fired.
+  - `Error` - progress indicator and retry button are displayed. When the retry button is pressed, `retry` event is fired.
+  - `Complete` - progress indicator is not displayed.
       */
     uploadState: 'Complete' | 'Error' | 'Ready' | 'Uploading';
     /**
-       Fired when the user clicks on the detail button when type is <code>Detail</code>.
+       Fired when the user clicks on the detail button when type is `Detail`.
       */
     ui5DetailClick: EventEmitter<void>;
     /**
        Fired when the file name is clicked.
-  <br><br>
-  <b>Note:</b> This event is only available when <code>fileNameClickable</code> property is <code>true</code>.
+  
+  **Note:** This event is only available when `fileNameClickable` property is `true`.
       */
     ui5FileNameClick: EventEmitter<void>;
     /**
-       Fired when the <code>fileName</code> property gets changed.
-  <br><br>
-  <b>Note:</b> An edit button is displayed on each item,
-  when the <code>ui5-upload-collection-item</code> <code>type</code> property is set to <code>Detail</code>.
+       Fired when the `fileName` property gets changed.
+  
+  **Note:** An edit button is displayed on each item,
+  when the `ui5-upload-collection-item` `type` property is set to `Detail`.
       */
     ui5Rename: EventEmitter<void>;
     /**
        Fired when the terminate button is pressed.
-  <br><br>
-  <b>Note:</b> Terminate button is displayed when <code>uploadState</code> property is set to <code>Uploading</code>.
+  
+  **Note:** Terminate button is displayed when `uploadState` property is set to `Uploading`.
       */
     ui5Terminate: EventEmitter<void>;
     /**
        Fired when the retry button is pressed.
-  <br><br>
-  <b>Note:</b> Retry button is displayed when <code>uploadState</code> property is set to <code>Error</code>.
+  
+  **Note:** Retry button is displayed when `uploadState` property is set to `Error`.
       */
     ui5Retry: EventEmitter<void>;
     private elementRef;
@@ -114,6 +121,6 @@ declare class UploadCollectionItemComponent {
     get element(): UploadCollectionItem;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<UploadCollectionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadCollectionItemComponent, "ui5-upload-collection-item", never, { "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "navigated": { "alias": "navigated"; "required": false; }; "file": { "alias": "file"; "required": false; }; "fileName": { "alias": "fileName"; "required": false; }; "fileNameClickable": { "alias": "fileNameClickable"; "required": false; }; "disableDeleteButton": { "alias": "disableDeleteButton"; "required": false; }; "hideDeleteButton": { "alias": "hideDeleteButton"; "required": false; }; "hideRetryButton": { "alias": "hideRetryButton"; "required": false; }; "hideTerminateButton": { "alias": "hideTerminateButton"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "uploadState": { "alias": "uploadState"; "required": false; }; }, { "ui5DetailClick": "ui5DetailClick"; "ui5FileNameClick": "ui5FileNameClick"; "ui5Rename": "ui5Rename"; "ui5Terminate": "ui5Terminate"; "ui5Retry": "ui5Retry"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadCollectionItemComponent, "ui5-upload-collection-item", ["ui5UploadCollectionItem"], { "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "navigated": { "alias": "navigated"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "file": { "alias": "file"; "required": false; }; "fileName": { "alias": "fileName"; "required": false; }; "fileNameClickable": { "alias": "fileNameClickable"; "required": false; }; "disableDeleteButton": { "alias": "disableDeleteButton"; "required": false; }; "hideDeleteButton": { "alias": "hideDeleteButton"; "required": false; }; "hideRetryButton": { "alias": "hideRetryButton"; "required": false; }; "hideTerminateButton": { "alias": "hideTerminateButton"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "uploadState": { "alias": "uploadState"; "required": false; }; }, { "ui5DetailClick": "ui5DetailClick"; "ui5FileNameClick": "ui5FileNameClick"; "ui5Rename": "ui5Rename"; "ui5Terminate": "ui5Terminate"; "ui5Retry": "ui5Retry"; }, never, ["*"], true, never>;
 }
 export { UploadCollectionItemComponent };

package/fiori/view-settings-dialog/index.d.ts

@@ -16,7 +16,7 @@ declare class ViewSettingsDialogComponent {
       */
     ui5Cancel: EventEmitter<ViewSettingsDialogCancelEventDetail>;
     /**
-       Fired before the component is opened. <b>This event does not bubble.</b>
+       Fired before the component is opened. **This event does not bubble.**
       */
     ui5BeforeOpen: EventEmitter<void>;
     private elementRef;
@@ -25,6 +25,6 @@ declare class ViewSettingsDialogComponent {
     get element(): ViewSettingsDialog;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ViewSettingsDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ViewSettingsDialogComponent, "ui5-view-settings-dialog", never, { "sortDescending": { "alias": "sortDescending"; "required": false; }; }, { "ui5Confirm": "ui5Confirm"; "ui5Cancel": "ui5Cancel"; "ui5BeforeOpen": "ui5BeforeOpen"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViewSettingsDialogComponent, "ui5-view-settings-dialog", ["ui5ViewSettingsDialog"], { "sortDescending": { "alias": "sortDescending"; "required": false; }; }, { "ui5Confirm": "ui5Confirm"; "ui5Cancel": "ui5Cancel"; "ui5BeforeOpen": "ui5BeforeOpen"; }, never, ["*"], true, never>;
 }
 export { ViewSettingsDialogComponent };

package/fiori/wizard/index.d.ts

@@ -4,7 +4,7 @@ import { default as Wizard, WizardStepChangeEventDetail } from '@ui5/webcomponen
 import * as i0 from "@angular/core";
 declare class WizardComponent {
     /**
-       Defines how the content of the <code>ui5-wizard</code> would be visualized.
+       Defines how the content of the `ui5-wizard` would be visualized.
       */
     contentLayout: 'MultipleSteps' | 'SingleStep';
     /**
@@ -18,6 +18,6 @@ declare class WizardComponent {
     get element(): Wizard;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<WizardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WizardComponent, "ui5-wizard", never, { "contentLayout": { "alias": "contentLayout"; "required": false; }; }, { "ui5StepChange": "ui5StepChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WizardComponent, "ui5-wizard", ["ui5Wizard"], { "contentLayout": { "alias": "contentLayout"; "required": false; }; }, { "ui5StepChange": "ui5StepChange"; }, never, ["*"], true, never>;
 }
 export { WizardComponent };

package/fiori/wizard-step/index.d.ts

@@ -3,53 +3,46 @@ import WizardStep from '@ui5/webcomponents-fiori/dist/WizardStep.js';
 import * as i0 from "@angular/core";
 declare class WizardStepComponent {
     /**
-       Defines the <code>titleText</code> of the step.
-  <br><br>
+       Defines the `titleText` of the step.
   
-  <b>Note:</b> The text is displayed in the <code>ui5-wizard</code> navigation header.
+  **Note:** The text is displayed in the `ui5-wizard` navigation header.
       */
     titleText: string;
     /**
-       Defines the <code>subtitleText</code> of the step.
-  <br><br>
+       Defines the `subtitleText` of the step.
   
-  <b>Note:</b> the text is displayed in the <code>ui5-wizard</code> navigation header.
+  **Note:** the text is displayed in the `ui5-wizard` navigation header.
       */
     subtitleText: string;
     /**
-       Defines the <code>icon</code> of the step.
-  <br><br>
+       Defines the `icon` of the step.
   
-  <b>Note:</b> The icon is displayed in the <code>ui5-wizard</code> navigation header.
-  <br><br>
+  **Note:** The icon is displayed in the `ui5-wizard` navigation header.
   
   The SAP-icons font provides numerous options.
-  See all the available icons in the <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Icon Explorer</ui5-link>.
+  See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
       */
     icon: string;
     /**
-       Defines if the step is <code>disabled</code>. When disabled the step is displayed,
+       Defines if the step is `disabled`. When disabled the step is displayed,
   but the user can't select the step by clicking or navigate to it with scrolling.
-  <br><br>
   
-  <b>Note:</b> Step can't be <code>selected</code> and <code>disabled</code> at the same time.
-  In this case the <code>selected</code> property would take precedence.
+  **Note:** Step can't be `selected` and `disabled` at the same time.
+  In this case the `selected` property would take precedence.
       */
     disabled: boolean;
     /**
-       Defines the step's <code>selected</code> state - the step that is currently active.
-  <br><br>
+       Defines the step's `selected` state - the step that is currently active.
   
-  <b>Note:</b> Step can't be <code>selected</code> and <code>disabled</code> at the same time.
-  In this case the <code>selected</code> property would take precedence.
+  **Note:** Step can't be `selected` and `disabled` at the same time.
+  In this case the `selected` property would take precedence.
       */
     selected: boolean;
     /**
-       When <code>branching</code> is enabled a dashed line would be displayed after the step,
+       When `branching` is enabled a dashed line would be displayed after the step,
   meant to indicate that the next step is not yet known and depends on user choice in the current step.
-  <br><br>
   
-  <b>Note:</b> It is recommended to use <code>branching</code> on the last known step
+  **Note:** It is recommended to use `branching` on the last known step
   and later add new steps when it becomes clear how the wizard flow should continue.
       */
     branching: boolean;
@@ -59,6 +52,6 @@ declare class WizardStepComponent {
     get element(): WizardStep;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<WizardStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WizardStepComponent, "ui5-wizard-step", never, { "titleText": { "alias": "titleText"; "required": false; }; "subtitleText": { "alias": "subtitleText"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "branching": { "alias": "branching"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WizardStepComponent, "ui5-wizard-step", ["ui5WizardStep"], { "titleText": { "alias": "titleText"; "required": false; }; "subtitleText": { "alias": "subtitleText"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "branching": { "alias": "branching"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { WizardStepComponent };

package/generic-cva/index.d.ts

@@ -1,5 +1,4 @@
 import { ControlValueAccessor } from '@angular/forms';
-import '@ui5/webcomponents/dist/features/InputElementsFormSupport.js';
 import * as i0 from "@angular/core";
 interface CvaComponent<ValueType = any> {
     element: Element;

package/index.d.ts

@@ -1,5 +1,7 @@
-export { BarComponent } from '@ui5/webcomponents-ngx/fiori/bar';
 export { BarcodeScannerDialogComponent } from '@ui5/webcomponents-ngx/fiori/barcode-scanner-dialog';
+export { DynamicPageComponent } from '@ui5/webcomponents-ngx/fiori/dynamic-page';
+export { DynamicPageHeaderComponent } from '@ui5/webcomponents-ngx/fiori/dynamic-page-header';
+export { DynamicPageTitleComponent } from '@ui5/webcomponents-ngx/fiori/dynamic-page-title';
 export { DynamicSideContentComponent } from '@ui5/webcomponents-ngx/fiori/dynamic-side-content';
 export { FilterItemComponent } from '@ui5/webcomponents-ngx/fiori/filter-item';
 export { FilterItemOptionComponent } from '@ui5/webcomponents-ngx/fiori/filter-item-option';
@@ -7,7 +9,7 @@ export { FlexibleColumnLayoutComponent } from '@ui5/webcomponents-ngx/fiori/flex
 export { IllustratedMessageComponent } from '@ui5/webcomponents-ngx/fiori/illustrated-message';
 export { MediaGalleryComponent } from '@ui5/webcomponents-ngx/fiori/media-gallery';
 export { MediaGalleryItemComponent } from '@ui5/webcomponents-ngx/fiori/media-gallery-item';
-export { NotificationActionComponent } from '@ui5/webcomponents-ngx/fiori/notification-action';
+export { NotificationListComponent } from '@ui5/webcomponents-ngx/fiori/notification-list';
 export { NotificationListGroupItemComponent } from '@ui5/webcomponents-ngx/fiori/notification-list-group-item';
 export { NotificationListItemComponent } from '@ui5/webcomponents-ngx/fiori/notification-list-item';
 export { PageComponent } from '@ui5/webcomponents-ngx/fiori/page';
@@ -16,6 +18,7 @@ export { ProductSwitchItemComponent } from '@ui5/webcomponents-ngx/fiori/product
 export { ShellBarComponent } from '@ui5/webcomponents-ngx/fiori/shell-bar';
 export { ShellBarItemComponent } from '@ui5/webcomponents-ngx/fiori/shell-bar-item';
 export { SideNavigationComponent } from '@ui5/webcomponents-ngx/fiori/side-navigation';
+export { SideNavigationGroupComponent } from '@ui5/webcomponents-ngx/fiori/side-navigation-group';
 export { SideNavigationItemComponent } from '@ui5/webcomponents-ngx/fiori/side-navigation-item';
 export { SideNavigationSubItemComponent } from '@ui5/webcomponents-ngx/fiori/side-navigation-sub-item';
 export { SortItemComponent } from '@ui5/webcomponents-ngx/fiori/sort-item';
@@ -26,15 +29,23 @@ export { UploadCollectionItemComponent } from '@ui5/webcomponents-ngx/fiori/uplo
 export { ViewSettingsDialogComponent } from '@ui5/webcomponents-ngx/fiori/view-settings-dialog';
 export { WizardComponent } from '@ui5/webcomponents-ngx/fiori/wizard';
 export { WizardStepComponent } from '@ui5/webcomponents-ngx/fiori/wizard-step';
+export { TableComponent } from '@ui5/webcomponents-ngx/compat/table';
+export { TableCellComponent } from '@ui5/webcomponents-ngx/compat/table-cell';
+export { TableColumnComponent } from '@ui5/webcomponents-ngx/compat/table-column';
+export { TableGroupRowComponent } from '@ui5/webcomponents-ngx/compat/table-group-row';
+export { TableRowComponent } from '@ui5/webcomponents-ngx/compat/table-row';
 export { AvatarComponent } from '@ui5/webcomponents-ngx/main/avatar';
 export { AvatarGroupComponent } from '@ui5/webcomponents-ngx/main/avatar-group';
-export { BadgeComponent } from '@ui5/webcomponents-ngx/main/badge';
+export { BarComponent } from '@ui5/webcomponents-ngx/main/bar';
 export { BreadcrumbsComponent } from '@ui5/webcomponents-ngx/main/breadcrumbs';
 export { BreadcrumbsItemComponent } from '@ui5/webcomponents-ngx/main/breadcrumbs-item';
 export { BusyIndicatorComponent } from '@ui5/webcomponents-ngx/main/busy-indicator';
 export { ButtonComponent } from '@ui5/webcomponents-ngx/main/button';
 export { CalendarComponent } from '@ui5/webcomponents-ngx/main/calendar';
 export { CalendarDateComponent } from '@ui5/webcomponents-ngx/main/calendar-date';
+export { CalendarDateRangeComponent } from '@ui5/webcomponents-ngx/main/calendar-date-range';
+export { CalendarLegendComponent } from '@ui5/webcomponents-ngx/main/calendar-legend';
+export { CalendarLegendItemComponent } from '@ui5/webcomponents-ngx/main/calendar-legend-item';
 export { CardComponent } from '@ui5/webcomponents-ngx/main/card';
 export { CardHeaderComponent } from '@ui5/webcomponents-ngx/main/card-header';
 export { CarouselComponent } from '@ui5/webcomponents-ngx/main/carousel';
@@ -44,20 +55,23 @@ export { ColorPaletteItemComponent } from '@ui5/webcomponents-ngx/main/color-pal
 export { ColorPalettePopoverComponent } from '@ui5/webcomponents-ngx/main/color-palette-popover';
 export { ColorPickerComponent } from '@ui5/webcomponents-ngx/main/color-picker';
 export { ComboBoxComponent } from '@ui5/webcomponents-ngx/main/combo-box';
-export { ComboBoxGroupItemComponent } from '@ui5/webcomponents-ngx/main/combo-box-group-item';
 export { ComboBoxItemComponent } from '@ui5/webcomponents-ngx/main/combo-box-item';
+export { ComboBoxItemGroupComponent } from '@ui5/webcomponents-ngx/main/combo-box-item-group';
 export { CustomListItemComponent } from '@ui5/webcomponents-ngx/main/custom-list-item';
 export { DatePickerComponent } from '@ui5/webcomponents-ngx/main/date-picker';
 export { DateRangePickerComponent } from '@ui5/webcomponents-ngx/main/date-range-picker';
 export { DateTimePickerComponent } from '@ui5/webcomponents-ngx/main/date-time-picker';
 export { DialogComponent } from '@ui5/webcomponents-ngx/main/dialog';
 export { FileUploaderComponent } from '@ui5/webcomponents-ngx/main/file-uploader';
-export { GroupHeaderListItemComponent } from '@ui5/webcomponents-ngx/main/group-header-list-item';
+export { FormComponent } from '@ui5/webcomponents-ngx/main/form';
+export { FormGroupComponent } from '@ui5/webcomponents-ngx/main/form-group';
+export { FormItemComponent } from '@ui5/webcomponents-ngx/main/form-item';
 export { IconComponent } from '@ui5/webcomponents-ngx/main/icon';
 export { InputComponent } from '@ui5/webcomponents-ngx/main/input';
 export { LabelComponent } from '@ui5/webcomponents-ngx/main/label';
 export { LinkComponent } from '@ui5/webcomponents-ngx/main/link';
 export { ListComponent } from '@ui5/webcomponents-ngx/main/list';
+export { ListItemGroupComponent } from '@ui5/webcomponents-ngx/main/list-item-group';
 export { MenuComponent } from '@ui5/webcomponents-ngx/main/menu';
 export { MenuItemComponent } from '@ui5/webcomponents-ngx/main/menu-item';
 export { MessageStripComponent } from '@ui5/webcomponents-ngx/main/message-strip';
@@ -66,6 +80,7 @@ export { MultiComboBoxGroupItemComponent } from '@ui5/webcomponents-ngx/main/mul
 export { MultiComboBoxItemComponent } from '@ui5/webcomponents-ngx/main/multi-combo-box-item';
 export { MultiInputComponent } from '@ui5/webcomponents-ngx/main/multi-input';
 export { OptionComponent } from '@ui5/webcomponents-ngx/main/option';
+export { OptionCustomComponent } from '@ui5/webcomponents-ngx/main/option-custom';
 export { PanelComponent } from '@ui5/webcomponents-ngx/main/panel';
 export { PopoverComponent } from '@ui5/webcomponents-ngx/main/popover';
 export { ProgressIndicatorComponent } from '@ui5/webcomponents-ngx/main/progress-indicator';
@@ -76,9 +91,8 @@ export { ResponsivePopoverComponent } from '@ui5/webcomponents-ngx/main/responsi
 export { SegmentedButtonComponent } from '@ui5/webcomponents-ngx/main/segmented-button';
 export { SegmentedButtonItemComponent } from '@ui5/webcomponents-ngx/main/segmented-button-item';
 export { SelectComponent } from '@ui5/webcomponents-ngx/main/select';
-export { SelectMenuComponent } from '@ui5/webcomponents-ngx/main/select-menu';
-export { SelectMenuOptionComponent } from '@ui5/webcomponents-ngx/main/select-menu-option';
 export { SliderComponent } from '@ui5/webcomponents-ngx/main/slider';
+export { SpecialCalendarDateComponent } from '@ui5/webcomponents-ngx/main/special-calendar-date';
 export { SplitButtonComponent } from '@ui5/webcomponents-ngx/main/split-button';
 export { StandardListItemComponent } from '@ui5/webcomponents-ngx/main/standard-list-item';
 export { StepInputComponent } from '@ui5/webcomponents-ngx/main/step-input';
@@ -88,17 +102,15 @@ export { SwitchComponent } from '@ui5/webcomponents-ngx/main/switch';
 export { TabComponent } from '@ui5/webcomponents-ngx/main/tab';
 export { TabContainerComponent } from '@ui5/webcomponents-ngx/main/tab-container';
 export { TabSeparatorComponent } from '@ui5/webcomponents-ngx/main/tab-separator';
-export { TableComponent } from '@ui5/webcomponents-ngx/main/table';
-export { TableCellComponent } from '@ui5/webcomponents-ngx/main/table-cell';
-export { TableColumnComponent } from '@ui5/webcomponents-ngx/main/table-column';
-export { TableGroupRowComponent } from '@ui5/webcomponents-ngx/main/table-group-row';
-export { TableRowComponent } from '@ui5/webcomponents-ngx/main/table-row';
+export { TagComponent } from '@ui5/webcomponents-ngx/main/tag';
+export { TextComponent } from '@ui5/webcomponents-ngx/main/text';
 export { TextAreaComponent } from '@ui5/webcomponents-ngx/main/text-area';
 export { TimePickerComponent } from '@ui5/webcomponents-ngx/main/time-picker';
 export { TitleComponent } from '@ui5/webcomponents-ngx/main/title';
 export { ToastComponent } from '@ui5/webcomponents-ngx/main/toast';
 export { ToggleButtonComponent } from '@ui5/webcomponents-ngx/main/toggle-button';
 export { TokenComponent } from '@ui5/webcomponents-ngx/main/token';
+export { TokenizerComponent } from '@ui5/webcomponents-ngx/main/tokenizer';
 export { ToolbarComponent } from '@ui5/webcomponents-ngx/main/toolbar';
 export { ToolbarButtonComponent } from '@ui5/webcomponents-ngx/main/toolbar-button';
 export { ToolbarSelectComponent } from '@ui5/webcomponents-ngx/main/toolbar-select';
@@ -112,9 +124,11 @@ export { GenericControlValueAccessor } from '@ui5/webcomponents-ngx/generic-cva'
 export { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
 export { Ui5FioriModule } from '@ui5/webcomponents-ngx/fiori';
 export { Ui5MainModule } from '@ui5/webcomponents-ngx/main';
+export { Ui5CompatModule } from '@ui5/webcomponents-ngx/compat';
 export { Ui5WebcomponentsModule } from './ui5-webcomponents.module';
 export * from "@ui5/webcomponents-ngx/theming";
 export * from "@ui5/webcomponents-ngx/icons";
 export * from "@ui5/webcomponents-ngx/config";
 export * from "@ui5/webcomponents-ngx/fiori/theming";
 export * from "@ui5/webcomponents-ngx/main/theming";
+export * from "@ui5/webcomponents-ngx/compat/theming";