@fundamental-ngx/ui5-webcomponents 0.63.0-rc.9 → 0.63.0

package/types/fundamental-ngx-ui5-webcomponents-toolbar-separator.d.ts

@@ -0,0 +1,30 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ToolbarSeparator from '@ui5/webcomponents/dist/ToolbarSeparator.js';
+
+declare class ToolbarSeparator implements AfterViewInit {
+    /**
+     * Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
+  the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
+     */
+    overflowPriority: _angular_core.InputSignal<"Default" | "NeverOverflow" | "AlwaysOverflow" | undefined>;
+    /**
+     * Defines if the toolbar overflow popup should close upon interaction with the item.
+  It will close by default.
+     */
+    preventOverflowClosing: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    elementRef: ElementRef<_ToolbarSeparator>;
+    injector: Injector;
+    /**
+     * Content density observer is injected to activate automatic CSS class and
+     * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
+     * @private
+     */
+    private readonly _contentDensityObserver;
+    get element(): _ToolbarSeparator;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarSeparator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSeparator, "ui5-toolbar-separator, [ui5-toolbar-separator]", ["ui5ToolbarSeparator"], { "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ToolbarSeparator };

package/types/fundamental-ngx-ui5-webcomponents-toolbar-spacer.d.ts

@@ -0,0 +1,36 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ToolbarSpacer from '@ui5/webcomponents/dist/ToolbarSpacer.js';
+
+declare class ToolbarSpacer implements AfterViewInit {
+    /**
+     * Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
+  the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
+     */
+    overflowPriority: _angular_core.InputSignal<"Default" | "NeverOverflow" | "AlwaysOverflow" | undefined>;
+    /**
+     * Defines if the toolbar overflow popup should close upon interaction with the item.
+  It will close by default.
+     */
+    preventOverflowClosing: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the width of the spacer.
+  
+  **Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
+     */
+    width: _angular_core.InputSignal<string | undefined>;
+    elementRef: ElementRef<_ToolbarSpacer>;
+    injector: Injector;
+    /**
+     * Content density observer is injected to activate automatic CSS class and
+     * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
+     * @private
+     */
+    private readonly _contentDensityObserver;
+    get element(): _ToolbarSpacer;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarSpacer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSpacer, "ui5-toolbar-spacer, [ui5-toolbar-spacer]", ["ui5ToolbarSpacer"], { "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ToolbarSpacer };

package/types/fundamental-ngx-ui5-webcomponents-toolbar.d.ts

@@ -0,0 +1,67 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Toolbar from '@ui5/webcomponents/dist/Toolbar.js';
+
+declare class Toolbar implements AfterViewInit {
+    /**
+     * 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 input.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Indicated the direction in which the Toolbar items will be aligned.
+     */
+    alignContent: _angular_core.InputSignal<"Start" | "End" | undefined>;
+    /**
+     * Defines the toolbar design.
+     */
+    design: _angular_core.InputSignal<"Solid" | "Transparent" | undefined>;
+    /**
+     * Defines the accessible ARIA name of the overflow button of the component.
+  
+  **Note:** When not set, the built-in translation for "Additional Options" is used.
+     */
+    overflowButtonAccessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * 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:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here.
+     *
+     * @example
+     * ```html
+     * <ui5-toolbar>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-toolbar>
+     * ```
+     *
+     * @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<_Toolbar>;
+    injector: Injector;
+    /**
+     * Content density observer is injected to activate automatic CSS class and
+     * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
+     * @private
+     */
+    private readonly _contentDensityObserver;
+    get element(): _Toolbar;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Toolbar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Toolbar, "ui5-toolbar, [ui5-toolbar]", ["ui5Toolbar"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "alignContent": { "alias": "alignContent"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "overflowButtonAccessibleName": { "alias": "overflowButtonAccessibleName"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { Toolbar };

package/types/fundamental-ngx-ui5-webcomponents-tree-item-custom.d.ts

@@ -0,0 +1,165 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _TreeItemCustom from '@ui5/webcomponents/dist/TreeItemCustom.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
+
+declare class TreeItemCustom implements AfterViewInit {
+    /**
+     * 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>;
+    /**
+     * Defines the accessible name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Used to define the role of the list item.
+  
+  **Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property
+  (e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).
+  An explicitly set `accessible-role` on the list item takes precedence over the inherited role.
+     */
+    accessibleRole: _angular_core.InputSignal<"ListItem" | "MenuItem" | "TreeItem" | "Option" | "None" | 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 tree list item will show a collapse or expand icon inside its toggle button.
+     */
+    expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.
+  
+  **Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.
+  Set this to `true` for nodes you intend to load lazily, when the user clicks the expand button.
+  It is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.
+     */
+    hasChildren: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the tree list item should display the selection element.
+     */
+    hideSelectionElement: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the highlight state of the list items.
+  Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
+     */
+    highlight: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    /**
+     * If set, an icon will be displayed before the text of the tree list item.
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the selection of a tree node is displayed as partially selected.
+  
+  **Note:** The indeterminate state can be set only programmatically and can’t be achieved by user
+  interaction, meaning that the resulting visual state depends on the values of the `indeterminate`
+  and `selected` properties:
+  
+  -  If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.
+  -  If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.
+  -  If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.
+  
+  **Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.
+     */
+    indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the item is movable.
+     */
+    movable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 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 selected state of the component.
+     */
+    selected: _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 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>;
+    /**
+     * Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.
+  
+  **Note:** The event will not be fired if the `disabled` property is set to `true`.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_TreeItemCustom, "click">>;
+    /**
+     * Fired when the user clicks on the detail button when type is `Detail`.
+     */
+    ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_TreeItemCustom, "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.
+     *
+     * - **content**: Defines the content of the `ui5-tree-item`.
+     * - **(default)**: Defines the items of the component.
+  
+  **Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`
+     * - **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.
+     * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
+  design guidelines, please use the `ui5-avatar` with size XS.
+  
+  **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
+  `ui5-tree-item` should be customized in order to fit.
+     *
+     * @example
+     * ```html
+     * <ui5-tree-item-custom>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-tree-item-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<_TreeItemCustom>;
+    injector: Injector;
+    /**
+     * Content density observer is injected to activate automatic CSS class and
+     * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
+     * @private
+     */
+    private readonly _contentDensityObserver;
+    get element(): _TreeItemCustom;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeItemCustom, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeItemCustom, "ui5-tree-item-custom, [ui5-tree-item-custom]", ["ui5TreeItemCustom"], { "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "hasChildren": { "alias": "hasChildren"; "required": false; "isSignal": true; }; "hideSelectionElement": { "alias": "hideSelectionElement"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "movable": { "alias": "movable"; "required": false; "isSignal": true; }; "navigated": { "alias": "navigated"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
+}
+
+export { TreeItemCustom };

package/types/fundamental-ngx-ui5-webcomponents-tree-item.d.ts

@@ -0,0 +1,168 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _TreeItem from '@ui5/webcomponents/dist/TreeItem.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
+
+declare class TreeItem implements AfterViewInit {
+    /**
+     * 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>;
+    /**
+     * Defines the accessible name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Used to define the role of the list item.
+  
+  **Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property
+  (e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).
+  An explicitly set `accessible-role` on the list item takes precedence over the inherited role.
+     */
+    accessibleRole: _angular_core.InputSignal<"ListItem" | "MenuItem" | "TreeItem" | "Option" | "None" | undefined>;
+    /**
+     * Defines the `additionalText`, displayed in the end of the tree 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 tree list item will show a collapse or expand icon inside its toggle button.
+     */
+    expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.
+  
+  **Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.
+  Set this to `true` for nodes you intend to load lazily, when the user clicks the expand button.
+  It is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.
+     */
+    hasChildren: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the highlight state of the list items.
+  Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
+     */
+    highlight: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    /**
+     * If set, an icon will be displayed before the text of the tree list item.
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the selection of a tree node is displayed as partially selected.
+  
+  **Note:** The indeterminate state can be set only programmatically and can’t be achieved by user
+  interaction, meaning that the resulting visual state depends on the values of the `indeterminate`
+  and `selected` properties:
+  
+  -  If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.
+  -  If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.
+  -  If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.
+  
+  **Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.
+     */
+    indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the item is movable.
+     */
+    movable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 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 selected state of the component.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the text of the tree item.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the text of the tooltip that would be displayed for the list item.
+     */
+    tooltip: _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>;
+    /**
+     * Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.
+  
+  **Note:** The event will not be fired if the `disabled` property is set to `true`.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_TreeItem, "click">>;
+    /**
+     * Fired when the user clicks on the detail button when type is `Detail`.
+     */
+    ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_TreeItem, "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 items of the component.
+  
+  **Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`
+     * - **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.
+     * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
+  design guidelines, please use the `ui5-avatar` with size XS.
+  
+  **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
+  `ui5-tree-item` should be customized in order to fit.
+     *
+     * @example
+     * ```html
+     * <ui5-tree-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-tree-item>
+     * ```
+     *
+     * @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<_TreeItem>;
+    injector: Injector;
+    /**
+     * Content density observer is injected to activate automatic CSS class and
+     * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
+     * @private
+     */
+    private readonly _contentDensityObserver;
+    get element(): _TreeItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeItem, "ui5-tree-item, [ui5-tree-item]", ["ui5TreeItem"], { "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "hasChildren": { "alias": "hasChildren"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "movable": { "alias": "movable"; "required": false; "isSignal": true; }; "navigated": { "alias": "navigated"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
+}
+
+export { TreeItem };

package/types/fundamental-ngx-ui5-webcomponents-tree.d.ts

@@ -0,0 +1,129 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Tree from '@ui5/webcomponents/dist/Tree.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class Tree implements AfterViewInit {
+    /**
+     * 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 name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the IDs of the elements that label the component.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the component footer text.
+     */
+    footerText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the component header text.
+  
+  **Note:** If the `header` slot is set, this property is ignored.
+     */
+    headerText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the text that is displayed when the component contains no items.
+     */
+    noDataText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the selection mode of the component. Since the tree uses a `ui5-list` to display its structure,
+  the tree modes are exactly the same as the list modes, and are all applicable.
+     */
+    selectionMode: _angular_core.InputSignal<"None" | "Single" | "SingleStart" | "SingleEnd" | "SingleAuto" | "Multiple" | "Delete" | undefined>;
+    /**
+     * Fired when a tree item is activated.
+     */
+    ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tree, "item-click">>;
+    /**
+     * Fired when the Delete button of any tree 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<_Tree, "item-delete">>;
+    /**
+     * Fired when the mouse cursor leaves the tree item borders.
+     */
+    ui5ItemMouseout: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tree, "item-mouseout">>;
+    /**
+     * Fired when the mouse cursor enters the tree item borders.
+     */
+    ui5ItemMouseover: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tree, "item-mouseover">>;
+    /**
+     * Fired when a tree item is expanded or collapsed.
+  
+  **Note:** You can call `preventDefault()` on the event object to suppress the event, if needed.
+  This may be handy for example if you want to dynamically load tree items upon the user expanding a node.
+  Even if you prevented the event's default behavior, you can always manually call `toggle()` on a tree item.
+     */
+    ui5ItemToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tree, "item-toggle">>;
+    /**
+     * Fired when a movable tree item is moved over a potential drop target during a drag-and-drop operation.
+  
+  If the new position is valid, prevent the default action of the event using `preventDefault()`.
+     */
+    ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tree, "move">>;
+    /**
+     * Fired when a movable tree item is dropped onto a drop target.
+  
+  **Note:** The `move` event is fired only if there was a preceding `move-over` event with prevented default action.
+     */
+    ui5MoveOver: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tree, "move-over">>;
+    /**
+     * Fired when selection is changed by user interaction
+  in `Single`, `SingleStart`, `SingleEnd` and `Multiple` modes.
+     */
+    ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tree, "selection-change">>;
+    /**
+     * 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. Tree items may have other tree items as children.
+  
+  **Note:** Use `ui5-tree-item` for the intended design.
+     * - **header**: Defines the component header.
+  
+  **Note:** When the `header` slot is set, the
+  `headerText` property is ignored.
+     *
+     * @example
+     * ```html
+     * <ui5-tree>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-tree>
+     * ```
+     *
+     * @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<_Tree>;
+    injector: Injector;
+    /**
+     * Content density observer is injected to activate automatic CSS class and
+     * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
+     * @private
+     */
+    private readonly _contentDensityObserver;
+    get element(): _Tree;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree, "ui5-tree, [ui5-tree]", ["ui5Tree"], { "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "footerText": { "alias": "footerText"; "required": false; "isSignal": true; }; "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5ItemDelete": "ui5ItemDelete"; "ui5ItemMouseout": "ui5ItemMouseout"; "ui5ItemMouseover": "ui5ItemMouseover"; "ui5ItemToggle": "ui5ItemToggle"; "ui5Move": "ui5Move"; "ui5MoveOver": "ui5MoveOver"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
+}
+
+export { Tree };