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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/ui5-webcomponents",
-  "version": "0.63.0-rc.8",
+  "version": "0.63.0",
   "schematics": "./schematics/collection.json",
   "description": "Official SAP Angular wrappers for UI5 Web Components – part of the Fundamental Library for Angular.",
   "keywords": [
@@ -38,14 +38,14 @@
     "@angular/forms": "^21.0.0",
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@fundamental-ngx/core": "0.63.0-rc.8",
-    "@ui5/webcomponents": "^2.22.0",
-    "fundamental-styles": "0.41.6",
+    "@fundamental-ngx/core": "0.63.0",
+    "@ui5/webcomponents": "^2.23.0",
+    "fundamental-styles": "0.41.7",
     "rxjs": "^7.8.0"
   },
   "dependencies": {
-    "@fundamental-ngx/ui5-webcomponents-base": "0.63.0-rc.8",
-    "@sap-theming/theming-base-content": "^11.35.0",
+    "@fundamental-ngx/ui5-webcomponents-base": "0.63.0",
+    "@sap-theming/theming-base-content": "^11.36.0",
     "compare-versions": "^6.1.0",
     "fast-equals": "^6.0.0",
     "lodash-es": "^4.17.0",
@@ -404,6 +404,10 @@
       "types": "./types/fundamental-ngx-ui5-webcomponents-table-cell.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs"
     },
+    "./table-group-row": {
+      "types": "./types/fundamental-ngx-ui5-webcomponents-table-group-row.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-group-row.mjs"
+    },
     "./table-growing": {
       "types": "./types/fundamental-ngx-ui5-webcomponents-table-growing.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs"

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _ComboBoxItem from '@ui5/webcomponents/dist/ComboBoxItem.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class ComboBoxItem implements AfterViewInit {
     /**
@@ -33,6 +34,12 @@ declare class ComboBoxItem implements AfterViewInit {
   ```
      */
     value: _angular_core.InputSignal<string | 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<_ComboBoxItem, "click">>;
     elementRef: ElementRef<_ComboBoxItem>;
     injector: Injector;
     /**
@@ -44,7 +51,7 @@ declare class ComboBoxItem implements AfterViewInit {
     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"], { "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboBoxItem, "ui5-cb-item, [ui5-cb-item]", ["ui5ComboBoxItem"], { "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 export { ComboBoxItem };

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

@@ -11,9 +11,17 @@ declare class FormGroup implements AfterViewInit {
      * Defines id (or many ids) of the element (or elements) that label the component.
      */
     accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the number of columns to distribute the form content by breakpoint (S1 M2 L3 XL4 for example).
+  
+  **Note:** This property is ignored if `columnSpan` is set, as it is expected that the column span is defined.
+     */
+    colSpan: _angular_core.InputSignal<string | undefined>;
     /**
      * Defines column span of the component,
   e.g how many columns the group should span to.
+  
+  **Note:** If this property is set, it has higher priority than `colSpan` and `colSpan` will be ignored.
      */
     columnSpan: _angular_core.InputSignal<number | undefined>;
     /**
@@ -59,7 +67,7 @@ declare class FormGroup implements AfterViewInit {
     get element(): _FormGroup;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormGroup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormGroup, "ui5-form-group, [ui5-form-group]", ["ui5FormGroup"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "columnSpan": { "alias": "columnSpan"; "required": false; "isSignal": true; }; "headerLevel": { "alias": "headerLevel"; "required": false; "isSignal": true; }; "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormGroup, "ui5-form-group, [ui5-form-group]", ["ui5FormGroup"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "colSpan": { "alias": "colSpan"; "required": false; "isSignal": true; }; "columnSpan": { "alias": "columnSpan"; "required": false; "isSignal": true; }; "headerLevel": { "alias": "headerLevel"; "required": false; "isSignal": true; }; "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { FormGroup };

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

@@ -83,6 +83,9 @@ declare class Form implements AfterViewInit {
   
   **Note:** Mixing FormGroups and standalone FormItems (not belonging to a group) is not supported.
   Either use FormGroups and make sure all FormItems are part of a FormGroup, or use just FormItems without any FormGroups.
+  
+  **Note:** As of version 2.23.0 the support for standalone FormItems (not belonging to a group) is deprecated.
+  We recommend using FormGroups, as they provide better accessibility and layout options.
      * - **header**: Defines the component header area.
   
   **Note:** When a `header` is provided, the `headerText` property is ignored.

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

@@ -57,6 +57,41 @@ declare class Icon implements AfterViewInit {
   **Note:** The event will not be fired if the `mode` property is set to `Decorative` or `Image`.
      */
     ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_Icon, "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.
+     *
+     * - **fontIcon**: Defines the font icon to be used as an icon.
+  Intended for font-based icon libraries where
+  the application loads the font and provides a slotted element with the unicode character.
+  When this slot is used, the component renders a `<span>` instead of an `<svg>`.
+  Accessibility is fully delegated to the application — set `accessible-name` and `mode` explicitly.
+  
+  **Example:**
+  ```html
+  <ui5-icon mode="Image" accessible-name="Home">
+    <i class="fa fa-home" slot="fontIcon"></i>
+  </ui5-icon>
+  ```
+     *
+     * @example
+     * ```html
+     * <ui5-icon>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-icon>
+     * ```
+     *
+     * @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;
+    }[];
     elementRef: ElementRef<_Icon>;
     injector: Injector;
     /**

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

@@ -22,6 +22,14 @@ declare class ListItemCustom 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 highlight state of the list items.
   Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
@@ -52,6 +60,12 @@ declare class ListItemCustom 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<_ListItemCustom, "click">>;
     /**
      * Fired when the user clicks on the detail button when type is `Detail`.
      */
