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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/ui5-webcomponents",
-  "version": "0.62.2-rc.8",
+  "version": "0.62.2",
   "schematics": "./schematics/collection.json",
   "description": "Official SAP Angular wrappers for UI5 Web Components – part of the Fundamental Library for Angular.",
   "keywords": [
@@ -38,13 +38,13 @@
     "@angular/forms": "^21.0.0",
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@fundamental-ngx/core": "0.62.2-rc.8",
-    "@ui5/webcomponents": "^2.21.0",
-    "fundamental-styles": "0.41.5",
+    "@fundamental-ngx/core": "0.62.2",
+    "@ui5/webcomponents": "^2.22.0",
+    "fundamental-styles": "0.41.6",
     "rxjs": "^7.8.0"
   },
   "dependencies": {
-    "@fundamental-ngx/ui5-webcomponents-base": "0.62.2-rc.8",
+    "@fundamental-ngx/ui5-webcomponents-base": "0.62.2",
     "@sap-theming/theming-base-content": "^11.35.0",
     "compare-versions": "^6.1.0",
     "fast-equals": "^6.0.0",

package/types/fundamental-ngx-ui5-webcomponents-avatar-badge.d.ts

@@ -22,6 +22,13 @@ declare class AvatarBadge implements AfterViewInit {
   - `Information` - Blue, used for informational states
      */
     state: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    /**
+     * Defines the tooltip text of the badge icon.
+  
+  **Note:** If not provided, the badge uses the icon accessible name.
+  If no icon accessible name is available, a generic fallback text is used.
+     */
+    tooltip: _angular_core.InputSignal<string | undefined>;
     elementRef: ElementRef<_AvatarBadge>;
     injector: Injector;
     /**
@@ -33,7 +40,7 @@ declare class AvatarBadge implements AfterViewInit {
     get element(): _AvatarBadge;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarBadge, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarBadge, "ui5-avatar-badge, [ui5-avatar-badge]", ["ui5AvatarBadge"], { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarBadge, "ui5-avatar-badge, [ui5-avatar-badge]", ["ui5AvatarBadge"], { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { AvatarBadge };

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _BreadcrumbsItem from '@ui5/webcomponents/dist/BreadcrumbsItem.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class BreadcrumbsItem implements AfterViewInit {
     /**
@@ -27,6 +28,12 @@ declare class BreadcrumbsItem implements AfterViewInit {
   **Note:** This property must only be used when the `href` property is set.
      */
     target: _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 is also fired for the current page location item (the last item), which is not a link by design.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_BreadcrumbsItem, "click">>;
     /**
      * Available slots for content projection in this component.
      *
@@ -63,7 +70,7 @@ declare class BreadcrumbsItem implements AfterViewInit {
     get element(): _BreadcrumbsItem;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsItem, "ui5-breadcrumbs-item, [ui5-breadcrumbs-item]", ["ui5BreadcrumbsItem"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsItem, "ui5-breadcrumbs-item, [ui5-breadcrumbs-item]", ["ui5BreadcrumbsItem"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 export { BreadcrumbsItem };

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _ColorPaletteItem from '@ui5/webcomponents/dist/ColorPaletteItem.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class ColorPaletteItem implements AfterViewInit {
     /**
@@ -10,12 +11,22 @@ declare class ColorPaletteItem implements AfterViewInit {
   If more than one item is defined as selected, the last one would be considered as the selected one.
      */
     selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the tooltip of the component. When not set, the color value is used as the tooltip.
+     */
+    tooltip: _angular_core.InputSignal<string | undefined>;
     /**
      * Defines the colour of the component.
   
   **Note:** The value should be a valid CSS color.
      */
     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<_ColorPaletteItem, "click">>;
     elementRef: ElementRef<_ColorPaletteItem>;
     injector: Injector;
     /**
@@ -27,7 +38,7 @@ declare class ColorPaletteItem implements AfterViewInit {
     get element(): _ColorPaletteItem;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPaletteItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPaletteItem, "ui5-color-palette-item, [ui5-color-palette-item]", ["ui5ColorPaletteItem"], { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPaletteItem, "ui5-color-palette-item, [ui5-color-palette-item]", ["ui5ColorPaletteItem"], { "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 { ColorPaletteItem };

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

@@ -102,6 +102,16 @@ declare class DateRangePicker implements AfterViewInit {
      * Defines whether the clear icon of the input will be shown.
      */
     showClearIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the component displays two months side by side in the picker popup.
+  
+  When enabled, two consecutive months are shown, making it easier to select date ranges
+  that span multiple months without the need to navigate between months.
+  
+  **Note:** On mobile devices only a single month
+  will be displayed regardless of this setting.
+     */
+    showTwoMonths: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Defines a formatted date value.
      */
@@ -201,7 +211,7 @@ declare class DateRangePicker implements AfterViewInit {
     get element(): _DateRangePicker;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateRangePicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePicker, "ui5-daterange-picker, [ui5-daterange-picker]", ["ui5DateRangePicker"], { "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; }; "calendarWeekNumbering": { "alias": "calendarWeekNumbering"; "required": false; "isSignal": true; }; "delimiter": { "alias": "delimiter"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "formatPattern": { "alias": "formatPattern"; "required": false; "isSignal": true; }; "hideWeekNumbers": { "alias": "hideWeekNumbers"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "primaryCalendarType": { "alias": "primaryCalendarType"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "secondaryCalendarType": { "alias": "secondaryCalendarType"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5ValueStateChange": "ui5ValueStateChange"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePicker, "ui5-daterange-picker, [ui5-daterange-picker]", ["ui5DateRangePicker"], { "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; }; "calendarWeekNumbering": { "alias": "calendarWeekNumbering"; "required": false; "isSignal": true; }; "delimiter": { "alias": "delimiter"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "formatPattern": { "alias": "formatPattern"; "required": false; "isSignal": true; }; "hideWeekNumbers": { "alias": "hideWeekNumbers"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "primaryCalendarType": { "alias": "primaryCalendarType"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "secondaryCalendarType": { "alias": "secondaryCalendarType"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "showTwoMonths": { "alias": "showTwoMonths"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5ValueStateChange": "ui5ValueStateChange"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
 }
 
 export { DateRangePicker };

package/types/fundamental-ngx-ui5-webcomponents-date-time-input.d.ts

@@ -86,6 +86,7 @@ declare class DateTimeInput implements AfterViewInit {
   and the current language settings, especially for type `Number`.
   - The property is mostly intended to be used with touch devices
   that use different soft keyboard layouts depending on the given input type.
+  - Type `Number` does not support suggestions.
      */
     type: _angular_core.InputSignal<"Text" | "Email" | "Number" | "Password" | "Tel" | "URL" | "Search" | undefined>;
     /**
@@ -136,6 +137,8 @@ declare class DateTimeInput implements AfterViewInit {
   property is set to `true`.
   
   **Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
+  
+  **Note:** Input with type `Number` does not support suggestions.
      * - **icon**: Defines the icon to be displayed in the component.
      * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
   The value state message slot should contain only one root element.

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

@@ -86,6 +86,7 @@ declare class Input implements AfterViewInit {
   and the current language settings, especially for type `Number`.
   - The property is mostly intended to be used with touch devices
   that use different soft keyboard layouts depending on the given input type.
+  - Type `Number` does not support suggestions.
      */
     type: _angular_core.InputSignal<"Text" | "Email" | "Number" | "Password" | "Tel" | "URL" | "Search" | undefined>;
     /**
@@ -136,6 +137,8 @@ declare class Input implements AfterViewInit {
   property is set to `true`.
   
   **Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
+  
+  **Note:** Input with type `Number` does not support suggestions.
      * - **icon**: Defines the icon to be displayed in the component.
      * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
   The value state message slot should contain only one root element.

package/types/fundamental-ngx-ui5-webcomponents-multi-input.d.ts

@@ -93,6 +93,7 @@ declare class MultiInput implements AfterViewInit {
   and the current language settings, especially for type `Number`.
   - The property is mostly intended to be used with touch devices
   that use different soft keyboard layouts depending on the given input type.
+  - Type `Number` does not support suggestions.
      */
     type: _angular_core.InputSignal<"Text" | "Email" | "Number" | "Password" | "Tel" | "URL" | "Search" | undefined>;
     /**
@@ -152,6 +153,8 @@ declare class MultiInput implements AfterViewInit {
   property is set to `true`.
   
   **Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
+  
+  **Note:** Input with type `Number` does not support suggestions.
      * - **icon**: Defines the icon to be displayed in the component.
      * - **tokens**: Defines the component tokens.
      * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _SegmentedButtonItem from '@ui5/webcomponents/dist/SegmentedButtonItem.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class SegmentedButtonItem implements AfterViewInit {
     /**
@@ -43,6 +44,12 @@ declare class SegmentedButtonItem implements AfterViewInit {
   **Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.
      */
     tooltip: _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<_SegmentedButtonItem, "click">>;
     /**
      * Available slots for content projection in this component.
      *
@@ -79,7 +86,7 @@ declare class SegmentedButtonItem implements AfterViewInit {
     get element(): _SegmentedButtonItem;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedButtonItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedButtonItem, "ui5-segmented-button-item, [ui5-segmented-button-item]", ["ui5SegmentedButtonItem"], { "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; }; "disabled": { "alias": "disabled"; "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; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedButtonItem, "ui5-segmented-button-item, [ui5-segmented-button-item]", ["ui5SegmentedButtonItem"], { "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; }; "disabled": { "alias": "disabled"; "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; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 export { SegmentedButtonItem };

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

@@ -1,38 +1,8 @@
-import * as _angular_core from '@angular/core';
+import * as i0 from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _SliderHandle from '@ui5/webcomponents/dist/SliderHandle.js';
 
 declare class SliderHandle implements AfterViewInit {
-    /**
-     * Defines whether the slider handle is active.
-  <br><br>
-  <b>Note:</b> An active slider handle is currently being interacted with.
-     */
-    active: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines whether the slider handle is disabled.
-  <br><br>
-  <b>Note:</b> A disabled slider handle cannot be interacted with.
-     */
-    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines the maximum value of the slider handle.
-  <br><br>
-  <b>Note:</b> The value should be greater than the <code>min</code> property of the parent <code>ui5-slider</code>.
-     */
-    max: _angular_core.InputSignal<number | undefined>;
-    /**
-     * Defines the minimum value of the slider handle.
-  <br><br>
-  <b>Note:</b> The value should be less than the <code>max</code> property of the parent <code>ui5-slider</code>.
-     */
-    min: _angular_core.InputSignal<number | undefined>;
-    /**
-     * Defines the value of the slider handle.
-  <br><br>
-  <b>Note:</b> The value should be between the <code>min</code> and <code>max</code> properties of the parent <code>ui5-slider</code>.
-     */
-    value: _angular_core.InputSignal<number | undefined>;
     elementRef: ElementRef<_SliderHandle>;
     injector: Injector;
     /**
@@ -43,8 +13,8 @@ declare class SliderHandle implements AfterViewInit {
     private readonly _contentDensityObserver;
     get element(): _SliderHandle;
     ngAfterViewInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderHandle, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderHandle, "ui5-slider-handle, [ui5-slider-handle]", ["ui5SliderHandle"], { "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderHandle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderHandle, "ui5-slider-handle, [ui5-slider-handle]", ["ui5SliderHandle"], {}, {}, never, ["*"], true, never>;
 }
 
 export { SliderHandle };

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

@@ -10,9 +10,9 @@ declare class TableCell implements AfterViewInit {
     /**
      * Defines whether the cell is visually merged with the cell directly above it.
   
-  This is useful when consecutive cells in a column have the same value and should visually appear as a single merged cell.
+  This is useful if consecutive cells in a column have the same value and should visually appear as a single merged cell.
   Although the cell is visually merged with the previous one, its content must still be provided for accessibility purposes.
-  **Note:** This feature is disabled when cells are rendered as popin, and should remain `false` for interactive cell content.
+  **Note:** This feature is disabled when cells are rendered as a popin, and should remain `false` for interactive cell content.
      */
     merged: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**

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

@@ -19,6 +19,12 @@ declare class Toolbar implements AfterViewInit {
      * 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.
      *
@@ -55,7 +61,7 @@ declare class Toolbar implements AfterViewInit {
     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; }; }, {}, never, ["*"], true, 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.d.ts

@@ -417,6 +417,13 @@ declare class AvatarBadge implements AfterViewInit {
   - `Information` - Blue, used for informational states
      */
     state: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    /**
+     * Defines the tooltip text of the badge icon.
+  
+  **Note:** If not provided, the badge uses the icon accessible name.
+  If no icon accessible name is available, a generic fallback text is used.
+     */
+    tooltip: _angular_core.InputSignal<string | undefined>;
     elementRef: ElementRef<_AvatarBadge>;
     injector: Injector;
     /**
@@ -428,7 +435,7 @@ declare class AvatarBadge implements AfterViewInit {
     get element(): _AvatarBadge;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarBadge, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarBadge, "ui5-avatar-badge, [ui5-avatar-badge]", ["ui5AvatarBadge"], { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarBadge, "ui5-avatar-badge, [ui5-avatar-badge]", ["ui5AvatarBadge"], { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class AvatarGroup implements AfterViewInit {
@@ -671,6 +678,12 @@ declare class BreadcrumbsItem implements AfterViewInit {
   **Note:** This property must only be used when the `href` property is set.
      */
     target: _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 is also fired for the current page location item (the last item), which is not a link by design.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_BreadcrumbsItem, "click">>;
     /**
      * Available slots for content projection in this component.
      *
@@ -707,7 +720,7 @@ declare class BreadcrumbsItem implements AfterViewInit {
     get element(): _BreadcrumbsItem;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsItem, "ui5-breadcrumbs-item, [ui5-breadcrumbs-item]", ["ui5BreadcrumbsItem"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsItem, "ui5-breadcrumbs-item, [ui5-breadcrumbs-item]", ["ui5BreadcrumbsItem"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 declare class BusyIndicator implements AfterViewInit {
@@ -1593,12 +1606,22 @@ declare class ColorPaletteItem implements AfterViewInit {
   If more than one item is defined as selected, the last one would be considered as the selected one.
      */
     selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the tooltip of the component. When not set, the color value is used as the tooltip.
+     */
+    tooltip: _angular_core.InputSignal<string | undefined>;
     /**
      * Defines the colour of the component.
   
   **Note:** The value should be a valid CSS color.
      */
     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<_ColorPaletteItem, "click">>;
     elementRef: ElementRef<_ColorPaletteItem>;
     injector: Injector;
     /**
@@ -1610,7 +1633,7 @@ declare class ColorPaletteItem implements AfterViewInit {
     get element(): _ColorPaletteItem;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPaletteItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPaletteItem, "ui5-color-palette-item, [ui5-color-palette-item]", ["ui5ColorPaletteItem"], { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPaletteItem, "ui5-color-palette-item, [ui5-color-palette-item]", ["ui5ColorPaletteItem"], { "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>;
 }
 
 declare class ColorPalettePopover implements AfterViewInit {
@@ -2294,6 +2317,16 @@ declare class DateRangePicker implements AfterViewInit {
      * Defines whether the clear icon of the input will be shown.
      */
     showClearIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the component displays two months side by side in the picker popup.
+  
+  When enabled, two consecutive months are shown, making it easier to select date ranges
+  that span multiple months without the need to navigate between months.
+  
+  **Note:** On mobile devices only a single month
+  will be displayed regardless of this setting.
+     */
+    showTwoMonths: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Defines a formatted date value.
      */
@@ -2393,7 +2426,7 @@ declare class DateRangePicker implements AfterViewInit {
     get element(): _DateRangePicker;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateRangePicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePicker, "ui5-daterange-picker, [ui5-daterange-picker]", ["ui5DateRangePicker"], { "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; }; "calendarWeekNumbering": { "alias": "calendarWeekNumbering"; "required": false; "isSignal": true; }; "delimiter": { "alias": "delimiter"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "formatPattern": { "alias": "formatPattern"; "required": false; "isSignal": true; }; "hideWeekNumbers": { "alias": "hideWeekNumbers"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "primaryCalendarType": { "alias": "primaryCalendarType"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "secondaryCalendarType": { "alias": "secondaryCalendarType"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5ValueStateChange": "ui5ValueStateChange"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePicker, "ui5-daterange-picker, [ui5-daterange-picker]", ["ui5DateRangePicker"], { "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; }; "calendarWeekNumbering": { "alias": "calendarWeekNumbering"; "required": false; "isSignal": true; }; "delimiter": { "alias": "delimiter"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "formatPattern": { "alias": "formatPattern"; "required": false; "isSignal": true; }; "hideWeekNumbers": { "alias": "hideWeekNumbers"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "primaryCalendarType": { "alias": "primaryCalendarType"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "secondaryCalendarType": { "alias": "secondaryCalendarType"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "showTwoMonths": { "alias": "showTwoMonths"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5ValueStateChange": "ui5ValueStateChange"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
 }
 
 declare class DateTimeInput implements AfterViewInit {
@@ -2478,6 +2511,7 @@ declare class DateTimeInput implements AfterViewInit {
   and the current language settings, especially for type `Number`.
   - The property is mostly intended to be used with touch devices
   that use different soft keyboard layouts depending on the given input type.
+  - Type `Number` does not support suggestions.
      */
     type: _angular_core.InputSignal<"Search" | "Text" | "Email" | "Number" | "Password" | "Tel" | "URL" | undefined>;
     /**
@@ -2528,6 +2562,8 @@ declare class DateTimeInput implements AfterViewInit {
   property is set to `true`.
   
   **Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
+  
+  **Note:** Input with type `Number` does not support suggestions.
      * - **icon**: Defines the icon to be displayed in the component.
      * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
   The value state message slot should contain only one root element.
@@ -3547,6 +3583,7 @@ declare class Input implements AfterViewInit {
   and the current language settings, especially for type `Number`.
   - The property is mostly intended to be used with touch devices
   that use different soft keyboard layouts depending on the given input type.
+  - Type `Number` does not support suggestions.
      */
     type: _angular_core.InputSignal<"Search" | "Text" | "Email" | "Number" | "Password" | "Tel" | "URL" | undefined>;
     /**
@@ -3597,6 +3634,8 @@ declare class Input implements AfterViewInit {
   property is set to `true`.
   
   **Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
+  
+  **Note:** Input with type `Number` does not support suggestions.
      * - **icon**: Defines the icon to be displayed in the component.
      * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
   The value state message slot should contain only one root element.
@@ -5263,6 +5302,7 @@ declare class MultiInput implements AfterViewInit {
   and the current language settings, especially for type `Number`.
   - The property is mostly intended to be used with touch devices
   that use different soft keyboard layouts depending on the given input type.
+  - Type `Number` does not support suggestions.
      */
     type: _angular_core.InputSignal<"Search" | "Text" | "Email" | "Number" | "Password" | "Tel" | "URL" | undefined>;
     /**
@@ -5322,6 +5362,8 @@ declare class MultiInput implements AfterViewInit {
   property is set to `true`.
   
   **Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
+  
+  **Note:** Input with type `Number` does not support suggestions.
      * - **icon**: Defines the icon to be displayed in the component.
      * - **tokens**: Defines the component tokens.
      * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
@@ -6267,6 +6309,12 @@ declare class SegmentedButtonItem implements AfterViewInit {
   **Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.
      */
     tooltip: _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<_SegmentedButtonItem, "click">>;
     /**
      * Available slots for content projection in this component.
      *
@@ -6303,7 +6351,7 @@ declare class SegmentedButtonItem implements AfterViewInit {
     get element(): _SegmentedButtonItem;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedButtonItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedButtonItem, "ui5-segmented-button-item, [ui5-segmented-button-item]", ["ui5SegmentedButtonItem"], { "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; }; "disabled": { "alias": "disabled"; "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; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedButtonItem, "ui5-segmented-button-item, [ui5-segmented-button-item]", ["ui5SegmentedButtonItem"], { "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; }; "disabled": { "alias": "disabled"; "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; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 
 declare class Select implements AfterViewInit {
@@ -6541,36 +6589,6 @@ declare class Slider implements AfterViewInit {
 }
 
 declare class SliderHandle implements AfterViewInit {
-    /**
-     * Defines whether the slider handle is active.
-  <br><br>
-  <b>Note:</b> An active slider handle is currently being interacted with.
-     */
-    active: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines whether the slider handle is disabled.
-  <br><br>
-  <b>Note:</b> A disabled slider handle cannot be interacted with.
-     */
-    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines the maximum value of the slider handle.
-  <br><br>
-  <b>Note:</b> The value should be greater than the <code>min</code> property of the parent <code>ui5-slider</code>.
-     */
-    max: _angular_core.InputSignal<number | undefined>;
-    /**
-     * Defines the minimum value of the slider handle.
-  <br><br>
-  <b>Note:</b> The value should be less than the <code>max</code> property of the parent <code>ui5-slider</code>.
-     */
-    min: _angular_core.InputSignal<number | undefined>;
-    /**
-     * Defines the value of the slider handle.
-  <br><br>
-  <b>Note:</b> The value should be between the <code>min</code> and <code>max</code> properties of the parent <code>ui5-slider</code>.
-     */
-    value: _angular_core.InputSignal<number | undefined>;
     elementRef: ElementRef<_SliderHandle>;
     injector: Injector;
     /**
@@ -6582,7 +6600,7 @@ declare class SliderHandle implements AfterViewInit {
     get element(): _SliderHandle;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderHandle, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderHandle, "ui5-slider-handle, [ui5-slider-handle]", ["ui5SliderHandle"], { "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderHandle, "ui5-slider-handle, [ui5-slider-handle]", ["ui5SliderHandle"], {}, {}, never, ["*"], true, never>;
 }
 
 declare class SliderTooltip implements AfterViewInit {
@@ -7543,9 +7561,9 @@ declare class TableCell implements AfterViewInit {
     /**
      * Defines whether the cell is visually merged with the cell directly above it.
   
-  This is useful when consecutive cells in a column have the same value and should visually appear as a single merged cell.
+  This is useful if consecutive cells in a column have the same value and should visually appear as a single merged cell.
   Although the cell is visually merged with the previous one, its content must still be provided for accessibility purposes.
-  **Note:** This feature is disabled when cells are rendered as popin, and should remain `false` for interactive cell content.
+  **Note:** This feature is disabled when cells are rendered as a popin, and should remain `false` for interactive cell content.
      */
     merged: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
@@ -9120,6 +9138,12 @@ declare class Toolbar implements AfterViewInit {
      * Defines the toolbar design.
      */
     design: _angular_core.InputSignal<"Transparent" | "Solid" | 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.
      *
@@ -9156,7 +9180,7 @@ declare class Toolbar implements AfterViewInit {
     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; }; }, {}, never, ["*"], true, 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>;
 }
 
 declare class ToolbarButton implements AfterViewInit {