@fundamental-ngx/ui5-webcomponents 0.58.0-rc.1

package/list-item-standard/index.d.ts

@@ -0,0 +1,110 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ListItemStandard from '@ui5/webcomponents/dist/ListItemStandard.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
+
+declare class ListItemStandard implements AfterViewInit {
+    /**
+     * Defines the text of the component.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the description displayed right under the item text, if such is present.
+     */
+    description: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the `icon` source URI.
+  
+  **Note:**
+  SAP-icons font provides numerous built-in icons. To find all the available icons, see the
+  [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the `icon` should be displayed in the beginning of the list item or in the end.
+     */
+    iconEnd: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the `additionalText`, displayed in the end of the list item.
+     */
+    additionalText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the state of the `additionalText`.
+  
+  Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
+     */
+    additionalTextState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    /**
+     * Defines whether the item is movable.
+     */
+    movable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the text alternative of the component.
+  Note: If not provided a default text alternative will be set, if present.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if the text of the component should wrap when it's too long.
+  When set to "Normal", the content (title, description) will be wrapped
+  using the `ui5-expandable-text` component.<br/>
+  
+  The text can wrap up to 100 characters on small screens (size S) and
+  up to 300 characters on larger screens (size M and above). When text exceeds
+  these limits, it truncates with an ellipsis followed by a text expansion trigger.
+  
+  Available options are:
+  - `None` (default) - The text will truncate with an ellipsis.
+  - `Normal` - The text will wrap (without truncation).
+     */
+    wrappingType: _angular_core.InputSignal<"None" | "Normal" | undefined>;
+    /**
+     * 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: _angular_core.InputSignal<"Inactive" | "Active" | "Detail" | "Navigation" | undefined>;
+    /**
+     * Defines the additional accessibility attributes that will be applied to the component.
+  The following fields are supported:
+  
+  - **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`.
+  
+      - **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: _angular_core.InputSignal<ListItemAccessibilityAttributes | undefined>;
+    /**
+     * The navigated state of the list item.
+  If set to `true`, a navigation indicator is displayed at the end of the list item.
+     */
+    navigated: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the text of the tooltip that would be displayed for the list item.
+     */
+    tooltip: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the highlight state of the list items.
+  Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
+     */
+    highlight: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    /**
+     * Defines the selected state of the component.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired when the user clicks on the detail button when type is `Detail`.
+     */
+    ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ListItemStandard, "detail-click">>;
+    elementRef: ElementRef<_ListItemStandard>;
+    injector: Injector;
+    get element(): _ListItemStandard;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListItemStandard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListItemStandard, "ui5-li, [ui5-li]", ["ui5ListItemStandard"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; "isSignal": true; }; "movable": { "alias": "movable"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "wrappingType": { "alias": "wrappingType"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "navigated": { "alias": "navigated"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
+}
+
+export { ListItemStandard };

package/menu/index.d.ts

@@ -0,0 +1,69 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Menu from '@ui5/webcomponents/dist/Menu.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class Menu implements AfterViewInit {
+    /**
+     * Defines the header text of the menu (displayed on mobile).
+     */
+    headerText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Indicates if the menu is open.
+     */
+    open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines on which side the component is placed at.
+     */
+    placement: _angular_core.InputSignal<"Start" | "End" | "Top" | "Bottom" | undefined>;
+    /**
+     * Determines the horizontal alignment of the menu relative to its opener control.
+     */
+    horizontalAlign: _angular_core.InputSignal<"Start" | "End" | "Center" | "Stretch" | undefined>;
+    /**
+     * Defines if a loading indicator would be displayed inside the corresponding ui5-menu popover.
+     */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.
+     */
+    loadingDelay: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Defines the ID or DOM Reference of the element at which the menu is shown.
+  When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
+  You can only set the `opener` attribute to a DOM Reference when using JavaScript.
+     */
+    opener: _angular_core.InputSignal<string | HTMLElement | null | undefined>;
+    /**
+     * Fired when an item is being clicked.
+  
+  **Note:** Since 1.17.0 the event is preventable, allowing the menu to remain open after an item is pressed.
+     */
+    ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_Menu, "item-click">>;
+    /**
+     * Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening.
+  
+  **Note:** Since 1.14.0 the event is also fired before a sub-menu opens.
+     */
+    ui5BeforeOpen: _angular_core.OutputEmitterRef<UI5CustomEvent<_Menu, "before-open">>;
+    /**
+     * Fired after the menu is opened.
+     */
+    ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_Menu, "open">>;
+    /**
+     * Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing.
+     */
+    ui5BeforeClose: _angular_core.OutputEmitterRef<UI5CustomEvent<_Menu, "before-close">>;
+    /**
+     * Fired after the menu is closed.
+     */
+    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Menu, "close">>;
+    elementRef: ElementRef<_Menu>;
+    injector: Injector;
+    get element(): _Menu;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Menu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Menu, "ui5-menu, [ui5-menu]", ["ui5Menu"], { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "horizontalAlign": { "alias": "horizontalAlign"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; "opener": { "alias": "opener"; "required": false; "isSignal": true; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5BeforeClose": "ui5BeforeClose"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
+}
+
+export { Menu };

package/menu-item/index.d.ts

@@ -0,0 +1,128 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _MenuItem, { MenuItemAccessibilityAttributes } from '@ui5/webcomponents/dist/MenuItem.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class MenuItem implements AfterViewInit {
+    /**
+     * Defines the text of the tree item.
+     */
+    text: _angular_core.InputSignal<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: _angular_core.InputSignal<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: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether menu item is in disabled state.
+  
+  **Note:** A disabled menu item is noninteractive.
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.
+  
+  **Note:** If set to `true` a busy indicator component will be displayed into the related one to the current menu item sub-menu popover.
+     */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.
+     */
+    loadingDelay: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Defines the accessible ARIA name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the text of the tooltip for the menu item.
+     */
+    tooltip: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether menu item is in checked state.
+  
+  **Note:** checked state is only taken into account when menu item is added to menu item group
+  with `checkMode` other than `None`.
+  
+  **Note:** A checked menu item has a checkmark displayed at its end.
+     */
+    checked: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 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: _angular_core.InputSignal<MenuItemAccessibilityAttributes | undefined>;
+    /**
+     * 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: _angular_core.InputSignal<"Inactive" | "Active" | "Detail" | "Navigation" | undefined>;
+    /**
+     * The navigated state of the list item.
+  If set to `true`, a navigation indicator is displayed at the end of the list item.
+     */
+    navigated: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the highlight state of the list items.
+  Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
+     */
+    highlight: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    /**
+     * Defines the selected state of the component.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening.
+  
+  **Note:** Since 1.14.0 the event is also fired before a sub-menu opens.
+     */
+    ui5BeforeOpen: _angular_core.OutputEmitterRef<UI5CustomEvent<_MenuItem, "before-open">>;
+    /**
+     * Fired after the menu is opened.
+     */
+    ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_MenuItem, "open">>;
+    /**
+     * Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing.
+     */
+    ui5BeforeClose: _angular_core.OutputEmitterRef<UI5CustomEvent<_MenuItem, "before-close">>;
+    /**
+     * Fired after the menu is closed.
+     */
+    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_MenuItem, "close">>;
+    /**
+     * Fired when an item is checked or unchecked.
+     */
+    ui5Check: _angular_core.OutputEmitterRef<UI5CustomEvent<_MenuItem, "check">>;
+    /**
+     * Fired when the user clicks on the detail button when type is `Detail`.
+     */
+    ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_MenuItem, "detail-click">>;
+    elementRef: ElementRef<_MenuItem>;
+    injector: Injector;
+    get element(): _MenuItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItem, "ui5-menu-item, [ui5-menu-item]", ["ui5MenuItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "navigated": { "alias": "navigated"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5BeforeClose": "ui5BeforeClose"; "ui5Close": "ui5Close"; "ui5Check": "ui5Check"; "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
+}
+
+export { MenuItem };

package/menu-item-group/index.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _MenuItemGroup from '@ui5/webcomponents/dist/MenuItemGroup.js';
+
+declare class MenuItemGroup implements AfterViewInit {
+    /**
+     * Defines the component's check mode.
+     */
+    checkMode: i0.InputSignal<"None" | "Single" | "Multiple" | undefined>;
+    elementRef: ElementRef<_MenuItemGroup>;
+    injector: Injector;
+    get element(): _MenuItemGroup;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemGroup, "ui5-menu-item-group, [ui5-menu-item-group]", ["ui5MenuItemGroup"], { "checkMode": { "alias": "checkMode"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { MenuItemGroup };

package/menu-separator/index.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _MenuSeparator from '@ui5/webcomponents/dist/MenuSeparator.js';
+
+declare class MenuSeparator implements AfterViewInit {
+    elementRef: ElementRef<_MenuSeparator>;
+    injector: Injector;
+    get element(): _MenuSeparator;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuSeparator, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuSeparator, "ui5-menu-separator, [ui5-menu-separator]", ["ui5MenuSeparator"], {}, {}, never, ["*"], true, never>;
+}
+
+export { MenuSeparator };

package/message-strip/index.d.ts

@@ -0,0 +1,41 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _MessageStrip from '@ui5/webcomponents/dist/MessageStrip.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class MessageStrip implements AfterViewInit {
+    /**
+     * Defines the component type.
+     */
+    design: _angular_core.InputSignal<"Information" | "Positive" | "Negative" | "Critical" | "ColorSet1" | "ColorSet2" | undefined>;
+    /**
+     * Defines the color scheme of the component.
+  There are 10 predefined schemes.
+  To use one you can set a number from `"1"` to `"10"`. The `colorScheme` `"1"` will be set by default.
+     */
+    colorScheme: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the MessageStrip will show an icon in the beginning.
+  You can directly provide an icon with the `icon` slot. Otherwise, the default icon for the type will be used.
+  
+   * **Note:** If <code>MessageStripDesign.ColorSet1</code> or <code>MessageStripDesign.ColorSet2</code> value is set to the <code>design</code> property, default icon will not be presented.
+     */
+    hideIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the MessageStrip renders close button.
+     */
+    hideCloseButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired when the close button is pressed either with a
+  click/tap or by using the Enter or Space key.
+     */
+    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_MessageStrip, "close">>;
+    elementRef: ElementRef<_MessageStrip>;
+    injector: Injector;
+    get element(): _MessageStrip;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MessageStrip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MessageStrip, "ui5-message-strip, [ui5-message-strip]", ["ui5MessageStrip"], { "design": { "alias": "design"; "required": false; "isSignal": true; }; "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "hideIcon": { "alias": "hideIcon"; "required": false; "isSignal": true; }; "hideCloseButton": { "alias": "hideCloseButton"; "required": false; "isSignal": true; }; }, { "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
+}
+
+export { MessageStrip };

package/multi-combo-box/index.d.ts

@@ -0,0 +1,108 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _MultiComboBox from '@ui5/webcomponents/dist/MultiComboBox.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
+
+declare class MultiComboBox implements AfterViewInit {
+    /**
+     * Defines the value of the component.
+  
+  **Note:** The property is updated upon typing.
+     */
+    value: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Determines the name by which the component will be identified upon submission in an HTML form.
+  
+  **Note:** This property is only applicable within the context of an HTML Form element.
+  **Note:** When the component is used inside a form element,
+  the value is sent as the first element in the form data, even if it's empty.
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the value will be autcompleted to match an item
+     */
+    noTypeahead: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines a short hint intended to aid the user with data entry when the
+  component has no value.
+     */
+    placeholder: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if the user input will be prevented, if no matching item has been found
+     */
+    noValidation: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the component is in disabled state.
+  
+  **Note:** A disabled component is completely noninteractive.
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the value state of the component.
+     */
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    /**
+     * Defines whether the component is read-only.
+  
+  **Note:** A read-only component is not editable,
+  but still provides visual feedback upon user interaction.
+     */
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the component is required.
+     */
+    required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the filter type of the component.
+     */
+    filter: _angular_core.InputSignal<"None" | "StartsWithPerTerm" | "StartsWith" | "Contains" | undefined>;
+    /**
+     * Defines whether the clear icon of the multi-combobox will be shown.
+     */
+    showClearIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the accessible ARIA name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Receives id(or many ids) of the elements that label the component.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Determines if the select all checkbox is visible on top of suggestions.
+     */
+    showSelectAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Indicates whether the items picker is open.
+     */
+    open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired when the input operation has finished by pressing Enter or on focusout.
+     */
+    ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "change">>;
+    /**
+     * Fired when the value of the component changes at each keystroke or clear icon is pressed.
+     */
+    ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "input">>;
+    /**
+     * Fired when the dropdown is opened.
+     */
+    ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "open">>;
+    /**
+     * Fired when the dropdown is closed.
+     */
+    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "close">>;
+    /**
+     * Fired when selection is changed by user interaction.
+     */
+    ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "selection-change">>;
+    elementRef: ElementRef<_MultiComboBox>;
+    injector: Injector;
+    get element(): _MultiComboBox;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiComboBox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiComboBox, "ui5-multi-combobox, [ui5-multi-combobox]", ["ui5MultiComboBox"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "noValidation": { "alias": "noValidation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+}
+
+export { MultiComboBox };

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

@@ -0,0 +1,26 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _MultiComboBoxItem from '@ui5/webcomponents/dist/MultiComboBoxItem.js';
+
+declare class MultiComboBoxItem implements AfterViewInit {
+    /**
+     * Defines the selected state of the component.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the text of the component.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the additional text of the component.
+     */
+    additionalText: _angular_core.InputSignal<string | undefined>;
+    elementRef: ElementRef<_MultiComboBoxItem>;
+    injector: Injector;
+    get element(): _MultiComboBoxItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiComboBoxItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiComboBoxItem, "ui5-mcb-item, [ui5-mcb-item]", ["ui5MultiComboBoxItem"], { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { MultiComboBoxItem };

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

@@ -0,0 +1,49 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _MultiComboBoxItemGroup from '@ui5/webcomponents/dist/MultiComboBoxItemGroup.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class MultiComboBoxItemGroup implements AfterViewInit {
+    /**
+     * Defines the header text of the <code>ui5-li-group</code>.
+     */
+    headerText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the accessible name of the header.
+     */
+    headerAccessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if the text of the component should wrap when it's too long.
+  When set to "Normal", the content (title, description) will be wrapped
+  using the `ui5-expandable-text` component.<br/>
+  
+  The text can wrap up to 100 characters on small screens (size S) and
+  up to 300 characters on larger screens (size M and above). When text exceeds
+  these limits, it truncates with an ellipsis followed by a text expansion trigger.
+  
+  Available options are:
+  - `None` (default) - The text will truncate with an ellipsis.
+  - `Normal` - The text will wrap (without truncation).
+     */
+    wrappingType: _angular_core.InputSignal<"None" | "Normal" | 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: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBoxItemGroup, "move-over">>;
+    /**
+     * 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: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBoxItemGroup, "move">>;
+    elementRef: ElementRef<_MultiComboBoxItemGroup>;
+    injector: Injector;
+    get element(): _MultiComboBoxItemGroup;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiComboBoxItemGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiComboBoxItemGroup, "ui5-mcb-item-group, [ui5-mcb-item-group]", ["ui5MultiComboBoxItemGroup"], { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "headerAccessibleName": { "alias": "headerAccessibleName"; "required": false; "isSignal": true; }; "wrappingType": { "alias": "wrappingType"; "required": false; "isSignal": true; }; }, { "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
+}
+
+export { MultiComboBoxItemGroup };