@fundamental-ngx/ui5-webcomponents 0.58.4 → 0.58.6

package/list/index.d.ts

@@ -0,0 +1,191 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _List, { ListAccessibilityAttributes } from '@ui5/webcomponents/dist/List.js';
+export { ListAccessibilityAttributes } from '@ui5/webcomponents/dist/List.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import ListItemBase from '@ui5/webcomponents/dist/ListItemBase.js';
+
+declare class List implements AfterViewInit {
+    /**
+     * Defines the component header text.
+  
+  **Note:** If `header` is set this property is ignored.
+     */
+    headerText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the footer text.
+     */
+    footerText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Determines whether the component is indented.
+     */
+    indent: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the selection mode of the component.
+     */
+    selectionMode: _angular_core.InputSignal<"None" | "Single" | "SingleStart" | "SingleEnd" | "SingleAuto" | "Multiple" | "Delete" | undefined>;
+    /**
+     * Defines the text that is displayed when the component contains no items.
+     */
+    noDataText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the item separator style that is used.
+     */
+    separators: _angular_core.InputSignal<"None" | "All" | "Inner" | undefined>;
+    /**
+     * Defines whether the component will have growing capability either by pressing a `More` button,
+  or via user scroll. In both cases `load-more` event is fired.
+  
+  **Restrictions:** `growing="Scroll"` is not supported for Internet Explorer,
+  on IE the component will fallback to `growing="Button"`.
+     */
+    growing: _angular_core.InputSignal<"None" | "Button" | "Scroll" | undefined>;
+    /**
+     * Defines the text that will be displayed inside the growing button.
+  
+  **Note:** If not specified a built-in text will be displayed.
+  
+  **Note:** This property takes effect if the `growing` property is set to the `Button`.
+     */
+    growingButtonText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if the component would display a loading indicator over the list.
+     */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the delay in milliseconds, after which the loading indicator will show up for this component.
+     */
+    loadingDelay: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Defines the accessible name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines additional accessibility attributes on different areas of the component.
+  
+  The accessibilityAttributes object has the following field:
+  
+   - **growingButton**: `growingButton.name`, `growingButton.description`.
+  
+   The accessibility attributes support the following values:
+  
+  - **name**: Defines the accessible ARIA name of the growing button.
+  Accepts any string.
+  
+  - **description**: Defines the accessible ARIA description of the growing button.
+  Accepts any string.
+  
+   **Note:** The `accessibilityAttributes` property is in an experimental state and is a subject to change.
+     */
+    accessibilityAttributes: _angular_core.InputSignal<ListAccessibilityAttributes | undefined>;
+    /**
+     * Defines the IDs of the elements that label the component.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the accessible description of the component.
+     */
+    accessibleDescription: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the IDs of the elements that describe the component.
+     */
+    accessibleDescriptionRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the accessible role of the component.
+     */
+    accessibleRole: _angular_core.InputSignal<"List" | "Menu" | "Tree" | "ListBox" | undefined>;
+    /**
+     * Returns an array containing the list item instances without the groups in a flat structure.
+     * @readonly This property is managed by the web component.
+     */
+    get listItems(): Array<ListItemBase>;
+    /**
+     * Fired when an item is activated, unless the item's `type` property
+  is set to `Inactive`.
+  
+  **Note**: This event is not triggered by interactions with selection components such as the checkboxes and radio buttons,
+  associated with non-default `selectionMode` values, or if any other **interactive** component
+  (such as a button or input) within the list item is directly clicked.
+     */
+    ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_List, "item-click">>;
+    /**
+     * Fired when the `Close` button of any item is clicked
+  
+  **Note:** This event is only applicable to list items that can be closed (such as notification list items),
+  not to be confused with `item-delete`.
+     */
+    ui5ItemClose: _angular_core.OutputEmitterRef<UI5CustomEvent<_List, "item-close">>;
+    /**
+     * Fired when the `Toggle` button of any item is clicked.
+  
+  **Note:** This event is only applicable to list items that can be toggled (such as notification group list items).
+     */
+    ui5ItemToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_List, "item-toggle">>;
+    /**
+     * Fired when the Delete button of any item is pressed.
+  
+  **Note:** A Delete button is displayed on each item,
+  when the component `selectionMode` property is set to `Delete`.
+     */
+    ui5ItemDelete: _angular_core.OutputEmitterRef<UI5CustomEvent<_List, "item-delete">>;
+    /**
+     * Fired when selection is changed by user interaction
+  in `Single`, `SingleStart`, `SingleEnd` and `Multiple` selection modes.
+     */
+    ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_List, "selection-change">>;
+    /**
+     * Fired when the user scrolls to the bottom of the list.
+  
+  **Note:** The event is fired when the `growing='Scroll'` property is enabled.
+     */
+    ui5LoadMore: _angular_core.OutputEmitterRef<UI5CustomEvent<_List, "load-more">>;
+    /**
+     * 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<_List, "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<_List, "move">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the items of the component.
+  
+  **Note:** Use `ui5-li`, `ui5-li-custom`, and `ui5-li-group` for the intended design.
+     * - **header**: Defines the component header.
+  
+  **Note:** When `header` is set, the
+  `headerText` property is ignored.
+     *
+     * @example
+     * ```html
+     * <ui5-list>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-list>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
+    elementRef: ElementRef<_List>;
+    injector: Injector;
+    get element(): _List;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<List, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<List, "ui5-list, [ui5-list]", ["ui5List"], { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "footerText": { "alias": "footerText"; "required": false; "isSignal": true; }; "indent": { "alias": "indent"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; "growing": { "alias": "growing"; "required": false; "isSignal": true; }; "growingButtonText": { "alias": "growingButtonText"; "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; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5ItemClose": "ui5ItemClose"; "ui5ItemToggle": "ui5ItemToggle"; "ui5ItemDelete": "ui5ItemDelete"; "ui5SelectionChange": "ui5SelectionChange"; "ui5LoadMore": "ui5LoadMore"; "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
+}
+
+export { List };

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

@@ -0,0 +1,99 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ListItemCustom from '@ui5/webcomponents/dist/ListItemCustom.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
+
+declare class ListItemCustom implements AfterViewInit {
+    /**
+     * 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 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<_ListItemCustom, "detail-click">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the content of the component.
+     * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
+  **Note:** While the slot allows custom buttons, to match
+  design guidelines, please use the `ui5-button` component.
+  **Note:** When the slot is not present, a built-in delete button will be displayed.
+     *
+     * @example
+     * ```html
+     * <ui5-li-custom>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-li-custom>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: ({
+        name: string;
+        description: string;
+        since?: undefined;
+    } | {
+        name: string;
+        description: string;
+        since: string;
+    })[];
+    elementRef: ElementRef<_ListItemCustom>;
+    injector: Injector;
+    get element(): _ListItemCustom;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListItemCustom, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListItemCustom, "ui5-li-custom, [ui5-li-custom]", ["ui5ListItemCustom"], { "movable": { "alias": "movable"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "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 { ListItemCustom };

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

@@ -0,0 +1,75 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ListItemGroup from '@ui5/webcomponents/dist/ListItemGroup.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class ListItemGroup 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<_ListItemGroup, "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<_ListItemGroup, "move">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the items of the <code>ui5-li-group</code>.
+     * - **header**: Defines the header of the component.
+  
+  **Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.
+     *
+     * @example
+     * ```html
+     * <ui5-li-group>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-li-group>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
+    elementRef: ElementRef<_ListItemGroup>;
+    injector: Injector;
+    get element(): _ListItemGroup;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListItemGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListItemGroup, "ui5-li-group, [ui5-li-group]", ["ui5ListItemGroup"], { "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 { ListItemGroup };

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

@@ -0,0 +1,154 @@
+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">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the custom formatted text of the component.
+  
+  **Note:** For optimal text wrapping and a consistent layout, it is strongly recommended to use the `text` property.
+  
+  Use the `default` slot only when custom formatting with HTML elements (e.g., `<b>`, `<i>`) is required.
+  Be aware that wrapping (via `wrappingType="Normal"`) may not function correctly with custom HTML content in the `default` slot.
+  
+  If both `text` and `default` slot are used, the `text` property takes precedence.
+     * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
+  design guidelines, please use the `ui5-avatar` with it's default size - S.
+  
+  **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
+  `ui5-li` should be customized in order to fit.
+     * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
+  **Note:** While the slot allows custom buttons, to match
+  design guidelines, please use the `ui5-button` component.
+  **Note:** When the slot is not present, a built-in delete button will be displayed.
+     *
+     * @example
+     * ```html
+     * <ui5-li>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-li>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: ({
+        name: string;
+        description: string;
+        since?: undefined;
+    } | {
+        name: string;
+        description: string;
+        since: string;
+    })[];
+    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,94 @@
+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">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the items of this component.
+  
+  **Note:** Use `ui5-menu-item` and `ui5-menu-separator` for their intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-menu>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-menu>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
+    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 };