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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +13 -2
  2. package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs.map +1 -1
  3. package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs +8 -2
  4. package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs.map +1 -1
  5. package/fesm2022/fundamental-ngx-ui5-webcomponents-input-icon.mjs +112 -0
  6. package/fesm2022/fundamental-ngx-ui5-webcomponents-input-icon.mjs.map +1 -0
  7. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs +3 -24
  8. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs.map +1 -1
  9. package/fesm2022/fundamental-ngx-ui5-webcomponents-theming-bridge.mjs +16 -0
  10. package/fesm2022/fundamental-ngx-ui5-webcomponents-theming-bridge.mjs.map +1 -0
  11. package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs +1 -1
  12. package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs.map +1 -1
  13. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +9 -3
  14. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +1 -1
  15. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs +8 -0
  16. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +1 -1
  17. package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs +144 -32
  18. package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs.map +1 -1
  19. package/package.json +12 -4
  20. package/types/fundamental-ngx-ui5-webcomponents-dialog.d.ts +11 -1
  21. package/types/fundamental-ngx-ui5-webcomponents-dynamic-date-range.d.ts +5 -1
  22. package/types/fundamental-ngx-ui5-webcomponents-input-icon.d.ts +38 -0
  23. package/types/fundamental-ngx-ui5-webcomponents-menu-separator.d.ts +1 -8
  24. package/types/fundamental-ngx-ui5-webcomponents-theming-bridge.d.ts +6 -0
  25. package/types/fundamental-ngx-ui5-webcomponents-toolbar-select-option.d.ts +8 -4
  26. package/types/fundamental-ngx-ui5-webcomponents-toolbar.d.ts +8 -0
  27. package/types/fundamental-ngx-ui5-webcomponents.d.ts +64 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/ui5-webcomponents",
3
- "version": "0.64.1-rc.8",
3
+ "version": "0.64.1",
4
4
  "schematics": "./schematics/collection.json",
5
5
  "description": "Official SAP Angular wrappers for UI5 Web Components – part of the Fundamental Library for Angular.",
6
6
  "keywords": [
@@ -38,13 +38,13 @@
38
38
  "@angular/forms": "^22.0.0",
39
39
  "@angular/platform-browser": "^22.0.0",
40
40
  "@angular/router": "^22.0.0",
41
- "@fundamental-ngx/core": "0.64.1-rc.8",
42
- "@ui5/webcomponents": "^2.24.0",
41
+ "@fundamental-ngx/core": "0.64.1",
42
+ "@ui5/webcomponents": "^2.25.0",
43
43
  "fundamental-styles": "0.41.8",
44
44
  "rxjs": "^7.8.0"
45
45
  },
46
46
  "dependencies": {
47
- "@fundamental-ngx/ui5-webcomponents-base": "0.64.1-rc.8",
47
+ "@fundamental-ngx/ui5-webcomponents-base": "0.64.1",
48
48
  "@sap-theming/theming-base-content": "^11.36.0",
49
49
  "compare-versions": "^6.1.0",
50
50
  "fast-equals": "^6.0.0",
@@ -228,6 +228,10 @@
228
228
  "types": "./types/fundamental-ngx-ui5-webcomponents-input.d.ts",
229
229
  "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs"
230
230
  },
231
+ "./input-icon": {
232
+ "types": "./types/fundamental-ngx-ui5-webcomponents-input-icon.d.ts",
233
+ "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-input-icon.mjs"
234
+ },
231
235
  "./label": {
232
236
  "types": "./types/fundamental-ngx-ui5-webcomponents-label.d.ts",
233
237
  "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs"
@@ -476,6 +480,10 @@
476
480
  "types": "./types/fundamental-ngx-ui5-webcomponents-theming.d.ts",
477
481
  "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs"
478
482
  },
