@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.
Files changed (137) hide show
  1. package/README.md +75 -1
  2. package/barcode-scanner-dialog/index.d.ts +35 -0
  3. package/dynamic-page/index.d.ts +26 -0
  4. package/dynamic-page-header/index.d.ts +23 -0
  5. package/dynamic-page-title/index.d.ts +49 -0
  6. package/dynamic-side-content/index.d.ts +25 -0
  7. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-barcode-scanner-dialog.mjs +42 -0
  8. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-barcode-scanner-dialog.mjs.map +1 -1
  9. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-header.mjs +25 -0
  10. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-header.mjs.map +1 -1
  11. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-title.mjs +79 -0
  12. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-title.mjs.map +1 -1
  13. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page.mjs +40 -0
  14. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page.mjs.map +1 -1
  15. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-side-content.mjs +30 -0
  16. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-side-content.mjs.map +1 -1
  17. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item-option.mjs.map +1 -1
  18. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item.mjs +25 -0
  19. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item.mjs.map +1 -1
  20. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-flexible-column-layout.mjs +35 -0
  21. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-flexible-column-layout.mjs.map +1 -1
  22. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-group-item.mjs.map +1 -1
  23. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-illustrated-message.mjs +43 -0
  24. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-illustrated-message.mjs.map +1 -1
  25. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery-item.mjs +30 -0
  26. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery-item.mjs.map +1 -1
  27. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery.mjs +29 -0
  28. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery.mjs.map +1 -1
  29. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-navigation-layout.mjs +35 -0
  30. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-navigation-layout.mjs.map +1 -1
  31. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-group-item.mjs +26 -0
  32. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-group-item.mjs.map +1 -1
  33. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-item.mjs +53 -0
  34. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-item.mjs.map +1 -1
  35. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list.mjs +25 -0
  36. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list.mjs.map +1 -1
  37. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-page.mjs +35 -0
  38. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-page.mjs.map +1 -1
  39. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch-item.mjs +29 -0
  40. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch-item.mjs.map +1 -1
  41. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch.mjs +25 -0
  42. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch.mjs.map +1 -1
  43. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-group.mjs.map +1 -1
  44. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-show-more.mjs +2 -2
  45. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-show-more.mjs.map +1 -1
  46. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item.mjs +38 -0
  47. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item.mjs.map +1 -1
  48. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-message-area.mjs.map +1 -1
  49. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-scope.mjs.map +1 -1
  50. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search.mjs +54 -0
  51. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search.mjs.map +1 -1
  52. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-branding.mjs +33 -0
  53. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-branding.mjs.map +1 -1
  54. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-item.mjs.map +1 -1
  55. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-search.mjs +54 -0
  56. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-search.mjs.map +1 -1
  57. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-spacer.mjs.map +1 -1
  58. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar.mjs +92 -0
  59. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar.mjs.map +1 -1
  60. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-group.mjs +25 -0
  61. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-group.mjs.map +1 -1
  62. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-item.mjs +25 -0
  63. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-item.mjs.map +1 -1
  64. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-sub-item.mjs.map +1 -1
  65. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation.mjs +40 -0
  66. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation.mjs.map +1 -1
  67. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-sort-item.mjs.map +1 -1
  68. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-group-item.mjs +25 -0
  69. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-group-item.mjs.map +1 -1
  70. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-item.mjs +25 -0
  71. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-item.mjs.map +1 -1
  72. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline.mjs +25 -0
  73. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline.mjs.map +1 -1
  74. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection-item.mjs +32 -0
  75. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection-item.mjs.map +1 -1
  76. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection.mjs +36 -0
  77. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection.mjs.map +1 -1
  78. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-account.mjs.map +1 -1
  79. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item-group.mjs.map +1 -1
  80. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item.mjs +27 -0
  81. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item.mjs.map +1 -1
  82. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu.mjs +33 -0
  83. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu.mjs.map +1 -1
  84. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-account-view.mjs +130 -0
  85. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-account-view.mjs.map +1 -0
  86. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-dialog.mjs +32 -0
  87. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-dialog.mjs.map +1 -1
  88. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-item.mjs +35 -0
  89. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-item.mjs.map +1 -1
  90. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-view.mjs +25 -0
  91. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-view.mjs.map +1 -1
  92. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-view-settings-dialog.mjs +41 -0
  93. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-view-settings-dialog.mjs.map +1 -1
  94. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard-step.mjs +25 -0
  95. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard-step.mjs.map +1 -1
  96. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard.mjs +27 -0
  97. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard.mjs.map +1 -1
  98. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori.mjs +1479 -3
  99. package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori.mjs.map +1 -1
  100. package/filter-item/index.d.ts +23 -0
  101. package/flexible-column-layout/index.d.ts +26 -0
  102. package/illustrated-message/index.d.ts +36 -0
  103. package/index.d.ts +1141 -3
  104. package/media-gallery/index.d.ts +27 -0
  105. package/media-gallery-item/index.d.ts +24 -0
  106. package/navigation-layout/index.d.ts +25 -0
  107. package/notification-list/index.d.ts +23 -0
  108. package/notification-list-group-item/index.d.ts +24 -0
  109. package/notification-list-item/index.d.ts +39 -0
  110. package/package.json +7 -3
  111. package/page/index.d.ts +25 -0
  112. package/product-switch/index.d.ts +23 -0
  113. package/product-switch-item/index.d.ts +27 -0
  114. package/search/index.d.ts +36 -0
  115. package/search-item/index.d.ts +31 -0
  116. package/search-item-show-more/index.d.ts +2 -2
  117. package/shell-bar/index.d.ts +58 -0
  118. package/shell-bar-branding/index.d.ts +27 -0
  119. package/shell-bar-item/index.d.ts +1 -0
  120. package/shell-bar-search/index.d.ts +36 -0
  121. package/side-navigation/index.d.ts +34 -0
  122. package/side-navigation-group/index.d.ts +23 -0
  123. package/side-navigation-item/index.d.ts +23 -0
  124. package/timeline/index.d.ts +23 -0
  125. package/timeline-group-item/index.d.ts +23 -0
  126. package/timeline-item/index.d.ts +23 -0
  127. package/upload-collection/index.d.ts +30 -0
  128. package/upload-collection-item/index.d.ts +26 -0
  129. package/user-menu/index.d.ts +27 -0
  130. package/user-menu-item/index.d.ts +25 -0
  131. package/user-settings-account-view/index.d.ts +64 -0
  132. package/user-settings-dialog/index.d.ts +26 -0
  133. package/user-settings-item/index.d.ts +29 -0
  134. package/user-settings-view/index.d.ts +23 -0
  135. package/view-settings-dialog/index.d.ts +31 -0
  136. package/wizard/index.d.ts +25 -0
  137. 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
- This value replaces the placeholder (N) in the "Show more (N)" text.
853
- If not set, the placeholder will remain as (N).
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 };