@fundamental-ngx/ui5-webcomponents-fiori 0.58.0-rc.0
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/README.md +3 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-types.mjs +26 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-types.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-utils.mjs +108 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-utils.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori.mjs +4620 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori.mjs.map +1 -0
- package/index.d.ts +2081 -0
- package/package.json +57 -0
- package/types/index.d.ts +21 -0
- package/utils/index.d.ts +23 -0
package/index.d.ts
ADDED
|
@@ -0,0 +1,2081 @@
|
|
|
1
|
+
export { default as FCLLayout } from '@ui5/webcomponents-fiori/dist/types/FCLLayout.js';
|
|
2
|
+
export { default as IllustrationMessageDesign } from '@ui5/webcomponents-fiori/dist/types/IllustrationMessageDesign.js';
|
|
3
|
+
export { default as IllustrationMessageType } from '@ui5/webcomponents-fiori/dist/types/IllustrationMessageType.js';
|
|
4
|
+
export { default as MediaGalleryItemLayout } from '@ui5/webcomponents-fiori/dist/types/MediaGalleryItemLayout.js';
|
|
5
|
+
export { default as MediaGalleryLayout } from '@ui5/webcomponents-fiori/dist/types/MediaGalleryLayout.js';
|
|
6
|
+
export { default as MediaGalleryMenuHorizontalAlign } from '@ui5/webcomponents-fiori/dist/types/MediaGalleryMenuHorizontalAlign.js';
|
|
7
|
+
export { default as MediaGalleryMenuVerticalAlign } from '@ui5/webcomponents-fiori/dist/types/MediaGalleryMenuVerticalAlign.js';
|
|
8
|
+
export { default as NavigationLayoutMode } from '@ui5/webcomponents-fiori/dist/types/NavigationLayoutMode.js';
|
|
9
|
+
export { default as NotificationListItemImportance } from '@ui5/webcomponents-fiori/dist/types/NotificationListItemImportance.js';
|
|
10
|
+
export { default as PageBackgroundDesign } from '@ui5/webcomponents-fiori/dist/types/PageBackgroundDesign.js';
|
|
11
|
+
export { default as SearchMode } from '@ui5/webcomponents-fiori/dist/types/SearchMode.js';
|
|
12
|
+
export { default as SideContentFallDown } from '@ui5/webcomponents-fiori/dist/types/SideContentFallDown.js';
|
|
13
|
+
export { default as SideContentPosition } from '@ui5/webcomponents-fiori/dist/types/SideContentPosition.js';
|
|
14
|
+
export { default as SideContentVisibility } from '@ui5/webcomponents-fiori/dist/types/SideContentVisibility.js';
|
|
15
|
+
export { default as SideNavigationItemDesign } from '@ui5/webcomponents-fiori/dist/types/SideNavigationItemDesign.js';
|
|
16
|
+
export { default as TimelineGrowingMode } from '@ui5/webcomponents-fiori/dist/types/TimelineGrowingMode.js';
|
|
17
|
+
export { default as TimelineLayout } from '@ui5/webcomponents-fiori/dist/types/TimelineLayout.js';
|
|
18
|
+
export { default as UploadCollectionSelectionMode } from '@ui5/webcomponents-fiori/dist/types/UploadCollectionSelectionMode.js';
|
|
19
|
+
export { default as UploadState } from '@ui5/webcomponents-fiori/dist/types/UploadState.js';
|
|
20
|
+
export { default as ViewSettingsDialogMode } from '@ui5/webcomponents-fiori/dist/types/ViewSettingsDialogMode.js';
|
|
21
|
+
export { default as WizardContentLayout } from '@ui5/webcomponents-fiori/dist/types/WizardContentLayout.js';
|
|
22
|
+
import * as _angular_core from '@angular/core';
|
|
23
|
+
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
24
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
25
|
+
import _BarcodeScannerDialog from '@ui5/webcomponents-fiori/dist/BarcodeScannerDialog.js';
|
|
26
|
+
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
27
|
+
import _DynamicPage from '@ui5/webcomponents-fiori/dist/DynamicPage.js';
|
|
28
|
+
import _DynamicPageHeader from '@ui5/webcomponents-fiori/dist/DynamicPageHeader.js';
|
|
29
|
+
import _DynamicPageTitle from '@ui5/webcomponents-fiori/dist/DynamicPageTitle.js';
|
|
30
|
+
import _DynamicSideContent, { DynamicSideContentAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/DynamicSideContent.js';
|
|
31
|
+
import _FilterItem from '@ui5/webcomponents-fiori/dist/FilterItem.js';
|
|
32
|
+
import _FilterItemOption from '@ui5/webcomponents-fiori/dist/FilterItemOption.js';
|
|
33
|
+
import _FlexibleColumnLayout, { FCLAccessibilityAttributes, LayoutConfiguration, FlexibleColumnLayoutColumnLayout } from '@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js';
|
|
34
|
+
import _GroupItem from '@ui5/webcomponents-fiori/dist/GroupItem.js';
|
|
35
|
+
import _IllustratedMessage from '@ui5/webcomponents-fiori/dist/IllustratedMessage.js';
|
|
36
|
+
import _MediaGallery from '@ui5/webcomponents-fiori/dist/MediaGallery.js';
|
|
37
|
+
import _MediaGalleryItem from '@ui5/webcomponents-fiori/dist/MediaGalleryItem.js';
|
|
38
|
+
import _NavigationLayout from '@ui5/webcomponents-fiori/dist/NavigationLayout.js';
|
|
39
|
+
import _NotificationList from '@ui5/webcomponents-fiori/dist/NotificationList.js';
|
|
40
|
+
import _NotificationListGroupItem from '@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js';
|
|
41
|
+
import _NotificationListItem from '@ui5/webcomponents-fiori/dist/NotificationListItem.js';
|
|
42
|
+
import _Page from '@ui5/webcomponents-fiori/dist/Page.js';
|
|
43
|
+
import _ProductSwitch from '@ui5/webcomponents-fiori/dist/ProductSwitch.js';
|
|
44
|
+
import _ProductSwitchItem from '@ui5/webcomponents-fiori/dist/ProductSwitchItem.js';
|
|
45
|
+
import _Search from '@ui5/webcomponents-fiori/dist/Search.js';
|
|
46
|
+
import _SearchItem from '@ui5/webcomponents-fiori/dist/SearchItem.js';
|
|
47
|
+
import _SearchItemGroup from '@ui5/webcomponents-fiori/dist/SearchItemGroup.js';
|
|
48
|
+
import _SearchItemShowMore from '@ui5/webcomponents-fiori/dist/SearchItemShowMore.js';
|
|
49
|
+
import _SearchMessageArea from '@ui5/webcomponents-fiori/dist/SearchMessageArea.js';
|
|
50
|
+
import _SearchScope from '@ui5/webcomponents-fiori/dist/SearchScope.js';
|
|
51
|
+
import _ShellBar, { ShellBarAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBar.js';
|
|
52
|
+
import _ShellBarBranding from '@ui5/webcomponents-fiori/dist/ShellBarBranding.js';
|
|
53
|
+
import _ShellBarItem, { ShellBarItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBarItem.js';
|
|
54
|
+
import _ShellBarSearch from '@ui5/webcomponents-fiori/dist/ShellBarSearch.js';
|
|
55
|
+
import _ShellBarSpacer from '@ui5/webcomponents-fiori/dist/ShellBarSpacer.js';
|
|
56
|
+
import _SideNavigation from '@ui5/webcomponents-fiori/dist/SideNavigation.js';
|
|
57
|
+
import _SideNavigationGroup from '@ui5/webcomponents-fiori/dist/SideNavigationGroup.js';
|
|
58
|
+
import _SideNavigationItem from '@ui5/webcomponents-fiori/dist/SideNavigationItem.js';
|
|
59
|
+
import { SideNavigationItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/SideNavigationSelectableItemBase.js';
|
|
60
|
+
import _SideNavigationSubItem from '@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js';
|
|
61
|
+
import _SortItem from '@ui5/webcomponents-fiori/dist/SortItem.js';
|
|
62
|
+
import _Timeline from '@ui5/webcomponents-fiori/dist/Timeline.js';
|
|
63
|
+
import _TimelineGroupItem from '@ui5/webcomponents-fiori/dist/TimelineGroupItem.js';
|
|
64
|
+
import _TimelineItem from '@ui5/webcomponents-fiori/dist/TimelineItem.js';
|
|
65
|
+
import _UploadCollection from '@ui5/webcomponents-fiori/dist/UploadCollection.js';
|
|
66
|
+
import _UploadCollectionItem from '@ui5/webcomponents-fiori/dist/UploadCollectionItem.js';
|
|
67
|
+
import _UserMenu from '@ui5/webcomponents-fiori/dist/UserMenu.js';
|
|
68
|
+
import _UserMenuAccount from '@ui5/webcomponents-fiori/dist/UserMenuAccount.js';
|
|
69
|
+
import _UserMenuItem from '@ui5/webcomponents-fiori/dist/UserMenuItem.js';
|
|
70
|
+
import _UserMenuItemGroup from '@ui5/webcomponents-fiori/dist/UserMenuItemGroup.js';
|
|
71
|
+
import _UserSettingsDialog from '@ui5/webcomponents-fiori/dist/UserSettingsDialog.js';
|
|
72
|
+
import _UserSettingsItem from '@ui5/webcomponents-fiori/dist/UserSettingsItem.js';
|
|
73
|
+
import _UserSettingsView from '@ui5/webcomponents-fiori/dist/UserSettingsView.js';
|
|
74
|
+
import _ViewSettingsDialog from '@ui5/webcomponents-fiori/dist/ViewSettingsDialog.js';
|
|
75
|
+
import _Wizard from '@ui5/webcomponents-fiori/dist/Wizard.js';
|
|
76
|
+
import _WizardStep from '@ui5/webcomponents-fiori/dist/WizardStep.js';
|
|
77
|
+
import { WebcomponentsThemingProvider } from '@fundamental-ngx/ui5-webcomponents-base/theming';
|
|
78
|
+
|
|
79
|
+
declare class GenericControlValueAccessor<ValueType = any> implements ControlValueAccessor, AfterViewInit {
|
|
80
|
+
onChange: (val: ValueType) => void;
|
|
81
|
+
onTouched: () => void;
|
|
82
|
+
private elementRef;
|
|
83
|
+
private cdr;
|
|
84
|
+
private _value;
|
|
85
|
+
private _initialized;
|
|
86
|
+
ngAfterViewInit(): void;
|
|
87
|
+
setDisabledState: (isDisabled: boolean) => void;
|
|
88
|
+
registerOnChange(fn: (newVal: ValueType) => void): void;
|
|
89
|
+
registerOnTouched(fn: () => void): void;
|
|
90
|
+
writeValue(val: ValueType): void;
|
|
91
|
+
private initializeComponent;
|
|
92
|
+
private updateElementValue;
|
|
93
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GenericControlValueAccessor<any>, never>;
|
|
94
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GenericControlValueAccessor<any>, "[noop]", never, {}, {}, never, never, true, never>;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
declare class BarcodeScannerDialog implements AfterViewInit {
|
|
98
|
+
/**
|
|
99
|
+
* Indicates whether the dialog is open.
|
|
100
|
+
*/
|
|
101
|
+
open: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
102
|
+
/**
|
|
103
|
+
* Fired when the user closes the component.
|
|
104
|
+
*/
|
|
105
|
+
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_BarcodeScannerDialog, "close">>;
|
|
106
|
+
/**
|
|
107
|
+
* Fires when the scan is completed successfuuly.
|
|
108
|
+
*/
|
|
109
|
+
ui5ScanSuccess: _angular_core.OutputEmitterRef<UI5CustomEvent<_BarcodeScannerDialog, "scan-success">>;
|
|
110
|
+
/**
|
|
111
|
+
* Fires when the scan fails with error.
|
|
112
|
+
*/
|
|
113
|
+
ui5ScanError: _angular_core.OutputEmitterRef<UI5CustomEvent<_BarcodeScannerDialog, "scan-error">>;
|
|
114
|
+
elementRef: ElementRef<_BarcodeScannerDialog>;
|
|
115
|
+
injector: Injector;
|
|
116
|
+
get element(): _BarcodeScannerDialog;
|
|
117
|
+
ngAfterViewInit(): void;
|
|
118
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BarcodeScannerDialog, never>;
|
|
119
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarcodeScannerDialog, "ui5-barcode-scanner-dialog, [ui5-barcode-scanner-dialog]", ["ui5BarcodeScannerDialog"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5Close": "ui5Close"; "ui5ScanSuccess": "ui5ScanSuccess"; "ui5ScanError": "ui5ScanError"; }, never, ["*"], true, never>;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
declare class DynamicPage implements AfterViewInit {
|
|
123
|
+
/**
|
|
124
|
+
* Defines if the pin button is hidden.
|
|
125
|
+
*/
|
|
126
|
+
hidePinButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
127
|
+
/**
|
|
128
|
+
* Defines if the header is pinned.
|
|
129
|
+
*/
|
|
130
|
+
headerPinned: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
131
|
+
/**
|
|
132
|
+
* Defines if the footer is shown.
|
|
133
|
+
*/
|
|
134
|
+
showFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
135
|
+
/**
|
|
136
|
+
* Defines if the header is snapped.
|
|
137
|
+
*/
|
|
138
|
+
headerSnapped: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
139
|
+
/**
|
|
140
|
+
* Fired when the pin header button is toggled.
|
|
141
|
+
*/
|
|
142
|
+
ui5PinButtonToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_DynamicPage, "pin-button-toggle">>;
|
|
143
|
+
/**
|
|
144
|
+
* Fired when the expand/collapse area of the title is toggled.
|
|
145
|
+
*/
|
|
146
|
+
ui5TitleToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_DynamicPage, "title-toggle">>;
|
|
147
|
+
elementRef: ElementRef<_DynamicPage>;
|
|
148
|
+
injector: Injector;
|
|
149
|
+
get element(): _DynamicPage;
|
|
150
|
+
ngAfterViewInit(): void;
|
|
151
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicPage, never>;
|
|
152
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicPage, "ui5-dynamic-page, [ui5-dynamic-page]", ["ui5DynamicPage"], { "hidePinButton": { "alias": "hidePinButton"; "required": false; "isSignal": true; }; "headerPinned": { "alias": "headerPinned"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "headerSnapped": { "alias": "headerSnapped"; "required": false; "isSignal": true; }; }, { "ui5PinButtonToggle": "ui5PinButtonToggle"; "ui5TitleToggle": "ui5TitleToggle"; }, never, ["*"], true, never>;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
declare class DynamicPageHeader implements AfterViewInit {
|
|
156
|
+
elementRef: ElementRef<_DynamicPageHeader>;
|
|
157
|
+
injector: Injector;
|
|
158
|
+
get element(): _DynamicPageHeader;
|
|
159
|
+
ngAfterViewInit(): void;
|
|
160
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicPageHeader, never>;
|
|
161
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicPageHeader, "ui5-dynamic-page-header, [ui5-dynamic-page-header]", ["ui5DynamicPageHeader"], {}, {}, never, ["*"], true, never>;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
declare class DynamicPageTitle implements AfterViewInit {
|
|
165
|
+
elementRef: ElementRef<_DynamicPageTitle>;
|
|
166
|
+
injector: Injector;
|
|
167
|
+
get element(): _DynamicPageTitle;
|
|
168
|
+
ngAfterViewInit(): void;
|
|
169
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicPageTitle, never>;
|
|
170
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicPageTitle, "ui5-dynamic-page-title, [ui5-dynamic-page-title]", ["ui5DynamicPageTitle"], {}, {}, never, ["*"], true, never>;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
declare class DynamicSideContent implements AfterViewInit {
|
|
174
|
+
/**
|
|
175
|
+
* Defines the visibility of the main content.
|
|
176
|
+
*/
|
|
177
|
+
hideMainContent: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
178
|
+
/**
|
|
179
|
+
* Defines the visibility of the side content.
|
|
180
|
+
*/
|
|
181
|
+
hideSideContent: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
182
|
+
/**
|
|
183
|
+
* Defines whether the side content is positioned before the main content (left side
|
|
184
|
+
in LTR mode), or after the the main content (right side in LTR mode).
|
|
185
|
+
*/
|
|
186
|
+
sideContentPosition: _angular_core.InputSignal<"End" | "Start" | undefined>;
|
|
187
|
+
/**
|
|
188
|
+
* Defines on which breakpoints the side content is visible.
|
|
189
|
+
*/
|
|
190
|
+
sideContentVisibility: _angular_core.InputSignal<"AlwaysShow" | "ShowAboveL" | "ShowAboveM" | "ShowAboveS" | "NeverShow" | undefined>;
|
|
191
|
+
/**
|
|
192
|
+
* Defines on which breakpoints the side content falls down below the main content.
|
|
193
|
+
*/
|
|
194
|
+
sideContentFallDown: _angular_core.InputSignal<"BelowXL" | "BelowL" | "BelowM" | "OnMinimumWidth" | undefined>;
|
|
195
|
+
/**
|
|
196
|
+
* Defines whether the component is in equal split mode. In this mode, the side and
|
|
197
|
+
the main content take 50:50 percent of the container on all screen sizes
|
|
198
|
+
except for phone, where the main and side contents are switching visibility
|
|
199
|
+
using the toggle method.
|
|
200
|
+
*/
|
|
201
|
+
equalSplit: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
202
|
+
/**
|
|
203
|
+
* Defines additional accessibility attributes on different areas of the component.
|
|
204
|
+
|
|
205
|
+
The accessibilityAttributes object has the following fields:
|
|
206
|
+
|
|
207
|
+
- **mainContent**: `mainContent.ariaLabel` defines the aria-label of the main content area. Accepts any string.
|
|
208
|
+
- **sideContent**: `sideContent.ariaLabel` defines the aria-label of the side content area. Accepts any string.
|
|
209
|
+
*/
|
|
210
|
+
accessibilityAttributes: _angular_core.InputSignal<DynamicSideContentAccessibilityAttributes | undefined>;
|
|
211
|
+
/**
|
|
212
|
+
* Fires when the current breakpoint has been changed.
|
|
213
|
+
*/
|
|
214
|
+
ui5LayoutChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_DynamicSideContent, "layout-change">>;
|
|
215
|
+
elementRef: ElementRef<_DynamicSideContent>;
|
|
216
|
+
injector: Injector;
|
|
217
|
+
get element(): _DynamicSideContent;
|
|
218
|
+
ngAfterViewInit(): void;
|
|
219
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicSideContent, never>;
|
|
220
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicSideContent, "ui5-dynamic-side-content, [ui5-dynamic-side-content]", ["ui5DynamicSideContent"], { "hideMainContent": { "alias": "hideMainContent"; "required": false; "isSignal": true; }; "hideSideContent": { "alias": "hideSideContent"; "required": false; "isSignal": true; }; "sideContentPosition": { "alias": "sideContentPosition"; "required": false; "isSignal": true; }; "sideContentVisibility": { "alias": "sideContentVisibility"; "required": false; "isSignal": true; }; "sideContentFallDown": { "alias": "sideContentFallDown"; "required": false; "isSignal": true; }; "equalSplit": { "alias": "equalSplit"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; }, { "ui5LayoutChange": "ui5LayoutChange"; }, never, ["*"], true, never>;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
declare class FilterItem implements AfterViewInit {
|
|
224
|
+
/**
|
|
225
|
+
* Defines the text of the filter item.
|
|
226
|
+
*/
|
|
227
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
228
|
+
/**
|
|
229
|
+
* Defines the additional text of the filter item.
|
|
230
|
+
This text is typically used to show the number of selected filter options within this category.
|
|
231
|
+
*/
|
|
232
|
+
additionalText: _angular_core.InputSignal<string | undefined>;
|
|
233
|
+
elementRef: ElementRef<_FilterItem>;
|
|
234
|
+
injector: Injector;
|
|
235
|
+
get element(): _FilterItem;
|
|
236
|
+
ngAfterViewInit(): void;
|
|
237
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterItem, never>;
|
|
238
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterItem, "ui5-filter-item, [ui5-filter-item]", ["ui5FilterItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
declare class FilterItemOption implements AfterViewInit {
|
|
242
|
+
/**
|
|
243
|
+
* Defines the text of the filter option.
|
|
244
|
+
*/
|
|
245
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
246
|
+
/**
|
|
247
|
+
* Defines if the filter option is selected.
|
|
248
|
+
*/
|
|
249
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
250
|
+
elementRef: ElementRef<_FilterItemOption>;
|
|
251
|
+
injector: Injector;
|
|
252
|
+
get element(): _FilterItemOption;
|
|
253
|
+
ngAfterViewInit(): void;
|
|
254
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterItemOption, never>;
|
|
255
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterItemOption, "ui5-filter-item-option, [ui5-filter-item-option]", ["ui5FilterItemOption"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
declare class FlexibleColumnLayout implements AfterViewInit {
|
|
259
|
+
/**
|
|
260
|
+
* Defines the columns layout and their proportion.
|
|
261
|
+
|
|
262
|
+
**Note:** The layout also depends on the screen size - one column for screens smaller than 599px,
|
|
263
|
+
two columns between 599px and 1023px and three columns for sizes bigger than 1023px.
|
|
264
|
+
|
|
265
|
+
**For example:** layout=`TwoColumnsStartExpanded` means the layout will display up to two columns
|
|
266
|
+
in 67%/33% proportion.
|
|
267
|
+
*/
|
|
268
|
+
layout: _angular_core.InputSignal<"OneColumn" | "TwoColumnsStartExpanded" | "TwoColumnsMidExpanded" | "ThreeColumnsMidExpanded" | "ThreeColumnsEndExpanded" | "ThreeColumnsStartExpandedEndHidden" | "ThreeColumnsMidExpandedEndHidden" | "ThreeColumnsStartHiddenMidExpanded" | "ThreeColumnsStartHiddenEndExpanded" | "MidColumnFullScreen" | "EndColumnFullScreen" | undefined>;
|
|
269
|
+
/**
|
|
270
|
+
* Specifies if the user is allowed to change the columns layout by dragging the separator between the columns.
|
|
271
|
+
*/
|
|
272
|
+
disableResizing: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
273
|
+
/**
|
|
274
|
+
* Defines additional accessibility attributes on different areas of the component.
|
|
275
|
+
|
|
276
|
+
The accessibilityAttributes object has the following fields,
|
|
277
|
+
where each field is an object supporting one or more accessibility attributes:
|
|
278
|
+
|
|
279
|
+
- **startColumn**: `startColumn.role` and `startColumn.name`.
|
|
280
|
+
- **midColumn**: `midColumn.role` and `midColumn.name`.
|
|
281
|
+
- **endColumn**: `endColumn.role` and `endColumn.name`.
|
|
282
|
+
- **startSeparator**: `startSeparator.role` and `startSeparator.name`.
|
|
283
|
+
- **endSeparator**: `endSeparator.role` and `endSeparator.name`.
|
|
284
|
+
|
|
285
|
+
The accessibility attributes support the following values:
|
|
286
|
+
|
|
287
|
+
- **role**: Defines the accessible ARIA landmark role of the area.
|
|
288
|
+
Accepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.
|
|
289
|
+
|
|
290
|
+
- **name**: Defines the accessible ARIA name of the area.
|
|
291
|
+
Accepts any string.
|
|
292
|
+
*/
|
|
293
|
+
accessibilityAttributes: _angular_core.InputSignal<FCLAccessibilityAttributes | undefined>;
|
|
294
|
+
/**
|
|
295
|
+
* Allows to customize the column proportions per screen size and layout.
|
|
296
|
+
If no custom proportion provided for a specific layout, the default will be used.
|
|
297
|
+
|
|
298
|
+
**Notes:**
|
|
299
|
+
|
|
300
|
+
- The proportions should be given in percentages. For example ["30%", "40%", "30%"], ["70%", "30%", 0], etc.
|
|
301
|
+
- The proportions should add up to 100%.
|
|
302
|
+
- Hidden columns are marked as "0px", e.g. ["0px", "70%", "30%"]. Specifying 0 or "0%" for hidden columns is also valid.
|
|
303
|
+
- If the proportions do not match the layout (e.g. if provided proportions ["70%", "30%", "0px"] for "OneColumn" layout), then the default proportions will be used instead.
|
|
304
|
+
- Whenever the user drags the columns separator to resize the columns, the `layoutsConfiguration` object will be updated with the user-specified proportions for the given layout (and the `layout-configuration-change` event will be fired).
|
|
305
|
+
- No custom configuration available for the phone screen size, as the default of 100% column width is always used there.
|
|
306
|
+
*/
|
|
307
|
+
layoutsConfiguration: _angular_core.InputSignal<LayoutConfiguration | undefined>;
|
|
308
|
+
/**
|
|
309
|
+
* Returns the current column layout, based on both the `layout` property and the screen size.
|
|
310
|
+
|
|
311
|
+
**For example:** ["67%", "33%", 0], ["100%", 0, 0], ["25%", "50%", "25%"], etc,
|
|
312
|
+
where the numbers represents the width of the start, middle and end columns.
|
|
313
|
+
* @readonly This property is managed by the web component and updates reactively.
|
|
314
|
+
* Based on schema: readonly field that updates via layout-change event parameters.
|
|
315
|
+
*/
|
|
316
|
+
columnLayout: _angular_core.Signal<FlexibleColumnLayoutColumnLayout | undefined>;
|
|
317
|
+
/**
|
|
318
|
+
* Returns if the `start` column is visible.
|
|
319
|
+
* @readonly This property is managed by the web component and updates reactively.
|
|
320
|
+
* Based on schema: readonly field that updates via layout-change event parameters.
|
|
321
|
+
*/
|
|
322
|
+
startColumnVisible: _angular_core.Signal<boolean>;
|
|
323
|
+
/**
|
|
324
|
+
* Returns if the `middle` column is visible.
|
|
325
|
+
* @readonly This property is managed by the web component and updates reactively.
|
|
326
|
+
* Based on schema: readonly field that updates via layout-change event parameters.
|
|
327
|
+
*/
|
|
328
|
+
midColumnVisible: _angular_core.Signal<boolean>;
|
|
329
|
+
/**
|
|
330
|
+
* Returns if the `end` column is visible.
|
|
331
|
+
* @readonly This property is managed by the web component and updates reactively.
|
|
332
|
+
* Based on schema: readonly field that updates via layout-change event parameters.
|
|
333
|
+
*/
|
|
334
|
+
endColumnVisible: _angular_core.Signal<boolean>;
|
|
335
|
+
/**
|
|
336
|
+
* Returns the number of currently visible columns.
|
|
337
|
+
* @readonly This property is managed by the web component.
|
|
338
|
+
*/
|
|
339
|
+
get visibleColumns(): number;
|
|
340
|
+
/**
|
|
341
|
+
* Fired when the layout changes via user interaction by dragging the separators
|
|
342
|
+
or by changing the component size due to resizing.
|
|
343
|
+
*/
|
|
344
|
+
ui5LayoutChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_FlexibleColumnLayout, "layout-change">>;
|
|
345
|
+
/**
|
|
346
|
+
* Fired when the `layoutsConfiguration` changes via user interaction by dragging the separators.
|
|
347
|
+
*/
|
|
348
|
+
ui5LayoutConfigurationChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_FlexibleColumnLayout, "layout-configuration-change">>;
|
|
349
|
+
elementRef: ElementRef<_FlexibleColumnLayout>;
|
|
350
|
+
injector: Injector;
|
|
351
|
+
private _columnLayoutSignal;
|
|
352
|
+
private _startColumnVisibleSignal;
|
|
353
|
+
private _midColumnVisibleSignal;
|
|
354
|
+
private _endColumnVisibleSignal;
|
|
355
|
+
get element(): _FlexibleColumnLayout;
|
|
356
|
+
ngAfterViewInit(): void;
|
|
357
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexibleColumnLayout, never>;
|
|
358
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexibleColumnLayout, "ui5-flexible-column-layout, [ui5-flexible-column-layout]", ["ui5FlexibleColumnLayout"], { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "disableResizing": { "alias": "disableResizing"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "layoutsConfiguration": { "alias": "layoutsConfiguration"; "required": false; "isSignal": true; }; }, { "ui5LayoutChange": "ui5LayoutChange"; "ui5LayoutConfigurationChange": "ui5LayoutConfigurationChange"; }, never, ["*"], true, never>;
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
declare class GroupItem implements AfterViewInit {
|
|
362
|
+
/**
|
|
363
|
+
* Defines the text of the group item.
|
|
364
|
+
*/
|
|
365
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
366
|
+
/**
|
|
367
|
+
* Defines if the group item is selected.
|
|
368
|
+
*/
|
|
369
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
370
|
+
elementRef: ElementRef<_GroupItem>;
|
|
371
|
+
injector: Injector;
|
|
372
|
+
get element(): _GroupItem;
|
|
373
|
+
ngAfterViewInit(): void;
|
|
374
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GroupItem, never>;
|
|
375
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<GroupItem, "ui5-group-item, [ui5-group-item]", ["ui5GroupItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
declare class IllustratedMessage implements AfterViewInit {
|
|
379
|
+
/**
|
|
380
|
+
* Defines the illustration name that will be displayed in the component.
|
|
381
|
+
|
|
382
|
+
Example:
|
|
383
|
+
|
|
384
|
+
`name='BeforeSearch'`, `name='UnableToUpload'`, etc..
|
|
385
|
+
|
|
386
|
+
**Note:** To use the TNT illustrations,
|
|
387
|
+
you need to set the `tnt` or `Tnt` prefix in front of the icon's name.
|
|
388
|
+
|
|
389
|
+
Example:
|
|
390
|
+
|
|
391
|
+
`name='tnt/Avatar'` or `name='TntAvatar'`.
|
|
392
|
+
|
|
393
|
+
**Note:** By default the `BeforeSearch` illustration is loaded.
|
|
394
|
+
When using an illustration type, other than the default, it should be loaded in addition:
|
|
395
|
+
|
|
396
|
+
`import "@ui5/webcomponents-fiori/dist/illustrations/NoData.js";`
|
|
397
|
+
|
|
398
|
+
For TNT illustrations:
|
|
399
|
+
|
|
400
|
+
`import "@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js";`
|
|
401
|
+
*/
|
|
402
|
+
name: _angular_core.InputSignal<string | undefined>;
|
|
403
|
+
/**
|
|
404
|
+
* Determines which illustration breakpoint variant is used.
|
|
405
|
+
|
|
406
|
+
As `IllustratedMessage` adapts itself around the `Illustration`, the other
|
|
407
|
+
elements of the component are displayed differently on the different breakpoints/illustration designs.
|
|
408
|
+
*/
|
|
409
|
+
design: _angular_core.InputSignal<"Auto" | "Base" | "Dot" | "Spot" | "Dialog" | "Scene" | "ExtraSmall" | "Small" | "Medium" | "Large" | undefined>;
|
|
410
|
+
/**
|
|
411
|
+
* Defines the subtitle of the component.
|
|
412
|
+
|
|
413
|
+
**Note:** Using this property, the default subtitle text of illustration will be overwritten.
|
|
414
|
+
|
|
415
|
+
**Note:** Using `subtitle` slot, the default of this property will be overwritten.
|
|
416
|
+
*/
|
|
417
|
+
subtitleText: _angular_core.InputSignal<string | undefined>;
|
|
418
|
+
/**
|
|
419
|
+
* Defines the title of the component.
|
|
420
|
+
|
|
421
|
+
**Note:** Using this property, the default title text of illustration will be overwritten.
|
|
422
|
+
*/
|
|
423
|
+
titleText: _angular_core.InputSignal<string | undefined>;
|
|
424
|
+
/**
|
|
425
|
+
* Receives id(or many ids) of the elements that label the component.
|
|
426
|
+
*/
|
|
427
|
+
accessibleNameRef: _angular_core.InputSignal<string | undefined>;
|
|
428
|
+
/**
|
|
429
|
+
* Defines whether the illustration is decorative.
|
|
430
|
+
|
|
431
|
+
When set to `true`, the attributes `role="presentation"` and `aria-hidden="true"` are applied to the SVG element.
|
|
432
|
+
*/
|
|
433
|
+
decorative: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
434
|
+
elementRef: ElementRef<_IllustratedMessage>;
|
|
435
|
+
injector: Injector;
|
|
436
|
+
get element(): _IllustratedMessage;
|
|
437
|
+
ngAfterViewInit(): void;
|
|
438
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IllustratedMessage, never>;
|
|
439
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IllustratedMessage, "ui5-illustrated-message, [ui5-illustrated-message]", ["ui5IllustratedMessage"], { "name": { "alias": "name"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
440
|
+
}
|
|
441
|
+
|
|
442
|
+
declare class MediaGallery implements AfterViewInit {
|
|
443
|
+
/**
|
|
444
|
+
* If set to `true`, all thumbnails are rendered in a scrollable container.
|
|
445
|
+
If `false`, only up to five thumbnails are rendered, followed by
|
|
446
|
+
an overflow button that shows the count of the remaining thumbnails.
|
|
447
|
+
*/
|
|
448
|
+
showAllThumbnails: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
449
|
+
/**
|
|
450
|
+
* If enabled, a `display-area-click` event is fired
|
|
451
|
+
when the user clicks or taps on the display area.
|
|
452
|
+
|
|
453
|
+
The display area is the central area that contains
|
|
454
|
+
the enlarged content of the currently selected item.
|
|
455
|
+
*/
|
|
456
|
+
interactiveDisplayArea: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
457
|
+
/**
|
|
458
|
+
* Determines the layout of the component.
|
|
459
|
+
*/
|
|
460
|
+
layout: _angular_core.InputSignal<"Auto" | "Vertical" | "Horizontal" | undefined>;
|
|
461
|
+
/**
|
|
462
|
+
* Determines the horizontal alignment of the thumbnails menu
|
|
463
|
+
vs. the central display area.
|
|
464
|
+
*/
|
|
465
|
+
menuHorizontalAlign: _angular_core.InputSignal<"Left" | "Right" | undefined>;
|
|
466
|
+
/**
|
|
467
|
+
* Determines the vertical alignment of the thumbnails menu
|
|
468
|
+
vs. the central display area.
|
|
469
|
+
*/
|
|
470
|
+
menuVerticalAlign: _angular_core.InputSignal<"Top" | "Bottom" | undefined>;
|
|
471
|
+
/**
|
|
472
|
+
* Fired when selection is changed by user interaction.
|
|
473
|
+
*/
|
|
474
|
+
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_MediaGallery, "selection-change">>;
|
|
475
|
+
/**
|
|
476
|
+
* Fired when the thumbnails overflow button is clicked.
|
|
477
|
+
*/
|
|
478
|
+
ui5OverflowClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_MediaGallery, "overflow-click">>;
|
|
479
|
+
/**
|
|
480
|
+
* Fired when the display area is clicked.
|
|
481
|
+
The display area is the central area that contains
|
|
482
|
+
the enlarged content of the currently selected item.
|
|
483
|
+
*/
|
|
484
|
+
ui5DisplayAreaClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_MediaGallery, "display-area-click">>;
|
|
485
|
+
elementRef: ElementRef<_MediaGallery>;
|
|
486
|
+
injector: Injector;
|
|
487
|
+
get element(): _MediaGallery;
|
|
488
|
+
ngAfterViewInit(): void;
|
|
489
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MediaGallery, never>;
|
|
490
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MediaGallery, "ui5-media-gallery, [ui5-media-gallery]", ["ui5MediaGallery"], { "showAllThumbnails": { "alias": "showAllThumbnails"; "required": false; "isSignal": true; }; "interactiveDisplayArea": { "alias": "interactiveDisplayArea"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "menuHorizontalAlign": { "alias": "menuHorizontalAlign"; "required": false; "isSignal": true; }; "menuVerticalAlign": { "alias": "menuVerticalAlign"; "required": false; "isSignal": true; }; }, { "ui5SelectionChange": "ui5SelectionChange"; "ui5OverflowClick": "ui5OverflowClick"; "ui5DisplayAreaClick": "ui5DisplayAreaClick"; }, never, ["*"], true, never>;
|
|
491
|
+
}
|
|
492
|
+
|
|
493
|
+
declare class MediaGalleryItem implements AfterViewInit {
|
|
494
|
+
/**
|
|
495
|
+
* Defines the selected state of the component.
|
|
496
|
+
*/
|
|
497
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
498
|
+
/**
|
|
499
|
+
* Defines whether the component is in disabled state.
|
|
500
|
+
*/
|
|
501
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
502
|
+
/**
|
|
503
|
+
* Determines the layout of the item container.
|
|
504
|
+
*/
|
|
505
|
+
layout: _angular_core.InputSignal<"Square" | "Wide" | undefined>;
|
|
506
|
+
elementRef: ElementRef<_MediaGalleryItem>;
|
|
507
|
+
injector: Injector;
|
|
508
|
+
get element(): _MediaGalleryItem;
|
|
509
|
+
ngAfterViewInit(): void;
|
|
510
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MediaGalleryItem, never>;
|
|
511
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MediaGalleryItem, "ui5-media-gallery-item, [ui5-media-gallery-item]", ["ui5MediaGalleryItem"], { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
declare class NavigationLayout implements AfterViewInit {
|
|
515
|
+
/**
|
|
516
|
+
* Specifies the navigation layout mode.
|
|
517
|
+
*/
|
|
518
|
+
mode: _angular_core.InputSignal<"Auto" | "Collapsed" | "Expanded" | undefined>;
|
|
519
|
+
elementRef: ElementRef<_NavigationLayout>;
|
|
520
|
+
injector: Injector;
|
|
521
|
+
get element(): _NavigationLayout;
|
|
522
|
+
ngAfterViewInit(): void;
|
|
523
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationLayout, never>;
|
|
524
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationLayout, "ui5-navigation-layout, [ui5-navigation-layout]", ["ui5NavigationLayout"], { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
525
|
+
}
|
|
526
|
+
|
|
527
|
+
declare class NotificationList implements AfterViewInit {
|
|
528
|
+
/**
|
|
529
|
+
* Defines the text that is displayed when the component contains no items.
|
|
530
|
+
*/
|
|
531
|
+
noDataText: _angular_core.InputSignal<string | undefined>;
|
|
532
|
+
/**
|
|
533
|
+
* Fired when an item is clicked.
|
|
534
|
+
*/
|
|
535
|
+
ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationList, "item-click">>;
|
|
536
|
+
/**
|
|
537
|
+
* Fired when the `Close` button of any item is clicked.
|
|
538
|
+
*/
|
|
539
|
+
ui5ItemClose: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationList, "item-close">>;
|
|
540
|
+
/**
|
|
541
|
+
* Fired when an item is toggled.
|
|
542
|
+
*/
|
|
543
|
+
ui5ItemToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationList, "item-toggle">>;
|
|
544
|
+
elementRef: ElementRef<_NotificationList>;
|
|
545
|
+
injector: Injector;
|
|
546
|
+
get element(): _NotificationList;
|
|
547
|
+
ngAfterViewInit(): void;
|
|
548
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationList, never>;
|
|
549
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationList, "ui5-notification-list, [ui5-notification-list]", ["ui5NotificationList"], { "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5ItemClose": "ui5ItemClose"; "ui5ItemToggle": "ui5ItemToggle"; }, never, ["*"], true, never>;
|
|
550
|
+
}
|
|
551
|
+
|
|
552
|
+
declare class NotificationListGroupItem implements AfterViewInit {
|
|
553
|
+
/**
|
|
554
|
+
* Defines if the group is collapsed or expanded.
|
|
555
|
+
*/
|
|
556
|
+
collapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
557
|
+
/**
|
|
558
|
+
* Defines whether the component will have growing capability by pressing a `More` button.
|
|
559
|
+
When button is pressed `load-more` event will be fired.
|
|
560
|
+
*/
|
|
561
|
+
growing: _angular_core.InputSignal<"Button" | "None" | undefined>;
|
|
562
|
+
/**
|
|
563
|
+
* Defines the `titleText` of the item.
|
|
564
|
+
*/
|
|
565
|
+
titleText: _angular_core.InputSignal<string | undefined>;
|
|
566
|
+
/**
|
|
567
|
+
* Defines if the `notification` is new or has been already read.
|
|
568
|
+
|
|
569
|
+
**Note:** if set to `false` the `titleText` has bold font,
|
|
570
|
+
if set to true - it has a normal font.
|
|
571
|
+
*/
|
|
572
|
+
read: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
573
|
+
/**
|
|
574
|
+
* Defines if a busy indicator would be displayed over the item.
|
|
575
|
+
*/
|
|
576
|
+
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
577
|
+
/**
|
|
578
|
+
* Defines the delay in milliseconds, after which the busy indicator will show up for this component.
|
|
579
|
+
*/
|
|
580
|
+
loadingDelay: _angular_core.InputSignal<number | undefined>;
|
|
581
|
+
/**
|
|
582
|
+
* Fired when the `ui5-li-notification-group` is expanded/collapsed by user interaction.
|
|
583
|
+
*/
|
|
584
|
+
ui5Toggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationListGroupItem, "toggle">>;
|
|
585
|
+
/**
|
|
586
|
+
* Fired when additional items are requested.
|
|
587
|
+
*/
|
|
588
|
+
ui5LoadMore: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationListGroupItem, "load-more">>;
|
|
589
|
+
elementRef: ElementRef<_NotificationListGroupItem>;
|
|
590
|
+
injector: Injector;
|
|
591
|
+
get element(): _NotificationListGroupItem;
|
|
592
|
+
ngAfterViewInit(): void;
|
|
593
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationListGroupItem, never>;
|
|
594
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationListGroupItem, "ui5-li-notification-group, [ui5-li-notification-group]", ["ui5NotificationListGroupItem"], { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "growing": { "alias": "growing"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "read": { "alias": "read"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; }, { "ui5Toggle": "ui5Toggle"; "ui5LoadMore": "ui5LoadMore"; }, never, ["*"], true, never>;
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
declare class NotificationListItem implements AfterViewInit {
|
|
598
|
+
/**
|
|
599
|
+
* Defines if the `titleText` and `description` should wrap,
|
|
600
|
+
they truncate by default.
|
|
601
|
+
|
|
602
|
+
**Note:** by default the `titleText` and `description`,
|
|
603
|
+
and a `ShowMore/Less` button would be displayed.
|
|
604
|
+
*/
|
|
605
|
+
wrappingType: _angular_core.InputSignal<"None" | "Normal" | undefined>;
|
|
606
|
+
/**
|
|
607
|
+
* Defines the status indicator of the item.
|
|
608
|
+
*/
|
|
609
|
+
state: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
|
|
610
|
+
/**
|
|
611
|
+
* Defines if the `Close` button would be displayed.
|
|
612
|
+
*/
|
|
613
|
+
showClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
614
|
+
/**
|
|
615
|
+
* Defines the `Important` label of the item.
|
|
616
|
+
*/
|
|
617
|
+
importance: _angular_core.InputSignal<"Standard" | "Important" | undefined>;
|
|
618
|
+
/**
|
|
619
|
+
* Defines the `titleText` of the item.
|
|
620
|
+
*/
|
|
621
|
+
titleText: _angular_core.InputSignal<string | undefined>;
|
|
622
|
+
/**
|
|
623
|
+
* Defines if the `notification` is new or has been already read.
|
|
624
|
+
|
|
625
|
+
**Note:** if set to `false` the `titleText` has bold font,
|
|
626
|
+
if set to true - it has a normal font.
|
|
627
|
+
*/
|
|
628
|
+
read: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
629
|
+
/**
|
|
630
|
+
* Defines if a busy indicator would be displayed over the item.
|
|
631
|
+
*/
|
|
632
|
+
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
633
|
+
/**
|
|
634
|
+
* Defines the delay in milliseconds, after which the busy indicator will show up for this component.
|
|
635
|
+
*/
|
|
636
|
+
loadingDelay: _angular_core.InputSignal<number | undefined>;
|
|
637
|
+
/**
|
|
638
|
+
* Fired when the `Close` button is pressed.
|
|
639
|
+
*/
|
|
640
|
+
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationListItem, "close">>;
|
|
641
|
+
elementRef: ElementRef<_NotificationListItem>;
|
|
642
|
+
injector: Injector;
|
|
643
|
+
get element(): _NotificationListItem;
|
|
644
|
+
ngAfterViewInit(): void;
|
|
645
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationListItem, never>;
|
|
646
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationListItem, "ui5-li-notification, [ui5-li-notification]", ["ui5NotificationListItem"], { "wrappingType": { "alias": "wrappingType"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; "importance": { "alias": "importance"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "read": { "alias": "read"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; }, { "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
|
|
647
|
+
}
|
|
648
|
+
|
|
649
|
+
declare class Page implements AfterViewInit {
|
|
650
|
+
/**
|
|
651
|
+
* Defines the background color of the `ui5-page`.
|
|
652
|
+
|
|
653
|
+
**Note:** When a ui5-list is placed inside the page, we recommend using “List” to ensure better color contrast.
|
|
654
|
+
*/
|
|
655
|
+
backgroundDesign: _angular_core.InputSignal<"List" | "Solid" | "Transparent" | undefined>;
|
|
656
|
+
/**
|
|
657
|
+
* Disables vertical scrolling of page content.
|
|
658
|
+
If set to true, there will be no vertical scrolling at all.
|
|
659
|
+
*/
|
|
660
|
+
noScrolling: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
661
|
+
/**
|
|
662
|
+
* Defines if the footer is fixed at the very bottom of the page.
|
|
663
|
+
|
|
664
|
+
**Note:** When set to true the footer is fixed at the very bottom of the page, otherwise it floats over the content with a slight offset from the bottom.
|
|
665
|
+
*/
|
|
666
|
+
fixedFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
667
|
+
/**
|
|
668
|
+
* Defines the footer visibility.
|
|
669
|
+
*/
|
|
670
|
+
hideFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
671
|
+
elementRef: ElementRef<_Page>;
|
|
672
|
+
injector: Injector;
|
|
673
|
+
get element(): _Page;
|
|
674
|
+
ngAfterViewInit(): void;
|
|
675
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Page, never>;
|
|
676
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Page, "ui5-page, [ui5-page]", ["ui5Page"], { "backgroundDesign": { "alias": "backgroundDesign"; "required": false; "isSignal": true; }; "noScrolling": { "alias": "noScrolling"; "required": false; "isSignal": true; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; "isSignal": true; }; "hideFooter": { "alias": "hideFooter"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
677
|
+
}
|
|
678
|
+
|
|
679
|
+
declare class ProductSwitch implements AfterViewInit {
|
|
680
|
+
elementRef: ElementRef<_ProductSwitch>;
|
|
681
|
+
injector: Injector;
|
|
682
|
+
get element(): _ProductSwitch;
|
|
683
|
+
ngAfterViewInit(): void;
|
|
684
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProductSwitch, never>;
|
|
685
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProductSwitch, "ui5-product-switch, [ui5-product-switch]", ["ui5ProductSwitch"], {}, {}, never, ["*"], true, never>;
|
|
686
|
+
}
|
|
687
|
+
|
|
688
|
+
declare class ProductSwitchItem implements AfterViewInit {
|
|
689
|
+
/**
|
|
690
|
+
* Defines the title of the component.
|
|
691
|
+
*/
|
|
692
|
+
titleText: _angular_core.InputSignal<string | undefined>;
|
|
693
|
+
/**
|
|
694
|
+
* Defines the subtitle of the component.
|
|
695
|
+
*/
|
|
696
|
+
subtitleText: _angular_core.InputSignal<string | undefined>;
|
|
697
|
+
/**
|
|
698
|
+
* Defines the icon to be displayed as a graphical element within the component.
|
|
699
|
+
|
|
700
|
+
Example:
|
|
701
|
+
|
|
702
|
+
`<ui5-product-switch-item icon="palette">`
|
|
703
|
+
|
|
704
|
+
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
705
|
+
*/
|
|
706
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
707
|
+
/**
|
|
708
|
+
* Defines a target where the `targetSrc` content must be open.
|
|
709
|
+
|
|
710
|
+
Available options are:
|
|
711
|
+
|
|
712
|
+
- `_self`
|
|
713
|
+
- `_top`
|
|
714
|
+
- `_blank`
|
|
715
|
+
- `_parent`
|
|
716
|
+
- `_search`
|
|
717
|
+
|
|
718
|
+
**Note:** By default target will be open in the same frame as it was clicked.
|
|
719
|
+
*/
|
|
720
|
+
target: _angular_core.InputSignal<string | undefined>;
|
|
721
|
+
/**
|
|
722
|
+
* Defines the component target URI. Supports standard hyperlink behavior.
|
|
723
|
+
*/
|
|
724
|
+
targetSrc: _angular_core.InputSignal<string | undefined>;
|
|
725
|
+
/**
|
|
726
|
+
* Fired when the `ui5-product-switch-item` is activated either with a
|
|
727
|
+
click/tap or by using the Enter or Space key.
|
|
728
|
+
*/
|
|
729
|
+
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ProductSwitchItem, "click">>;
|
|
730
|
+
elementRef: ElementRef<_ProductSwitchItem>;
|
|
731
|
+
injector: Injector;
|
|
732
|
+
get element(): _ProductSwitchItem;
|
|
733
|
+
ngAfterViewInit(): void;
|
|
734
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProductSwitchItem, never>;
|
|
735
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProductSwitchItem, "ui5-product-switch-item, [ui5-product-switch-item]", ["ui5ProductSwitchItem"], { "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "targetSrc": { "alias": "targetSrc"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
|
|
736
|
+
}
|
|
737
|
+
|
|
738
|
+
declare class Search implements AfterViewInit {
|
|
739
|
+
/**
|
|
740
|
+
* Indicates whether a loading indicator should be shown in the popup.
|
|
741
|
+
*/
|
|
742
|
+
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
743
|
+
/**
|
|
744
|
+
* Defines whether the value will be autcompleted to match an item.
|
|
745
|
+
*/
|
|
746
|
+
noTypeahead: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
747
|
+
/**
|
|
748
|
+
* Indicates whether the items picker is open.
|
|
749
|
+
*/
|
|
750
|
+
open: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
751
|
+
/**
|
|
752
|
+
* Defines whether the clear icon of the search will be shown.
|
|
753
|
+
*/
|
|
754
|
+
showClearIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
755
|
+
/**
|
|
756
|
+
* Defines the value of the component.
|
|
757
|
+
|
|
758
|
+
**Note:** The property is updated upon typing.
|
|
759
|
+
*/
|
|
760
|
+
value: _angular_core.InputSignal<string | undefined>;
|
|
761
|
+
/**
|
|
762
|
+
* Defines a short hint intended to aid the user with data entry when the
|
|
763
|
+
component has no value.
|
|
764
|
+
*/
|
|
765
|
+
placeholder: _angular_core.InputSignal<string | undefined>;
|
|
766
|
+
/**
|
|
767
|
+
* Defines the accessible ARIA name of the component.
|
|
768
|
+
*/
|
|
769
|
+
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
770
|
+
/**
|
|
771
|
+
* Defines the accessible ARIA description of the field.
|
|
772
|
+
*/
|
|
773
|
+
accessibleDescription: _angular_core.InputSignal<string | undefined>;
|
|
774
|
+
/**
|
|
775
|
+
* Fired when the popup is opened.
|
|
776
|
+
*/
|
|
777
|
+
ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_Search, "open">>;
|
|
778
|
+
/**
|
|
779
|
+
* Fired when the popup is closed.
|
|
780
|
+
*/
|
|
781
|
+
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Search, "close">>;
|
|
782
|
+
/**
|
|
783
|
+
* Fired when typing in input or clear icon is pressed.
|
|
784
|
+
*/
|
|
785
|
+
ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_Search, "input">>;
|
|
786
|
+
/**
|
|
787
|
+
* Fired when the scope has changed.
|
|
788
|
+
*/
|
|
789
|
+
ui5ScopeChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Search, "scope-change">>;
|
|
790
|
+
/**
|
|
791
|
+
* Fired when the user has triggered search with Enter key or Search Button press.
|
|
792
|
+
*/
|
|
793
|
+
ui5Search: _angular_core.OutputEmitterRef<UI5CustomEvent<_Search, "search">>;
|
|
794
|
+
elementRef: ElementRef<_Search>;
|
|
795
|
+
injector: Injector;
|
|
796
|
+
get element(): _Search;
|
|
797
|
+
ngAfterViewInit(): void;
|
|
798
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Search, never>;
|
|
799
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Search, "ui5-search, [ui5-search]", ["ui5Search"], { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; }, { "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5ScopeChange": "ui5ScopeChange"; "ui5Search": "ui5Search"; }, never, ["*"], true, never>;
|
|
800
|
+
}
|
|
801
|
+
|
|
802
|
+
declare class SearchItem implements AfterViewInit {
|
|
803
|
+
/**
|
|
804
|
+
* Defines the heading text of the search item.
|
|
805
|
+
*/
|
|
806
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
807
|
+
/**
|
|
808
|
+
* Defines the description that appears right under the item text, if available.
|
|
809
|
+
*/
|
|
810
|
+
description: _angular_core.InputSignal<string | undefined>;
|
|
811
|
+
/**
|
|
812
|
+
* Defines the icon name of the search item.
|
|
813
|
+
**Note:** If provided, the image slot will be ignored.
|
|
814
|
+
*/
|
|
815
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
816
|
+
/**
|
|
817
|
+
* Defines whether the search item is selected.
|
|
818
|
+
*/
|
|
819
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
820
|
+
/**
|
|
821
|
+
* Defines whether the search item is deletable.
|
|
822
|
+
*/
|
|
823
|
+
deletable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
824
|
+
/**
|
|
825
|
+
* Defines the scope of the search item
|
|
826
|
+
*/
|
|
827
|
+
scopeName: _angular_core.InputSignal<string | undefined>;
|
|
828
|
+
/**
|
|
829
|
+
* Fired when delete button is pressed.
|
|
830
|
+
*/
|
|
831
|
+
ui5Delete: _angular_core.OutputEmitterRef<UI5CustomEvent<_SearchItem, "delete">>;
|
|
832
|
+
elementRef: ElementRef<_SearchItem>;
|
|
833
|
+
injector: Injector;
|
|
834
|
+
get element(): _SearchItem;
|
|
835
|
+
ngAfterViewInit(): void;
|
|
836
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchItem, never>;
|
|
837
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchItem, "ui5-search-item, [ui5-search-item]", ["ui5SearchItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "deletable": { "alias": "deletable"; "required": false; "isSignal": true; }; "scopeName": { "alias": "scopeName"; "required": false; "isSignal": true; }; }, { "ui5Delete": "ui5Delete"; }, never, ["*"], true, never>;
|
|
838
|
+
}
|
|
839
|
+
|
|
840
|
+
declare class SearchItemGroup implements AfterViewInit {
|
|
841
|
+
elementRef: ElementRef<_SearchItemGroup>;
|
|
842
|
+
injector: Injector;
|
|
843
|
+
get element(): _SearchItemGroup;
|
|
844
|
+
ngAfterViewInit(): void;
|
|
845
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchItemGroup, never>;
|
|
846
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchItemGroup, "ui5-search-item-group, [ui5-search-item-group]", ["ui5SearchItemGroup"], {}, {}, never, ["*"], true, never>;
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
declare class SearchItemShowMore implements AfterViewInit {
|
|
850
|
+
/**
|
|
851
|
+
* Specifies the number of additional items available to show.
|
|
852
|
+
This value replaces the placeholder (N) in the "Show more (N)" text.
|
|
853
|
+
If not set, the placeholder will remain as (N).
|
|
854
|
+
*/
|
|
855
|
+
itemsToShowCount: _angular_core.InputSignal<number | undefined>;
|
|
856
|
+
/**
|
|
857
|
+
* Defines whether the show more item is selected.
|
|
858
|
+
*/
|
|
859
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
860
|
+
/**
|
|
861
|
+
* Fired when the component is activated, either with a mouse/tap
|
|
862
|
+
or by pressing the Enter or Space keys.
|
|
863
|
+
*/
|
|
864
|
+
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_SearchItemShowMore, "click">>;
|
|
865
|
+
elementRef: ElementRef<_SearchItemShowMore>;
|
|
866
|
+
injector: Injector;
|
|
867
|
+
get element(): _SearchItemShowMore;
|
|
868
|
+
ngAfterViewInit(): void;
|
|
869
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchItemShowMore, never>;
|
|
870
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchItemShowMore, "ui5-search-item-show-more, [ui5-search-item-show-more]", ["ui5SearchItemShowMore"], { "itemsToShowCount": { "alias": "itemsToShowCount"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
|
|
871
|
+
}
|
|
872
|
+
|
|
873
|
+
declare class SearchMessageArea implements AfterViewInit {
|
|
874
|
+
/**
|
|
875
|
+
* Defines the text to be displayed.
|
|
876
|
+
*/
|
|
877
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
878
|
+
/**
|
|
879
|
+
* Defines the description text to be displayed.
|
|
880
|
+
*/
|
|
881
|
+
description: _angular_core.InputSignal<string | undefined>;
|
|
882
|
+
elementRef: ElementRef<_SearchMessageArea>;
|
|
883
|
+
injector: Injector;
|
|
884
|
+
get element(): _SearchMessageArea;
|
|
885
|
+
ngAfterViewInit(): void;
|
|
886
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchMessageArea, never>;
|
|
887
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchMessageArea, "ui5-search-message-area, [ui5-search-message-area]", ["ui5SearchMessageArea"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
888
|
+
}
|
|
889
|
+
|
|
890
|
+
declare class SearchScope implements AfterViewInit {
|
|
891
|
+
/**
|
|
892
|
+
* Defines the text of the component.
|
|
893
|
+
*/
|
|
894
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
895
|
+
/**
|
|
896
|
+
* Indicates whether the item is selected
|
|
897
|
+
*/
|
|
898
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
899
|
+
elementRef: ElementRef<_SearchScope>;
|
|
900
|
+
injector: Injector;
|
|
901
|
+
get element(): _SearchScope;
|
|
902
|
+
ngAfterViewInit(): void;
|
|
903
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchScope, never>;
|
|
904
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchScope, "ui5-search-scope, [ui5-search-scope]", ["ui5SearchScope"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
905
|
+
}
|
|
906
|
+
|
|
907
|
+
declare class ShellBar implements AfterViewInit {
|
|
908
|
+
/**
|
|
909
|
+
* Defines the visibility state of the search button.
|
|
910
|
+
|
|
911
|
+
**Note:** The `hideSearchButton` property is in an experimental state and is a subject to change.
|
|
912
|
+
*/
|
|
913
|
+
hideSearchButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
914
|
+
/**
|
|
915
|
+
* Disables the automatic search field expansion/collapse when the available space is not enough.
|
|
916
|
+
|
|
917
|
+
**Note:** The `disableSearchCollapse` property is in an experimental state and is a subject to change.
|
|
918
|
+
*/
|
|
919
|
+
disableSearchCollapse: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
920
|
+
/**
|
|
921
|
+
* Defines the `primaryTitle`.
|
|
922
|
+
|
|
923
|
+
**Note:** The `primaryTitle` would be hidden on S screen size (less than approx. 700px).
|
|
924
|
+
*/
|
|
925
|
+
primaryTitle: _angular_core.InputSignal<string | undefined>;
|
|
926
|
+
/**
|
|
927
|
+
* Defines the `secondaryTitle`.
|
|
928
|
+
|
|
929
|
+
**Note:** The `secondaryTitle` would be hidden on S and M screen sizes (less than approx. 1300px).
|
|
930
|
+
*/
|
|
931
|
+
secondaryTitle: _angular_core.InputSignal<string | undefined>;
|
|
932
|
+
/**
|
|
933
|
+
* Defines the `notificationsCount`,
|
|
934
|
+
displayed in the notification icon top-right corner.
|
|
935
|
+
*/
|
|
936
|
+
notificationsCount: _angular_core.InputSignal<string | undefined>;
|
|
937
|
+
/**
|
|
938
|
+
* Defines, if the notification icon would be displayed.
|
|
939
|
+
*/
|
|
940
|
+
showNotifications: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
941
|
+
/**
|
|
942
|
+
* Defines, if the product switch icon would be displayed.
|
|
943
|
+
*/
|
|
944
|
+
showProductSwitch: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
945
|
+
/**
|
|
946
|
+
* Defines, if the Search Field would be displayed when there is a valid `searchField` slot.
|
|
947
|
+
|
|
948
|
+
**Note:** By default the Search Field is not displayed.
|
|
949
|
+
*/
|
|
950
|
+
showSearchField: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
951
|
+
/**
|
|
952
|
+
* Defines additional accessibility attributes on different areas of the component.
|
|
953
|
+
|
|
954
|
+
The accessibilityAttributes object has the following fields,
|
|
955
|
+
where each field is an object supporting one or more accessibility attributes:
|
|
956
|
+
|
|
957
|
+
- **logo** - `logo.role` and `logo.name`.
|
|
958
|
+
- **notifications** - `notifications.expanded` and `notifications.hasPopup`.
|
|
959
|
+
- **profile** - `profile.expanded`, `profile.hasPopup` and `profile.name`.
|
|
960
|
+
- **product** - `product.expanded` and `product.hasPopup`.
|
|
961
|
+
- **search** - `search.hasPopup`.
|
|
962
|
+
- **overflow** - `overflow.expanded` and `overflow.hasPopup`.
|
|
963
|
+
- **branding** - `branding.name`.
|
|
964
|
+
|
|
965
|
+
The accessibility attributes support the following values:
|
|
966
|
+
|
|
967
|
+
- **role**: Defines the accessible ARIA role of the logo area.
|
|
968
|
+
Accepts the following string values: `button` or `link`.
|
|
969
|
+
|
|
970
|
+
- **expanded**: Indicates whether the button, or another grouping element it controls,
|
|
971
|
+
is currently expanded or collapsed.
|
|
972
|
+
Accepts the following string values: `true` or `false`.
|
|
973
|
+
|
|
974
|
+
- **hasPopup**: Indicates the availability and type of interactive popup element,
|
|
975
|
+
such as menu or dialog, that can be triggered by the button.
|
|
976
|
+
|
|
977
|
+
Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
|
|
978
|
+
- **name**: Defines the accessible ARIA name of the area.
|
|
979
|
+
Accepts any string.
|
|
980
|
+
*/
|
|
981
|
+
accessibilityAttributes: _angular_core.InputSignal<ShellBarAccessibilityAttributes | undefined>;
|
|
982
|
+
/**
|
|
983
|
+
* Returns the `logo` DOM ref.
|
|
984
|
+
* @readonly This property is managed by the web component.
|
|
985
|
+
*/
|
|
986
|
+
get logoDomRef(): HTMLElement | null;
|
|
987
|
+
/**
|
|
988
|
+
* Returns the `notifications` icon DOM ref.
|
|
989
|
+
* @readonly This property is managed by the web component.
|
|
990
|
+
*/
|
|
991
|
+
get notificationsDomRef(): HTMLElement | null;
|
|
992
|
+
/**
|
|
993
|
+
* Returns the `overflow` icon DOM ref.
|
|
994
|
+
* @readonly This property is managed by the web component.
|
|
995
|
+
*/
|
|
996
|
+
get overflowDomRef(): HTMLElement | null;
|
|
997
|
+
/**
|
|
998
|
+
* Returns the `profile` icon DOM ref.
|
|
999
|
+
* @readonly This property is managed by the web component.
|
|
1000
|
+
*/
|
|
1001
|
+
get profileDomRef(): HTMLElement | null;
|
|
1002
|
+
/**
|
|
1003
|
+
* Returns the `product-switch` icon DOM ref.
|
|
1004
|
+
* @readonly This property is managed by the web component.
|
|
1005
|
+
*/
|
|
1006
|
+
get productSwitchDomRef(): HTMLElement | null;
|
|
1007
|
+
/**
|
|
1008
|
+
* Fired, when the notification icon is activated.
|
|
1009
|
+
*/
|
|
1010
|
+
ui5NotificationsClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "notifications-click">>;
|
|
1011
|
+
/**
|
|
1012
|
+
* Fired, when the profile slot is present.
|
|
1013
|
+
*/
|
|
1014
|
+
ui5ProfileClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "profile-click">>;
|
|
1015
|
+
/**
|
|
1016
|
+
* Fired, when the product switch icon is activated.
|
|
1017
|
+
|
|
1018
|
+
**Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.
|
|
1019
|
+
*/
|
|
1020
|
+
ui5ProductSwitchClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "product-switch-click">>;
|
|
1021
|
+
/**
|
|
1022
|
+
* Fired, when the logo is activated.
|
|
1023
|
+
*/
|
|
1024
|
+
ui5LogoClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "logo-click">>;
|
|
1025
|
+
/**
|
|
1026
|
+
* Fired, when a menu item is activated
|
|
1027
|
+
|
|
1028
|
+
**Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.
|
|
1029
|
+
*/
|
|
1030
|
+
ui5MenuItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "menu-item-click">>;
|
|
1031
|
+
/**
|
|
1032
|
+
* Fired, when the search button is activated.
|
|
1033
|
+
|
|
1034
|
+
**Note:** You can prevent expanding/collapsing of the search field by calling `event.preventDefault()`.
|
|
1035
|
+
*/
|
|
1036
|
+
ui5SearchButtonClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "search-button-click">>;
|
|
1037
|
+
/**
|
|
1038
|
+
* Fired, when the search field is expanded or collapsed.
|
|
1039
|
+
*/
|
|
1040
|
+
ui5SearchFieldToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "search-field-toggle">>;
|
|
1041
|
+
/**
|
|
1042
|
+
* Fired, when the search cancel button is activated.
|
|
1043
|
+
|
|
1044
|
+
**Note:** You can prevent the default behavior (clearing the search field value) by calling `event.preventDefault()`. The search will still be closed.
|
|
1045
|
+
**Note:** The `search-field-clear` event is in an experimental state and is a subject to change.
|
|
1046
|
+
*/
|
|
1047
|
+
ui5SearchFieldClear: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "search-field-clear">>;
|
|
1048
|
+
/**
|
|
1049
|
+
* Fired, when an item from the content slot is hidden or shown.
|
|
1050
|
+
**Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change.
|
|
1051
|
+
*/
|
|
1052
|
+
ui5ContentItemVisibilityChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "content-item-visibility-change">>;
|
|
1053
|
+
elementRef: ElementRef<_ShellBar>;
|
|
1054
|
+
injector: Injector;
|
|
1055
|
+
get element(): _ShellBar;
|
|
1056
|
+
ngAfterViewInit(): void;
|
|
1057
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShellBar, never>;
|
|
1058
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShellBar, "ui5-shellbar, [ui5-shellbar]", ["ui5ShellBar"], { "hideSearchButton": { "alias": "hideSearchButton"; "required": false; "isSignal": true; }; "disableSearchCollapse": { "alias": "disableSearchCollapse"; "required": false; "isSignal": true; }; "primaryTitle": { "alias": "primaryTitle"; "required": false; "isSignal": true; }; "secondaryTitle": { "alias": "secondaryTitle"; "required": false; "isSignal": true; }; "notificationsCount": { "alias": "notificationsCount"; "required": false; "isSignal": true; }; "showNotifications": { "alias": "showNotifications"; "required": false; "isSignal": true; }; "showProductSwitch": { "alias": "showProductSwitch"; "required": false; "isSignal": true; }; "showSearchField": { "alias": "showSearchField"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; }, { "ui5NotificationsClick": "ui5NotificationsClick"; "ui5ProfileClick": "ui5ProfileClick"; "ui5ProductSwitchClick": "ui5ProductSwitchClick"; "ui5LogoClick": "ui5LogoClick"; "ui5MenuItemClick": "ui5MenuItemClick"; "ui5SearchButtonClick": "ui5SearchButtonClick"; "ui5SearchFieldToggle": "ui5SearchFieldToggle"; "ui5SearchFieldClear": "ui5SearchFieldClear"; "ui5ContentItemVisibilityChange": "ui5ContentItemVisibilityChange"; }, never, ["*"], true, never>;
|
|
1059
|
+
}
|
|
1060
|
+
|
|
1061
|
+
declare class ShellBarBranding implements AfterViewInit {
|
|
1062
|
+
/**
|
|
1063
|
+
* Defines the component href.
|
|
1064
|
+
|
|
1065
|
+
**Note:** Standard hyperlink behavior is supported.
|
|
1066
|
+
*/
|
|
1067
|
+
href: _angular_core.InputSignal<string | undefined>;
|
|
1068
|
+
/**
|
|
1069
|
+
* Defines the component target.
|
|
1070
|
+
|
|
1071
|
+
**Notes:**
|
|
1072
|
+
|
|
1073
|
+
- `_self`
|
|
1074
|
+
- `_top`
|
|
1075
|
+
- `_blank`
|
|
1076
|
+
- `_parent`
|
|
1077
|
+
- `_search`
|
|
1078
|
+
|
|
1079
|
+
**This property must only be used when the `href` property is set.**
|
|
1080
|
+
*/
|
|
1081
|
+
target: _angular_core.InputSignal<string | undefined>;
|
|
1082
|
+
/**
|
|
1083
|
+
* Defines the text alternative of the component.
|
|
1084
|
+
If not provided a default text alternative will be set, if present.
|
|
1085
|
+
*/
|
|
1086
|
+
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
1087
|
+
/**
|
|
1088
|
+
* Fired, when the logo is activated.
|
|
1089
|
+
*/
|
|
1090
|
+
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarBranding, "click">>;
|
|
1091
|
+
elementRef: ElementRef<_ShellBarBranding>;
|
|
1092
|
+
injector: Injector;
|
|
1093
|
+
get element(): _ShellBarBranding;
|
|
1094
|
+
ngAfterViewInit(): void;
|
|
1095
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShellBarBranding, never>;
|
|
1096
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShellBarBranding, "ui5-shellbar-branding, [ui5-shellbar-branding]", ["ui5ShellBarBranding"], { "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
|
|
1097
|
+
}
|
|
1098
|
+
|
|
1099
|
+
declare class ShellBarItem implements AfterViewInit {
|
|
1100
|
+
/**
|
|
1101
|
+
* Defines the name of the item's icon.
|
|
1102
|
+
*/
|
|
1103
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
1104
|
+
/**
|
|
1105
|
+
* Defines the item text.
|
|
1106
|
+
|
|
1107
|
+
**Note:** The text is only displayed inside the overflow popover list view.
|
|
1108
|
+
*/
|
|
1109
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
1110
|
+
/**
|
|
1111
|
+
* Defines the count displayed in the top-right corner.
|
|
1112
|
+
*/
|
|
1113
|
+
count: _angular_core.InputSignal<string | undefined>;
|
|
1114
|
+
/**
|
|
1115
|
+
* Defines additional accessibility attributes on Shellbar Items.
|
|
1116
|
+
|
|
1117
|
+
The accessibility attributes support the following values:
|
|
1118
|
+
|
|
1119
|
+
- **expanded**: Indicates whether the button, or another grouping element it controls,
|
|
1120
|
+
is currently expanded or collapsed.
|
|
1121
|
+
Accepts the following string values: `true` or `false`.
|
|
1122
|
+
|
|
1123
|
+
- **hasPopup**: Indicates the availability and type of interactive popup element,
|
|
1124
|
+
such as menu or dialog, that can be triggered by the button.
|
|
1125
|
+
|
|
1126
|
+
- **controls**: Identifies the element (or elements) whose contents
|
|
1127
|
+
or presence are controlled by the component.
|
|
1128
|
+
Accepts a lowercase string value, referencing the ID of the element it controls.
|
|
1129
|
+
*/
|
|
1130
|
+
accessibilityAttributes: _angular_core.InputSignal<ShellBarItemAccessibilityAttributes | undefined>;
|
|
1131
|
+
/**
|
|
1132
|
+
* Fired, when the item is pressed.
|
|
1133
|
+
*/
|
|
1134
|
+
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarItem, "click">>;
|
|
1135
|
+
elementRef: ElementRef<_ShellBarItem>;
|
|
1136
|
+
injector: Injector;
|
|
1137
|
+
get element(): _ShellBarItem;
|
|
1138
|
+
ngAfterViewInit(): void;
|
|
1139
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShellBarItem, never>;
|
|
1140
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShellBarItem, "ui5-shellbar-item, [ui5-shellbar-item]", ["ui5ShellBarItem"], { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
|
|
1141
|
+
}
|
|
1142
|
+
|
|
1143
|
+
declare class ShellBarSearch implements AfterViewInit {
|
|
1144
|
+
/**
|
|
1145
|
+
* Indicates whether the suggestions popover should be opened on focus.
|
|
1146
|
+
*/
|
|
1147
|
+
autoOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1148
|
+
/**
|
|
1149
|
+
* Indicates whether a loading indicator should be shown in the popup.
|
|
1150
|
+
*/
|
|
1151
|
+
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1152
|
+
/**
|
|
1153
|
+
* Defines whether the value will be autcompleted to match an item.
|
|
1154
|
+
*/
|
|
1155
|
+
noTypeahead: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1156
|
+
/**
|
|
1157
|
+
* Indicates whether the items picker is open.
|
|
1158
|
+
*/
|
|
1159
|
+
open: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1160
|
+
/**
|
|
1161
|
+
* Defines whether the clear icon of the search will be shown.
|
|
1162
|
+
*/
|
|
1163
|
+
showClearIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1164
|
+
/**
|
|
1165
|
+
* Defines the value of the component.
|
|
1166
|
+
|
|
1167
|
+
**Note:** The property is updated upon typing.
|
|
1168
|
+
*/
|
|
1169
|
+
value: _angular_core.InputSignal<string | undefined>;
|
|
1170
|
+
/**
|
|
1171
|
+
* Defines a short hint intended to aid the user with data entry when the
|
|
1172
|
+
component has no value.
|
|
1173
|
+
*/
|
|
1174
|
+
placeholder: _angular_core.InputSignal<string | undefined>;
|
|
1175
|
+
/**
|
|
1176
|
+
* Defines the accessible ARIA name of the component.
|
|
1177
|
+
*/
|
|
1178
|
+
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
1179
|
+
/**
|
|
1180
|
+
* Defines the accessible ARIA description of the field.
|
|
1181
|
+
*/
|
|
1182
|
+
accessibleDescription: _angular_core.InputSignal<string | undefined>;
|
|
1183
|
+
/**
|
|
1184
|
+
* Fired when the popup is opened.
|
|
1185
|
+
*/
|
|
1186
|
+
ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarSearch, "open">>;
|
|
1187
|
+
/**
|
|
1188
|
+
* Fired when the popup is closed.
|
|
1189
|
+
*/
|
|
1190
|
+
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarSearch, "close">>;
|
|
1191
|
+
/**
|
|
1192
|
+
* Fired when typing in input or clear icon is pressed.
|
|
1193
|
+
*/
|
|
1194
|
+
ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarSearch, "input">>;
|
|
1195
|
+
/**
|
|
1196
|
+
* Fired when the scope has changed.
|
|
1197
|
+
*/
|
|
1198
|
+
ui5ScopeChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarSearch, "scope-change">>;
|
|
1199
|
+
/**
|
|
1200
|
+
* Fired when the user has triggered search with Enter key or Search Button press.
|
|
1201
|
+
*/
|
|
1202
|
+
ui5Search: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarSearch, "search">>;
|
|
1203
|
+
elementRef: ElementRef<_ShellBarSearch>;
|
|
1204
|
+
injector: Injector;
|
|
1205
|
+
get element(): _ShellBarSearch;
|
|
1206
|
+
ngAfterViewInit(): void;
|
|
1207
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShellBarSearch, never>;
|
|
1208
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShellBarSearch, "ui5-shellbar-search, [ui5-shellbar-search]", ["ui5ShellBarSearch"], { "autoOpen": { "alias": "autoOpen"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; }, { "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5ScopeChange": "ui5ScopeChange"; "ui5Search": "ui5Search"; }, never, ["*"], true, never>;
|
|
1209
|
+
}
|
|
1210
|
+
|
|
1211
|
+
declare class ShellBarSpacer implements AfterViewInit {
|
|
1212
|
+
elementRef: ElementRef<_ShellBarSpacer>;
|
|
1213
|
+
injector: Injector;
|
|
1214
|
+
get element(): _ShellBarSpacer;
|
|
1215
|
+
ngAfterViewInit(): void;
|
|
1216
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShellBarSpacer, never>;
|
|
1217
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShellBarSpacer, "ui5-shellbar-spacer, [ui5-shellbar-spacer]", ["ui5ShellBarSpacer"], {}, {}, never, ["*"], true, never>;
|
|
1218
|
+
}
|
|
1219
|
+
|
|
1220
|
+
declare class SideNavigation implements AfterViewInit {
|
|
1221
|
+
/**
|
|
1222
|
+
* Defines whether the `ui5-side-navigation` is expanded or collapsed.
|
|
1223
|
+
|
|
1224
|
+
**Note:** The collapsed mode is not supported on phones.
|
|
1225
|
+
The `ui5-side-navigation` component is intended to be used within a `ui5-navigation-layout`
|
|
1226
|
+
component to ensure proper responsive behavior. If you choose not to use the
|
|
1227
|
+
`ui5-navigation-layout`, you will need to implement the appropriate responsive patterns yourself,
|
|
1228
|
+
particularly for phones where the collapsed mode should not be used.
|
|
1229
|
+
*/
|
|
1230
|
+
collapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1231
|
+
/**
|
|
1232
|
+
* Defines the accessible ARIA name of the component.
|
|
1233
|
+
*/
|
|
1234
|
+
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
1235
|
+
/**
|
|
1236
|
+
* Fired when the selection has changed via user interaction
|
|
1237
|
+
*/
|
|
1238
|
+
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_SideNavigation, "selection-change">>;
|
|
1239
|
+
elementRef: ElementRef<_SideNavigation>;
|
|
1240
|
+
injector: Injector;
|
|
1241
|
+
get element(): _SideNavigation;
|
|
1242
|
+
ngAfterViewInit(): void;
|
|
1243
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideNavigation, never>;
|
|
1244
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideNavigation, "ui5-side-navigation, [ui5-side-navigation]", ["ui5SideNavigation"], { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; }, { "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
|
|
1245
|
+
}
|
|
1246
|
+
|
|
1247
|
+
declare class SideNavigationGroup implements AfterViewInit {
|
|
1248
|
+
/**
|
|
1249
|
+
* Defines if the item is expanded
|
|
1250
|
+
*/
|
|
1251
|
+
expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1252
|
+
/**
|
|
1253
|
+
* Defines the text of the item.
|
|
1254
|
+
*/
|
|
1255
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
1256
|
+
/**
|
|
1257
|
+
* Defines whether the component is disabled.
|
|
1258
|
+
A disabled component can't be pressed or
|
|
1259
|
+
focused, and it is not in the tab chain.
|
|
1260
|
+
*/
|
|
1261
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1262
|
+
/**
|
|
1263
|
+
* Defines the tooltip of the component.
|
|
1264
|
+
|
|
1265
|
+
A tooltip attribute should be provided, in order to represent meaning/function,
|
|
1266
|
+
when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
|
|
1267
|
+
*/
|
|
1268
|
+
tooltip: _angular_core.InputSignal<string | undefined>;
|
|
1269
|
+
elementRef: ElementRef<_SideNavigationGroup>;
|
|
1270
|
+
injector: Injector;
|
|
1271
|
+
get element(): _SideNavigationGroup;
|
|
1272
|
+
ngAfterViewInit(): void;
|
|
1273
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideNavigationGroup, never>;
|
|
1274
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideNavigationGroup, "ui5-side-navigation-group, [ui5-side-navigation-group]", ["ui5SideNavigationGroup"], { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1275
|
+
}
|
|
1276
|
+
|
|
1277
|
+
declare class SideNavigationItem implements AfterViewInit {
|
|
1278
|
+
/**
|
|
1279
|
+
* Defines if the item is expanded
|
|
1280
|
+
*/
|
|
1281
|
+
expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1282
|
+
/**
|
|
1283
|
+
* Defines the icon of the item.
|
|
1284
|
+
|
|
1285
|
+
The SAP-icons font provides numerous options.
|
|
1286
|
+
|
|
1287
|
+
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
1288
|
+
*/
|
|
1289
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
1290
|
+
/**
|
|
1291
|
+
* Defines whether the item is selected.
|
|
1292
|
+
|
|
1293
|
+
**Note:** Items that have a set `href` and `target` set to `_blank` should not be selectable.
|
|
1294
|
+
*/
|
|
1295
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1296
|
+
/**
|
|
1297
|
+
* Defines the link target URI. Supports standard hyperlink behavior.
|
|
1298
|
+
If a JavaScript action should be triggered,
|
|
1299
|
+
this should not be set, but instead an event handler
|
|
1300
|
+
for the `click` event should be registered.
|
|
1301
|
+
*/
|
|
1302
|
+
href: _angular_core.InputSignal<string | undefined>;
|
|
1303
|
+
/**
|
|
1304
|
+
* Defines the component target.
|
|
1305
|
+
|
|
1306
|
+
Possible values:
|
|
1307
|
+
|
|
1308
|
+
- `_self`
|
|
1309
|
+
- `_top`
|
|
1310
|
+
- `_blank`
|
|
1311
|
+
- `_parent`
|
|
1312
|
+
- `framename`
|
|
1313
|
+
|
|
1314
|
+
**Note:** Items that have a defined `href` and `target`
|
|
1315
|
+
attribute set to `_blank` should not be selectable.
|
|
1316
|
+
*/
|
|
1317
|
+
target: _angular_core.InputSignal<string | undefined>;
|
|
1318
|
+
/**
|
|
1319
|
+
* Item design.
|
|
1320
|
+
|
|
1321
|
+
**Note:** Items with "Action" design must not have sub-items.
|
|
1322
|
+
*/
|
|
1323
|
+
design: _angular_core.InputSignal<"Default" | "Action" | undefined>;
|
|
1324
|
+
/**
|
|
1325
|
+
* Indicates whether the navigation item is selectable. By default, all items are selectable unless specifically marked as unselectable.
|
|
1326
|
+
|
|
1327
|
+
When a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.
|
|
1328
|
+
To improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.
|
|
1329
|
+
|
|
1330
|
+
|
|
1331
|
+
**Guidelines**:
|
|
1332
|
+
- Items with an assigned `href` and a target of `_blank` should be marked as unselectable.
|
|
1333
|
+
- Items that trigger actions (with design "Action") should be marked as unselectable.
|
|
1334
|
+
*/
|
|
1335
|
+
unselectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1336
|
+
/**
|
|
1337
|
+
* Defines the additional accessibility attributes that will be applied to the component.
|
|
1338
|
+
The following fields are supported:
|
|
1339
|
+
|
|
1340
|
+
- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.
|
|
1341
|
+
Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
|
|
1342
|
+
|
|
1343
|
+
**Note:** Do not use it on parent items, as it will be overridden if the item is in the overflow menu.
|
|
1344
|
+
*/
|
|
1345
|
+
accessibilityAttributes: _angular_core.InputSignal<SideNavigationItemAccessibilityAttributes | undefined>;
|
|
1346
|
+
/**
|
|
1347
|
+
* Defines the text of the item.
|
|
1348
|
+
*/
|
|
1349
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
1350
|
+
/**
|
|
1351
|
+
* Defines whether the component is disabled.
|
|
1352
|
+
A disabled component can't be pressed or
|
|
1353
|
+
focused, and it is not in the tab chain.
|
|
1354
|
+
*/
|
|
1355
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1356
|
+
/**
|
|
1357
|
+
* Defines the tooltip of the component.
|
|
1358
|
+
|
|
1359
|
+
A tooltip attribute should be provided, in order to represent meaning/function,
|
|
1360
|
+
when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
|
|
1361
|
+
*/
|
|
1362
|
+
tooltip: _angular_core.InputSignal<string | undefined>;
|
|
1363
|
+
/**
|
|
1364
|
+
* Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.
|
|
1365
|
+
*/
|
|
1366
|
+
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_SideNavigationItem, "click">>;
|
|
1367
|
+
elementRef: ElementRef<_SideNavigationItem>;
|
|
1368
|
+
injector: Injector;
|
|
1369
|
+
get element(): _SideNavigationItem;
|
|
1370
|
+
ngAfterViewInit(): void;
|
|
1371
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideNavigationItem, never>;
|
|
1372
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideNavigationItem, "ui5-side-navigation-item, [ui5-side-navigation-item]", ["ui5SideNavigationItem"], { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "unselectable": { "alias": "unselectable"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
|
|
1373
|
+
}
|
|
1374
|
+
|
|
1375
|
+
declare class SideNavigationSubItem implements AfterViewInit {
|
|
1376
|
+
/**
|
|
1377
|
+
* Defines the icon of the item.
|
|
1378
|
+
|
|
1379
|
+
The SAP-icons font provides numerous options.
|
|
1380
|
+
|
|
1381
|
+
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
1382
|
+
*/
|
|
1383
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
1384
|
+
/**
|
|
1385
|
+
* Defines whether the item is selected.
|
|
1386
|
+
|
|
1387
|
+
**Note:** Items that have a set `href` and `target` set to `_blank` should not be selectable.
|
|
1388
|
+
*/
|
|
1389
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1390
|
+
/**
|
|
1391
|
+
* Defines the link target URI. Supports standard hyperlink behavior.
|
|
1392
|
+
If a JavaScript action should be triggered,
|
|
1393
|
+
this should not be set, but instead an event handler
|
|
1394
|
+
for the `click` event should be registered.
|
|
1395
|
+
*/
|
|
1396
|
+
href: _angular_core.InputSignal<string | undefined>;
|
|
1397
|
+
/**
|
|
1398
|
+
* Defines the component target.
|
|
1399
|
+
|
|
1400
|
+
Possible values:
|
|
1401
|
+
|
|
1402
|
+
- `_self`
|
|
1403
|
+
- `_top`
|
|
1404
|
+
- `_blank`
|
|
1405
|
+
- `_parent`
|
|
1406
|
+
- `framename`
|
|
1407
|
+
|
|
1408
|
+
**Note:** Items that have a defined `href` and `target`
|
|
1409
|
+
attribute set to `_blank` should not be selectable.
|
|
1410
|
+
*/
|
|
1411
|
+
target: _angular_core.InputSignal<string | undefined>;
|
|
1412
|
+
/**
|
|
1413
|
+
* Item design.
|
|
1414
|
+
|
|
1415
|
+
**Note:** Items with "Action" design must not have sub-items.
|
|
1416
|
+
*/
|
|
1417
|
+
design: _angular_core.InputSignal<"Default" | "Action" | undefined>;
|
|
1418
|
+
/**
|
|
1419
|
+
* Indicates whether the navigation item is selectable. By default, all items are selectable unless specifically marked as unselectable.
|
|
1420
|
+
|
|
1421
|
+
When a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.
|
|
1422
|
+
To improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.
|
|
1423
|
+
|
|
1424
|
+
|
|
1425
|
+
**Guidelines**:
|
|
1426
|
+
- Items with an assigned `href` and a target of `_blank` should be marked as unselectable.
|
|
1427
|
+
- Items that trigger actions (with design "Action") should be marked as unselectable.
|
|
1428
|
+
*/
|
|
1429
|
+
unselectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1430
|
+
/**
|
|
1431
|
+
* Defines the additional accessibility attributes that will be applied to the component.
|
|
1432
|
+
The following fields are supported:
|
|
1433
|
+
|
|
1434
|
+
- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.
|
|
1435
|
+
Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
|
|
1436
|
+
|
|
1437
|
+
**Note:** Do not use it on parent items, as it will be overridden if the item is in the overflow menu.
|
|
1438
|
+
*/
|
|
1439
|
+
accessibilityAttributes: _angular_core.InputSignal<SideNavigationItemAccessibilityAttributes | undefined>;
|
|
1440
|
+
/**
|
|
1441
|
+
* Defines the text of the item.
|
|
1442
|
+
*/
|
|
1443
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
1444
|
+
/**
|
|
1445
|
+
* Defines whether the component is disabled.
|
|
1446
|
+
A disabled component can't be pressed or
|
|
1447
|
+
focused, and it is not in the tab chain.
|
|
1448
|
+
*/
|
|
1449
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1450
|
+
/**
|
|
1451
|
+
* Defines the tooltip of the component.
|
|
1452
|
+
|
|
1453
|
+
A tooltip attribute should be provided, in order to represent meaning/function,
|
|
1454
|
+
when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
|
|
1455
|
+
*/
|
|
1456
|
+
tooltip: _angular_core.InputSignal<string | undefined>;
|
|
1457
|
+
/**
|
|
1458
|
+
* Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.
|
|
1459
|
+
*/
|
|
1460
|
+
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_SideNavigationSubItem, "click">>;
|
|
1461
|
+
elementRef: ElementRef<_SideNavigationSubItem>;
|
|
1462
|
+
injector: Injector;
|
|
1463
|
+
get element(): _SideNavigationSubItem;
|
|
1464
|
+
ngAfterViewInit(): void;
|
|
1465
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideNavigationSubItem, never>;
|
|
1466
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideNavigationSubItem, "ui5-side-navigation-sub-item, [ui5-side-navigation-sub-item]", ["ui5SideNavigationSubItem"], { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "unselectable": { "alias": "unselectable"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
|
|
1467
|
+
}
|
|
1468
|
+
|
|
1469
|
+
declare class SortItem implements AfterViewInit {
|
|
1470
|
+
/**
|
|
1471
|
+
* Defines the text of the sort item.
|
|
1472
|
+
*/
|
|
1473
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
1474
|
+
/**
|
|
1475
|
+
* Defines if the sort item is selected.
|
|
1476
|
+
*/
|
|
1477
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1478
|
+
elementRef: ElementRef<_SortItem>;
|
|
1479
|
+
injector: Injector;
|
|
1480
|
+
get element(): _SortItem;
|
|
1481
|
+
ngAfterViewInit(): void;
|
|
1482
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortItem, never>;
|
|
1483
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SortItem, "ui5-sort-item, [ui5-sort-item]", ["ui5SortItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1484
|
+
}
|
|
1485
|
+
|
|
1486
|
+
declare class Timeline implements AfterViewInit {
|
|
1487
|
+
/**
|
|
1488
|
+
* Defines the items orientation.
|
|
1489
|
+
*/
|
|
1490
|
+
layout: _angular_core.InputSignal<"Vertical" | "Horizontal" | undefined>;
|
|
1491
|
+
/**
|
|
1492
|
+
* Defines the accessible ARIA name of the component.
|
|
1493
|
+
*/
|
|
1494
|
+
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
1495
|
+
/**
|
|
1496
|
+
* Defines if the component should display a loading indicator over the Timeline.
|
|
1497
|
+
*/
|
|
1498
|
+
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1499
|
+
/**
|
|
1500
|
+
* Defines the delay in milliseconds, after which the loading indicator will show up for this component.
|
|
1501
|
+
*/
|
|
1502
|
+
loadingDelay: _angular_core.InputSignal<number | undefined>;
|
|
1503
|
+
/**
|
|
1504
|
+
* Defines whether the Timeline will have growing capability either by pressing a "More" button,
|
|
1505
|
+
or via user scroll. In both cases a `load-more` event is fired.
|
|
1506
|
+
|
|
1507
|
+
Available options:
|
|
1508
|
+
|
|
1509
|
+
`Button` - Displays a button at the end of the Timeline, which when pressed triggers the `load-more` event.
|
|
1510
|
+
|
|
1511
|
+
`Scroll` -Triggers the `load-more` event when the user scrolls to the end of the Timeline.
|
|
1512
|
+
|
|
1513
|
+
`None` (default) - The growing functionality is off.
|
|
1514
|
+
*/
|
|
1515
|
+
growing: _angular_core.InputSignal<"Scroll" | "Button" | "None" | undefined>;
|
|
1516
|
+
/**
|
|
1517
|
+
* Fired when the user presses the `More` button or scrolls to the Timeline's end.
|
|
1518
|
+
|
|
1519
|
+
**Note:** The event will be fired if `growing` is set to `Button` or `Scroll`.
|
|
1520
|
+
*/
|
|
1521
|
+
ui5LoadMore: _angular_core.OutputEmitterRef<UI5CustomEvent<_Timeline, "load-more">>;
|
|
1522
|
+
elementRef: ElementRef<_Timeline>;
|
|
1523
|
+
injector: Injector;
|
|
1524
|
+
get element(): _Timeline;
|
|
1525
|
+
ngAfterViewInit(): void;
|
|
1526
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Timeline, never>;
|
|
1527
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Timeline, "ui5-timeline, [ui5-timeline]", ["ui5Timeline"], { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; "growing": { "alias": "growing"; "required": false; "isSignal": true; }; }, { "ui5LoadMore": "ui5LoadMore"; }, never, ["*"], true, never>;
|
|
1528
|
+
}
|
|
1529
|
+
|
|
1530
|
+
declare class TimelineGroupItem implements AfterViewInit {
|
|
1531
|
+
/**
|
|
1532
|
+
* Defines the text of the button that expands and collapses the group.
|
|
1533
|
+
*/
|
|
1534
|
+
groupName: _angular_core.InputSignal<string | undefined>;
|
|
1535
|
+
/**
|
|
1536
|
+
* Determines if the group is collapsed or expanded.
|
|
1537
|
+
*/
|
|
1538
|
+
collapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1539
|
+
/**
|
|
1540
|
+
* Fired when the group item is expanded or collapsed.
|
|
1541
|
+
*/
|
|
1542
|
+
ui5Toggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_TimelineGroupItem, "toggle">>;
|
|
1543
|
+
elementRef: ElementRef<_TimelineGroupItem>;
|
|
1544
|
+
injector: Injector;
|
|
1545
|
+
get element(): _TimelineGroupItem;
|
|
1546
|
+
ngAfterViewInit(): void;
|
|
1547
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineGroupItem, never>;
|
|
1548
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineGroupItem, "ui5-timeline-group-item, [ui5-timeline-group-item]", ["ui5TimelineGroupItem"], { "groupName": { "alias": "groupName"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "ui5Toggle": "ui5Toggle"; }, never, ["*"], true, never>;
|
|
1549
|
+
}
|
|
1550
|
+
|
|
1551
|
+
declare class TimelineItem implements AfterViewInit {
|
|
1552
|
+
/**
|
|
1553
|
+
* Defines the icon to be displayed as graphical element within the `ui5-timeline-item`.
|
|
1554
|
+
SAP-icons font provides numerous options.
|
|
1555
|
+
|
|
1556
|
+
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
1557
|
+
*/
|
|
1558
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
1559
|
+
/**
|
|
1560
|
+
* Defines the name of the item, displayed before the `title-text`.
|
|
1561
|
+
*/
|
|
1562
|
+
name: _angular_core.InputSignal<string | undefined>;
|
|
1563
|
+
/**
|
|
1564
|
+
* Defines if the `name` is clickable.
|
|
1565
|
+
*/
|
|
1566
|
+
nameClickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1567
|
+
/**
|
|
1568
|
+
* Defines the title text of the component.
|
|
1569
|
+
*/
|
|
1570
|
+
titleText: _angular_core.InputSignal<string | undefined>;
|
|
1571
|
+
/**
|
|
1572
|
+
* Defines the subtitle text of the component.
|
|
1573
|
+
*/
|
|
1574
|
+
subtitleText: _angular_core.InputSignal<string | undefined>;
|
|
1575
|
+
/**
|
|
1576
|
+
* Defines the state of the icon displayed in the `ui5-timeline-item`.
|
|
1577
|
+
*/
|
|
1578
|
+
state: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
|
|
1579
|
+
/**
|
|
1580
|
+
* Fired when the item name is pressed either with a
|
|
1581
|
+
click/tap or by using the Enter or Space key.
|
|
1582
|
+
|
|
1583
|
+
**Note:** The event will not be fired if the `name-clickable`
|
|
1584
|
+
attribute is not set.
|
|
1585
|
+
*/
|
|
1586
|
+
ui5NameClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_TimelineItem, "name-click">>;
|
|
1587
|
+
elementRef: ElementRef<_TimelineItem>;
|
|
1588
|
+
injector: Injector;
|
|
1589
|
+
get element(): _TimelineItem;
|
|
1590
|
+
ngAfterViewInit(): void;
|
|
1591
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineItem, never>;
|
|
1592
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineItem, "ui5-timeline-item, [ui5-timeline-item]", ["ui5TimelineItem"], { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "nameClickable": { "alias": "nameClickable"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "ui5NameClick": "ui5NameClick"; }, never, ["*"], true, never>;
|
|
1593
|
+
}
|
|
1594
|
+
|
|
1595
|
+
declare class UploadCollection implements AfterViewInit {
|
|
1596
|
+
/**
|
|
1597
|
+
* Defines the selection mode of the `ui5-upload-collection`.
|
|
1598
|
+
*/
|
|
1599
|
+
selectionMode: _angular_core.InputSignal<"None" | "Single" | "SingleStart" | "SingleEnd" | "SingleAuto" | "Multiple" | undefined>;
|
|
1600
|
+
/**
|
|
1601
|
+
* Allows you to set your own text for the 'No data' description.
|
|
1602
|
+
*/
|
|
1603
|
+
noDataDescription: _angular_core.InputSignal<string | undefined>;
|
|
1604
|
+
/**
|
|
1605
|
+
* Allows you to set your own text for the 'No data' text.
|
|
1606
|
+
*/
|
|
1607
|
+
noDataText: _angular_core.InputSignal<string | undefined>;
|
|
1608
|
+
/**
|
|
1609
|
+
* Defines the header level of the 'No data' text.
|
|
1610
|
+
*/
|
|
1611
|
+
noDataHeaderLevel: _angular_core.InputSignal<"H1" | "H2" | "H3" | "H4" | "H5" | "H6" | undefined>;
|
|
1612
|
+
/**
|
|
1613
|
+
* By default there will be drag and drop overlay shown over the `ui5-upload-collection` when files
|
|
1614
|
+
are dragged. If you don't intend to use drag and drop, set this property.
|
|
1615
|
+
|
|
1616
|
+
**Note:** It is up to the application developer to add handler for `drop` event and handle it.
|
|
1617
|
+
`ui5-upload-collection` only displays an overlay.
|
|
1618
|
+
*/
|
|
1619
|
+
hideDragOverlay: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1620
|
+
/**
|
|
1621
|
+
* Defines the accessible ARIA name of the component.
|
|
1622
|
+
*/
|
|
1623
|
+
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
1624
|
+
/**
|
|
1625
|
+
* Fired when an element is dropped inside the drag and drop overlay.
|
|
1626
|
+
|
|
1627
|
+
**Note:** The `drop` event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the `ui5-upload-collection`.
|
|
1628
|
+
*/
|
|
1629
|
+
ui5ItemDelete: _angular_core.OutputEmitterRef<UI5CustomEvent<_UploadCollection, "item-delete">>;
|
|
1630
|
+
/**
|
|
1631
|
+
* Fired when selection is changed by user interaction
|
|
1632
|
+
in `Single` and `Multiple` modes.
|
|
1633
|
+
*/
|
|
1634
|
+
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_UploadCollection, "selection-change">>;
|
|
1635
|
+
elementRef: ElementRef<_UploadCollection>;
|
|
1636
|
+
injector: Injector;
|
|
1637
|
+
get element(): _UploadCollection;
|
|
1638
|
+
ngAfterViewInit(): void;
|
|
1639
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UploadCollection, never>;
|
|
1640
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UploadCollection, "ui5-upload-collection, [ui5-upload-collection]", ["ui5UploadCollection"], { "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "noDataDescription": { "alias": "noDataDescription"; "required": false; "isSignal": true; }; "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; "noDataHeaderLevel": { "alias": "noDataHeaderLevel"; "required": false; "isSignal": true; }; "hideDragOverlay": { "alias": "hideDragOverlay"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; }, { "ui5ItemDelete": "ui5ItemDelete"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
|
|
1641
|
+
}
|
|
1642
|
+
|
|
1643
|
+
declare class UploadCollectionItem implements AfterViewInit {
|
|
1644
|
+
/**
|
|
1645
|
+
* Holds an instance of `File` associated with this item.
|
|
1646
|
+
*/
|
|
1647
|
+
file: _angular_core.InputSignal<File | null | undefined>;
|
|
1648
|
+
/**
|
|
1649
|
+
* The name of the file.
|
|
1650
|
+
*/
|
|
1651
|
+
fileName: _angular_core.InputSignal<string | undefined>;
|
|
1652
|
+
/**
|
|
1653
|
+
* If set to `true` the file name will be clickable and it will fire `file-name-click` event upon click.
|
|
1654
|
+
*/
|
|
1655
|
+
fileNameClickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1656
|
+
/**
|
|
1657
|
+
* Disables the delete button.
|
|
1658
|
+
*/
|
|
1659
|
+
disableDeleteButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1660
|
+
/**
|
|
1661
|
+
* Hides the delete button.
|
|
1662
|
+
*/
|
|
1663
|
+
hideDeleteButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1664
|
+
/**
|
|
1665
|
+
* Hides the retry button when `uploadState` property is `Error`.
|
|
1666
|
+
*/
|
|
1667
|
+
hideRetryButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1668
|
+
/**
|
|
1669
|
+
* Hides the terminate button when `uploadState` property is `Uploading`.
|
|
1670
|
+
*/
|
|
1671
|
+
hideTerminateButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1672
|
+
/**
|
|
1673
|
+
* The upload progress in percentage.
|
|
1674
|
+
|
|
1675
|
+
**Note:** Expected values are in the interval [0, 100].
|
|
1676
|
+
*/
|
|
1677
|
+
progress: _angular_core.InputSignal<number | undefined>;
|
|
1678
|
+
/**
|
|
1679
|
+
* Upload state.
|
|
1680
|
+
|
|
1681
|
+
Depending on this property, the item displays the following:
|
|
1682
|
+
|
|
1683
|
+
- `Ready` - progress indicator is displayed.
|
|
1684
|
+
- `Uploading` - progress indicator and terminate button are displayed. When the terminate button is pressed, `terminate` event is fired.
|
|
1685
|
+
- `Error` - progress indicator and retry button are displayed. When the retry button is pressed, `retry` event is fired.
|
|
1686
|
+
- `Complete` - progress indicator is not displayed.
|
|
1687
|
+
*/
|
|
1688
|
+
uploadState: _angular_core.InputSignal<"Error" | "Complete" | "Ready" | "Uploading" | undefined>;
|
|
1689
|
+
/**
|
|
1690
|
+
* Fired when the file name is clicked.
|
|
1691
|
+
|
|
1692
|
+
**Note:** This event is only available when `fileNameClickable` property is `true`.
|
|
1693
|
+
*/
|
|
1694
|
+
ui5FileNameClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_UploadCollectionItem, "file-name-click">>;
|
|
1695
|
+
/**
|
|
1696
|
+
* Fired when the `fileName` property gets changed.
|
|
1697
|
+
|
|
1698
|
+
**Note:** An edit button is displayed on each item,
|
|
1699
|
+
when the `ui5-upload-collection-item` `type` property is set to `Detail`.
|
|
1700
|
+
*/
|
|
1701
|
+
ui5Rename: _angular_core.OutputEmitterRef<UI5CustomEvent<_UploadCollectionItem, "rename">>;
|
|
1702
|
+
/**
|
|
1703
|
+
* Fired when the terminate button is pressed.
|
|
1704
|
+
|
|
1705
|
+
**Note:** Terminate button is displayed when `uploadState` property is set to `Uploading`.
|
|
1706
|
+
*/
|
|
1707
|
+
ui5Terminate: _angular_core.OutputEmitterRef<UI5CustomEvent<_UploadCollectionItem, "terminate">>;
|
|
1708
|
+
/**
|
|
1709
|
+
* Fired when the retry button is pressed.
|
|
1710
|
+
|
|
1711
|
+
**Note:** Retry button is displayed when `uploadState` property is set to `Error`.
|
|
1712
|
+
*/
|
|
1713
|
+
ui5Retry: _angular_core.OutputEmitterRef<UI5CustomEvent<_UploadCollectionItem, "retry">>;
|
|
1714
|
+
elementRef: ElementRef<_UploadCollectionItem>;
|
|
1715
|
+
injector: Injector;
|
|
1716
|
+
get element(): _UploadCollectionItem;
|
|
1717
|
+
ngAfterViewInit(): void;
|
|
1718
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UploadCollectionItem, never>;
|
|
1719
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UploadCollectionItem, "ui5-upload-collection-item, [ui5-upload-collection-item]", ["ui5UploadCollectionItem"], { "file": { "alias": "file"; "required": false; "isSignal": true; }; "fileName": { "alias": "fileName"; "required": false; "isSignal": true; }; "fileNameClickable": { "alias": "fileNameClickable"; "required": false; "isSignal": true; }; "disableDeleteButton": { "alias": "disableDeleteButton"; "required": false; "isSignal": true; }; "hideDeleteButton": { "alias": "hideDeleteButton"; "required": false; "isSignal": true; }; "hideRetryButton": { "alias": "hideRetryButton"; "required": false; "isSignal": true; }; "hideTerminateButton": { "alias": "hideTerminateButton"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "uploadState": { "alias": "uploadState"; "required": false; "isSignal": true; }; }, { "ui5FileNameClick": "ui5FileNameClick"; "ui5Rename": "ui5Rename"; "ui5Terminate": "ui5Terminate"; "ui5Retry": "ui5Retry"; }, never, ["*"], true, never>;
|
|
1720
|
+
}
|
|
1721
|
+
|
|
1722
|
+
declare class UserMenu implements AfterViewInit {
|
|
1723
|
+
/**
|
|
1724
|
+
* Defines if the User Menu is opened.
|
|
1725
|
+
*/
|
|
1726
|
+
open: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1727
|
+
/**
|
|
1728
|
+
* Defines the ID or DOM Reference of the element at which the user menu is shown.
|
|
1729
|
+
When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
|
|
1730
|
+
You can only set the `opener` attribute to a DOM Reference when using JavaScript.
|
|
1731
|
+
*/
|
|
1732
|
+
opener: _angular_core.InputSignal<string | HTMLElement | null | undefined>;
|
|
1733
|
+
/**
|
|
1734
|
+
* Defines if the User Menu shows the Manage Account option.
|
|
1735
|
+
*/
|
|
1736
|
+
showManageAccount: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1737
|
+
/**
|
|
1738
|
+
* Defines if the User Menu shows the Other Accounts option.
|
|
1739
|
+
*/
|
|
1740
|
+
showOtherAccounts: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1741
|
+
/**
|
|
1742
|
+
* Defines if the User Menu shows the Edit Accounts option.
|
|
1743
|
+
*/
|
|
1744
|
+
showEditAccounts: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1745
|
+
/**
|
|
1746
|
+
* Defines if the User menu shows edit button.
|
|
1747
|
+
*/
|
|
1748
|
+
showEditButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1749
|
+
/**
|
|
1750
|
+
* Fired when the account avatar is selected.
|
|
1751
|
+
*/
|
|
1752
|
+
ui5AvatarClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserMenu, "avatar-click">>;
|
|
1753
|
+
/**
|
|
1754
|
+
* Fired when the "Manage Account" button is selected.
|
|
1755
|
+
*/
|
|
1756
|
+
ui5ManageAccountClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserMenu, "manage-account-click">>;
|
|
1757
|
+
/**
|
|
1758
|
+
* Fired when the "Edit Accounts" button is selected.
|
|
1759
|
+
*/
|
|
1760
|
+
ui5EditAccountsClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserMenu, "edit-accounts-click">>;
|
|
1761
|
+
/**
|
|
1762
|
+
* Fired when the account is switched to a different one.
|
|
1763
|
+
*/
|
|
1764
|
+
ui5ChangeAccount: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserMenu, "change-account">>;
|
|
1765
|
+
/**
|
|
1766
|
+
* Fired when a menu item is selected.
|
|
1767
|
+
*/
|
|
1768
|
+
ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserMenu, "item-click">>;
|
|
1769
|
+
/**
|
|
1770
|
+
* Fired when a user menu is open.
|
|
1771
|
+
*/
|
|
1772
|
+
ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserMenu, "open">>;
|
|
1773
|
+
/**
|
|
1774
|
+
* Fired when a user menu is close.
|
|
1775
|
+
*/
|
|
1776
|
+
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserMenu, "close">>;
|
|
1777
|
+
/**
|
|
1778
|
+
* Fired when the "Sign Out" button is selected.
|
|
1779
|
+
*/
|
|
1780
|
+
ui5SignOutClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserMenu, "sign-out-click">>;
|
|
1781
|
+
elementRef: ElementRef<_UserMenu>;
|
|
1782
|
+
injector: Injector;
|
|
1783
|
+
get element(): _UserMenu;
|
|
1784
|
+
ngAfterViewInit(): void;
|
|
1785
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserMenu, never>;
|
|
1786
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserMenu, "ui5-user-menu, [ui5-user-menu]", ["ui5UserMenu"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "opener": { "alias": "opener"; "required": false; "isSignal": true; }; "showManageAccount": { "alias": "showManageAccount"; "required": false; "isSignal": true; }; "showOtherAccounts": { "alias": "showOtherAccounts"; "required": false; "isSignal": true; }; "showEditAccounts": { "alias": "showEditAccounts"; "required": false; "isSignal": true; }; "showEditButton": { "alias": "showEditButton"; "required": false; "isSignal": true; }; }, { "ui5AvatarClick": "ui5AvatarClick"; "ui5ManageAccountClick": "ui5ManageAccountClick"; "ui5EditAccountsClick": "ui5EditAccountsClick"; "ui5ChangeAccount": "ui5ChangeAccount"; "ui5ItemClick": "ui5ItemClick"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5SignOutClick": "ui5SignOutClick"; }, never, ["*"], true, never>;
|
|
1787
|
+
}
|
|
1788
|
+
|
|
1789
|
+
declare class UserMenuAccount implements AfterViewInit {
|
|
1790
|
+
/**
|
|
1791
|
+
* Defines the avatar image url of the user.
|
|
1792
|
+
*/
|
|
1793
|
+
avatarSrc: _angular_core.InputSignal<string | undefined>;
|
|
1794
|
+
/**
|
|
1795
|
+
* Defines the avatar initials of the user.
|
|
1796
|
+
*/
|
|
1797
|
+
avatarInitials: _angular_core.InputSignal<string | undefined>;
|
|
1798
|
+
/**
|
|
1799
|
+
* Defines the title text of the user.
|
|
1800
|
+
*/
|
|
1801
|
+
titleText: _angular_core.InputSignal<string | undefined>;
|
|
1802
|
+
/**
|
|
1803
|
+
* Defines additional text of the user.
|
|
1804
|
+
*/
|
|
1805
|
+
subtitleText: _angular_core.InputSignal<string | undefined>;
|
|
1806
|
+
/**
|
|
1807
|
+
* Defines description of the user.
|
|
1808
|
+
*/
|
|
1809
|
+
description: _angular_core.InputSignal<string | undefined>;
|
|
1810
|
+
/**
|
|
1811
|
+
* Defines additional information for the user.
|
|
1812
|
+
*/
|
|
1813
|
+
additionalInfo: _angular_core.InputSignal<string | undefined>;
|
|
1814
|
+
/**
|
|
1815
|
+
* Defines if the user is selected.
|
|
1816
|
+
*/
|
|
1817
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1818
|
+
/**
|
|
1819
|
+
* Indicates whether a loading indicator should be shown.
|
|
1820
|
+
*/
|
|
1821
|
+
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1822
|
+
elementRef: ElementRef<_UserMenuAccount>;
|
|
1823
|
+
injector: Injector;
|
|
1824
|
+
get element(): _UserMenuAccount;
|
|
1825
|
+
ngAfterViewInit(): void;
|
|
1826
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserMenuAccount, never>;
|
|
1827
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserMenuAccount, "ui5-user-menu-account, [ui5-user-menu-account]", ["ui5UserMenuAccount"], { "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "additionalInfo": { "alias": "additionalInfo"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1828
|
+
}
|
|
1829
|
+
|
|
1830
|
+
declare class UserMenuItem implements AfterViewInit {
|
|
1831
|
+
elementRef: ElementRef<_UserMenuItem>;
|
|
1832
|
+
injector: Injector;
|
|
1833
|
+
get element(): _UserMenuItem;
|
|
1834
|
+
ngAfterViewInit(): void;
|
|
1835
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserMenuItem, never>;
|
|
1836
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserMenuItem, "ui5-user-menu-item, [ui5-user-menu-item]", ["ui5UserMenuItem"], {}, {}, never, ["*"], true, never>;
|
|
1837
|
+
}
|
|
1838
|
+
|
|
1839
|
+
declare class UserMenuItemGroup implements AfterViewInit {
|
|
1840
|
+
elementRef: ElementRef<_UserMenuItemGroup>;
|
|
1841
|
+
injector: Injector;
|
|
1842
|
+
get element(): _UserMenuItemGroup;
|
|
1843
|
+
ngAfterViewInit(): void;
|
|
1844
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserMenuItemGroup, never>;
|
|
1845
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserMenuItemGroup, "ui5-user-menu-item-group, [ui5-user-menu-item-group]", ["ui5UserMenuItemGroup"], {}, {}, never, ["*"], true, never>;
|
|
1846
|
+
}
|
|
1847
|
+
|
|
1848
|
+
declare class UserSettingsDialog implements AfterViewInit {
|
|
1849
|
+
/**
|
|
1850
|
+
* Defines, if the User Settings Dialog is opened.
|
|
1851
|
+
*/
|
|
1852
|
+
open: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1853
|
+
/**
|
|
1854
|
+
* Defines the headerText of the item.
|
|
1855
|
+
*/
|
|
1856
|
+
headerText: _angular_core.InputSignal<string | undefined>;
|
|
1857
|
+
/**
|
|
1858
|
+
* Defines if the Search Field would be displayed.
|
|
1859
|
+
|
|
1860
|
+
**Note:** By default the Search Field is not displayed.
|
|
1861
|
+
*/
|
|
1862
|
+
showSearchField: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1863
|
+
/**
|
|
1864
|
+
* Fired when an item is selected.
|
|
1865
|
+
*/
|
|
1866
|
+
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsDialog, "selection-change">>;
|
|
1867
|
+
/**
|
|
1868
|
+
* Fired when a settings dialog is open.
|
|
1869
|
+
*/
|
|
1870
|
+
ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsDialog, "open">>;
|
|
1871
|
+
/**
|
|
1872
|
+
* Fired before the settings dialog is closed.
|
|
1873
|
+
*/
|
|
1874
|
+
ui5BeforeClose: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsDialog, "before-close">>;
|
|
1875
|
+
/**
|
|
1876
|
+
* Fired when a settings dialog is closed.
|
|
1877
|
+
*/
|
|
1878
|
+
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsDialog, "close">>;
|
|
1879
|
+
elementRef: ElementRef<_UserSettingsDialog>;
|
|
1880
|
+
injector: Injector;
|
|
1881
|
+
get element(): _UserSettingsDialog;
|
|
1882
|
+
ngAfterViewInit(): void;
|
|
1883
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserSettingsDialog, never>;
|
|
1884
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserSettingsDialog, "ui5-user-settings-dialog, [ui5-user-settings-dialog]", ["ui5UserSettingsDialog"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "showSearchField": { "alias": "showSearchField"; "required": false; "isSignal": true; }; }, { "ui5SelectionChange": "ui5SelectionChange"; "ui5Open": "ui5Open"; "ui5BeforeClose": "ui5BeforeClose"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
|
|
1885
|
+
}
|
|
1886
|
+
|
|
1887
|
+
declare class UserSettingsItem implements AfterViewInit {
|
|
1888
|
+
/**
|
|
1889
|
+
* Defines the text of the user settings item.
|
|
1890
|
+
*/
|
|
1891
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
1892
|
+
/**
|
|
1893
|
+
* Defines the tooltip of the component.
|
|
1894
|
+
|
|
1895
|
+
A tooltip attribute should be provided to represent the meaning or function when the component is collapsed and only the icon is visible.
|
|
1896
|
+
*/
|
|
1897
|
+
tooltip: _angular_core.InputSignal<string | undefined>;
|
|
1898
|
+
/**
|
|
1899
|
+
* Defines the headerText of the item.
|
|
1900
|
+
*/
|
|
1901
|
+
headerText: _angular_core.InputSignal<string | undefined>;
|
|
1902
|
+
/**
|
|
1903
|
+
* Shows item tab.
|
|
1904
|
+
*/
|
|
1905
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1906
|
+
/**
|
|
1907
|
+
* Defines whether the component is in disabled state.
|
|
1908
|
+
|
|
1909
|
+
**Note:** A disabled component is completely noninteractive.
|
|
1910
|
+
*/
|
|
1911
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1912
|
+
/**
|
|
1913
|
+
* Indicates whether a loading indicator should be shown.
|
|
1914
|
+
*/
|
|
1915
|
+
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1916
|
+
/**
|
|
1917
|
+
* Indicates why the control is in loading state.
|
|
1918
|
+
*/
|
|
1919
|
+
loadingReason: _angular_core.InputSignal<string | undefined>;
|
|
1920
|
+
/**
|
|
1921
|
+
* Defines the icon of the component.
|
|
1922
|
+
*/
|
|
1923
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
1924
|
+
/**
|
|
1925
|
+
* Defines the accessible ARIA name of the component.
|
|
1926
|
+
*/
|
|
1927
|
+
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
1928
|
+
/**
|
|
1929
|
+
* Fired when a selected view changed.
|
|
1930
|
+
*/
|
|
1931
|
+
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsItem, "selection-change">>;
|
|
1932
|
+
elementRef: ElementRef<_UserSettingsItem>;
|
|
1933
|
+
injector: Injector;
|
|
1934
|
+
get element(): _UserSettingsItem;
|
|
1935
|
+
ngAfterViewInit(): void;
|
|
1936
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserSettingsItem, never>;
|
|
1937
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserSettingsItem, "ui5-user-settings-item, [ui5-user-settings-item]", ["ui5UserSettingsItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingReason": { "alias": "loadingReason"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; }, { "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
|
|
1938
|
+
}
|
|
1939
|
+
|
|
1940
|
+
declare class UserSettingsView implements AfterViewInit {
|
|
1941
|
+
/**
|
|
1942
|
+
* Defines the title text of the user settings view.
|
|
1943
|
+
*/
|
|
1944
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
1945
|
+
/**
|
|
1946
|
+
* Defines whether the view is selected. There can be just one selected view at a time.
|
|
1947
|
+
*/
|
|
1948
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1949
|
+
/**
|
|
1950
|
+
* Indicates whether the view is secondary. It is relevant only if the view is used in `pages` slot of `ui5-user-settings-item`
|
|
1951
|
+
and controls the visibility of the back button.
|
|
1952
|
+
*/
|
|
1953
|
+
secondary: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1954
|
+
elementRef: ElementRef<_UserSettingsView>;
|
|
1955
|
+
injector: Injector;
|
|
1956
|
+
get element(): _UserSettingsView;
|
|
1957
|
+
ngAfterViewInit(): void;
|
|
1958
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserSettingsView, never>;
|
|
1959
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserSettingsView, "ui5-user-settings-view, [ui5-user-settings-view]", ["ui5UserSettingsView"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1960
|
+
}
|
|
1961
|
+
|
|
1962
|
+
declare class ViewSettingsDialog implements AfterViewInit {
|
|
1963
|
+
/**
|
|
1964
|
+
* Defines the initial sort order.
|
|
1965
|
+
*/
|
|
1966
|
+
sortDescending: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1967
|
+
/**
|
|
1968
|
+
* Defines the initial group order.
|
|
1969
|
+
*/
|
|
1970
|
+
groupDescending: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1971
|
+
/**
|
|
1972
|
+
* Indicates if the dialog is open.
|
|
1973
|
+
*/
|
|
1974
|
+
open: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1975
|
+
/**
|
|
1976
|
+
* Fired when confirmation button is activated.
|
|
1977
|
+
*/
|
|
1978
|
+
ui5Confirm: _angular_core.OutputEmitterRef<UI5CustomEvent<_ViewSettingsDialog, "confirm">>;
|
|
1979
|
+
/**
|
|
1980
|
+
* Fired when cancel button is activated.
|
|
1981
|
+
*/
|
|
1982
|
+
ui5Cancel: _angular_core.OutputEmitterRef<UI5CustomEvent<_ViewSettingsDialog, "cancel">>;
|
|
1983
|
+
/**
|
|
1984
|
+
* Fired before the component is opened.
|
|
1985
|
+
*/
|
|
1986
|
+
ui5BeforeOpen: _angular_core.OutputEmitterRef<UI5CustomEvent<_ViewSettingsDialog, "before-open">>;
|
|
1987
|
+
/**
|
|
1988
|
+
* Fired after the dialog is opened.
|
|
1989
|
+
*/
|
|
1990
|
+
ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_ViewSettingsDialog, "open">>;
|
|
1991
|
+
/**
|
|
1992
|
+
* Fired after the dialog is closed.
|
|
1993
|
+
*/
|
|
1994
|
+
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ViewSettingsDialog, "close">>;
|
|
1995
|
+
elementRef: ElementRef<_ViewSettingsDialog>;
|
|
1996
|
+
injector: Injector;
|
|
1997
|
+
get element(): _ViewSettingsDialog;
|
|
1998
|
+
ngAfterViewInit(): void;
|
|
1999
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViewSettingsDialog, never>;
|
|
2000
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ViewSettingsDialog, "ui5-view-settings-dialog, [ui5-view-settings-dialog]", ["ui5ViewSettingsDialog"], { "sortDescending": { "alias": "sortDescending"; "required": false; "isSignal": true; }; "groupDescending": { "alias": "groupDescending"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5Confirm": "ui5Confirm"; "ui5Cancel": "ui5Cancel"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
|
|
2001
|
+
}
|
|
2002
|
+
|
|
2003
|
+
declare class Wizard implements AfterViewInit {
|
|
2004
|
+
/**
|
|
2005
|
+
* Defines how the content of the `ui5-wizard` would be visualized.
|
|
2006
|
+
*/
|
|
2007
|
+
contentLayout: _angular_core.InputSignal<"MultipleSteps" | "SingleStep" | undefined>;
|
|
2008
|
+
/**
|
|
2009
|
+
* Fired when the step is changed by user interaction - either with scrolling,
|
|
2010
|
+
or by clicking on the steps within the component header.
|
|
2011
|
+
*/
|
|
2012
|
+
ui5StepChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Wizard, "step-change">>;
|
|
2013
|
+
elementRef: ElementRef<_Wizard>;
|
|
2014
|
+
injector: Injector;
|
|
2015
|
+
get element(): _Wizard;
|
|
2016
|
+
ngAfterViewInit(): void;
|
|
2017
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Wizard, never>;
|
|
2018
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Wizard, "ui5-wizard, [ui5-wizard]", ["ui5Wizard"], { "contentLayout": { "alias": "contentLayout"; "required": false; "isSignal": true; }; }, { "ui5StepChange": "ui5StepChange"; }, never, ["*"], true, never>;
|
|
2019
|
+
}
|
|
2020
|
+
|
|
2021
|
+
declare class WizardStep implements AfterViewInit {
|
|
2022
|
+
/**
|
|
2023
|
+
* Defines the `titleText` of the step.
|
|
2024
|
+
|
|
2025
|
+
**Note:** The text is displayed in the `ui5-wizard` navigation header.
|
|
2026
|
+
*/
|
|
2027
|
+
titleText: _angular_core.InputSignal<string | undefined>;
|
|
2028
|
+
/**
|
|
2029
|
+
* Defines the `subtitleText` of the step.
|
|
2030
|
+
|
|
2031
|
+
**Note:** the text is displayed in the `ui5-wizard` navigation header.
|
|
2032
|
+
*/
|
|
2033
|
+
subtitleText: _angular_core.InputSignal<string | undefined>;
|
|
2034
|
+
/**
|
|
2035
|
+
* Defines the `icon` of the step.
|
|
2036
|
+
|
|
2037
|
+
**Note:** The icon is displayed in the `ui5-wizard` navigation header.
|
|
2038
|
+
|
|
2039
|
+
The SAP-icons font provides numerous options.
|
|
2040
|
+
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
2041
|
+
*/
|
|
2042
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
2043
|
+
/**
|
|
2044
|
+
* Defines if the step is `disabled`. When disabled the step is displayed,
|
|
2045
|
+
but the user can't select the step by clicking or navigate to it with scrolling.
|
|
2046
|
+
|
|
2047
|
+
**Note:** Step can't be `selected` and `disabled` at the same time.
|
|
2048
|
+
In this case the `selected` property would take precedence.
|
|
2049
|
+
*/
|
|
2050
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2051
|
+
/**
|
|
2052
|
+
* Defines the step's `selected` state - the step that is currently active.
|
|
2053
|
+
|
|
2054
|
+
**Note:** Step can't be `selected` and `disabled` at the same time.
|
|
2055
|
+
In this case the `selected` property would take precedence.
|
|
2056
|
+
*/
|
|
2057
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2058
|
+
/**
|
|
2059
|
+
* When `branching` is enabled a dashed line would be displayed after the step,
|
|
2060
|
+
meant to indicate that the next step is not yet known and depends on user choice in the current step.
|
|
2061
|
+
|
|
2062
|
+
**Note:** It is recommended to use `branching` on the last known step
|
|
2063
|
+
and later add new steps when it becomes clear how the wizard flow should continue.
|
|
2064
|
+
*/
|
|
2065
|
+
branching: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2066
|
+
elementRef: ElementRef<_WizardStep>;
|
|
2067
|
+
injector: Injector;
|
|
2068
|
+
get element(): _WizardStep;
|
|
2069
|
+
ngAfterViewInit(): void;
|
|
2070
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<WizardStep, never>;
|
|
2071
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<WizardStep, "ui5-wizard-step, [ui5-wizard-step]", ["ui5WizardStep"], { "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "branching": { "alias": "branching"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
2072
|
+
}
|
|
2073
|
+
|
|
2074
|
+
declare class Ui5WebcomponentsFioriThemingService extends WebcomponentsThemingProvider {
|
|
2075
|
+
name: string;
|
|
2076
|
+
constructor();
|
|
2077
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Ui5WebcomponentsFioriThemingService, never>;
|
|
2078
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<Ui5WebcomponentsFioriThemingService>;
|
|
2079
|
+
}
|
|
2080
|
+
|
|
2081
|
+
export { BarcodeScannerDialog, DynamicPage, DynamicPageHeader, DynamicPageTitle, DynamicSideContent, FilterItem, FilterItemOption, FlexibleColumnLayout, GenericControlValueAccessor, GroupItem, IllustratedMessage, MediaGallery, MediaGalleryItem, NavigationLayout, NotificationList, NotificationListGroupItem, NotificationListItem, Page, ProductSwitch, ProductSwitchItem, Search, SearchItem, SearchItemGroup, SearchItemShowMore, SearchMessageArea, SearchScope, ShellBar, ShellBarBranding, ShellBarItem, ShellBarSearch, ShellBarSpacer, SideNavigation, SideNavigationGroup, SideNavigationItem, SideNavigationSubItem, SortItem, Timeline, TimelineGroupItem, TimelineItem, Ui5WebcomponentsFioriThemingService, UploadCollection, UploadCollectionItem, UserMenu, UserMenuAccount, UserMenuItem, UserMenuItemGroup, UserSettingsDialog, UserSettingsItem, UserSettingsView, ViewSettingsDialog, Wizard, WizardStep };
|