483
+ "./theming-bridge": {
484
+ "types": "./types/fundamental-ngx-ui5-webcomponents-theming-bridge.d.ts",
485
+ "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-theming-bridge.mjs"
486
+ },
479
487
  "./time-picker": {
480
488
  "types": "./types/fundamental-ngx-ui5-webcomponents-time-picker.d.ts",
481
489
  "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs"
@@ -71,6 +71,16 @@ declare class Dialog implements AfterViewInit {
71
71
  **Note:** Upon resizing, externally defined height and width styling will be ignored.
72
72
  */
73
73
  resizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
74
+ /**
75
+ * Defines whether a fullscreen toggle button is shown in the dialog header.
76
+ When pressed, it toggles the `stretch` property.
77
+ The fullscreen button is not available on phone devices.
78
+
79
+ **Note:** The fullscreen button is not available on phone devices,
80
+ nor when a custom header slot is provided — the application is expected
81
+ to render its own toggle inside the custom header in those cases.
82
+ */
83
+ showFullscreenButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
74
84
  /**
75
85
  * Defines the state of the `Dialog`.
76
86
 
@@ -140,7 +150,7 @@ declare class Dialog implements AfterViewInit {
140
150
  get element(): _Dialog;
141
151
  ngAfterViewInit(): void;
142
152
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dialog, never>;
143
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dialog, "ui5-dialog, [ui5-dialog]", ["ui5Dialog"], { "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; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "preventFocusRestore": { "alias": "preventFocusRestore"; "required": false; "isSignal": true; }; "preventInitialFocus": { "alias": "preventInitialFocus"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "stretch": { "alias": "stretch"; "required": false; "isSignal": true; }; }, { "ui5BeforeClose": "ui5BeforeClose"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Close": "ui5Close"; "ui5Open": "ui5Open"; }, never, ["*"], true, never>;
153
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dialog, "ui5-dialog, [ui5-dialog]", ["ui5Dialog"], { "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; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "preventFocusRestore": { "alias": "preventFocusRestore"; "required": false; "isSignal": true; }; "preventInitialFocus": { "alias": "preventInitialFocus"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "showFullscreenButton": { "alias": "showFullscreenButton"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "stretch": { "alias": "stretch"; "required": false; "isSignal": true; }; }, { "ui5BeforeClose": "ui5BeforeClose"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Close": "ui5Close"; "ui5Open": "ui5Open"; }, never, ["*"], true, never>;
144
154
  }
145
155
 
146
156
  export { Dialog };
@@ -5,6 +5,10 @@ export { DynamicDateRangeValue } from '@ui5/webcomponents/dist/DynamicDateRange.
5
5
  import { UI5CustomEvent } from '@ui5/webcomponents-base';
6
6
 
7
7
  declare class DynamicDateRange implements AfterViewInit {
8
+ /**
9
+ * Receives id(or many ids) of the elements that label the component.
10
+ */
11
+ accessibleNameRef: _angular_core.InputSignal<string | undefined>;
8
12
  /**
9
13
  * Defines the options listed as a string, separated by commas and using capital case.
10
14
  Example: "TODAY, YESTERDAY, DATERANGE"
@@ -29,7 +33,7 @@ declare class DynamicDateRange implements AfterViewInit {
29
33
  get element(): _DynamicDateRange;
30
34
  ngAfterViewInit(): void;
31
35
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicDateRange, never>;
32
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicDateRange, "ui5-dynamic-date-range, [ui5-dynamic-date-range]", ["ui5DynamicDateRange"], { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, never>;
36
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicDateRange, "ui5-dynamic-date-range, [ui5-dynamic-date-range]", ["ui5DynamicDateRange"], { "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, never>;
33
37
  }
34
38
 
35
39
  export { DynamicDateRange };
@@ -0,0 +1,38 @@
1
+ import * as _angular_core from '@angular/core';
2
+ import { AfterViewInit, ElementRef, Injector } from '@angular/core';
3
+ import _InputIcon from '@ui5/webcomponents/dist/InputIcon.js';
4
+ import { UI5CustomEvent } from '@ui5/webcomponents-base';
5
+
6
+ declare class InputIcon implements AfterViewInit {
7
+ /**
8
+ * Defines the accessible name of the icon.
9
+
10
+ **Note:** This property is used for accessibility purposes and will be announced by screen readers.
11
+ When set, it is also rendered as a native `title` tooltip.
12
+ */
13
+ accessibleName: _angular_core.InputSignal<string | undefined>;
14
+ /**
15
+ * Defines the icon name to be displayed.
16
+
17
+ **Note:** Make sure you import the desired icon before using it.
18
+ */
19
+ name: _angular_core.InputSignal<string | undefined>;
20
+ /**
21
+ * Fired when the `ui5-input-icon` is activated either with a click/tap or by using the Enter or Space key.
22
+ */
23
+ ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_InputIcon, "click">>;
24
+ elementRef: ElementRef<_InputIcon>;
25
+ injector: Injector;
26
+ /**
27
+ * Content density observer is injected to activate automatic CSS class and
28
+ * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
29
+ * @private
30
+ */
31
+ private readonly _contentDensityObserver;
32
+ get element(): _InputIcon;
33
+ ngAfterViewInit(): void;
34
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputIcon, never>;
35
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputIcon, "ui5-input-icon, [ui5-input-icon]", ["ui5InputIcon"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
36
+ }
37
+
38
+ export { InputIcon };
@@ -1,15 +1,8 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { AfterViewInit, ElementRef, Injector } from '@angular/core';
3
3
  import _MenuSeparator from '@ui5/webcomponents/dist/MenuSeparator.js';
4
- import { UI5CustomEvent } from '@ui5/webcomponents-base';
5
4
 
6
5
  declare class MenuSeparator implements AfterViewInit {
7
- /**
8
- * Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.
9
-
10
- **Note:** The event will not be fired if the `disabled` property is set to `true`.
11
- */
12
- ui5Click: i0.OutputEmitterRef<UI5CustomEvent<_MenuSeparator, "click">>;
13
6
  elementRef: ElementRef<_MenuSeparator>;
14
7
  injector: Injector;
15
8
  /**
@@ -21,7 +14,7 @@ declare class MenuSeparator implements AfterViewInit {
21
14
  get element(): _MenuSeparator;
22
15
  ngAfterViewInit(): void;
23
16
  static ɵfac: i0.ɵɵFactoryDeclaration<MenuSeparator, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<MenuSeparator, "ui5-menu-separator, [ui5-menu-separator]", ["ui5MenuSeparator"], {}, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
17
+ static ɵcmp: i0.ɵɵComponentDeclaration<MenuSeparator, "ui5-menu-separator, [ui5-menu-separator]", ["ui5MenuSeparator"], {}, {}, never, ["*"], true, never>;
25
18
  }
26
19
 
27
20
  export { MenuSeparator };
@@ -0,0 +1,6 @@
1
+ import { EnvironmentProviders } from '@angular/core';
2
+ export { Ui5WebcomponentsMainThemingService } from '@fundamental-ngx/ui5-webcomponents/theming';
3
+
4
+ declare function provideUi5Webcomponents(): EnvironmentProviders;
5
+
6
+ export { provideUi5Webcomponents };
@@ -1,4 +1,4 @@
1
- import * as i0 from '@angular/core';
1
+ import * as _angular_core from '@angular/core';
2
2
  import { AfterViewInit, ElementRef, Injector } from '@angular/core';
3
3
  import _ToolbarSelectOption from '@ui5/webcomponents/dist/ToolbarSelectOption.js';
4
4
 
@@ -6,7 +6,11 @@ declare class ToolbarSelectOption implements AfterViewInit {
6
6
  /**
7
7
  * Defines the selected state of the component.
8
8
  */
9
- selected: i0.InputSignalWithTransform<boolean, unknown>;
9
+ selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
10
+ /**
11
+ * Defines the value of the component.
12
+ */
13
+ value: _angular_core.InputSignal<string | undefined>;
10
14
  /**
11
15
  * Available slots for content projection in this component.
12
16
  *
@@ -42,8 +46,8 @@ declare class ToolbarSelectOption implements AfterViewInit {
42
46
  private readonly _contentDensityObserver;
43
47
  get element(): _ToolbarSelectOption;
44
48
  ngAfterViewInit(): void;
45
- static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarSelectOption, never>;
46
- static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarSelectOption, "ui5-toolbar-select-option, [ui5-toolbar-select-option]", ["ui5ToolbarSelectOption"], { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
49
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarSelectOption, never>;
50
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSelectOption, "ui5-toolbar-select-option, [ui5-toolbar-select-option]", ["ui5ToolbarSelectOption"], { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
47
51
  }
48
52
 
49
53
  export { ToolbarSelectOption };
@@ -5,10 +5,18 @@ import _Toolbar from '@ui5/webcomponents/dist/Toolbar.js';
5
5
  declare class Toolbar implements AfterViewInit {
6
6
  /**
7
7
  * Defines the accessible ARIA name of the component.
8
+
9
+ **Note:** It is strongly recommended to always set this property or `accessibleNameRef`
10
+ when the toolbar has `role="toolbar"` (i.e. when it contains more than one interactive item).
11
+ Without an accessible name, screen readers will announce the toolbar without any context,
12
+ making it harder for keyboard-only and AT users to understand its purpose.
8
13
  */
9
14
  accessibleName: _angular_core.InputSignal<string | undefined>;
10
15
  /**
11
16
  * Receives id(or many ids) of the elements that label the input.
17
+
18
+ **Note:** When the toolbar has `role="toolbar"`, at least one of `accessibleName` or
19
+ `accessibleNameRef` should be provided to satisfy WCAG 2.1 success criterion 4.1.2.
12
20
  */
13
21
  accessibleNameRef: _angular_core.InputSignal<string | undefined>;
14
22
  /**
@@ -117,6 +117,7 @@ import _FormGroup from '@ui5/webcomponents/dist/FormGroup.js';
117
117
  import _FormItem from '@ui5/webcomponents/dist/FormItem.js';
118
118
  import _Icon from '@ui5/webcomponents/dist/Icon.js';
119
119
  import _Input from '@ui5/webcomponents/dist/Input.js';
120
+ import _InputIcon from '@ui5/webcomponents/dist/InputIcon.js';
120
121
  import _Label from '@ui5/webcomponents/dist/Label.js';
121
122
  import _Link, { LinkAccessibilityAttributes } from '@ui5/webcomponents/dist/Link.js';
122
123
  import _List, { ListAccessibilityAttributes } from '@ui5/webcomponents/dist/List.js';
@@ -2983,6 +2984,16 @@ declare class Dialog implements AfterViewInit {
2983
2984
  **Note:** Upon resizing, externally defined height and width styling will be ignored.
2984
2985
  */
2985
2986
  resizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
2987
+ /**
2988
+ * Defines whether a fullscreen toggle button is shown in the dialog header.
2989
+ When pressed, it toggles the `stretch` property.
2990
+ The fullscreen button is not available on phone devices.
2991
+
2992
+ **Note:** The fullscreen button is not available on phone devices,
2993
+ nor when a custom header slot is provided — the application is expected
2994
+ to render its own toggle inside the custom header in those cases.
2995
+ */
2996
+ showFullscreenButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
2986
2997
  /**
2987
2998
  * Defines the state of the `Dialog`.
2988
2999
 
@@ -3052,7 +3063,7 @@ declare class Dialog implements AfterViewInit {
3052
3063
  get element(): _Dialog;
3053
3064
  ngAfterViewInit(): void;
3054
3065
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dialog, never>;
3055
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dialog, "ui5-dialog, [ui5-dialog]", ["ui5Dialog"], { "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; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "preventFocusRestore": { "alias": "preventFocusRestore"; "required": false; "isSignal": true; }; "preventInitialFocus": { "alias": "preventInitialFocus"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "stretch": { "alias": "stretch"; "required": false; "isSignal": true; }; }, { "ui5BeforeClose": "ui5BeforeClose"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Close": "ui5Close"; "ui5Open": "ui5Open"; }, never, ["*"], true, never>;
3066
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dialog, "ui5-dialog, [ui5-dialog]", ["ui5Dialog"], { "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; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "preventFocusRestore": { "alias": "preventFocusRestore"; "required": false; "isSignal": true; }; "preventInitialFocus": { "alias": "preventInitialFocus"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "showFullscreenButton": { "alias": "showFullscreenButton"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "stretch": { "alias": "stretch"; "required": false; "isSignal": true; }; }, { "ui5BeforeClose": "ui5BeforeClose"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Close": "ui5Close"; "ui5Open": "ui5Open"; }, never, ["*"], true, never>;
3056
3067
  }
3057
3068
 
3058
3069
  declare class DropIndicator implements AfterViewInit {
@@ -3087,6 +3098,10 @@ declare class DropIndicator implements AfterViewInit {
3087
3098
  }
3088
3099
 
3089
3100
  declare class DynamicDateRange implements AfterViewInit {
3101
+ /**
3102
+ * Receives id(or many ids) of the elements that label the component.
3103
+ */
3104
+ accessibleNameRef: _angular_core.InputSignal<string | undefined>;
3090
3105
  /**
3091
3106
  * Defines the options listed as a string, separated by commas and using capital case.
3092
3107
  Example: "TODAY, YESTERDAY, DATERANGE"
@@ -3111,7 +3126,7 @@ declare class DynamicDateRange implements AfterViewInit {
3111
3126
  get element(): _DynamicDateRange;
3112
3127
  ngAfterViewInit(): void;
3113
3128
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicDateRange, never>;
3114
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicDateRange, "ui5-dynamic-date-range, [ui5-dynamic-date-range]", ["ui5DynamicDateRange"], { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, never>;
3129
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicDateRange, "ui5-dynamic-date-range, [ui5-dynamic-date-range]", ["ui5DynamicDateRange"], { "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, never>;
3115
3130
  }
3116
3131
 
3117
3132
  declare class ExpandableText implements AfterViewInit {
@@ -3798,6 +3813,38 @@ declare class Input implements AfterViewInit {
3798
3813
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<Input, "ui5-input, [ui5-input]", ["ui5Input"], { "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; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "showSuggestions": { "alias": "showSuggestions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5Select": "ui5Select"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
3799
3814
  }
3800
3815
 
3816
+ declare class InputIcon implements AfterViewInit {
3817
+ /**
3818
+ * Defines the accessible name of the icon.
3819
+
3820
+ **Note:** This property is used for accessibility purposes and will be announced by screen readers.
3821
+ When set, it is also rendered as a native `title` tooltip.
3822
+ */
3823
+ accessibleName: _angular_core.InputSignal<string | undefined>;
3824
+ /**
3825
+ * Defines the icon name to be displayed.
3826
+
3827
+ **Note:** Make sure you import the desired icon before using it.
3828
+ */
3829
+ name: _angular_core.InputSignal<string | undefined>;
3830
+ /**
3831
+ * Fired when the `ui5-input-icon` is activated either with a click/tap or by using the Enter or Space key.
3832
+ */
3833
+ ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_InputIcon, "click">>;
3834
+ elementRef: ElementRef<_InputIcon>;
3835
+ injector: Injector;
3836
+ /**
3837
+ * Content density observer is injected to activate automatic CSS class and
3838
+ * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
3839
+ * @private
3840
+ */
3841
+ private readonly _contentDensityObserver;
3842
+ get element(): _InputIcon;
3843
+ ngAfterViewInit(): void;
3844
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputIcon, never>;
3845
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputIcon, "ui5-input-icon, [ui5-input-icon]", ["ui5InputIcon"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
3846
+ }
3847
+
3801
3848
  declare class Label implements AfterViewInit {
3802
3849
  /**
3803
3850
  * Defines the labeled input by providing its ID.
@@ -4961,12 +5008,6 @@ declare class MenuItemGroup implements AfterViewInit {
4961
5008
  }
4962
5009
 
4963
5010
  declare class MenuSeparator implements AfterViewInit {
4964
- /**
4965
- * Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.
4966
-
4967
- **Note:** The event will not be fired if the `disabled` property is set to `true`.
4968
- */
4969
- ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_MenuSeparator, "click">>;
4970
5011
  elementRef: ElementRef<_MenuSeparator>;
4971
5012
  injector: Injector;
4972
5013
  /**
@@ -4978,7 +5019,7 @@ declare class MenuSeparator implements AfterViewInit {
4978
5019
  get element(): _MenuSeparator;
4979
5020
  ngAfterViewInit(): void;
4980
5021
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuSeparator, never>;
4981
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuSeparator, "ui5-menu-separator, [ui5-menu-separator]", ["ui5MenuSeparator"], {}, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
5022
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuSeparator, "ui5-menu-separator, [ui5-menu-separator]", ["ui5MenuSeparator"], {}, {}, never, ["*"], true, never>;
4982
5023
  }
4983
5024
 
4984
5025
  declare class MessageStrip implements AfterViewInit {
@@ -9502,10 +9543,18 @@ declare class Tokenizer implements AfterViewInit {
9502
9543
  declare class Toolbar implements AfterViewInit {
9503
9544
  /**
9504
9545
  * Defines the accessible ARIA name of the component.
9546
+
9547
+ **Note:** It is strongly recommended to always set this property or `accessibleNameRef`
9548
+ when the toolbar has `role="toolbar"` (i.e. when it contains more than one interactive item).
9549
+ Without an accessible name, screen readers will announce the toolbar without any context,
9550
+ making it harder for keyboard-only and AT users to understand its purpose.
9505
9551
  */
9506
9552
  accessibleName: _angular_core.InputSignal<string | undefined>;
9507
9553
  /**
9508
9554
  * Receives id(or many ids) of the elements that label the input.
9555
+
9556
+ **Note:** When the toolbar has `role="toolbar"`, at least one of `accessibleName` or
9557
+ `accessibleNameRef` should be provided to satisfy WCAG 2.1 success criterion 4.1.2.
9509
9558
  */
9510
9559
  accessibleNameRef: _angular_core.InputSignal<string | undefined>;
9511
9560
  /**
@@ -9825,6 +9874,10 @@ declare class ToolbarSelectOption implements AfterViewInit {
9825
9874
  * Defines the selected state of the component.
9826
9875
  */
9827
9876
  selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
9877
+ /**
9878
+ * Defines the value of the component.
9879
+ */
9880
+ value: _angular_core.InputSignal<string | undefined>;
9828
9881
  /**
9829
9882
  * Available slots for content projection in this component.
9830
9883
  *
@@ -9861,7 +9914,7 @@ declare class ToolbarSelectOption implements AfterViewInit {
9861
9914
  get element(): _ToolbarSelectOption;
9862
9915
  ngAfterViewInit(): void;
9863
9916
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarSelectOption, never>;
9864
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSelectOption, "ui5-toolbar-select-option, [ui5-toolbar-select-option]", ["ui5ToolbarSelectOption"], { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
9917
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSelectOption, "ui5-toolbar-select-option, [ui5-toolbar-select-option]", ["ui5ToolbarSelectOption"], { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
9865
9918
  }
9866
9919
 
9867
9920
  declare class ToolbarSeparator implements AfterViewInit {
@@ -10477,4 +10530,4 @@ declare class Ui5WebcomponentsMainThemingService extends WebcomponentsThemingPro
10477
10530
  static ɵprov: _angular_core.ɵɵInjectableDeclaration<Ui5WebcomponentsMainThemingService>;
10478
10531
  }
10479
10532
 
10480
- export { Avatar, AvatarBadge, AvatarGroup, Bar, Breadcrumbs, BreadcrumbsItem, BusyIndicator, Button, ButtonBadge, CVA_CONFIG, Calendar, CalendarDate, CalendarDateRange, CalendarLegend, CalendarLegendItem, Card, CardHeader, Carousel, CheckBox, ColorPalette, ColorPaletteItem, ColorPalettePopover, ColorPicker, ComboBox, ComboBoxItem, ComboBoxItemCustom, ComboBoxItemGroup, DatePicker, DateRangePicker, DateTimeInput, DateTimePicker, DayPicker, Dialog, DropIndicator, DynamicDateRange, ExpandableText, FileUploader, Form, FormGroup, FormItem, GenericControlValueAccessor, Icon, Input, Label, Link, List, ListItemCustom, ListItemGroup, ListItemGroupHeader, ListItemStandard, Menu, MenuItem, MenuItemGroup, MenuSeparator, MessageStrip, MonthPicker, MultiComboBox, MultiComboBoxItem, MultiComboBoxItemCustom, MultiComboBoxItemGroup, MultiInput, Option, OptionCustom, Panel, Popover, ProgressIndicator, RadioButton, RangeSlider, RatingIndicator, ResponsivePopover, SegmentedButton, SegmentedButtonItem, Select, Slider, SliderHandle, SliderTooltip, SpecialCalendarDate, SplitButton, StepInput, SuggestionItem, SuggestionItemCustom, SuggestionItemGroup, SuggestionListItem, Switch, Tab, TabContainer, TabSeparator, Table, TableCell, TableGroupRow, TableGrowing, TableHeaderCell, TableHeaderCellActionAI, TableHeaderRow, TableRow, TableRowAction, TableRowActionNavigation, TableSelection, TableSelectionMulti, TableSelectionSingle, TableVirtualizer, Tag, Text, TextArea, TimePicker, TimePickerClock, TimeSelectionClocks, TimeSelectionInputs, Title, Toast, ToggleButton, ToggleSpinButton, Token, Tokenizer, Toolbar, ToolbarButton, ToolbarItem, ToolbarSelect, ToolbarSelectOption, ToolbarSeparator, ToolbarSpacer, Tree, TreeItem, TreeItemCustom, Ui5WebcomponentsMainThemingService, YearPicker, YearRangePicker };
10533
+ export { Avatar, AvatarBadge, AvatarGroup, Bar, Breadcrumbs, BreadcrumbsItem, BusyIndicator, Button, ButtonBadge, CVA_CONFIG, Calendar, CalendarDate, CalendarDateRange, CalendarLegend, CalendarLegendItem, Card, CardHeader, Carousel, CheckBox, ColorPalette, ColorPaletteItem, ColorPalettePopover, ColorPicker, ComboBox, ComboBoxItem, ComboBoxItemCustom, ComboBoxItemGroup, DatePicker, DateRangePicker, DateTimeInput, DateTimePicker, DayPicker, Dialog, DropIndicator, DynamicDateRange, ExpandableText, FileUploader, Form, FormGroup, FormItem, GenericControlValueAccessor, Icon, Input, InputIcon, Label, Link, List, ListItemCustom, ListItemGroup, ListItemGroupHeader, ListItemStandard, Menu, MenuItem, MenuItemGroup, MenuSeparator, MessageStrip, MonthPicker, MultiComboBox, MultiComboBoxItem, MultiComboBoxItemCustom, MultiComboBoxItemGroup, MultiInput, Option, OptionCustom, Panel, Popover, ProgressIndicator, RadioButton, RangeSlider, RatingIndicator, ResponsivePopover, SegmentedButton, SegmentedButtonItem, Select, Slider, SliderHandle, SliderTooltip, SpecialCalendarDate, SplitButton, StepInput, SuggestionItem, SuggestionItemCustom, SuggestionItemGroup, SuggestionListItem, Switch, Tab, TabContainer, TabSeparator, Table, TableCell, TableGroupRow, TableGrowing, TableHeaderCell, TableHeaderCellActionAI, TableHeaderRow, TableRow, TableRowAction, TableRowActionNavigation, TableSelection, TableSelectionMulti, TableSelectionSingle, TableVirtualizer, Tag, Text, TextArea, TimePicker, TimePickerClock, TimeSelectionClocks, TimeSelectionInputs, Title, Toast, ToggleButton, ToggleSpinButton, Token, Tokenizer, Toolbar, ToolbarButton, ToolbarItem, ToolbarSelect, ToolbarSelectOption, ToolbarSeparator, ToolbarSpacer, Tree, TreeItem, TreeItemCustom, Ui5WebcomponentsMainThemingService, YearPicker, YearRangePicker };