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

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

@@ -21,6 +21,14 @@ declare class SuggestionListItem implements AfterViewInit {
   Note: If not provided a default text alternative will be set, if present.
      */
     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 list item.
      */
@@ -95,6 +103,12 @@ declare class SuggestionListItem implements AfterViewInit {
   - `Normal` - The text will wrap (without truncation).
      */
     wrappingType: _angular_core.InputSignal<"None" | "Normal" | 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<_SuggestionListItem, "click">>;
     /**
      * Fired when the user clicks on the detail button when type is `Detail`.
      */
@@ -149,7 +163,7 @@ declare class SuggestionListItem implements AfterViewInit {
     get element(): _SuggestionListItem;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuggestionListItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuggestionListItem, "ui5-li-suggestion-item, [ui5-li-suggestion-item]", ["ui5SuggestionListItem"], { "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "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; }; "wrappingType": { "alias": "wrappingType"; "required": false; "isSignal": true; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuggestionListItem, "ui5-li-suggestion-item, [ui5-li-suggestion-item]", ["ui5SuggestionListItem"], { "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; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "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; }; "wrappingType": { "alias": "wrappingType"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
 }
 
 export { SuggestionListItem };

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _Tab from '@ui5/webcomponents/dist/Tab.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class Tab implements AfterViewInit {
     /**
@@ -43,6 +44,10 @@ declare class Tab implements AfterViewInit {
      * The text to be displayed for the item.
      */
     text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Fired when the tab is selected either with a mouse/tap or by using the Enter or Space key.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tab, "click">>;
     /**
      * Available slots for content projection in this component.
      *
@@ -80,7 +85,7 @@ declare class Tab implements AfterViewInit {
     get element(): _Tab;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tab, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tab, "ui5-tab, [ui5-tab]", ["ui5Tab"], { "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "movable": { "alias": "movable"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tab, "ui5-tab, [ui5-tab]", ["ui5Tab"], { "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "movable": { "alias": "movable"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 export { Tab };

package/types/fundamental-ngx-ui5-webcomponents-table-group-row.d.ts

@@ -0,0 +1,75 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _TableGroupRow from '@ui5/webcomponents/dist/TableGroupRow.js';
+
+declare class TableGroupRow implements AfterViewInit {
+    /**
+     * Defines the interactive state of the row.
+     */
+    interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the row is movable.
+     */
+    movable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the navigated state of the row.
+     */
+    navigated: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the 0-based position of the row related to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.
+     */
+    position: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Unique identifier of the row.
+  
+  **Note:** For selection features to work properly, this property is mandatory, and its value must not contain spaces.
+     */
+    rowKey: _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.
+     *
+     * - **actions**: Defines the actions of the component.
+  
+  **Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.
+     * - **(default)**: Defines the cells of the component.
+  
+  **Note:** Use `ui5-table-cell` for the intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-table-group-row>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-table-group-row>
+     * ```
+     *
+     * @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: string;
+    } | {
+        name: string;
+        description: string;
+        since?: undefined;
+    })[];
+    elementRef: ElementRef<_TableGroupRow>;
+    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(): _TableGroupRow;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableGroupRow, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableGroupRow, "ui5-table-group-row, [ui5-table-group-row]", ["ui5TableGroupRow"], { "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "movable": { "alias": "movable"; "required": false; "isSignal": true; }; "navigated": { "alias": "navigated"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { TableGroupRow };

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

@@ -20,6 +20,14 @@ declare class TreeItemCustom implements AfterViewInit {
      * 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`.
   
@@ -90,6 +98,12 @@ declare class TreeItemCustom implements AfterViewInit {
   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`.
      */
@@ -145,7 +159,7 @@ declare class TreeItemCustom implements AfterViewInit {
     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; }; "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; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, 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

@@ -20,6 +20,14 @@ declare class TreeItem implements AfterViewInit {
      * 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.
      */
@@ -94,6 +102,12 @@ declare class TreeItem implements AfterViewInit {
   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`.
      */
@@ -148,7 +162,7 @@ declare class TreeItem implements AfterViewInit {
     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; }; "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; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, 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 };