@fundamental-ngx/ui5-webcomponents-fiori 0.58.0-rc.51 → 0.58.0-rc.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori.mjs +1355 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori.mjs.map +1 -1
- package/index.d.ts +1079 -0
- package/package.json +2 -206
- package/barcode-scanner-dialog/index.d.ts +0 -31
- package/dynamic-page/index.d.ts +0 -39
- package/dynamic-page-header/index.d.ts +0 -14
- package/dynamic-page-title/index.d.ts +0 -14
- package/dynamic-side-content/index.d.ts +0 -56
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-barcode-scanner-dialog.mjs +0 -89
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-barcode-scanner-dialog.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-header.mjs +0 -36
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-header.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-title.mjs +0 -36
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-title.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page.mjs +0 -99
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-side-content.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-side-content.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item-option.mjs +0 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item-option.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item.mjs +0 -66
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-flexible-column-layout.mjs +0 -262
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-flexible-column-layout.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-group-item.mjs +0 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-group-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-illustrated-message.mjs +0 -116
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-illustrated-message.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery-item.mjs +0 -70
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery.mjs +0 -119
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-navigation-layout.mjs +0 -60
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-navigation-layout.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-group-item.mjs +0 -113
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-group-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-item.mjs +0 -121
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list.mjs +0 -89
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-page.mjs +0 -80
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-page.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch-item.mjs +0 -116
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch.mjs +0 -36
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-group.mjs +0 -36
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-show-more.mjs +0 -87
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-show-more.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item.mjs +0 -105
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-message-area.mjs +0 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-message-area.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-scope.mjs +0 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-scope.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search.mjs +0 -137
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-branding.mjs +0 -102
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-branding.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-item.mjs +0 -109
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-search.mjs +0 -142
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-search.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-spacer.mjs +0 -36
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-spacer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar.mjs +0 -242
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-group.mjs +0 -80
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-item.mjs +0 -170
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-sub-item.mjs +0 -165
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-sub-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation.mjs +0 -90
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-sort-item.mjs +0 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-sort-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-theming.mjs +0 -23
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-theming.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-group-item.mjs +0 -84
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-group-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-item.mjs +0 -111
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline.mjs +0 -110
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection-item.mjs +0 -152
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection.mjs +0 -116
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-account.mjs +0 -95
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-account.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item-group.mjs +0 -36
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item.mjs +0 -36
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu.mjs +0 -141
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-dialog.mjs +0 -106
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-dialog.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-item.mjs +0 -123
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-view.mjs +0 -71
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-view.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-view-settings-dialog.mjs +0 -109
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-view-settings-dialog.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard-step.mjs +0 -105
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard-step.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard.mjs +0 -80
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard.mjs.map +0 -1
- package/filter-item/index.d.ts +0 -23
- package/filter-item-option/index.d.ts +0 -22
- package/flexible-column-layout/index.d.ts +0 -109
- package/group-item/index.d.ts +0 -22
- package/illustrated-message/index.d.ts +0 -69
- package/media-gallery/index.d.ts +0 -57
- package/media-gallery-item/index.d.ts +0 -26
- package/navigation-layout/index.d.ts +0 -18
- package/notification-list/index.d.ts +0 -31
- package/notification-list-group-item/index.d.ts +0 -51
- package/notification-list-item/index.d.ts +0 -58
- package/page/index.d.ts +0 -35
- package/product-switch/index.d.ts +0 -14
- package/product-switch-item/index.d.ts +0 -56
- package/search/index.d.ts +0 -70
- package/search-item/index.d.ts +0 -44
- package/search-item-group/index.d.ts +0 -14
- package/search-item-show-more/index.d.ts +0 -30
- package/search-message-area/index.d.ts +0 -22
- package/search-scope/index.d.ts +0 -22
- package/shell-bar/index.d.ts +0 -160
- package/shell-bar-branding/index.d.ts +0 -44
- package/shell-bar-item/index.d.ts +0 -50
- package/shell-bar-search/index.d.ts +0 -74
- package/shell-bar-spacer/index.d.ts +0 -14
- package/side-navigation/index.d.ts +0 -33
- package/side-navigation-group/index.d.ts +0 -35
- package/side-navigation-item/index.d.ts +0 -105
- package/side-navigation-sub-item/index.d.ts +0 -101
- package/sort-item/index.d.ts +0 -22
- package/theming/index.d.ts +0 -11
- package/timeline/index.d.ts +0 -50
- package/timeline-group-item/index.d.ts +0 -27
- package/timeline-item/index.d.ts +0 -50
- package/upload-collection/index.d.ts +0 -54
- package/upload-collection-item/index.d.ts +0 -85
- package/user-menu/index.d.ts +0 -73
- package/user-menu-account/index.d.ts +0 -46
- package/user-menu-item/index.d.ts +0 -14
- package/user-menu-item-group/index.d.ts +0 -14
- package/user-settings-dialog/index.d.ts +0 -45
- package/user-settings-item/index.d.ts +0 -59
- package/user-settings-view/index.d.ts +0 -27
- package/view-settings-dialog/index.d.ts +0 -47
- package/wizard/index.d.ts +0 -24
- package/wizard-step/index.d.ts +0 -58
package/index.d.ts
CHANGED
|
@@ -111,6 +111,41 @@ declare class BarcodeScannerDialog implements AfterViewInit {
|
|
|
111
111
|
* Fires when the scan fails with error.
|
|
112
112
|
*/
|
|
113
113
|
ui5ScanError: _angular_core.OutputEmitterRef<UI5CustomEvent<_BarcodeScannerDialog, "scan-error">>;
|
|
114
|
+
/**
|
|
115
|
+
* Available slots for content projection in this component.
|
|
116
|
+
*
|
|
117
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
118
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
119
|
+
*
|
|
120
|
+
* - **header**: Defines the header HTML Element.
|
|
121
|
+
|
|
122
|
+
**Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.
|
|
123
|
+
`accessibleName` should be used.
|
|
124
|
+
* - **footer**: Defines the footer HTML Element.
|
|
125
|
+
|
|
126
|
+
**Note:** When you provide custom content for the `footer` slot, the default close button is not rendered.
|
|
127
|
+
This means you need to include your own mechanism within the custom `footer` to close the dialog,
|
|
128
|
+
such as a button with an event listener that closes the dialog.
|
|
129
|
+
|
|
130
|
+
**Note:** If the `footer` slot is not provided, a default footer with a close button is rendered automatically,
|
|
131
|
+
allowing users to close the dialog without any additional implementation.
|
|
132
|
+
*
|
|
133
|
+
* @example
|
|
134
|
+
* ```html
|
|
135
|
+
* <ui5-barcode-scanner-dialog>
|
|
136
|
+
* <div slot="header">Custom header content</div>
|
|
137
|
+
* <p>Default slot content</p>
|
|
138
|
+
* </ui5-barcode-scanner-dialog>
|
|
139
|
+
* ```
|
|
140
|
+
*
|
|
141
|
+
* @readonly
|
|
142
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
143
|
+
*/
|
|
144
|
+
readonly slots: {
|
|
145
|
+
name: string;
|
|
146
|
+
description: string;
|
|
147
|
+
since: string;
|
|
148
|
+
}[];
|
|
114
149
|
elementRef: ElementRef<_BarcodeScannerDialog>;
|
|
115
150
|
injector: Injector;
|
|
116
151
|
get element(): _BarcodeScannerDialog;
|
|
@@ -144,6 +179,32 @@ declare class DynamicPage implements AfterViewInit {
|
|
|
144
179
|
* Fired when the expand/collapse area of the title is toggled.
|
|
145
180
|
*/
|
|
146
181
|
ui5TitleToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_DynamicPage, "title-toggle">>;
|
|
182
|
+
/**
|
|
183
|
+
* Available slots for content projection in this component.
|
|
184
|
+
*
|
|
185
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
186
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
187
|
+
*
|
|
188
|
+
* - **(default)**: Defines the content of the Dynamic Page.
|
|
189
|
+
* - **titleArea**: Defines the title HTML Element.
|
|
190
|
+
* - **headerArea**: Defines the header HTML Element.
|
|
191
|
+
* - **footerArea**: Defines the footer HTML Element.
|
|
192
|
+
*
|
|
193
|
+
* @example
|
|
194
|
+
* ```html
|
|
195
|
+
* <ui5-dynamic-page>
|
|
196
|
+
* <div slot="header">Custom header content</div>
|
|
197
|
+
* <p>Default slot content</p>
|
|
198
|
+
* </ui5-dynamic-page>
|
|
199
|
+
* ```
|
|
200
|
+
*
|
|
201
|
+
* @readonly
|
|
202
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
203
|
+
*/
|
|
204
|
+
readonly slots: {
|
|
205
|
+
name: string;
|
|
206
|
+
description: string;
|
|
207
|
+
}[];
|
|
147
208
|
elementRef: ElementRef<_DynamicPage>;
|
|
148
209
|
injector: Injector;
|
|
149
210
|
get element(): _DynamicPage;
|
|
@@ -153,6 +214,29 @@ declare class DynamicPage implements AfterViewInit {
|
|
|
153
214
|
}
|
|
154
215
|
|
|
155
216
|
declare class DynamicPageHeader implements AfterViewInit {
|
|
217
|
+
/**
|
|
218
|
+
* Available slots for content projection in this component.
|
|
219
|
+
*
|
|
220
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
221
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
222
|
+
*
|
|
223
|
+
* - **(default)**: Defines the content of the Dynamic Page Header.
|
|
224
|
+
*
|
|
225
|
+
* @example
|
|
226
|
+
* ```html
|
|
227
|
+
* <ui5-dynamic-page-header>
|
|
228
|
+
* <div slot="header">Custom header content</div>
|
|
229
|
+
* <p>Default slot content</p>
|
|
230
|
+
* </ui5-dynamic-page-header>
|
|
231
|
+
* ```
|
|
232
|
+
*
|
|
233
|
+
* @readonly
|
|
234
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
235
|
+
*/
|
|
236
|
+
readonly slots: {
|
|
237
|
+
name: string;
|
|
238
|
+
description: string;
|
|
239
|
+
}[];
|
|
156
240
|
elementRef: ElementRef<_DynamicPageHeader>;
|
|
157
241
|
injector: Injector;
|
|
158
242
|
get element(): _DynamicPageHeader;
|
|
@@ -162,6 +246,55 @@ declare class DynamicPageHeader implements AfterViewInit {
|
|
|
162
246
|
}
|
|
163
247
|
|
|
164
248
|
declare class DynamicPageTitle implements AfterViewInit {
|
|
249
|
+
/**
|
|
250
|
+
* Available slots for content projection in this component.
|
|
251
|
+
*
|
|
252
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
253
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
254
|
+
*
|
|
255
|
+
* - **heading**: Defines the content of the Heading of the Dynamic Page.
|
|
256
|
+
|
|
257
|
+
The font size of the title within the `heading` slot can be adjusted to the recommended values using the following CSS variables:
|
|
258
|
+
|
|
259
|
+
**Expanded:** `var(--sapObjectHeader_Title_FontSize)`
|
|
260
|
+
|
|
261
|
+
**Collapsed:** `var(--sapObjectHeader_Title_SnappedFontSize)`
|
|
262
|
+
* - **snappedHeading**: Defines the heading that is shown only when the header is snapped.
|
|
263
|
+
* - **snappedTitleOnMobile**: Defines the content of the snapped title on mobile devices.
|
|
264
|
+
|
|
265
|
+
This slot is displayed only when the `DynamicPageTitle` is in the snapped state on mobile devices.
|
|
266
|
+
It should be used to provide a simplified, single-line title that takes up less space on smaller screens.
|
|
267
|
+
|
|
268
|
+
**Note:**
|
|
269
|
+
- The content set in this slot **overrides** all other content set in the `DynamicPageTitle` slots when displayed.
|
|
270
|
+
- The slot is intended for a single `ui5-title` component.
|
|
271
|
+
* - **actionsBar**: Defines the bar with actions in the Dynamic page title.
|
|
272
|
+
* - **navigationBar**: Defines the bar with navigation actions in the Dynamic page title.
|
|
273
|
+
* - **(default)**: Defines the content of the Dynamic page title.
|
|
274
|
+
* - **subheading**: Defines the content of the title that is shown only when the header is not snapped.
|
|
275
|
+
* - **snappedSubheading**: Defines the content of the title that is shown only when the header is snapped.
|
|
276
|
+
* - **breadcrumbs**: Defines the content of the breadcrumbs inside Dynamic Page Title.
|
|
277
|
+
*
|
|
278
|
+
* @example
|
|
279
|
+
* ```html
|
|
280
|
+
* <ui5-dynamic-page-title>
|
|
281
|
+
* <div slot="header">Custom header content</div>
|
|
282
|
+
* <p>Default slot content</p>
|
|
283
|
+
* </ui5-dynamic-page-title>
|
|
284
|
+
* ```
|
|
285
|
+
*
|
|
286
|
+
* @readonly
|
|
287
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
288
|
+
*/
|
|
289
|
+
readonly slots: ({
|
|
290
|
+
name: string;
|
|
291
|
+
description: string;
|
|
292
|
+
since?: undefined;
|
|
293
|
+
} | {
|
|
294
|
+
name: string;
|
|
295
|
+
description: string;
|
|
296
|
+
since: string;
|
|
297
|
+
})[];
|
|
165
298
|
elementRef: ElementRef<_DynamicPageTitle>;
|
|
166
299
|
injector: Injector;
|
|
167
300
|
get element(): _DynamicPageTitle;
|
|
@@ -212,6 +345,30 @@ declare class DynamicSideContent implements AfterViewInit {
|
|
|
212
345
|
* Fires when the current breakpoint has been changed.
|
|
213
346
|
*/
|
|
214
347
|
ui5LayoutChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_DynamicSideContent, "layout-change">>;
|
|
348
|
+
/**
|
|
349
|
+
* Available slots for content projection in this component.
|
|
350
|
+
*
|
|
351
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
352
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
353
|
+
*
|
|
354
|
+
* - **(default)**: Defines the main content.
|
|
355
|
+
* - **sideContent**: Defines the side content.
|
|
356
|
+
*
|
|
357
|
+
* @example
|
|
358
|
+
* ```html
|
|
359
|
+
* <ui5-dynamic-side-content>
|
|
360
|
+
* <div slot="header">Custom header content</div>
|
|
361
|
+
* <p>Default slot content</p>
|
|
362
|
+
* </ui5-dynamic-side-content>
|
|
363
|
+
* ```
|
|
364
|
+
*
|
|
365
|
+
* @readonly
|
|
366
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
367
|
+
*/
|
|
368
|
+
readonly slots: {
|
|
369
|
+
name: string;
|
|
370
|
+
description: string;
|
|
371
|
+
}[];
|
|
215
372
|
elementRef: ElementRef<_DynamicSideContent>;
|
|
216
373
|
injector: Injector;
|
|
217
374
|
get element(): _DynamicSideContent;
|
|
@@ -230,6 +387,29 @@ declare class FilterItem implements AfterViewInit {
|
|
|
230
387
|
This text is typically used to show the number of selected filter options within this category.
|
|
231
388
|
*/
|
|
232
389
|
additionalText: _angular_core.InputSignal<string | undefined>;
|
|
390
|
+
/**
|
|
391
|
+
* Available slots for content projection in this component.
|
|
392
|
+
*
|
|
393
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
394
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
395
|
+
*
|
|
396
|
+
* - **values**: Defines the filter options available for this filter category.
|
|
397
|
+
*
|
|
398
|
+
* @example
|
|
399
|
+
* ```html
|
|
400
|
+
* <ui5-filter-item>
|
|
401
|
+
* <div slot="header">Custom header content</div>
|
|
402
|
+
* <p>Default slot content</p>
|
|
403
|
+
* </ui5-filter-item>
|
|
404
|
+
* ```
|
|
405
|
+
*
|
|
406
|
+
* @readonly
|
|
407
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
408
|
+
*/
|
|
409
|
+
readonly slots: {
|
|
410
|
+
name: string;
|
|
411
|
+
description: string;
|
|
412
|
+
}[];
|
|
233
413
|
elementRef: ElementRef<_FilterItem>;
|
|
234
414
|
injector: Injector;
|
|
235
415
|
get element(): _FilterItem;
|
|
@@ -346,6 +526,31 @@ declare class FlexibleColumnLayout implements AfterViewInit {
|
|
|
346
526
|
* Fired when the `layoutsConfiguration` changes via user interaction by dragging the separators.
|
|
347
527
|
*/
|
|
348
528
|
ui5LayoutConfigurationChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_FlexibleColumnLayout, "layout-configuration-change">>;
|
|
529
|
+
/**
|
|
530
|
+
* Available slots for content projection in this component.
|
|
531
|
+
*
|
|
532
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
533
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
534
|
+
*
|
|
535
|
+
* - **startColumn**: Defines the content in the start column.
|
|
536
|
+
* - **midColumn**: Defines the content in the middle column.
|
|
537
|
+
* - **endColumn**: Defines the content in the end column.
|
|
538
|
+
*
|
|
539
|
+
* @example
|
|
540
|
+
* ```html
|
|
541
|
+
* <ui5-flexible-column-layout>
|
|
542
|
+
* <div slot="header">Custom header content</div>
|
|
543
|
+
* <p>Default slot content</p>
|
|
544
|
+
* </ui5-flexible-column-layout>
|
|
545
|
+
* ```
|
|
546
|
+
*
|
|
547
|
+
* @readonly
|
|
548
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
549
|
+
*/
|
|
550
|
+
readonly slots: {
|
|
551
|
+
name: string;
|
|
552
|
+
description: string;
|
|
553
|
+
}[];
|
|
349
554
|
elementRef: ElementRef<_FlexibleColumnLayout>;
|
|
350
555
|
injector: Injector;
|
|
351
556
|
private _columnLayoutSignal;
|
|
@@ -431,6 +636,42 @@ declare class IllustratedMessage implements AfterViewInit {
|
|
|
431
636
|
When set to `true`, the attributes `role="presentation"` and `aria-hidden="true"` are applied to the SVG element.
|
|
432
637
|
*/
|
|
433
638
|
decorative: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
639
|
+
/**
|
|
640
|
+
* Available slots for content projection in this component.
|
|
641
|
+
*
|
|
642
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
643
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
644
|
+
*
|
|
645
|
+
* - **title**: Defines the title of the component.
|
|
646
|
+
|
|
647
|
+
**Note:** Using this slot, the default title text of illustration and the value of `title` property will be overwritten.
|
|
648
|
+
* - **subtitle**: Defines the subtitle of the component.
|
|
649
|
+
|
|
650
|
+
**Note:** Using this slot, the default subtitle text of illustration and the value of `subtitleText` property will be overwritten.
|
|
651
|
+
* - **(default)**: Defines the component actions.
|
|
652
|
+
|
|
653
|
+
**Note:** Not displayed when the `design` property is set to `Base`.
|
|
654
|
+
*
|
|
655
|
+
* @example
|
|
656
|
+
* ```html
|
|
657
|
+
* <ui5-illustrated-message>
|
|
658
|
+
* <div slot="header">Custom header content</div>
|
|
659
|
+
* <p>Default slot content</p>
|
|
660
|
+
* </ui5-illustrated-message>
|
|
661
|
+
* ```
|
|
662
|
+
*
|
|
663
|
+
* @readonly
|
|
664
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
665
|
+
*/
|
|
666
|
+
readonly slots: ({
|
|
667
|
+
name: string;
|
|
668
|
+
description: string;
|
|
669
|
+
since: string;
|
|
670
|
+
} | {
|
|
671
|
+
name: string;
|
|
672
|
+
description: string;
|
|
673
|
+
since?: undefined;
|
|
674
|
+
})[];
|
|
434
675
|
elementRef: ElementRef<_IllustratedMessage>;
|
|
435
676
|
injector: Injector;
|
|
436
677
|
get element(): _IllustratedMessage;
|
|
@@ -482,6 +723,33 @@ declare class MediaGallery implements AfterViewInit {
|
|
|
482
723
|
the enlarged content of the currently selected item.
|
|
483
724
|
*/
|
|
484
725
|
ui5DisplayAreaClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_MediaGallery, "display-area-click">>;
|
|
726
|
+
/**
|
|
727
|
+
* Available slots for content projection in this component.
|
|
728
|
+
*
|
|
729
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
730
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
731
|
+
*
|
|
732
|
+
* - **(default)**: Defines the component items.
|
|
733
|
+
|
|
734
|
+
**Note:** Only one selected item is allowed.
|
|
735
|
+
|
|
736
|
+
**Note:** Use the `ui5-media-gallery-item` component to define the desired items.
|
|
737
|
+
*
|
|
738
|
+
* @example
|
|
739
|
+
* ```html
|
|
740
|
+
* <ui5-media-gallery>
|
|
741
|
+
* <div slot="header">Custom header content</div>
|
|
742
|
+
* <p>Default slot content</p>
|
|
743
|
+
* </ui5-media-gallery>
|
|
744
|
+
* ```
|
|
745
|
+
*
|
|
746
|
+
* @readonly
|
|
747
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
748
|
+
*/
|
|
749
|
+
readonly slots: {
|
|
750
|
+
name: string;
|
|
751
|
+
description: string;
|
|
752
|
+
}[];
|
|
485
753
|
elementRef: ElementRef<_MediaGallery>;
|
|
486
754
|
injector: Injector;
|
|
487
755
|
get element(): _MediaGallery;
|
|
@@ -503,6 +771,30 @@ declare class MediaGalleryItem implements AfterViewInit {
|
|
|
503
771
|
* Determines the layout of the item container.
|
|
504
772
|
*/
|
|
505
773
|
layout: _angular_core.InputSignal<"Square" | "Wide" | undefined>;
|
|
774
|
+
/**
|
|
775
|
+
* Available slots for content projection in this component.
|
|
776
|
+
*
|
|
777
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
778
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
779
|
+
*
|
|
780
|
+
* - **(default)**: Defines the content of the component.
|
|
781
|
+
* - **thumbnail**: Defines the content of the thumbnail.
|
|
782
|
+
*
|
|
783
|
+
* @example
|
|
784
|
+
* ```html
|
|
785
|
+
* <ui5-media-gallery-item>
|
|
786
|
+
* <div slot="header">Custom header content</div>
|
|
787
|
+
* <p>Default slot content</p>
|
|
788
|
+
* </ui5-media-gallery-item>
|
|
789
|
+
* ```
|
|
790
|
+
*
|
|
791
|
+
* @readonly
|
|
792
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
793
|
+
*/
|
|
794
|
+
readonly slots: {
|
|
795
|
+
name: string;
|
|
796
|
+
description: string;
|
|
797
|
+
}[];
|
|
506
798
|
elementRef: ElementRef<_MediaGalleryItem>;
|
|
507
799
|
injector: Injector;
|
|
508
800
|
get element(): _MediaGalleryItem;
|
|
@@ -516,6 +808,31 @@ declare class NavigationLayout implements AfterViewInit {
|
|
|
516
808
|
* Specifies the navigation layout mode.
|
|
517
809
|
*/
|
|
518
810
|
mode: _angular_core.InputSignal<"Auto" | "Collapsed" | "Expanded" | undefined>;
|
|
811
|
+
/**
|
|
812
|
+
* Available slots for content projection in this component.
|
|
813
|
+
*
|
|
814
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
815
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
816
|
+
*
|
|
817
|
+
* - **header**: Defines the header.
|
|
818
|
+
* - **sideContent**: Defines the side content.
|
|
819
|
+
* - **(default)**: Defines the content.
|
|
820
|
+
*
|
|
821
|
+
* @example
|
|
822
|
+
* ```html
|
|
823
|
+
* <ui5-navigation-layout>
|
|
824
|
+
* <div slot="header">Custom header content</div>
|
|
825
|
+
* <p>Default slot content</p>
|
|
826
|
+
* </ui5-navigation-layout>
|
|
827
|
+
* ```
|
|
828
|
+
*
|
|
829
|
+
* @readonly
|
|
830
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
831
|
+
*/
|
|
832
|
+
readonly slots: {
|
|
833
|
+
name: string;
|
|
834
|
+
description: string;
|
|
835
|
+
}[];
|
|
519
836
|
elementRef: ElementRef<_NavigationLayout>;
|
|
520
837
|
injector: Injector;
|
|
521
838
|
get element(): _NavigationLayout;
|
|
@@ -541,6 +858,29 @@ declare class NotificationList implements AfterViewInit {
|
|
|
541
858
|
* Fired when an item is toggled.
|
|
542
859
|
*/
|
|
543
860
|
ui5ItemToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationList, "item-toggle">>;
|
|
861
|
+
/**
|
|
862
|
+
* Available slots for content projection in this component.
|
|
863
|
+
*
|
|
864
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
865
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
866
|
+
*
|
|
867
|
+
* - **(default)**: Defines the items of the component.
|
|
868
|
+
*
|
|
869
|
+
* @example
|
|
870
|
+
* ```html
|
|
871
|
+
* <ui5-notification-list>
|
|
872
|
+
* <div slot="header">Custom header content</div>
|
|
873
|
+
* <p>Default slot content</p>
|
|
874
|
+
* </ui5-notification-list>
|
|
875
|
+
* ```
|
|
876
|
+
*
|
|
877
|
+
* @readonly
|
|
878
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
879
|
+
*/
|
|
880
|
+
readonly slots: {
|
|
881
|
+
name: string;
|
|
882
|
+
description: string;
|
|
883
|
+
}[];
|
|
544
884
|
elementRef: ElementRef<_NotificationList>;
|
|
545
885
|
injector: Injector;
|
|
546
886
|
get element(): _NotificationList;
|
|
@@ -586,6 +926,30 @@ declare class NotificationListGroupItem implements AfterViewInit {
|
|
|
586
926
|
* Fired when additional items are requested.
|
|
587
927
|
*/
|
|
588
928
|
ui5LoadMore: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationListGroupItem, "load-more">>;
|
|
929
|
+
/**
|
|
930
|
+
* Available slots for content projection in this component.
|
|
931
|
+
*
|
|
932
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
933
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
934
|
+
*
|
|
935
|
+
* - **(default)**: Defines the items of the `ui5-li-notification-group`,
|
|
936
|
+
usually `ui5-li-notification` items.
|
|
937
|
+
*
|
|
938
|
+
* @example
|
|
939
|
+
* ```html
|
|
940
|
+
* <ui5-li-notification-group>
|
|
941
|
+
* <div slot="header">Custom header content</div>
|
|
942
|
+
* <p>Default slot content</p>
|
|
943
|
+
* </ui5-li-notification-group>
|
|
944
|
+
* ```
|
|
945
|
+
*
|
|
946
|
+
* @readonly
|
|
947
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
948
|
+
*/
|
|
949
|
+
readonly slots: {
|
|
950
|
+
name: string;
|
|
951
|
+
description: string;
|
|
952
|
+
}[];
|
|
589
953
|
elementRef: ElementRef<_NotificationListGroupItem>;
|
|
590
954
|
injector: Injector;
|
|
591
955
|
get element(): _NotificationListGroupItem;
|
|
@@ -638,6 +1002,45 @@ declare class NotificationListItem implements AfterViewInit {
|
|
|
638
1002
|
* Fired when the `Close` button is pressed.
|
|
639
1003
|
*/
|
|
640
1004
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationListItem, "close">>;
|
|
1005
|
+
/**
|
|
1006
|
+
* Available slots for content projection in this component.
|
|
1007
|
+
*
|
|
1008
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1009
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1010
|
+
*
|
|
1011
|
+
* - **avatar**: Defines the avatar, displayed in the `ui5-li-notification`.
|
|
1012
|
+
|
|
1013
|
+
**Note:** Consider using the `ui5-avatar` to display icons, initials or images.
|
|
1014
|
+
|
|
1015
|
+
**Note:** In order to be complaint with the UX guidlines and for best experience,
|
|
1016
|
+
we recommend using avatars with 2rem X 2rem in size (32px X 32px). In case you are using the `ui5-avatar`
|
|
1017
|
+
you can set its `size` property to `XS` to get the required size - `<ui5-avatar size="XS"></ui5-avatar>`.
|
|
1018
|
+
* - **menu**: Defines the menu, displayed in the `ui5-li-notification`.
|
|
1019
|
+
|
|
1020
|
+
**Note:** Use this for implementing actions.
|
|
1021
|
+
|
|
1022
|
+
**Note:** Should be used instead `u5-notification-action`, which is deprecated as of version 2.0.
|
|
1023
|
+
* - **footnotes**: Defines the elements, displayed in the footer of the of the component.
|
|
1024
|
+
* - **(default)**: Defines the content of the `ui5-li-notification`,
|
|
1025
|
+
usually a description of the notification.
|
|
1026
|
+
|
|
1027
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
1028
|
+
*
|
|
1029
|
+
* @example
|
|
1030
|
+
* ```html
|
|
1031
|
+
* <ui5-li-notification>
|
|
1032
|
+
* <div slot="header">Custom header content</div>
|
|
1033
|
+
* <p>Default slot content</p>
|
|
1034
|
+
* </ui5-li-notification>
|
|
1035
|
+
* ```
|
|
1036
|
+
*
|
|
1037
|
+
* @readonly
|
|
1038
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1039
|
+
*/
|
|
1040
|
+
readonly slots: {
|
|
1041
|
+
name: string;
|
|
1042
|
+
description: string;
|
|
1043
|
+
}[];
|
|
641
1044
|
elementRef: ElementRef<_NotificationListItem>;
|
|
642
1045
|
injector: Injector;
|
|
643
1046
|
get element(): _NotificationListItem;
|
|
@@ -668,6 +1071,31 @@ declare class Page implements AfterViewInit {
|
|
|
668
1071
|
* Defines the footer visibility.
|
|
669
1072
|
*/
|
|
670
1073
|
hideFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1074
|
+
/**
|
|
1075
|
+
* Available slots for content projection in this component.
|
|
1076
|
+
*
|
|
1077
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1078
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1079
|
+
*
|
|
1080
|
+
* - **header**: Defines the header HTML Element.
|
|
1081
|
+
* - **(default)**: Defines the content HTML Element.
|
|
1082
|
+
* - **footer**: Defines the footer HTML Element.
|
|
1083
|
+
*
|
|
1084
|
+
* @example
|
|
1085
|
+
* ```html
|
|
1086
|
+
* <ui5-page>
|
|
1087
|
+
* <div slot="header">Custom header content</div>
|
|
1088
|
+
* <p>Default slot content</p>
|
|
1089
|
+
* </ui5-page>
|
|
1090
|
+
* ```
|
|
1091
|
+
*
|
|
1092
|
+
* @readonly
|
|
1093
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1094
|
+
*/
|
|
1095
|
+
readonly slots: {
|
|
1096
|
+
name: string;
|
|
1097
|
+
description: string;
|
|
1098
|
+
}[];
|
|
671
1099
|
elementRef: ElementRef<_Page>;
|
|
672
1100
|
injector: Injector;
|
|
673
1101
|
get element(): _Page;
|
|
@@ -677,6 +1105,29 @@ declare class Page implements AfterViewInit {
|
|
|
677
1105
|
}
|
|
678
1106
|
|
|
679
1107
|
declare class ProductSwitch implements AfterViewInit {
|
|
1108
|
+
/**
|
|
1109
|
+
* Available slots for content projection in this component.
|
|
1110
|
+
*
|
|
1111
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1112
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1113
|
+
*
|
|
1114
|
+
* - **(default)**: Defines the items of the `ui5-product-switch`.
|
|
1115
|
+
*
|
|
1116
|
+
* @example
|
|
1117
|
+
* ```html
|
|
1118
|
+
* <ui5-product-switch>
|
|
1119
|
+
* <div slot="header">Custom header content</div>
|
|
1120
|
+
* <p>Default slot content</p>
|
|
1121
|
+
* </ui5-product-switch>
|
|
1122
|
+
* ```
|
|
1123
|
+
*
|
|
1124
|
+
* @readonly
|
|
1125
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1126
|
+
*/
|
|
1127
|
+
readonly slots: {
|
|
1128
|
+
name: string;
|
|
1129
|
+
description: string;
|
|
1130
|
+
}[];
|
|
680
1131
|
elementRef: ElementRef<_ProductSwitch>;
|
|
681
1132
|
injector: Injector;
|
|
682
1133
|
get element(): _ProductSwitch;
|
|
@@ -727,6 +1178,33 @@ declare class ProductSwitchItem implements AfterViewInit {
|
|
|
727
1178
|
click/tap or by using the Enter or Space key.
|
|
728
1179
|
*/
|
|
729
1180
|
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ProductSwitchItem, "click">>;
|
|
1181
|
+
/**
|
|
1182
|
+
* Available slots for content projection in this component.
|
|
1183
|
+
*
|
|
1184
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1185
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1186
|
+
*
|
|
1187
|
+
* - **image**: Defines an image to be displayed instead of the standard icon.
|
|
1188
|
+
|
|
1189
|
+
**Note:** The image slot takes precedence over the icon property.
|
|
1190
|
+
**Note:** We recommend using non-interactive ui5-avatar with size S, Square shape and Transparent colorScheme for best alignment.
|
|
1191
|
+
*
|
|
1192
|
+
* @example
|
|
1193
|
+
* ```html
|
|
1194
|
+
* <ui5-product-switch-item>
|
|
1195
|
+
* <div slot="header">Custom header content</div>
|
|
1196
|
+
* <p>Default slot content</p>
|
|
1197
|
+
* </ui5-product-switch-item>
|
|
1198
|
+
* ```
|
|
1199
|
+
*
|
|
1200
|
+
* @readonly
|
|
1201
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1202
|
+
*/
|
|
1203
|
+
readonly slots: {
|
|
1204
|
+
name: string;
|
|
1205
|
+
description: string;
|
|
1206
|
+
since: string;
|
|
1207
|
+
}[];
|
|
730
1208
|
elementRef: ElementRef<_ProductSwitchItem>;
|
|
731
1209
|
injector: Injector;
|
|
732
1210
|
get element(): _ProductSwitchItem;
|
|
@@ -791,6 +1269,42 @@ declare class Search implements AfterViewInit {
|
|
|
791
1269
|
* Fired when the user has triggered search with Enter key or Search Button press.
|
|
792
1270
|
*/
|
|
793
1271
|
ui5Search: _angular_core.OutputEmitterRef<UI5CustomEvent<_Search, "search">>;
|
|
1272
|
+
/**
|
|
1273
|
+
* Available slots for content projection in this component.
|
|
1274
|
+
*
|
|
1275
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1276
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1277
|
+
*
|
|
1278
|
+
* - **(default)**: Defines the Search suggestion items.
|
|
1279
|
+
* - **action**: Defines the popup footer action button.
|
|
1280
|
+
* - **illustration**: Defines the illustrated message to be shown in the popup.
|
|
1281
|
+
* - **messageArea**: Defines the illustrated message to be shown in the popup.
|
|
1282
|
+
* - **scopes**: Defines the component scope options.
|
|
1283
|
+
* - **filterButton**: Defines the filter button slot, used to display an additional filtering button.
|
|
1284
|
+
This slot is intended for passing a `ui5-button` with a filter icon to provide extended filtering options.
|
|
1285
|
+
|
|
1286
|
+
**Note:** Scope button and Filter button are mutually exclusive.
|
|
1287
|
+
*
|
|
1288
|
+
* @example
|
|
1289
|
+
* ```html
|
|
1290
|
+
* <ui5-search>
|
|
1291
|
+
* <div slot="header">Custom header content</div>
|
|
1292
|
+
* <p>Default slot content</p>
|
|
1293
|
+
* </ui5-search>
|
|
1294
|
+
* ```
|
|
1295
|
+
*
|
|
1296
|
+
* @readonly
|
|
1297
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1298
|
+
*/
|
|
1299
|
+
readonly slots: ({
|
|
1300
|
+
name: string;
|
|
1301
|
+
description: string;
|
|
1302
|
+
since?: undefined;
|
|
1303
|
+
} | {
|
|
1304
|
+
name: string;
|
|
1305
|
+
description: string;
|
|
1306
|
+
since: string;
|
|
1307
|
+
})[];
|
|
794
1308
|
elementRef: ElementRef<_Search>;
|
|
795
1309
|
injector: Injector;
|
|
796
1310
|
get element(): _Search;
|
|
@@ -829,6 +1343,37 @@ declare class SearchItem implements AfterViewInit {
|
|
|
829
1343
|
* Fired when delete button is pressed.
|
|
830
1344
|
*/
|
|
831
1345
|
ui5Delete: _angular_core.OutputEmitterRef<UI5CustomEvent<_SearchItem, "delete">>;
|
|
1346
|
+
/**
|
|
1347
|
+
* Available slots for content projection in this component.
|
|
1348
|
+
*
|
|
1349
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1350
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1351
|
+
*
|
|
1352
|
+
* - **image**: **Note:** While the slot allows the option of setting a custom avatar, to comply with the
|
|
1353
|
+
design guidelines, use the `ui5-avatar` with size - XS.
|
|
1354
|
+
* - **actions**: Defines the actionable elements.
|
|
1355
|
+
This slot allows placing additional interactive elements (such as buttons, icons, or tags)
|
|
1356
|
+
next to the delete button, providing flexible customization for various user actions.
|
|
1357
|
+
|
|
1358
|
+
**Note:** While the slot is flexible, for consistency with design guidelines,
|
|
1359
|
+
it's recommended to use `ui5-button` with `Transparent` design or `ui5-icon` elements.
|
|
1360
|
+
*
|
|
1361
|
+
* @example
|
|
1362
|
+
* ```html
|
|
1363
|
+
* <ui5-search-item>
|
|
1364
|
+
* <div slot="header">Custom header content</div>
|
|
1365
|
+
* <p>Default slot content</p>
|
|
1366
|
+
* </ui5-search-item>
|
|
1367
|
+
* ```
|
|
1368
|
+
*
|
|
1369
|
+
* @readonly
|
|
1370
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1371
|
+
*/
|
|
1372
|
+
readonly slots: {
|
|
1373
|
+
name: string;
|
|
1374
|
+
description: string;
|
|
1375
|
+
since: string;
|
|
1376
|
+
}[];
|
|
832
1377
|
elementRef: ElementRef<_SearchItem>;
|
|
833
1378
|
injector: Injector;
|
|
834
1379
|
get element(): _SearchItem;
|
|
@@ -1050,6 +1595,63 @@ declare class ShellBar implements AfterViewInit {
|
|
|
1050
1595
|
**Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change.
|
|
1051
1596
|
*/
|
|
1052
1597
|
ui5ContentItemVisibilityChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "content-item-visibility-change">>;
|
|
1598
|
+
/**
|
|
1599
|
+
* Available slots for content projection in this component.
|
|
1600
|
+
*
|
|
1601
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1602
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1603
|
+
*
|
|
1604
|
+
* - **assistant**: Defines the assistant slot.
|
|
1605
|
+
* - **branding**: Defines the branding slot.
|
|
1606
|
+
The `ui5-shellbar-branding` component is intended to be placed inside this slot.
|
|
1607
|
+
Content placed here takes precedence over the `primaryTitle` property and the `logo` content slot.
|
|
1608
|
+
|
|
1609
|
+
**Note:** The `branding` slot is in an experimental state and is a subject to change.
|
|
1610
|
+
* - **(default)**: Defines the `ui5-shellbar` additional items.
|
|
1611
|
+
|
|
1612
|
+
**Note:**
|
|
1613
|
+
You can use the `<ui5-shellbar-item></ui5-shellbar-item>`.
|
|
1614
|
+
* - **profile**: You can pass `ui5-avatar` to set the profile image/icon.
|
|
1615
|
+
If no profile slot is set - profile will be excluded from actions.
|
|
1616
|
+
|
|
1617
|
+
**Note:** We recommend not using the `size` attribute of `ui5-avatar` because
|
|
1618
|
+
it should have specific size by design in the context of `ui5-shellbar` profile.
|
|
1619
|
+
* - **logo**: Defines the logo of the `ui5-shellbar`.
|
|
1620
|
+
For example, you can use `ui5-avatar` or `img` elements as logo.
|
|
1621
|
+
* - **menuItems**: Defines the items displayed in menu after a click on a start button.
|
|
1622
|
+
|
|
1623
|
+
**Note:** You can use the `<ui5-li></ui5-li>` and its ancestors.
|
|
1624
|
+
* - **searchField**: Defines the `ui5-input`, that will be used as a search field.
|
|
1625
|
+
* - **startButton**: Defines a `ui5-button` in the bar that will be placed in the beginning.
|
|
1626
|
+
We encourage this slot to be used for a menu button.
|
|
1627
|
+
It gets overstyled to match ShellBar's styling.
|
|
1628
|
+
* - **content**: Define the items displayed in the content area.
|
|
1629
|
+
|
|
1630
|
+
Use the `data-hide-order` attribute with numeric value to specify the order of the items to be hidden when the space is not enough.
|
|
1631
|
+
Lower values will be hidden first.
|
|
1632
|
+
|
|
1633
|
+
**Note:** The `content` slot is in an experimental state and is a subject to change.
|
|
1634
|
+
*
|
|
1635
|
+
* @example
|
|
1636
|
+
* ```html
|
|
1637
|
+
* <ui5-shellbar>
|
|
1638
|
+
* <div slot="header">Custom header content</div>
|
|
1639
|
+
* <p>Default slot content</p>
|
|
1640
|
+
* </ui5-shellbar>
|
|
1641
|
+
* ```
|
|
1642
|
+
*
|
|
1643
|
+
* @readonly
|
|
1644
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1645
|
+
*/
|
|
1646
|
+
readonly slots: ({
|
|
1647
|
+
name: string;
|
|
1648
|
+
description: string;
|
|
1649
|
+
since: string;
|
|
1650
|
+
} | {
|
|
1651
|
+
name: string;
|
|
1652
|
+
description: string;
|
|
1653
|
+
since?: undefined;
|
|
1654
|
+
})[];
|
|
1053
1655
|
elementRef: ElementRef<_ShellBar>;
|
|
1054
1656
|
injector: Injector;
|
|
1055
1657
|
get element(): _ShellBar;
|
|
@@ -1088,6 +1690,33 @@ declare class ShellBarBranding implements AfterViewInit {
|
|
|
1088
1690
|
* Fired, when the logo is activated.
|
|
1089
1691
|
*/
|
|
1090
1692
|
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarBranding, "click">>;
|
|
1693
|
+
/**
|
|
1694
|
+
* Available slots for content projection in this component.
|
|
1695
|
+
*
|
|
1696
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1697
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1698
|
+
*
|
|
1699
|
+
* - **(default)**: Defines the title for the ui5-shellbar-branding component.
|
|
1700
|
+
|
|
1701
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
1702
|
+
* - **logo**: Defines the logo of the `ui5-shellbar`.
|
|
1703
|
+
For example, you can use `ui5-avatar` or `img` elements as logo.
|
|
1704
|
+
*
|
|
1705
|
+
* @example
|
|
1706
|
+
* ```html
|
|
1707
|
+
* <ui5-shellbar-branding>
|
|
1708
|
+
* <div slot="header">Custom header content</div>
|
|
1709
|
+
* <p>Default slot content</p>
|
|
1710
|
+
* </ui5-shellbar-branding>
|
|
1711
|
+
* ```
|
|
1712
|
+
*
|
|
1713
|
+
* @readonly
|
|
1714
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1715
|
+
*/
|
|
1716
|
+
readonly slots: {
|
|
1717
|
+
name: string;
|
|
1718
|
+
description: string;
|
|
1719
|
+
}[];
|
|
1091
1720
|
elementRef: ElementRef<_ShellBarBranding>;
|
|
1092
1721
|
injector: Injector;
|
|
1093
1722
|
get element(): _ShellBarBranding;
|
|
@@ -1200,6 +1829,42 @@ declare class ShellBarSearch implements AfterViewInit {
|
|
|
1200
1829
|
* Fired when the user has triggered search with Enter key or Search Button press.
|
|
1201
1830
|
*/
|
|
1202
1831
|
ui5Search: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarSearch, "search">>;
|
|
1832
|
+
/**
|
|
1833
|
+
* Available slots for content projection in this component.
|
|
1834
|
+
*
|
|
1835
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1836
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1837
|
+
*
|
|
1838
|
+
* - **(default)**: Defines the Search suggestion items.
|
|
1839
|
+
* - **action**: Defines the popup footer action button.
|
|
1840
|
+
* - **illustration**: Defines the illustrated message to be shown in the popup.
|
|
1841
|
+
* - **messageArea**: Defines the illustrated message to be shown in the popup.
|
|
1842
|
+
* - **scopes**: Defines the component scope options.
|
|
1843
|
+
* - **filterButton**: Defines the filter button slot, used to display an additional filtering button.
|
|
1844
|
+
This slot is intended for passing a `ui5-button` with a filter icon to provide extended filtering options.
|
|
1845
|
+
|
|
1846
|
+
**Note:** Scope button and Filter button are mutually exclusive.
|
|
1847
|
+
*
|
|
1848
|
+
* @example
|
|
1849
|
+
* ```html
|
|
1850
|
+
* <ui5-shellbar-search>
|
|
1851
|
+
* <div slot="header">Custom header content</div>
|
|
1852
|
+
* <p>Default slot content</p>
|
|
1853
|
+
* </ui5-shellbar-search>
|
|
1854
|
+
* ```
|
|
1855
|
+
*
|
|
1856
|
+
* @readonly
|
|
1857
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1858
|
+
*/
|
|
1859
|
+
readonly slots: ({
|
|
1860
|
+
name: string;
|
|
1861
|
+
description: string;
|
|
1862
|
+
since?: undefined;
|
|
1863
|
+
} | {
|
|
1864
|
+
name: string;
|
|
1865
|
+
description: string;
|
|
1866
|
+
since: string;
|
|
1867
|
+
})[];
|
|
1203
1868
|
elementRef: ElementRef<_ShellBarSearch>;
|
|
1204
1869
|
injector: Injector;
|
|
1205
1870
|
get element(): _ShellBarSearch;
|
|
@@ -1236,6 +1901,40 @@ declare class SideNavigation implements AfterViewInit {
|
|
|
1236
1901
|
* Fired when the selection has changed via user interaction
|
|
1237
1902
|
*/
|
|
1238
1903
|
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_SideNavigation, "selection-change">>;
|
|
1904
|
+
/**
|
|
1905
|
+
* Available slots for content projection in this component.
|
|
1906
|
+
*
|
|
1907
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1908
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1909
|
+
*
|
|
1910
|
+
* - **(default)**: Defines the main items of the component.
|
|
1911
|
+
* - **fixedItems**: Defines the fixed items at the bottom of the component.
|
|
1912
|
+
|
|
1913
|
+
**Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items "flat" (do not pass sub-items)
|
|
1914
|
+
* - **header**: Defines the header of the `ui5-side-navigation`.
|
|
1915
|
+
|
|
1916
|
+
**Note:** The header is displayed when the component is expanded - the property `collapsed` is false;
|
|
1917
|
+
*
|
|
1918
|
+
* @example
|
|
1919
|
+
* ```html
|
|
1920
|
+
* <ui5-side-navigation>
|
|
1921
|
+
* <div slot="header">Custom header content</div>
|
|
1922
|
+
* <p>Default slot content</p>
|
|
1923
|
+
* </ui5-side-navigation>
|
|
1924
|
+
* ```
|
|
1925
|
+
*
|
|
1926
|
+
* @readonly
|
|
1927
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1928
|
+
*/
|
|
1929
|
+
readonly slots: ({
|
|
1930
|
+
name: string;
|
|
1931
|
+
description: string;
|
|
1932
|
+
since?: undefined;
|
|
1933
|
+
} | {
|
|
1934
|
+
name: string;
|
|
1935
|
+
description: string;
|
|
1936
|
+
since: string;
|
|
1937
|
+
})[];
|
|
1239
1938
|
elementRef: ElementRef<_SideNavigation>;
|
|
1240
1939
|
injector: Injector;
|
|
1241
1940
|
get element(): _SideNavigation;
|
|
@@ -1266,6 +1965,29 @@ declare class SideNavigationGroup implements AfterViewInit {
|
|
|
1266
1965
|
when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
|
|
1267
1966
|
*/
|
|
1268
1967
|
tooltip: _angular_core.InputSignal<string | undefined>;
|
|
1968
|
+
/**
|
|
1969
|
+
* Available slots for content projection in this component.
|
|
1970
|
+
*
|
|
1971
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1972
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1973
|
+
*
|
|
1974
|
+
* - **(default)**: Defines nested items by passing `ui5-side-navigation-item` to the default slot.
|
|
1975
|
+
*
|
|
1976
|
+
* @example
|
|
1977
|
+
* ```html
|
|
1978
|
+
* <ui5-side-navigation-group>
|
|
1979
|
+
* <div slot="header">Custom header content</div>
|
|
1980
|
+
* <p>Default slot content</p>
|
|
1981
|
+
* </ui5-side-navigation-group>
|
|
1982
|
+
* ```
|
|
1983
|
+
*
|
|
1984
|
+
* @readonly
|
|
1985
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1986
|
+
*/
|
|
1987
|
+
readonly slots: {
|
|
1988
|
+
name: string;
|
|
1989
|
+
description: string;
|
|
1990
|
+
}[];
|
|
1269
1991
|
elementRef: ElementRef<_SideNavigationGroup>;
|
|
1270
1992
|
injector: Injector;
|
|
1271
1993
|
get element(): _SideNavigationGroup;
|
|
@@ -1364,6 +2086,29 @@ declare class SideNavigationItem implements AfterViewInit {
|
|
|
1364
2086
|
* Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.
|
|
1365
2087
|
*/
|
|
1366
2088
|
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_SideNavigationItem, "click">>;
|
|
2089
|
+
/**
|
|
2090
|
+
* Available slots for content projection in this component.
|
|
2091
|
+
*
|
|
2092
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2093
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2094
|
+
*
|
|
2095
|
+
* - **(default)**: Defines nested items by passing `ui5-side-navigation-sub-item` to the default slot.
|
|
2096
|
+
*
|
|
2097
|
+
* @example
|
|
2098
|
+
* ```html
|
|
2099
|
+
* <ui5-side-navigation-item>
|
|
2100
|
+
* <div slot="header">Custom header content</div>
|
|
2101
|
+
* <p>Default slot content</p>
|
|
2102
|
+
* </ui5-side-navigation-item>
|
|
2103
|
+
* ```
|
|
2104
|
+
*
|
|
2105
|
+
* @readonly
|
|
2106
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2107
|
+
*/
|
|
2108
|
+
readonly slots: {
|
|
2109
|
+
name: string;
|
|
2110
|
+
description: string;
|
|
2111
|
+
}[];
|
|
1367
2112
|
elementRef: ElementRef<_SideNavigationItem>;
|
|
1368
2113
|
injector: Injector;
|
|
1369
2114
|
get element(): _SideNavigationItem;
|
|
@@ -1519,6 +2264,29 @@ declare class Timeline implements AfterViewInit {
|
|
|
1519
2264
|
**Note:** The event will be fired if `growing` is set to `Button` or `Scroll`.
|
|
1520
2265
|
*/
|
|
1521
2266
|
ui5LoadMore: _angular_core.OutputEmitterRef<UI5CustomEvent<_Timeline, "load-more">>;
|
|
2267
|
+
/**
|
|
2268
|
+
* Available slots for content projection in this component.
|
|
2269
|
+
*
|
|
2270
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2271
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2272
|
+
*
|
|
2273
|
+
* - **(default)**: Determines the content of the `ui5-timeline`.
|
|
2274
|
+
*
|
|
2275
|
+
* @example
|
|
2276
|
+
* ```html
|
|
2277
|
+
* <ui5-timeline>
|
|
2278
|
+
* <div slot="header">Custom header content</div>
|
|
2279
|
+
* <p>Default slot content</p>
|
|
2280
|
+
* </ui5-timeline>
|
|
2281
|
+
* ```
|
|
2282
|
+
*
|
|
2283
|
+
* @readonly
|
|
2284
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2285
|
+
*/
|
|
2286
|
+
readonly slots: {
|
|
2287
|
+
name: string;
|
|
2288
|
+
description: string;
|
|
2289
|
+
}[];
|
|
1522
2290
|
elementRef: ElementRef<_Timeline>;
|
|
1523
2291
|
injector: Injector;
|
|
1524
2292
|
get element(): _Timeline;
|
|
@@ -1540,6 +2308,29 @@ declare class TimelineGroupItem implements AfterViewInit {
|
|
|
1540
2308
|
* Fired when the group item is expanded or collapsed.
|
|
1541
2309
|
*/
|
|
1542
2310
|
ui5Toggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_TimelineGroupItem, "toggle">>;
|
|
2311
|
+
/**
|
|
2312
|
+
* Available slots for content projection in this component.
|
|
2313
|
+
*
|
|
2314
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2315
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2316
|
+
*
|
|
2317
|
+
* - **(default)**: Determines the content of the `ui5-timeline-group-item`.
|
|
2318
|
+
*
|
|
2319
|
+
* @example
|
|
2320
|
+
* ```html
|
|
2321
|
+
* <ui5-timeline-group-item>
|
|
2322
|
+
* <div slot="header">Custom header content</div>
|
|
2323
|
+
* <p>Default slot content</p>
|
|
2324
|
+
* </ui5-timeline-group-item>
|
|
2325
|
+
* ```
|
|
2326
|
+
*
|
|
2327
|
+
* @readonly
|
|
2328
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2329
|
+
*/
|
|
2330
|
+
readonly slots: {
|
|
2331
|
+
name: string;
|
|
2332
|
+
description: string;
|
|
2333
|
+
}[];
|
|
1543
2334
|
elementRef: ElementRef<_TimelineGroupItem>;
|
|
1544
2335
|
injector: Injector;
|
|
1545
2336
|
get element(): _TimelineGroupItem;
|
|
@@ -1584,6 +2375,29 @@ declare class TimelineItem implements AfterViewInit {
|
|
|
1584
2375
|
attribute is not set.
|
|
1585
2376
|
*/
|
|
1586
2377
|
ui5NameClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_TimelineItem, "name-click">>;
|
|
2378
|
+
/**
|
|
2379
|
+
* Available slots for content projection in this component.
|
|
2380
|
+
*
|
|
2381
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2382
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2383
|
+
*
|
|
2384
|
+
* - **(default)**: Defines the content of the `ui5-timeline-item`.
|
|
2385
|
+
*
|
|
2386
|
+
* @example
|
|
2387
|
+
* ```html
|
|
2388
|
+
* <ui5-timeline-item>
|
|
2389
|
+
* <div slot="header">Custom header content</div>
|
|
2390
|
+
* <p>Default slot content</p>
|
|
2391
|
+
* </ui5-timeline-item>
|
|
2392
|
+
* ```
|
|
2393
|
+
*
|
|
2394
|
+
* @readonly
|
|
2395
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2396
|
+
*/
|
|
2397
|
+
readonly slots: {
|
|
2398
|
+
name: string;
|
|
2399
|
+
description: string;
|
|
2400
|
+
}[];
|
|
1587
2401
|
elementRef: ElementRef<_TimelineItem>;
|
|
1588
2402
|
injector: Injector;
|
|
1589
2403
|
get element(): _TimelineItem;
|
|
@@ -1632,6 +2446,36 @@ declare class UploadCollection implements AfterViewInit {
|
|
|
1632
2446
|
in `Single` and `Multiple` modes.
|
|
1633
2447
|
*/
|
|
1634
2448
|
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_UploadCollection, "selection-change">>;
|
|
2449
|
+
/**
|
|
2450
|
+
* Available slots for content projection in this component.
|
|
2451
|
+
*
|
|
2452
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2453
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2454
|
+
*
|
|
2455
|
+
* - **(default)**: Defines the items of the `ui5-upload-collection`.
|
|
2456
|
+
|
|
2457
|
+
**Note:** Use `ui5-upload-collection-item` for the intended design.
|
|
2458
|
+
* - **header**: Defines the `ui5-upload-collection` header.
|
|
2459
|
+
|
|
2460
|
+
**Note:** If `header` slot is provided,
|
|
2461
|
+
the labelling of the `UploadCollection` is a responsibility of the application developer.
|
|
2462
|
+
`accessibleName` should be used.
|
|
2463
|
+
*
|
|
2464
|
+
* @example
|
|
2465
|
+
* ```html
|
|
2466
|
+
* <ui5-upload-collection>
|
|
2467
|
+
* <div slot="header">Custom header content</div>
|
|
2468
|
+
* <p>Default slot content</p>
|
|
2469
|
+
* </ui5-upload-collection>
|
|
2470
|
+
* ```
|
|
2471
|
+
*
|
|
2472
|
+
* @readonly
|
|
2473
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2474
|
+
*/
|
|
2475
|
+
readonly slots: {
|
|
2476
|
+
name: string;
|
|
2477
|
+
description: string;
|
|
2478
|
+
}[];
|
|
1635
2479
|
elementRef: ElementRef<_UploadCollection>;
|
|
1636
2480
|
injector: Injector;
|
|
1637
2481
|
get element(): _UploadCollection;
|
|
@@ -1711,6 +2555,32 @@ declare class UploadCollectionItem implements AfterViewInit {
|
|
|
1711
2555
|
**Note:** Retry button is displayed when `uploadState` property is set to `Error`.
|
|
1712
2556
|
*/
|
|
1713
2557
|
ui5Retry: _angular_core.OutputEmitterRef<UI5CustomEvent<_UploadCollectionItem, "retry">>;
|
|
2558
|
+
/**
|
|
2559
|
+
* Available slots for content projection in this component.
|
|
2560
|
+
*
|
|
2561
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2562
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2563
|
+
*
|
|
2564
|
+
* - **(default)**: Hold the description of the `ui5-upload-collection-item`. Will be shown below the file name.
|
|
2565
|
+
* - **thumbnail**: A thumbnail, which will be shown in the beginning of the `ui5-upload-collection-item`.
|
|
2566
|
+
|
|
2567
|
+
**Note:** Use `ui5-icon` or `img` for the intended design.
|
|
2568
|
+
*
|
|
2569
|
+
* @example
|
|
2570
|
+
* ```html
|
|
2571
|
+
* <ui5-upload-collection-item>
|
|
2572
|
+
* <div slot="header">Custom header content</div>
|
|
2573
|
+
* <p>Default slot content</p>
|
|
2574
|
+
* </ui5-upload-collection-item>
|
|
2575
|
+
* ```
|
|
2576
|
+
*
|
|
2577
|
+
* @readonly
|
|
2578
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2579
|
+
*/
|
|
2580
|
+
readonly slots: {
|
|
2581
|
+
name: string;
|
|
2582
|
+
description: string;
|
|
2583
|
+
}[];
|
|
1714
2584
|
elementRef: ElementRef<_UploadCollectionItem>;
|
|
1715
2585
|
injector: Injector;
|
|
1716
2586
|
get element(): _UploadCollectionItem;
|
|
@@ -1778,6 +2648,33 @@ declare class UserMenu implements AfterViewInit {
|
|
|
1778
2648
|
* Fired when the "Sign Out" button is selected.
|
|
1779
2649
|
*/
|
|
1780
2650
|
ui5SignOutClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserMenu, "sign-out-click">>;
|
|
2651
|
+
/**
|
|
2652
|
+
* Available slots for content projection in this component.
|
|
2653
|
+
*
|
|
2654
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2655
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2656
|
+
*
|
|
2657
|
+
* - **(default)**: Defines the menu items.
|
|
2658
|
+
* - **accounts**: Defines the user accounts.
|
|
2659
|
+
|
|
2660
|
+
**Note:** If one item is used, it will be shown as the selected one. If more than one item is used, the first one will be shown as selected unless
|
|
2661
|
+
there is an item with `selected` property set to `true`.
|
|
2662
|
+
*
|
|
2663
|
+
* @example
|
|
2664
|
+
* ```html
|
|
2665
|
+
* <ui5-user-menu>
|
|
2666
|
+
* <div slot="header">Custom header content</div>
|
|
2667
|
+
* <p>Default slot content</p>
|
|
2668
|
+
* </ui5-user-menu>
|
|
2669
|
+
* ```
|
|
2670
|
+
*
|
|
2671
|
+
* @readonly
|
|
2672
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2673
|
+
*/
|
|
2674
|
+
readonly slots: {
|
|
2675
|
+
name: string;
|
|
2676
|
+
description: string;
|
|
2677
|
+
}[];
|
|
1781
2678
|
elementRef: ElementRef<_UserMenu>;
|
|
1782
2679
|
injector: Injector;
|
|
1783
2680
|
get element(): _UserMenu;
|
|
@@ -1828,6 +2725,31 @@ declare class UserMenuAccount implements AfterViewInit {
|
|
|
1828
2725
|
}
|
|
1829
2726
|
|
|
1830
2727
|
declare class UserMenuItem implements AfterViewInit {
|
|
2728
|
+
/**
|
|
2729
|
+
* Available slots for content projection in this component.
|
|
2730
|
+
*
|
|
2731
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2732
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2733
|
+
*
|
|
2734
|
+
* - **(default)**: Defines the items of this component.
|
|
2735
|
+
|
|
2736
|
+
**Note:** Use `ui5-user-menu-item` for the intended design.
|
|
2737
|
+
*
|
|
2738
|
+
* @example
|
|
2739
|
+
* ```html
|
|
2740
|
+
* <ui5-user-menu-item>
|
|
2741
|
+
* <div slot="header">Custom header content</div>
|
|
2742
|
+
* <p>Default slot content</p>
|
|
2743
|
+
* </ui5-user-menu-item>
|
|
2744
|
+
* ```
|
|
2745
|
+
*
|
|
2746
|
+
* @readonly
|
|
2747
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2748
|
+
*/
|
|
2749
|
+
readonly slots: {
|
|
2750
|
+
name: string;
|
|
2751
|
+
description: string;
|
|
2752
|
+
}[];
|
|
1831
2753
|
elementRef: ElementRef<_UserMenuItem>;
|
|
1832
2754
|
injector: Injector;
|
|
1833
2755
|
get element(): _UserMenuItem;
|
|
@@ -1876,6 +2798,32 @@ declare class UserSettingsDialog implements AfterViewInit {
|
|
|
1876
2798
|
* Fired when a settings dialog is closed.
|
|
1877
2799
|
*/
|
|
1878
2800
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsDialog, "close">>;
|
|
2801
|
+
/**
|
|
2802
|
+
* Available slots for content projection in this component.
|
|
2803
|
+
*
|
|
2804
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2805
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2806
|
+
*
|
|
2807
|
+
* - **(default)**: Defines the user settings items.
|
|
2808
|
+
|
|
2809
|
+
**Note:** If no setting item is set as `selected`, the first one will be selected.
|
|
2810
|
+
* - **fixedItems**: Defines the fixed user settings items.
|
|
2811
|
+
*
|
|
2812
|
+
* @example
|
|
2813
|
+
* ```html
|
|
2814
|
+
* <ui5-user-settings-dialog>
|
|
2815
|
+
* <div slot="header">Custom header content</div>
|
|
2816
|
+
* <p>Default slot content</p>
|
|
2817
|
+
* </ui5-user-settings-dialog>
|
|
2818
|
+
* ```
|
|
2819
|
+
*
|
|
2820
|
+
* @readonly
|
|
2821
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2822
|
+
*/
|
|
2823
|
+
readonly slots: {
|
|
2824
|
+
name: string;
|
|
2825
|
+
description: string;
|
|
2826
|
+
}[];
|
|
1879
2827
|
elementRef: ElementRef<_UserSettingsDialog>;
|
|
1880
2828
|
injector: Injector;
|
|
1881
2829
|
get element(): _UserSettingsDialog;
|
|
@@ -1929,6 +2877,35 @@ declare class UserSettingsItem implements AfterViewInit {
|
|
|
1929
2877
|
* Fired when a selected view changed.
|
|
1930
2878
|
*/
|
|
1931
2879
|
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsItem, "selection-change">>;
|
|
2880
|
+
/**
|
|
2881
|
+
* Available slots for content projection in this component.
|
|
2882
|
+
*
|
|
2883
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2884
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2885
|
+
*
|
|
2886
|
+
* - **(default)**: Defines the page views of the user settings item.
|
|
2887
|
+
|
|
2888
|
+
If there are no tab views, the first page view will be shown unless there is selected one. If there is selected page
|
|
2889
|
+
view it will be shown no matter if there are tab views.
|
|
2890
|
+
|
|
2891
|
+
The page views are displayed by default if there is no selected tab view.
|
|
2892
|
+
* - **tabs**: Defines the tab views of the user settings item.
|
|
2893
|
+
*
|
|
2894
|
+
* @example
|
|
2895
|
+
* ```html
|
|
2896
|
+
* <ui5-user-settings-item>
|
|
2897
|
+
* <div slot="header">Custom header content</div>
|
|
2898
|
+
* <p>Default slot content</p>
|
|
2899
|
+
* </ui5-user-settings-item>
|
|
2900
|
+
* ```
|
|
2901
|
+
*
|
|
2902
|
+
* @readonly
|
|
2903
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2904
|
+
*/
|
|
2905
|
+
readonly slots: {
|
|
2906
|
+
name: string;
|
|
2907
|
+
description: string;
|
|
2908
|
+
}[];
|
|
1932
2909
|
elementRef: ElementRef<_UserSettingsItem>;
|
|
1933
2910
|
injector: Injector;
|
|
1934
2911
|
get element(): _UserSettingsItem;
|
|
@@ -1951,6 +2928,29 @@ declare class UserSettingsView implements AfterViewInit {
|
|
|
1951
2928
|
and controls the visibility of the back button.
|
|
1952
2929
|
*/
|
|
1953
2930
|
secondary: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2931
|
+
/**
|
|
2932
|
+
* Available slots for content projection in this component.
|
|
2933
|
+
*
|
|
2934
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2935
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2936
|
+
*
|
|
2937
|
+
* - **(default)**: Defines the content of the view.
|
|
2938
|
+
*
|
|
2939
|
+
* @example
|
|
2940
|
+
* ```html
|
|
2941
|
+
* <ui5-user-settings-view>
|
|
2942
|
+
* <div slot="header">Custom header content</div>
|
|
2943
|
+
* <p>Default slot content</p>
|
|
2944
|
+
* </ui5-user-settings-view>
|
|
2945
|
+
* ```
|
|
2946
|
+
*
|
|
2947
|
+
* @readonly
|
|
2948
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2949
|
+
*/
|
|
2950
|
+
readonly slots: {
|
|
2951
|
+
name: string;
|
|
2952
|
+
description: string;
|
|
2953
|
+
}[];
|
|
1954
2954
|
elementRef: ElementRef<_UserSettingsView>;
|
|
1955
2955
|
injector: Injector;
|
|
1956
2956
|
get element(): _UserSettingsView;
|
|
@@ -1992,6 +2992,37 @@ declare class ViewSettingsDialog implements AfterViewInit {
|
|
|
1992
2992
|
* Fired after the dialog is closed.
|
|
1993
2993
|
*/
|
|
1994
2994
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ViewSettingsDialog, "close">>;
|
|
2995
|
+
/**
|
|
2996
|
+
* Available slots for content projection in this component.
|
|
2997
|
+
*
|
|
2998
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2999
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
3000
|
+
*
|
|
3001
|
+
* - **sortItems**: Defines the list of items against which the user could sort data.
|
|
3002
|
+
|
|
3003
|
+
**Note:** If you want to use this slot, you need to import used item: `import "@ui5/webcomponents-fiori/dist/SortItem.js";`
|
|
3004
|
+
* - **filterItems**: Defines the `filterItems` list.
|
|
3005
|
+
|
|
3006
|
+
**Note:** If you want to use this slot, you need to import used item: `import "@ui5/webcomponents-fiori/dist/FilterItem.js";`
|
|
3007
|
+
* - **groupItems**: Defines the list of items against which the user could group data.
|
|
3008
|
+
|
|
3009
|
+
**Note:** If you want to use this slot, you need to import used item: `import "@ui5/webcomponents-fiori/dist/GroupItem.js";`
|
|
3010
|
+
*
|
|
3011
|
+
* @example
|
|
3012
|
+
* ```html
|
|
3013
|
+
* <ui5-view-settings-dialog>
|
|
3014
|
+
* <div slot="header">Custom header content</div>
|
|
3015
|
+
* <p>Default slot content</p>
|
|
3016
|
+
* </ui5-view-settings-dialog>
|
|
3017
|
+
* ```
|
|
3018
|
+
*
|
|
3019
|
+
* @readonly
|
|
3020
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
3021
|
+
*/
|
|
3022
|
+
readonly slots: {
|
|
3023
|
+
name: string;
|
|
3024
|
+
description: string;
|
|
3025
|
+
}[];
|
|
1995
3026
|
elementRef: ElementRef<_ViewSettingsDialog>;
|
|
1996
3027
|
injector: Injector;
|
|
1997
3028
|
get element(): _ViewSettingsDialog;
|
|
@@ -2010,6 +3041,31 @@ declare class Wizard implements AfterViewInit {
|
|
|
2010
3041
|
or by clicking on the steps within the component header.
|
|
2011
3042
|
*/
|
|
2012
3043
|
ui5StepChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Wizard, "step-change">>;
|
|
3044
|
+
/**
|
|
3045
|
+
* Available slots for content projection in this component.
|
|
3046
|
+
*
|
|
3047
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
3048
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
3049
|
+
*
|
|
3050
|
+
* - **(default)**: Defines the steps.
|
|
3051
|
+
|
|
3052
|
+
**Note:** Use the available `ui5-wizard-step` component.
|
|
3053
|
+
*
|
|
3054
|
+
* @example
|
|
3055
|
+
* ```html
|
|
3056
|
+
* <ui5-wizard>
|
|
3057
|
+
* <div slot="header">Custom header content</div>
|
|
3058
|
+
* <p>Default slot content</p>
|
|
3059
|
+
* </ui5-wizard>
|
|
3060
|
+
* ```
|
|
3061
|
+
*
|
|
3062
|
+
* @readonly
|
|
3063
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
3064
|
+
*/
|
|
3065
|
+
readonly slots: {
|
|
3066
|
+
name: string;
|
|
3067
|
+
description: string;
|
|
3068
|
+
}[];
|
|
2013
3069
|
elementRef: ElementRef<_Wizard>;
|
|
2014
3070
|
injector: Injector;
|
|
2015
3071
|
get element(): _Wizard;
|
|
@@ -2063,6 +3119,29 @@ declare class WizardStep implements AfterViewInit {
|
|
|
2063
3119
|
and later add new steps when it becomes clear how the wizard flow should continue.
|
|
2064
3120
|
*/
|
|
2065
3121
|
branching: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
3122
|
+
/**
|
|
3123
|
+
* Available slots for content projection in this component.
|
|
3124
|
+
*
|
|
3125
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
3126
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
3127
|
+
*
|
|
3128
|
+
* - **(default)**: Defines the step content.
|
|
3129
|
+
*
|
|
3130
|
+
* @example
|
|
3131
|
+
* ```html
|
|
3132
|
+
* <ui5-wizard-step>
|
|
3133
|
+
* <div slot="header">Custom header content</div>
|
|
3134
|
+
* <p>Default slot content</p>
|
|
3135
|
+
* </ui5-wizard-step>
|
|
3136
|
+
* ```
|
|
3137
|
+
*
|
|
3138
|
+
* @readonly
|
|
3139
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
3140
|
+
*/
|
|
3141
|
+
readonly slots: {
|
|
3142
|
+
name: string;
|
|
3143
|
+
description: string;
|
|
3144
|
+
}[];
|
|
2066
3145
|
elementRef: ElementRef<_WizardStep>;
|
|
2067
3146
|
injector: Injector;
|
|
2068
3147
|
get element(): _WizardStep;
|