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