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

package/card/index.d.ts

@@ -0,0 +1,32 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Card from '@ui5/webcomponents/dist/Card.js';
+
+declare class Card implements AfterViewInit {
+    /**
+     * Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.
+  
+  **Note:** `accessibleName` should be always set, unless `accessibleNameRef` is set.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the IDs of the elements that label the component.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if a loading indicator would be displayed over the card.
+     */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the delay in milliseconds, after which the loading indicator will show up for this card.
+     */
+    loadingDelay: _angular_core.InputSignal<number | undefined>;
+    elementRef: ElementRef<_Card>;
+    injector: Injector;
+    get element(): _Card;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Card, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Card, "ui5-card, [ui5-card]", ["ui5Card"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { Card };

package/card-header/index.d.ts

@@ -0,0 +1,38 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _CardHeader from '@ui5/webcomponents/dist/CardHeader.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class CardHeader implements AfterViewInit {
+    /**
+     * Defines the title text.
+     */
+    titleText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the subtitle text.
+     */
+    subtitleText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the additional text.
+     */
+    additionalText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if the component would be interactive,
+  e.g gets hover effect and `click` event is fired, when pressed.
+     */
+    interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired when the component is activated by mouse/tap or by using the Enter or Space key.
+  
+  **Note:** The event would be fired only if the `interactive` property is set to true.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_CardHeader, "click">>;
+    elementRef: ElementRef<_CardHeader>;
+    injector: Injector;
+    get element(): _CardHeader;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardHeader, "ui5-card-header, [ui5-card-header]", ["ui5CardHeader"], { "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+}
+
+export { CardHeader };

package/carousel/index.d.ts

@@ -0,0 +1,88 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Carousel from '@ui5/webcomponents/dist/Carousel.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class Carousel implements AfterViewInit {
+    /**
+     * Defines the accessible name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the IDs of the elements that label the input.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the carousel should loop, i.e show the first page after the last page is reached and vice versa.
+     */
+    cyclic: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the number of items per page depending on the carousel width.
+  
+  - 'S' for screens smaller than 600 pixels.
+  - 'M' for screens greater than or equal to 600 pixels and smaller than 1024 pixels.
+  - 'L' for screens greater than or equal to 1024 pixels and smaller than 1440 pixels.
+  - 'XL' for screens greater than or equal to 1440 pixels.
+  
+  One item per page is shown by default.
+     */
+    itemsPerPage: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the visibility of the navigation arrows.
+  If set to true the navigation arrows will be hidden.
+     */
+    hideNavigationArrows: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the visibility of the page indicator.
+  If set to true the page indicator will be hidden.
+     */
+    hidePageIndicator: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the style of the page indicator.
+  Available options are:
+  
+  - `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)
+  - `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)
+     */
+    pageIndicatorType: _angular_core.InputSignal<"Default" | "Numeric" | undefined>;
+    /**
+     * Defines the carousel's background design.
+     */
+    backgroundDesign: _angular_core.InputSignal<"Solid" | "Transparent" | "Translucent" | undefined>;
+    /**
+     * Defines the page indicator background design.
+     */
+    pageIndicatorBackgroundDesign: _angular_core.InputSignal<"Solid" | "Transparent" | "Translucent" | undefined>;
+    /**
+     * Defines the page indicator border design.
+     */
+    pageIndicatorBorderDesign: _angular_core.InputSignal<"Solid" | "None" | undefined>;
+    /**
+     * Defines the position of arrows.
+  
+  Available options are:
+  
+  - `Content` - the arrows are placed on the sides of the current page.
+  - `Navigation` - the arrows are placed on the sides of the page indicator.
+     */
+    arrowsPlacement: _angular_core.InputSignal<"Content" | "Navigation" | undefined>;
+    /**
+     * The indices of the currently visible items of the component.
+     * @readonly This property is managed by the web component.
+     */
+    get visibleItemsIndices(): Array<number>;
+    /**
+     * Fired whenever the page changes due to user interaction,
+  when the user clicks on the navigation arrows or while resizing,
+  based on the `items-per-page` property.
+     */
+    ui5Navigate: _angular_core.OutputEmitterRef<UI5CustomEvent<_Carousel, "navigate">>;
+    elementRef: ElementRef<_Carousel>;
+    injector: Injector;
+    get element(): _Carousel;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Carousel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Carousel, "ui5-carousel, [ui5-carousel]", ["ui5Carousel"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "cyclic": { "alias": "cyclic"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "hideNavigationArrows": { "alias": "hideNavigationArrows"; "required": false; "isSignal": true; }; "hidePageIndicator": { "alias": "hidePageIndicator"; "required": false; "isSignal": true; }; "pageIndicatorType": { "alias": "pageIndicatorType"; "required": false; "isSignal": true; }; "backgroundDesign": { "alias": "backgroundDesign"; "required": false; "isSignal": true; }; "pageIndicatorBackgroundDesign": { "alias": "pageIndicatorBackgroundDesign"; "required": false; "isSignal": true; }; "pageIndicatorBorderDesign": { "alias": "pageIndicatorBorderDesign"; "required": false; "isSignal": true; }; "arrowsPlacement": { "alias": "arrowsPlacement"; "required": false; "isSignal": true; }; }, { "ui5Navigate": "ui5Navigate"; }, never, ["*"], true, never>;
+}
+
+export { Carousel };

package/check-box/index.d.ts

@@ -0,0 +1,108 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _CheckBox from '@ui5/webcomponents/dist/CheckBox.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
+
+declare class CheckBox implements AfterViewInit {
+    /**
+     * Receives id(or many ids) of the elements that label the component
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the accessible ARIA name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the component is disabled.
+  
+  **Note:** A disabled component is completely noninteractive.
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 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>;
+    /**
+     * Determines whether the `ui5-checkbox` is in display only state.
+  
+  When set to `true`, the `ui5-checkbox` is not interactive, not editable, not focusable
+  and not in the tab chain. This setting is used for forms in review mode.
+  
+  **Note:** When the property `disabled` is set to `true` this property has no effect.
+     */
+    displayOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the component is required.
+  
+  **Note:** We advise against using the text property of the checkbox when there is a
+  label associated with it to avoid having two required asterisks.
+     */
+    required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the component is displayed as partially checked.
+  
+  **Note:** The indeterminate state can be set only programmatically and can’t be achieved by user
+  interaction and the resulting visual state depends on the values of the `indeterminate`
+  and `checked` properties:
+  
+  -  If the component is checked and indeterminate, it will be displayed as partially checked
+  -  If the component is checked and it is not indeterminate, it will be displayed as checked
+  -  If the component is not checked, it will be displayed as not checked regardless value of the indeterminate attribute
+     */
+    indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines if the component is checked.
+  
+  **Note:** The property can be changed with user interaction,
+  either by cliking/tapping on the component, or by
+  pressing the Enter or Space key.
+     */
+    checked: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the text of the component.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the value state of the component.
+     */
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    /**
+     * Defines whether the component text wraps when there is not enough space.
+  
+  **Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
+  **Note:** for option "None" the text will be truncated with an ellipsis.
+     */
+    wrappingType: _angular_core.InputSignal<"None" | "Normal" | 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.
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the form value of the component that is submitted when the checkbox is checked.
+  
+  When a form containing `ui5-checkbox` elements is submitted, only the values of the
+  **checked** checkboxes are included in the form data sent to the server. Unchecked
+  checkboxes do not contribute any data to the form submission.
+  
+  This property is particularly useful for **checkbox groups**, where multiple checkboxes with the same `name` but different `value` properties can be used to represent a set of related options.
+     */
+    value: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Fired when the component checked state changes.
+     */
+    ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_CheckBox, "change">>;
+    elementRef: ElementRef<_CheckBox>;
+    injector: Injector;
+    get element(): _CheckBox;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckBox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckBox, "ui5-checkbox, [ui5-checkbox]", ["ui5CheckBox"], { "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "displayOnly": { "alias": "displayOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "wrappingType": { "alias": "wrappingType"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+}
+
+export { CheckBox };

package/color-palette/index.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ColorPalette from '@ui5/webcomponents/dist/ColorPalette.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class ColorPalette implements AfterViewInit {
+    /**
+     * Fired when the user selects a color.
+     */
+    ui5ItemClick: i0.OutputEmitterRef<UI5CustomEvent<_ColorPalette, "item-click">>;
+    elementRef: ElementRef<_ColorPalette>;
+    injector: Injector;
+    get element(): _ColorPalette;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPalette, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPalette, "ui5-color-palette, [ui5-color-palette]", ["ui5ColorPalette"], {}, { "ui5ItemClick": "ui5ItemClick"; }, never, ["*"], true, never>;
+}
+
+export { ColorPalette };

package/color-palette-item/index.d.ts

@@ -0,0 +1,27 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ColorPaletteItem from '@ui5/webcomponents/dist/ColorPaletteItem.js';
+
+declare class ColorPaletteItem implements AfterViewInit {
+    /**
+     * Defines the colour of the component.
+  
+  **Note:** The value should be a valid CSS color.
+     */
+    value: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if the component is selected.
+  
+  **Note:** Only one item must be selected per <code>ui5-color-palette</code>.
+  If more than one item is defined as selected, the last one would be considered as the selected one.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    elementRef: ElementRef<_ColorPaletteItem>;
+    injector: Injector;
+    get element(): _ColorPaletteItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPaletteItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPaletteItem, "ui5-color-palette-item, [ui5-color-palette-item]", ["ui5ColorPaletteItem"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ColorPaletteItem };

package/color-palette-popover/index.d.ts

@@ -0,0 +1,51 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ColorPalettePopover from '@ui5/webcomponents/dist/ColorPalettePopover.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class ColorPalettePopover implements AfterViewInit {
+    /**
+     * Defines whether the user can see the last used colors in the bottom of the component
+     */
+    showRecentColors: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the user can choose a custom color from a component.
+     */
+    showMoreColors: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the user can choose the default color from a button.
+     */
+    showDefaultColor: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the default color of the component.
+  
+  **Note:** The default color should be a part of the ColorPalette colors`
+     */
+    defaultColor: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the open | closed state of the popover.
+     */
+    open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the ID or DOM Reference of the element that the popover is shown at.
+  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 the user selects a color.
+     */
+    ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ColorPalettePopover, "item-click">>;
+    /**
+     * Fired when the `ui5-color-palette-popover` is closed due to user interaction.
+     */
+    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ColorPalettePopover, "close">>;
+    elementRef: ElementRef<_ColorPalettePopover>;
+    injector: Injector;
+    get element(): _ColorPalettePopover;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPalettePopover, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPalettePopover, "ui5-color-palette-popover, [ui5-color-palette-popover]", ["ui5ColorPalettePopover"], { "showRecentColors": { "alias": "showRecentColors"; "required": false; "isSignal": true; }; "showMoreColors": { "alias": "showMoreColors"; "required": false; "isSignal": true; }; "showDefaultColor": { "alias": "showDefaultColor"; "required": false; "isSignal": true; }; "defaultColor": { "alias": "defaultColor"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "opener": { "alias": "opener"; "required": false; "isSignal": true; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
+}
+
+export { ColorPalettePopover };

package/color-picker/index.d.ts

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ColorPicker from '@ui5/webcomponents/dist/ColorPicker.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class ColorPicker implements AfterViewInit {
+    /**
+     * Defines the currently selected color of the component.
+  
+  **Note**: use HEX, RGB, RGBA, HSV formats or a CSS color name when modifying this property.
+     */
+    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.
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When set to `true`, the alpha slider and inputs for RGB values will not be displayed.
+     */
+    simplified: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired when the the selected color is changed
+     */
+    ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_ColorPicker, "change">>;
+    elementRef: ElementRef<_ColorPicker>;
+    injector: Injector;
+    get element(): _ColorPicker;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPicker, "ui5-color-picker, [ui5-color-picker]", ["ui5ColorPicker"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "simplified": { "alias": "simplified"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, never>;
+}
+
+export { ColorPicker };

package/combo-box/index.d.ts

@@ -0,0 +1,102 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ComboBox from '@ui5/webcomponents/dist/ComboBox.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
+
+declare class ComboBox implements AfterViewInit {
+    /**
+     * Defines the value of the component.
+     */
+    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.
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the value will be autocompleted 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 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>;
+    /**
+     * Indicates whether a loading indicator should be shown in the picker.
+     */
+    loading: _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 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>;
+    /**
+     * Indicates whether the items picker is open.
+     */
+    open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired when the input operation has finished by pressing Enter, focusout or an item is selected.
+     */
+    ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_ComboBox, "change">>;
+    /**
+     * Fired when the dropdown is opened.
+     */
+    ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_ComboBox, "open">>;
+    /**
+     * Fired when the dropdown is closed.
+     */
+    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ComboBox, "close">>;
+    /**
+     * Fired when typing in input or clear icon is pressed.
+  
+  **Note:** filterValue property is updated, input is changed.
+     */
+    ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_ComboBox, "input">>;
+    /**
+     * Fired when selection is changed by user interaction
+     */
+    ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_ComboBox, "selection-change">>;
+    elementRef: ElementRef<_ComboBox>;
+    injector: Injector;
+    get element(): _ComboBox;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboBox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboBox, "ui5-combobox, [ui5-combobox]", ["ui5ComboBox"], { "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; }; "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; }; "loading": { "alias": "loading"; "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; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+}
+
+export { ComboBox };

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

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ComboBoxItem from '@ui5/webcomponents/dist/ComboBoxItem.js';
+
+declare class ComboBoxItem implements AfterViewInit {
+    /**
+     * 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<_ComboBoxItem>;
+    injector: Injector;
+    get element(): _ComboBoxItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboBoxItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboBoxItem, "ui5-cb-item, [ui5-cb-item]", ["ui5ComboBoxItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ComboBoxItem };

package/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 _ComboBoxItemGroup from '@ui5/webcomponents/dist/ComboBoxItemGroup.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class ComboBoxItemGroup 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<_ComboBoxItemGroup, "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<_ComboBoxItemGroup, "move">>;
+    elementRef: ElementRef<_ComboBoxItemGroup>;
+    injector: Injector;
+    get element(): _ComboBoxItemGroup;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboBoxItemGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboBoxItemGroup, "ui5-cb-item-group, [ui5-cb-item-group]", ["ui5ComboBoxItemGroup"], { "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 { ComboBoxItemGroup };