@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.
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +13 -2
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs +8 -2
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input-icon.mjs +112 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input-icon.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs +3 -24
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-theming-bridge.mjs +16 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-theming-bridge.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +9 -3
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs +8 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs +144 -32
- package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs.map +1 -1
- package/package.json +12 -4
- package/types/fundamental-ngx-ui5-webcomponents-dialog.d.ts +11 -1
- package/types/fundamental-ngx-ui5-webcomponents-dynamic-date-range.d.ts +5 -1
- package/types/fundamental-ngx-ui5-webcomponents-input-icon.d.ts +38 -0
- package/types/fundamental-ngx-ui5-webcomponents-menu-separator.d.ts +1 -8
- package/types/fundamental-ngx-ui5-webcomponents-theming-bridge.d.ts +6 -0
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-select-option.d.ts +8 -4
- package/types/fundamental-ngx-ui5-webcomponents-toolbar.d.ts +8 -0
- 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
|
|
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
|
|
42
|
-
"@ui5/webcomponents": "^2.
|
|
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
|
|
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"], {}, {
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MenuSeparator, "ui5-menu-separator, [ui5-menu-separator]", ["ui5MenuSeparator"], {}, {}, never, ["*"], true, never>;
|
|
25
18
|
}
|
|
26
19
|
|
|
27
20
|
export { MenuSeparator };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
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:
|
|
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:
|
|
46
|
-
static ɵcmp:
|
|
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"], {}, {
|
|
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 };
|