@ui5/webcomponents-ngx 0.5.9-rc.4 → 0.5.9

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

@@ -0,0 +1,133 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import MenuItem, { MenuItemAccessibilityAttributes, MenuBeforeOpenEventDetail, MenuBeforeCloseEventDetail } from '@ui5/webcomponents/dist/MenuItem.js';
+
+declare class MenuItemComponent {
+    /**
+          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: MenuItemAccessibilityAttributes;
+    /**
+          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 menu item is in disabled state.
+  
+  **Note:** A disabled menu item is noninteractive.
+          */
+    disabled: boolean;
+    /**
+          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: boolean;
+    /**
+          Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.
+          */
+    loadingDelay: number;
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: 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: boolean;
+    /**
+       Fired when the user clicks on the detail button when type is `Detail`.
+      */
+    ui5DetailClick: EventEmitter<void>;
+    /**
+       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: EventEmitter<MenuBeforeOpenEventDetail>;
+    /**
+       Fired after the menu is opened.
+      */
+    ui5Open: EventEmitter<void>;
+    /**
+       Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing.
+      */
+    ui5BeforeClose: EventEmitter<MenuBeforeCloseEventDetail>;
+    /**
+       Fired after the menu is closed.
+      */
+    ui5Close: EventEmitter<void>;
+    /**
+       Fired when an item is checked or unchecked.
+      */
+    ui5Check: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): MenuItem;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "ui5-menu-item", ["ui5MenuItem"], { "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; }; "checked": { "alias": "checked"; "required": false; }; }, { "ui5DetailClick": "ui5DetailClick"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5BeforeClose": "ui5BeforeClose"; "ui5Close": "ui5Close"; "ui5Check": "ui5Check"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_navigated: unknown;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_checked: unknown;
+}
+
+export { MenuItemComponent };

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

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

package/main/menu-separator/index.d.ts

@@ -0,0 +1,14 @@
+import MenuSeparator from '@ui5/webcomponents/dist/MenuSeparator.js';
+import * as i0 from '@angular/core';
+
+declare class MenuSeparatorComponent {
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): MenuSeparator;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuSeparatorComponent, "ui5-menu-separator", ["ui5MenuSeparator"], {}, {}, never, ["*"], true, never>;
+}
+
+export { MenuSeparatorComponent };

package/main/message-strip/index.d.ts

