@ui5/webcomponents-ngx 0.3.2-rc.2 → 0.3.2

package/fiori/user-menu-item/index.d.ts

@@ -0,0 +1,101 @@
+import { EventEmitter } from '@angular/core';
+import '@ui5/webcomponents-fiori/dist/UserMenuItem.js';
+import UserMenuItem from '@ui5/webcomponents-fiori/dist/UserMenuItem.js';
+import { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
+import * as i0 from "@angular/core";
+declare class UserMenuItemComponent {
+    /**
+          Defines the visual indication and behavior of the list items.
+  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';
+    /**
+          Defines the additional accessibility attributes that will be applied to the component.
+  The following fields are supported:
+  
+  - **ariaKeyShortcuts**: Indicated the availability of a keyboard shortcuts defined for the menu item.
+  
+  - **role**: Defines the role of the menu item. If not set, menu item will have default role="menuitem".
+          */
+    accessibilityAttributes: ListItemAccessibilityAttributes;
+    /**
+          The navigated state of the list item.
+  If set to `true`, a navigation indicator is displayed at the end of the list item.
+          */
+    navigated: boolean;
+    /**
+          Defines the text of the tooltip for the menu item.
+          */
+    tooltip: string | undefined;
+    /**
+          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';
+    /**
+          Defines the selected state of the component.
+          */
+    selected: boolean;
+    /**
+          Defines the text of the tree item.
+          */
+    text: string | undefined;
+    /**
+          Defines the `additionalText`, displayed in the end of the menu item.
+  
+  **Note:** The additional text will not be displayed if there are items added in `items` slot or there are
+  components added to `endContent` slot.
+  
+  The priority of what will be displayed at the end of the menu item is as follows:
+  sub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.
+          */
+    additionalText: string | undefined;
+    /**
+          Defines the icon to be displayed as graphical element within the component.
+  The SAP-icons font provides numerous options.
+  
+  **Example:**
+  
+  See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+          */
+    icon: string | undefined;
+    /**
+          Defines whether `ui5-menu-item` is in disabled state.
+  
+  **Note:** A disabled `ui5-menu-item` is noninteractive.
+          */
+    disabled: boolean;
+    /**
+          Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.
+  
+  **Note:** If set to `true` a `ui5-busy-indicator` component will be displayed into the related one to the current `ui5-menu-item` sub-menu popover.
+          */
+    loading: boolean;
+    /**
+          Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.
+          */
+    loadingDelay: number;
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+       Fired when the user clicks on the detail button when type is `Detail`.
+      */
+    ui5DetailClick: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): UserMenuItem;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserMenuItemComponent, "ui5-user-menu-item", ["ui5UserMenuItem"], { "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; }; "selected": { "alias": "selected"; "required": false; }; "text": { "alias": "text"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_navigated: unknown;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_loading: unknown;
+}
+export { UserMenuItemComponent };

package/index.d.ts

@@ -28,6 +28,9 @@ export { TimelineGroupItemComponent } from '@ui5/webcomponents-ngx/fiori/timelin
 export { TimelineItemComponent } from '@ui5/webcomponents-ngx/fiori/timeline-item';
 export { UploadCollectionComponent } from '@ui5/webcomponents-ngx/fiori/upload-collection';
 export { UploadCollectionItemComponent } from '@ui5/webcomponents-ngx/fiori/upload-collection-item';
+export { UserMenuComponent } from '@ui5/webcomponents-ngx/fiori/user-menu';
+export { UserMenuAccountComponent } from '@ui5/webcomponents-ngx/fiori/user-menu-account';
+export { UserMenuItemComponent } from '@ui5/webcomponents-ngx/fiori/user-menu-item';
 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';
@@ -58,6 +61,7 @@ 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 { ExpandableTextComponent } from '@ui5/webcomponents-ngx/main/expandable-text';
 export { FileUploaderComponent } from '@ui5/webcomponents-ngx/main/file-uploader';
 export { FormComponent } from '@ui5/webcomponents-ngx/main/form';
 export { FormGroupComponent } from '@ui5/webcomponents-ngx/main/form-group';
@@ -108,6 +112,7 @@ export { TableHeaderCellComponent } from '@ui5/webcomponents-ngx/main/table-head
 export { TableHeaderRowComponent } from '@ui5/webcomponents-ngx/main/table-header-row';
 export { TableRowComponent } from '@ui5/webcomponents-ngx/main/table-row';
 export { TableSelectionComponent } from '@ui5/webcomponents-ngx/main/table-selection';
+export { TableVirtualizerComponent } from '@ui5/webcomponents-ngx/main/table-virtualizer';
 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';

package/main/button/index.d.ts

@@ -68,6 +68,10 @@ declare class ButtonComponent {
   Accepts a lowercase string value.
           */
     accessibilityAttributes: ButtonAccessibilityAttributes;
+    /**
+          Defines the accessible description of the component.
+          */
+    accessibleDescription: string | undefined;
     /**
           Defines whether the button has special form-related functionality.
   
@@ -94,7 +98,7 @@ declare class ButtonComponent {
     get element(): Button;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui5-button", ["ui5Button"], { "design": { "alias": "design"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "endIcon": { "alias": "endIcon"; "required": false; }; "submits": { "alias": "submits"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "type": { "alias": "type"; "required": false; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui5-button", ["ui5Button"], { "design": { "alias": "design"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "endIcon": { "alias": "endIcon"; "required": false; }; "submits": { "alias": "submits"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; "type": { "alias": "type"; "required": false; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_submits: unknown;
 }

package/main/card-header/index.d.ts

@@ -17,7 +17,7 @@ declare class CardHeaderComponent {
     additionalText: string | undefined;
     /**
           Defines if the component would be interactive,
-  e.g gets hover effect, gets focus outline and `click` event is fired, when pressed.
+  e.g gets hover effect and `click` event is fired, when pressed.
           */
     interactive: boolean;
     /**

package/main/carousel/index.d.ts

@@ -29,8 +29,6 @@ declare class CarouselComponent {
     /**
           Defines the visibility of the navigation arrows.
   If set to true the navigation arrows will be hidden.
-  
-  **Note:** The navigation arrows are always displayed on touch devices.
           */
     hideNavigationArrows: boolean;
     /**

package/main/color-picker/index.d.ts

@@ -15,6 +15,10 @@ declare class ColorPickerComponent {
   **Note:** This property is only applicable within the context of an HTML Form element.
           */
     name: string | undefined;
+    /**
+          When set to `true`, the alpha slider and inputs for RGB values will not be displayed.
+          */
+    simplified: boolean;
     /**
        Fired when the the selected color is changed
       */
@@ -25,6 +29,7 @@ declare class ColorPickerComponent {
     get element(): ColorPicker;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "ui5-color-picker", ["ui5ColorPicker"], { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "ui5-color-picker", ["ui5ColorPicker"], { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "simplified": { "alias": "simplified"; "required": false; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_simplified: unknown;
 }
 export { ColorPickerComponent };

package/main/combo-box-item-group/index.d.ts

@@ -1,17 +1,35 @@
+import { EventEmitter } from '@angular/core';
 import '@ui5/webcomponents/dist/ComboBoxItemGroup.js';
 import ComboBoxItemGroup from '@ui5/webcomponents/dist/ComboBoxItemGroup.js';
+import { ListItemGroupMoveEventDetail } from '@ui5/webcomponents/dist/ListItemGroup.js';
 import * as i0 from "@angular/core";
 declare class ComboBoxItemGroupComponent {
     /**
-          Defines the text of the component.
+          Defines the header text of the <code>ui5-li-group</code>.
           */
     headerText: string | undefined;
+    /**
+          Defines the accessible name of the header.
+          */
+    headerAccessibleName: string | undefined;
+    /**
+       Fired when a movable list item is moved over a potential drop target during a dragging operation.
+  
+  If the new position is valid, prevent the default action of the event using `preventDefault()`.
+      */
+    ui5MoveOver: EventEmitter<ListItemGroupMoveEventDetail>;
+    /**
+       Fired when a movable list item is dropped onto a drop target.
+  
+  **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
+      */
+    ui5Move: EventEmitter<ListItemGroupMoveEventDetail>;
     private elementRef;
     private zone;
     private cdr;
     get element(): ComboBoxItemGroup;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboBoxItemGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComboBoxItemGroupComponent, "ui5-cb-item-group", ["ui5CbItemGroup"], { "headerText": { "alias": "headerText"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboBoxItemGroupComponent, "ui5-cb-item-group", ["ui5CbItemGroup"], { "headerText": { "alias": "headerText"; "required": false; }; "headerAccessibleName": { "alias": "headerAccessibleName"; "required": false; }; }, { "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
 }
 export { ComboBoxItemGroupComponent };

package/main/date-picker/index.d.ts

@@ -104,11 +104,11 @@ declare class DatePickerComponent {
       */
     ui5ValueStateChange: EventEmitter<DatePickerValueStateChangeEventDetail>;
     /**
-       Fired after the value-help dialog of the component is opened.
+       Fired after the component's picker is opened.
       */
     ui5Open: EventEmitter<void>;
     /**
-       Fired after the value-help dialog of the component is closed.
+       Fired after the component's picker is closed.
       */
     ui5Close: EventEmitter<void>;
     private elementRef;

package/main/date-range-picker/index.d.ts

@@ -110,11 +110,11 @@ declare class DateRangePickerComponent {
       */
     ui5ValueStateChange: EventEmitter<DatePickerValueStateChangeEventDetail>;
     /**
-       Fired after the value-help dialog of the component is opened.
+       Fired after the component's picker is opened.
       */
     ui5Open: EventEmitter<void>;
     /**
-       Fired after the value-help dialog of the component is closed.
+       Fired after the component's picker is closed.
       */
     ui5Close: EventEmitter<void>;
     private elementRef;

package/main/date-time-picker/index.d.ts

@@ -105,11 +105,11 @@ declare class DateTimePickerComponent {
       */
     ui5ValueStateChange: EventEmitter<DatePickerValueStateChangeEventDetail>;
     /**
-       Fired after the value-help dialog of the component is opened.
+       Fired after the component's picker is opened.
       */
     ui5Open: EventEmitter<void>;
     /**
-       Fired after the value-help dialog of the component is closed.
+       Fired after the component's picker is closed.
       */
     ui5Close: EventEmitter<void>;
     private elementRef;

package/main/dialog/index.d.ts

@@ -43,10 +43,10 @@ declare class DialogComponent {
           */
     headerText: string | undefined;
     /**
-          Determines whether the component should be stretched to fullscreen.
+          Determines if the dialog will be stretched to full screen on mobile. On desktop,
+  the dialog will be stretched to approximately 90% of the viewport.
   
-  **Note:** The component will be stretched to approximately
-  90% of the viewport.
+  **Note:** For better usability of the component it is recommended to set this property to "true" when the dialog is opened on phone.
           */
     stretch: boolean;
     /**

package/main/expandable-text/index.d.ts

@@ -0,0 +1,29 @@
+import '@ui5/webcomponents/dist/ExpandableText.js';
+import ExpandableText from '@ui5/webcomponents/dist/ExpandableText.js';
+import * as i0 from "@angular/core";
+declare class ExpandableTextComponent {
+    /**
+          Text of the component.
+          */
+    text: string | undefined;
+    /**
+          Maximum number of characters to be displayed initially. If the text length exceeds this limit, the text will be truncated with an ellipsis, and the "More" link will be displayed.
+          */
+    maxCharacters: number;
+    /**
+          Determines how the full text will be displayed.
+          */
+    overflowMode: 'InPlace' | 'Popover';
+    /**
+          Specifies if an empty indicator should be displayed when there is no text.
+          */
+    emptyIndicatorMode: 'Off' | 'On';
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): ExpandableText;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpandableTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpandableTextComponent, "ui5-expandable-text", ["ui5ExpandableText"], { "text": { "alias": "text"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "overflowMode": { "alias": "overflowMode"; "required": false; }; "emptyIndicatorMode": { "alias": "emptyIndicatorMode"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export { ExpandableTextComponent };

package/main/form/index.d.ts

@@ -13,7 +13,7 @@ declare class FormComponent {
           */
     layout: string;
     /**
-          Defines the width proportion of the labels and fields of a FormItem by breakpoint.
+          Defines the width proportion of the labels and fields of a form item by breakpoint.
   
   By default, the labels take 4/12 (or 1/3) of the form item in M,L and XL sizes,
   and 12/12 in S size, e.g in S the label is on top of its associated field.
@@ -23,6 +23,17 @@ declare class FormComponent {
   **Note:** If "12" is set, the label will be displayed on top of its assosiated field.
           */
     labelSpan: string;
+    /**
+          Defines the number of cells that are empty at the end of each form item, configurable by breakpoint.
+  
+  By default, a form item spans 12 cells, fully divided between its label (4 cells) and field (8 cells), with no empty space at the end.
+  The `emptySpan` provides additional layout flexibility by defining empty space at the form item’s end.
+  
+  **Note:**
+  - The maximum allowable empty space is 10 cells. At least 1 cell each must remain for the label and the field.
+  - When `emptySpan` is specified (greater than 0), ensure that the combined value of `emptySpan` and `labelSpan` does not exceed 11. This guarantees a minimum of 1 cell for the field.
+          */
+    emptySpan: string;
     /**
           Defines the header text of the component.
   
@@ -43,6 +54,6 @@ declare class FormComponent {
     get element(): Form;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "ui5-form", ["ui5Form"], { "layout": { "alias": "layout"; "required": false; }; "labelSpan": { "alias": "labelSpan"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "itemSpacing": { "alias": "itemSpacing"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "ui5-form", ["ui5Form"], { "layout": { "alias": "layout"; "required": false; }; "labelSpan": { "alias": "labelSpan"; "required": false; }; "emptySpan": { "alias": "emptySpan"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "itemSpacing": { "alias": "itemSpacing"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { FormComponent };

package/main/link/index.d.ts

@@ -70,6 +70,10 @@ declare class LinkComponent {
   Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
           */
     accessibilityAttributes: LinkAccessibilityAttributes;
+    /**
+          Defines the accessible description of the component.
+          */
+    accessibleDescription: string | undefined;
     /**
           Defines the icon, displayed as graphical element within the component before the link's text.
   The SAP-icons font provides numerous options.
@@ -103,7 +107,7 @@ declare class LinkComponent {
     get element(): Link;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "ui5-link", ["ui5Link"], { "disabled": { "alias": "disabled"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "design": { "alias": "design"; "required": false; }; "wrappingType": { "alias": "wrappingType"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "endIcon": { "alias": "endIcon"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "ui5-link", ["ui5Link"], { "disabled": { "alias": "disabled"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "design": { "alias": "design"; "required": false; }; "wrappingType": { "alias": "wrappingType"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "endIcon": { "alias": "endIcon"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
 export { LinkComponent };

package/main/list/index.d.ts

@@ -58,9 +58,17 @@ declare class ListComponent {
           */
     accessibleName: string | undefined;
     /**
-          Defines the IDs of the elements that label the input.
+          Defines the IDs of the elements that label the component.
           */
     accessibleNameRef: string | undefined;
+    /**
+          Defines the accessible description of the component.
+          */
+    accessibleDescription: string | undefined;
+    /**
+          Defines the IDs of the elements that describe the component.
+          */
+    accessibleDescriptionRef: string | undefined;
     /**
           Defines the accessible role of the component.
           */
@@ -119,7 +127,7 @@ declare class ListComponent {
     get element(): List;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "ui5-list", ["ui5List"], { "headerText": { "alias": "headerText"; "required": false; }; "footerText": { "alias": "footerText"; "required": false; }; "indent": { "alias": "indent"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "separators": { "alias": "separators"; "required": false; }; "growing": { "alias": "growing"; "required": false; }; "growingButtonText": { "alias": "growingButtonText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5ItemClose": "ui5ItemClose"; "ui5ItemToggle": "ui5ItemToggle"; "ui5ItemDelete": "ui5ItemDelete"; "ui5SelectionChange": "ui5SelectionChange"; "ui5LoadMore": "ui5LoadMore"; "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "ui5-list", ["ui5List"], { "headerText": { "alias": "headerText"; "required": false; }; "footerText": { "alias": "footerText"; "required": false; }; "indent": { "alias": "indent"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "separators": { "alias": "separators"; "required": false; }; "growing": { "alias": "growing"; "required": false; }; "growingButtonText": { "alias": "growingButtonText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5ItemClose": "ui5ItemClose"; "ui5ItemToggle": "ui5ItemToggle"; "ui5ItemDelete": "ui5ItemDelete"; "ui5SelectionChange": "ui5SelectionChange"; "ui5LoadMore": "ui5LoadMore"; "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
     static ngAcceptInputType_indent: unknown;
     static ngAcceptInputType_loading: unknown;
 }

package/main/multi-combo-box-item-group/index.d.ts

@@ -1,17 +1,35 @@
+import { EventEmitter } from '@angular/core';
+import { ListItemGroupMoveEventDetail } from '@ui5/webcomponents/dist/ListItemGroup.js';
 import '@ui5/webcomponents/dist/MultiComboBoxItemGroup.js';
 import MultiComboBoxItemGroup from '@ui5/webcomponents/dist/MultiComboBoxItemGroup.js';
 import * as i0 from "@angular/core";
 declare class MultiComboBoxItemGroupComponent {
     /**
-          Defines the text of the component.
+          Defines the header text of the <code>ui5-li-group</code>.
           */
     headerText: string | undefined;
+    /**
+          Defines the accessible name of the header.
+          */
+    headerAccessibleName: string | undefined;
+    /**
+       Fired when a movable list item is moved over a potential drop target during a dragging operation.
+  
+  If the new position is valid, prevent the default action of the event using `preventDefault()`.
+      */
+    ui5MoveOver: EventEmitter<ListItemGroupMoveEventDetail>;
+    /**
+       Fired when a movable list item is dropped onto a drop target.
+  
+  **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
+      */
+    ui5Move: EventEmitter<ListItemGroupMoveEventDetail>;
     private elementRef;
     private zone;
     private cdr;
     get element(): MultiComboBoxItemGroup;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiComboBoxItemGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiComboBoxItemGroupComponent, "ui5-mcb-item-group", ["ui5McbItemGroup"], { "headerText": { "alias": "headerText"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiComboBoxItemGroupComponent, "ui5-mcb-item-group", ["ui5McbItemGroup"], { "headerText": { "alias": "headerText"; "required": false; }; "headerAccessibleName": { "alias": "headerAccessibleName"; "required": false; }; }, { "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
 }
 export { MultiComboBoxItemGroupComponent };

package/main/radio-button/index.d.ts

@@ -14,8 +14,8 @@ declare class RadioButtonComponent {
     /**
           Defines whether the component is read-only.
   
-  **Note:** A read-only component is not editable,
-  but still provides visual feedback upon user interaction.
+  **Note:** A read-only component isn't editable or selectable.
+  However, because it's focusable, it still provides visual feedback upon user interaction.
           */
     readonly: boolean;
     /**
@@ -28,6 +28,9 @@ declare class RadioButtonComponent {
   **Note:** The property value can be changed with user interaction,
   either by clicking/tapping on the component,
   or by using the Space or Enter key.
+  
+  **Note:** Only enabled radio buttons can be checked.
+  Read-only radio buttons are not selectable, and therefore are always unchecked.
           */
     checked: boolean;
     /**

package/main/rating-indicator/index.d.ts

@@ -17,6 +17,10 @@ declare class RatingIndicatorComponent {
           The number of displayed rating symbols.
           */
     max: number;
+    /**
+          Defines the size of the component.
+          */
+    size: 'S' | 'M' | 'L';
     /**
           Defines whether the component is disabled.
   
@@ -56,7 +60,7 @@ declare class RatingIndicatorComponent {
     get element(): RatingIndicator;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<RatingIndicatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RatingIndicatorComponent, "ui5-rating-indicator", ["ui5RatingIndicator"], { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RatingIndicatorComponent, "ui5-rating-indicator", ["ui5RatingIndicator"], { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_readonly: unknown;
     static ngAcceptInputType_required: unknown;

package/main/split-button/index.d.ts

@@ -9,7 +9,7 @@ declare class SplitButtonComponent {
   
   Example:
   
-  See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+  See all available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
           */
     icon: string | undefined;
     /**

package/main/step-input/index.d.ts

@@ -65,6 +65,10 @@ declare class StepInputComponent {
        Fired when the input operation has finished by pressing Enter or on focusout.
       */
     ui5Change: EventEmitter<void>;
+    /**
+       Fired when the value of the component changes at each keystroke.
+      */
+    ui5Input: EventEmitter<void>;
     /**
        Fired before the value state of the component is updated internally.
   The event is preventable, meaning that if it's default action is
@@ -77,7 +81,7 @@ declare class StepInputComponent {
     get element(): StepInput;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<StepInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepInputComponent, "ui5-step-input", ["ui5StepInput"], { "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "valuePrecision": { "alias": "valuePrecision"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5ValueStateChange": "ui5ValueStateChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepInputComponent, "ui5-step-input", ["ui5StepInput"], { "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "valuePrecision": { "alias": "valuePrecision"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5ValueStateChange": "ui5ValueStateChange"; }, never, ["*"], true, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_readonly: unknown;

package/main/table/index.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import '@ui5/webcomponents/dist/Table.js';
-import { default as Table, TableRowClickEventDetail } from '@ui5/webcomponents/dist/Table.js';
+import { default as Table, TableMoveEventDetail, TableRowClickEventDetail } from '@ui5/webcomponents/dist/Table.js';
 import * as i0 from "@angular/core";
 declare class TableComponent {
     /**
@@ -39,13 +39,33 @@ declare class TableComponent {
        Fired when an interactive row is clicked.
       */
     ui5RowClick: EventEmitter<TableRowClickEventDetail>;
+    /**
+       Fired when a movable item is moved over a potential drop target during a dragging operation.
+  
+  If the new position is valid, prevent the default action of the event using `preventDefault()`.
+  
+  **Note:** If the dragging operation is a cross-browser operation or files are moved to a potential drop target,
+  the `source` parameter will be `null`.
+      */
+    ui5MoveOver: EventEmitter<TableMoveEventDetail>;
+    /**
+       Fired when a movable list item is dropped onto a drop target.
+  
+  **Notes:**
+  
+  The `move` event is fired only if there was a preceding `move-over` with prevented default action.
+  
+  If the dragging operation is a cross-browser operation or files are moved to a potential drop target,
+  the `source` parameter will be `null`.
+      */
+    ui5Move: EventEmitter<TableMoveEventDetail>;
     private elementRef;
     private zone;
     private cdr;
     get element(): Table;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "ui5-table", ["ui5Table"], { "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "overflowMode": { "alias": "overflowMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; }; }, { "ui5RowClick": "ui5RowClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "ui5-table", ["ui5Table"], { "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "overflowMode": { "alias": "overflowMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; }; }, { "ui5RowClick": "ui5RowClick"; "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
     static ngAcceptInputType_loading: unknown;
 }
 export { TableComponent };

package/main/table-header-cell/index.d.ts

@@ -14,8 +14,10 @@ declare class TableHeaderCellComponent {
     /**
           Defines the minimum width of the column.
   
-  If the table is in `Popin` mode, the column will move into the popin when
-  when the minimum width does not fit anymore.
+  If the table is in `Popin` mode and the minimum width does not fit anymore,
+  the column will move into the popin.
+  
+  **Note:** If `minWidth` has the `auto` value, the table ensures that the column is wider than at least `3rem`.
           */
     minWidth: string;
     /**