@@ -99,7 +113,7 @@ declare class ListItemCustom implements AfterViewInit {
     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"], { "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "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<ListItemCustom, "ui5-li-custom, [ui5-li-custom]", ["ui5ListItemCustom"], { "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "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 { ListItemCustom };

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _ListItemGroupHeader from '@ui5/webcomponents/dist/ListItemGroupHeader.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class ListItemGroupHeader implements AfterViewInit {
     /**
@@ -23,6 +24,12 @@ declare class ListItemGroupHeader 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<_ListItemGroupHeader, "click">>;
     /**
      * Available slots for content projection in this component.
      *
@@ -59,7 +66,7 @@ declare class ListItemGroupHeader implements AfterViewInit {
     get element(): _ListItemGroupHeader;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListItemGroupHeader, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListItemGroupHeader, "ui5-li-group-header, [ui5-li-group-header]", ["ui5ListItemGroupHeader"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "wrappingType": { "alias": "wrappingType"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListItemGroupHeader, "ui5-li-group-header, [ui5-li-group-header]", ["ui5ListItemGroupHeader"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "wrappingType": { "alias": "wrappingType"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 export { ListItemGroupHeader };

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

@@ -21,6 +21,14 @@ declare class ListItemStandard 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 ListItemStandard 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<_ListItemStandard, "click">>;
     /**
      * Fired when the user clicks on the detail button when type is `Detail`.
      */
@@ -154,7 +168,7 @@ declare class ListItemStandard implements AfterViewInit {
     get element(): _ListItemStandard;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListItemStandard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListItemStandard, "ui5-li, [ui5-li]", ["ui5ListItemStandard"], { "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<ListItemStandard, "ui5-li, [ui5-li]", ["ui5ListItemStandard"], { "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 { ListItemStandard };

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

@@ -18,6 +18,14 @@ declare class MenuItem implements AfterViewInit {
      * Defines the accessible ARIA 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 menu item.
   
@@ -106,6 +114,12 @@ declare class MenuItem implements AfterViewInit {
      * Fired when an item is checked or unchecked.
      */
     ui5Check: _angular_core.OutputEmitterRef<UI5CustomEvent<_MenuItem, "check">>;
+    /**
+     * 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<_MenuItem, "click">>;
     /**
      * Fired after the menu is closed.
      */
@@ -183,7 +197,7 @@ declare class MenuItem implements AfterViewInit {
     get element(): _MenuItem;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItem, "ui5-menu-item, [ui5-menu-item]", ["ui5MenuItem"], { "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "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; }; }, { "ui5BeforeClose": "ui5BeforeClose"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Check": "ui5Check"; "ui5Close": "ui5Close"; "ui5DetailClick": "ui5DetailClick"; "ui5Open": "ui5Open"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItem, "ui5-menu-item, [ui5-menu-item]", ["ui5MenuItem"], { "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; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "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; }; }, { "ui5BeforeClose": "ui5BeforeClose"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Check": "ui5Check"; "ui5Click": "ui5Click"; "ui5Close": "ui5Close"; "ui5DetailClick": "ui5DetailClick"; "ui5Open": "ui5Open"; }, never, ["*"], true, never>;
 }
 
 export { MenuItem };

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

@@ -1,8 +1,15 @@
 import * as i0 from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _MenuSeparator from '@ui5/webcomponents/dist/MenuSeparator.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class MenuSeparator implements AfterViewInit {
+    /**
+     * 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: i0.OutputEmitterRef<UI5CustomEvent<_MenuSeparator, "click">>;
     elementRef: ElementRef<_MenuSeparator>;
     injector: Injector;
     /**
@@ -14,7 +21,7 @@ declare class MenuSeparator implements AfterViewInit {
     get element(): _MenuSeparator;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuSeparator, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuSeparator, "ui5-menu-separator, [ui5-menu-separator]", ["ui5MenuSeparator"], {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuSeparator, "ui5-menu-separator, [ui5-menu-separator]", ["ui5MenuSeparator"], {}, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 export { MenuSeparator };

package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _MultiComboBoxItem from '@ui5/webcomponents/dist/MultiComboBoxItem.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class MultiComboBoxItem implements AfterViewInit {
     /**
@@ -23,6 +24,12 @@ declare class MultiComboBoxItem implements AfterViewInit {
   programmatically via `selectedValues` on the parent MultiComboBox.
      */
     value: _angular_core.InputSignal<string | 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<_MultiComboBoxItem, "click">>;
     elementRef: ElementRef<_MultiComboBoxItem>;
     injector: Injector;
     /**
@@ -34,7 +41,7 @@ declare class MultiComboBoxItem implements AfterViewInit {
     get element(): _MultiComboBoxItem;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiComboBoxItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiComboBoxItem, "ui5-mcb-item, [ui5-mcb-item]", ["ui5MultiComboBoxItem"], { "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiComboBoxItem, "ui5-mcb-item, [ui5-mcb-item]", ["ui5MultiComboBoxItem"], { "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 export { MultiComboBoxItem };

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _OptionCustom from '@ui5/webcomponents/dist/OptionCustom.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class OptionCustom implements AfterViewInit {
     /**
@@ -21,6 +22,12 @@ declare class OptionCustom implements AfterViewInit {
   For more information on HTML Form support, see the `name` property of `ui5-select`.
      */
     value: _angular_core.InputSignal<string | 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<_OptionCustom, "click">>;
     /**
      * Available slots for content projection in this component.
      *
@@ -55,7 +62,7 @@ declare class OptionCustom implements AfterViewInit {
     get element(): _OptionCustom;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionCustom, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionCustom, "ui5-option-custom, [ui5-option-custom]", ["ui5OptionCustom"], { "displayText": { "alias": "displayText"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionCustom, "ui5-option-custom, [ui5-option-custom]", ["ui5OptionCustom"], { "displayText": { "alias": "displayText"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 export { OptionCustom };

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _Option from '@ui5/webcomponents/dist/Option.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class Option implements AfterViewInit {
     /**
@@ -28,6 +29,12 @@ declare class Option implements AfterViewInit {
   For more information on HTML Form support, see the `name` property of `ui5-select`.
      */
     value: _angular_core.InputSignal<string | 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<_Option, "click">>;
     /**
      * Available slots for content projection in this component.
      *
@@ -64,7 +71,7 @@ declare class Option implements AfterViewInit {
     get element(): _Option;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Option, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Option, "ui5-option, [ui5-option]", ["ui5Option"], { "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Option, "ui5-option, [ui5-option]", ["ui5Option"], { "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 export { Option };

package/types/fundamental-ngx-ui5-webcomponents-range-slider.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _RangeSlider from '@ui5/webcomponents/dist/RangeSlider.js';
 import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import { Tickmark } from '@ui5/webcomponents/dist/SliderScale.js';
 import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
 
 declare class RangeSlider implements AfterViewInit {
@@ -31,6 +32,9 @@ declare class RangeSlider implements AfterViewInit {
   **Note:** The step and tickmarks properties must be enabled.
   Example - if the step value is set to 2 and the label interval is also specified to 2 - then every second
   tickmark will be labelled, which means every 4th value number.
+  
+  **Note:** This property is ignored when the `tickmarks` property is used.
+  In that case every custom tickmark is labelled with its own `label`.
      */
     labelInterval: _angular_core.InputSignal<number | undefined>;
     /**
@@ -67,6 +71,21 @@ declare class RangeSlider implements AfterViewInit {
   **Note:** If set to 0 the slider handle movement is disabled. When negative number or value other than a number, the component fallbacks to its default value.
      */
     step: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Defines custom tickmarks with labels on the slider scale.
+  Each tickmark object has a numeric `value` and an optional `label` string.
+  Tickmarks are purely visual — they display labeled markers at specific positions
+  but do not affect the slider's movement behavior. The slider still moves
+  according to `min`, `max`, and `step`.
+  
+  When the current value matches a tickmark value, the tickmark's label
+  is shown in the tooltip and announced via `aria-valuetext`.
+  
+  **Note:** When `tickmarks` is provided, the scale is automatically shown
+  (equivalent to `showTickmarks`), and `labelInterval` is ignored - every
+  custom tickmark is rendered with its own `label`.
+     */
+    tickmarks: _angular_core.InputSignal<Tickmark[]>;
     /**
      * Fired when the value changes and the user has finished interacting with the slider.
      */
@@ -86,7 +105,7 @@ declare class RangeSlider implements AfterViewInit {
     get element(): _RangeSlider;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeSlider, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeSlider, "ui5-range-slider, [ui5-range-slider]", ["ui5RangeSlider"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editableTooltip": { "alias": "editableTooltip"; "required": false; "isSignal": true; }; "endValue": { "alias": "endValue"; "required": false; "isSignal": true; }; "labelInterval": { "alias": "labelInterval"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "showTickmarks": { "alias": "showTickmarks"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "startValue": { "alias": "startValue"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeSlider, "ui5-range-slider, [ui5-range-slider]", ["ui5RangeSlider"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editableTooltip": { "alias": "editableTooltip"; "required": false; "isSignal": true; }; "endValue": { "alias": "endValue"; "required": false; "isSignal": true; }; "labelInterval": { "alias": "labelInterval"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "showTickmarks": { "alias": "showTickmarks"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "startValue": { "alias": "startValue"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "tickmarks": { "alias": "tickmarks"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
 }
 
 export { RangeSlider };

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

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _Slider from '@ui5/webcomponents/dist/Slider.js';
 import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import { Tickmark } from '@ui5/webcomponents/dist/SliderScale.js';
 import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
 
 declare class Slider implements AfterViewInit {
@@ -27,6 +28,9 @@ declare class Slider implements AfterViewInit {
   **Note:** The step and tickmarks properties must be enabled.
   Example - if the step value is set to 2 and the label interval is also specified to 2 - then every second
   tickmark will be labelled, which means every 4th value number.
+  
+  **Note:** This property is ignored when the `tickmarks` property is used.
+  In that case every custom tickmark is labelled with its own `label`.
      */
     labelInterval: _angular_core.InputSignal<number | undefined>;
     /**
@@ -59,6 +63,21 @@ declare class Slider implements AfterViewInit {
   **Note:** If set to 0 the slider handle movement is disabled.
      */
     step: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Defines custom tickmarks with labels on the slider scale.
+  Each tickmark object has a numeric `value` and an optional `label` string.
+  Tickmarks are purely visual — they display labeled markers at specific positions
+  but do not affect the slider's movement behavior. The slider still moves
+  according to `min`, `max`, and `step`.
+  
+  When the current value matches a tickmark value, the tickmark's label
+  is shown in the tooltip and announced via `aria-valuetext`.
+  
+  **Note:** When `tickmarks` is provided, the scale is automatically shown
+  (equivalent to `showTickmarks`), and `labelInterval` is ignored - every
+  custom tickmark is rendered with its own `label`.
+     */
+    tickmarks: _angular_core.InputSignal<Tickmark[]>;
     /**
      * Current value of the slider
      */
@@ -82,7 +101,7 @@ declare class Slider implements AfterViewInit {
     get element(): _Slider;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Slider, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Slider, "ui5-slider, [ui5-slider]", ["ui5Slider"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editableTooltip": { "alias": "editableTooltip"; "required": false; "isSignal": true; }; "labelInterval": { "alias": "labelInterval"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "showTickmarks": { "alias": "showTickmarks"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Slider, "ui5-slider, [ui5-slider]", ["ui5Slider"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editableTooltip": { "alias": "editableTooltip"; "required": false; "isSignal": true; }; "labelInterval": { "alias": "labelInterval"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "showTickmarks": { "alias": "showTickmarks"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "tickmarks": { "alias": "tickmarks"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
 }
 
 export { Slider };

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

@@ -1,13 +1,20 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _SuggestionItemCustom from '@ui5/webcomponents/dist/SuggestionItemCustom.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class SuggestionItemCustom implements AfterViewInit {
     /**
      * Defines the text of the `ui5-suggestion-item-custom`.
   **Note:** The text property is considered only for autocomplete.
      */
-    text: i0.InputSignal<string | undefined>;
+    text: _angular_core.InputSignal<string | 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<_SuggestionItemCustom, "click">>;
     /**
      * Available slots for content projection in this component.
      *
@@ -41,8 +48,8 @@ declare class SuggestionItemCustom implements AfterViewInit {
     private readonly _contentDensityObserver;
     get element(): _SuggestionItemCustom;
     ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SuggestionItemCustom, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuggestionItemCustom, "ui5-suggestion-item-custom, [ui5-suggestion-item-custom]", ["ui5SuggestionItemCustom"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuggestionItemCustom, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuggestionItemCustom, "ui5-suggestion-item-custom, [ui5-suggestion-item-custom]", ["ui5SuggestionItemCustom"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 export { SuggestionItemCustom };

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _SuggestionItem from '@ui5/webcomponents/dist/SuggestionItem.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class SuggestionItem implements AfterViewInit {
     /**
@@ -11,6 +12,12 @@ declare class SuggestionItem implements AfterViewInit {
      * Defines the text of the component.
      */
     text: _angular_core.InputSignal<string | 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<_SuggestionItem, "click">>;
     elementRef: ElementRef<_SuggestionItem>;
     injector: Injector;
     /**
@@ -22,7 +29,7 @@ declare class SuggestionItem implements AfterViewInit {
     get element(): _SuggestionItem;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuggestionItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuggestionItem, "ui5-suggestion-item, [ui5-suggestion-item]", ["ui5SuggestionItem"], { "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuggestionItem, "ui5-suggestion-item, [ui5-suggestion-item]", ["ui5SuggestionItem"], { "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 export { SuggestionItem };