@@ -0,0 +1,43 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import MessageStrip from '@ui5/webcomponents/dist/MessageStrip.js';
+
+declare class MessageStripComponent {
+    /**
+          Defines the component type.
+          */
+    design: 'Information' | 'Positive' | 'Negative' | 'Critical' | 'ColorSet1' | 'ColorSet2';
+    /**
+          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: string;
+    /**
+          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: boolean;
+    /**
+          Defines whether the MessageStrip renders close button.
+          */
+    hideCloseButton: boolean;
+    /**
+       Fired when the close button is pressed either with a
+  click/tap or by using the Enter or Space key.
+      */
+    ui5Close: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): MessageStrip;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageStripComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageStripComponent, "ui5-message-strip", ["ui5MessageStrip"], { "design": { "alias": "design"; "required": false; }; "colorScheme": { "alias": "colorScheme"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "hideCloseButton": { "alias": "hideCloseButton"; "required": false; }; }, { "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_hideIcon: unknown;
+    static ngAcceptInputType_hideCloseButton: unknown;
+}
+
+export { MessageStripComponent };

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

@@ -0,0 +1,120 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import * as i1 from '@ui5/webcomponents-ngx/generic-cva';
+import { GenericControlValueAccessor } from '@ui5/webcomponents-ngx/generic-cva';
+import MultiComboBox, { MultiComboBoxSelectionChangeEventDetail } from '@ui5/webcomponents/dist/MultiComboBox.js';
+
+declare class MultiComboBoxComponent {
+    /**
+          Defines the value of the component.
+  
+  **Note:** The property is updated upon typing.
+          */
+    value: string;
+    /**
+          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: string | undefined;
+    /**
+          Defines whether the value will be autcompleted to match an item
+          */
+    noTypeahead: boolean;
+    /**
+          Defines a short hint intended to aid the user with data entry when the
+  component has no value.
+          */
+    placeholder: string | undefined;
+    /**
+          Defines if the user input will be prevented, if no matching item has been found
+          */
+    noValidation: boolean;
+    /**
+          Defines whether the component is in disabled state.
+  
+  **Note:** A disabled component is completely noninteractive.
+          */
+    disabled: boolean;
+    /**
+          Defines the value state of the component.
+          */
+    valueState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+          Defines whether the component is read-only.
+  
+  **Note:** A read-only component is not editable,
+  but still provides visual feedback upon user interaction.
+          */
+    readonly: boolean;
+    /**
+          Defines whether the component is required.
+          */
+    required: boolean;
+    /**
+          Defines the filter type of the component.
+          */
+    filter: 'StartsWithPerTerm' | 'StartsWith' | 'Contains' | 'None';
+    /**
+          Defines whether the clear icon of the multi-combobox will be shown.
+          */
+    showClearIcon: boolean;
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Receives id(or many ids) of the elements that label the component.
+          */
+    accessibleNameRef: string | undefined;
+    /**
+          Determines if the select all checkbox is visible on top of suggestions.
+          */
+    showSelectAll: boolean;
+    /**
+          Indicates whether the items picker is open.
+          */
+    open: boolean;
+    /**
+       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 or clear icon is pressed.
+      */
+    ui5Input: EventEmitter<void>;
+    /**
+       Fired when the dropdown is opened.
+      */
+    ui5Open: EventEmitter<void>;
+    /**
+       Fired when the dropdown is closed.
+      */
+    ui5Close: EventEmitter<void>;
+    /**
+       Fired when selection is changed by user interaction.
+      */
+    ui5SelectionChange: EventEmitter<MultiComboBoxSelectionChangeEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    protected _cva: GenericControlValueAccessor<any>;
+    get element(): MultiComboBox;
+    set cvaValue(val: string);
+    get cvaValue(): string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiComboBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiComboBoxComponent, "ui5-multi-combobox", ["ui5MultiCombobox"], { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "noValidation": { "alias": "noValidation"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_noTypeahead: unknown;
+    static ngAcceptInputType_noValidation: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_showClearIcon: unknown;
+    static ngAcceptInputType_showSelectAll: unknown;
+    static ngAcceptInputType_open: unknown;
+}
+
+export { MultiComboBoxComponent };

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

@@ -0,0 +1,27 @@
+import MultiComboBoxItem from '@ui5/webcomponents/dist/MultiComboBoxItem.js';
+import * as i0 from '@angular/core';
+
+declare class MultiComboBoxItemComponent {
+    /**
+          Defines the text of the component.
+          */
+    text: string | undefined;
+    /**
+          Defines the additional text of the component.
+          */
+    additionalText: string | undefined;
+    /**
+          Defines the selected state of the component.
+          */
+    selected: boolean;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): MultiComboBoxItem;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiComboBoxItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiComboBoxItemComponent, "ui5-mcb-item", ["ui5McbItem"], { "text": { "alias": "text"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_selected: unknown;
+}
+
+export { MultiComboBoxItemComponent };

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

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { ListItemGroupMoveEventDetail } from '@ui5/webcomponents/dist/ListItemGroup.js';
+import MultiComboBoxItemGroup from '@ui5/webcomponents/dist/MultiComboBoxItemGroup.js';
+
+declare class MultiComboBoxItemGroupComponent {
+    /**
+          Defines the header text of the <code>ui5-li-group</code>.
+          */
+    headerText: string | undefined;
+    /**
+          Defines the accessible name of the header.
+          */
+    headerAccessibleName: 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: 'None' | 'Normal';
+    /**
+       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; }; "headerAccessibleName": { "alias": "headerAccessibleName"; "required": false; }; "wrappingType": { "alias": "wrappingType"; "required": false; }; }, { "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
+}
+
+export { MultiComboBoxItemGroupComponent };

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

@@ -0,0 +1,160 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import * as i1 from '@ui5/webcomponents-ngx/generic-cva';
+import { GenericControlValueAccessor } from '@ui5/webcomponents-ngx/generic-cva';
+import { InputSelectionChangeEventDetail } from '@ui5/webcomponents/dist/Input.js';
+import MultiInput, { MultiInputTokenDeleteEventDetail } from '@ui5/webcomponents/dist/MultiInput.js';
+
+declare class MultiInputComponent {
+    /**
+          Defines whether the component is in disabled state.
+  
+  **Note:** A disabled component is completely noninteractive.
+          */
+    disabled: boolean;
+    /**
+          Defines a short hint intended to aid the user with data entry when the
+  component has no value.
+          */
+    placeholder: string | 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: boolean;
+    /**
+          Defines whether the component is required.
+          */
+    required: boolean;
+    /**
+          Defines whether the value will be autcompleted to match an item
+          */
+    noTypeahead: boolean;
+    /**
+          Defines the HTML type of the component.
+  
+  **Notes:**
+  
+  - The particular effect of this property differs depending on the browser
+  and the current language settings, especially for type `Number`.
+  - The property is mostly intended to be used with touch devices
+  that use different soft keyboard layouts depending on the given input type.
+          */
+    type: 'Text' | 'Email' | 'Number' | 'Password' | 'Tel' | 'URL' | 'Search';
+    /**
+          Defines the value of the component.
+  
+  **Note:** The property is updated upon typing.
+          */
+    value: string;
+    /**
+          Defines the value state of the component.
+          */
+    valueState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+          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: string | undefined;
+    /**
+          Defines whether the component should show suggestions, if such are present.
+          */
+    showSuggestions: boolean;
+    /**
+          Sets the maximum number of characters available in the input field.
+  
+  **Note:** This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.
+          */
+    maxlength: number | undefined;
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Receives id(or many ids) of the elements that label the input.
+          */
+    accessibleNameRef: string | undefined;
+    /**
+          Defines the accessible description of the component.
+          */
+    accessibleDescription: string | undefined;
+    /**
+          Receives id(or many ids) of the elements that describe the input.
+          */
+    accessibleDescriptionRef: string | undefined;
+    /**
+          Defines whether the clear icon of the input will be shown.
+          */
+    showClearIcon: boolean;
+    /**
+          Defines whether the suggestions picker is open.
+  The picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.
+  The picker will close automatically and `close` event will be fired if the input is not in the viewport.
+          */
+    open: boolean;
+    /**
+          Determines whether a value help icon will be visualized in the end of the input.
+  Pressing the icon will fire `value-help-trigger` event.
+          */
+    showValueHelpIcon: boolean;
+    /**
+       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,
+  and when a suggestion item has been selected.
+      */
+    ui5Input: EventEmitter<void>;
+    /**
+       Fired when some text has been selected.
+      */
+    ui5Select: EventEmitter<void>;
+    /**
+       Fired when the user navigates to a suggestion item via the ARROW keys,
+  as a preview, before the final selection.
+      */
+    ui5SelectionChange: EventEmitter<InputSelectionChangeEventDetail>;
+    /**
+       Fired when the suggestions picker is open.
+      */
+    ui5Open: EventEmitter<void>;
+    /**
+       Fired when the suggestions picker is closed.
+      */
+    ui5Close: EventEmitter<void>;
+    /**
+       Fired when the value help icon is pressed
+  and F4 or ALT/OPTION + ARROW_UP/ARROW_DOWN keyboard keys are used.
+      */
+    ui5ValueHelpTrigger: EventEmitter<void>;
+    /**
+       Fired when tokens are being deleted.
+      */
+    ui5TokenDelete: EventEmitter<MultiInputTokenDeleteEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    protected _cva: GenericControlValueAccessor<any>;
+    get element(): MultiInput;
+    set cvaValue(val: string);
+    get cvaValue(): string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiInputComponent, "ui5-multi-input", ["ui5MultiInput"], { "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "name": { "alias": "name"; "required": false; }; "showSuggestions": { "alias": "showSuggestions"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; }; "open": { "alias": "open"; "required": false; }; "showValueHelpIcon": { "alias": "showValueHelpIcon"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Select": "ui5Select"; "ui5SelectionChange": "ui5SelectionChange"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5ValueHelpTrigger": "ui5ValueHelpTrigger"; "ui5TokenDelete": "ui5TokenDelete"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_noTypeahead: unknown;
+    static ngAcceptInputType_showSuggestions: unknown;
+    static ngAcceptInputType_showClearIcon: unknown;
+    static ngAcceptInputType_open: unknown;
+    static ngAcceptInputType_showValueHelpIcon: unknown;
+}
+
+export { MultiInputComponent };

package/main/option/index.d.ts

@@ -0,0 +1,40 @@
+import Option from '@ui5/webcomponents/dist/Option.js';
+import * as i0 from '@angular/core';
+
+declare class OptionComponent {
+    /**
+          Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.
+  For more information on HTML Form support, see the `name` property of `ui5-select`.
+          */
+    value: 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: string | undefined;
+    /**
+          Defines the `additionalText`, displayed in the end of the option.
+          */
+    additionalText: string | undefined;
+    /**
+          Defines the tooltip of the option.
+          */
+    tooltip: string | undefined;
+    /**
+          Defines the selected state of the component.
+          */
+    selected: boolean;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): Option;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "ui5-option", ["ui5Option"], { "value": { "alias": "value"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_selected: unknown;
+}
+
+export { OptionComponent };

package/main/option-custom/index.d.ts

@@ -0,0 +1,33 @@
+import OptionCustom from '@ui5/webcomponents/dist/OptionCustom.js';
+import * as i0 from '@angular/core';
+
+declare class OptionCustomComponent {
+    /**
+          Defines the text, displayed inside the `ui5-select` input filed
+  when the option gets selected.
+          */
+    displayText: string | undefined;
+    /**
+          Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.
+  For more information on HTML Form support, see the `name` property of `ui5-select`.
+          */
+    value: string | undefined;
+    /**
+          Defines the tooltip of the option.
+          */
+    tooltip: string | undefined;
+    /**
+          Defines the selected state of the component.
+          */
+    selected: boolean;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): OptionCustom;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionCustomComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionCustomComponent, "ui5-option-custom", ["ui5OptionCustom"], { "displayText": { "alias": "displayText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_selected: unknown;
+}
+
+export { OptionCustomComponent };