@fundamental-ngx/ui5-webcomponents 0.58.0-rc.7 → 0.58.0-rc.70

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 (257) hide show
  1. package/README.md +70 -1
  2. package/avatar/index.d.ts +35 -0
  3. package/avatar-group/index.d.ts +39 -0
  4. package/bar/index.d.ts +34 -1
  5. package/breadcrumbs/index.d.ts +25 -0
  6. package/breadcrumbs-item/index.d.ts +25 -0
  7. package/busy-indicator/index.d.ts +23 -0
  8. package/button/index.d.ts +32 -0
  9. package/calendar/index.d.ts +35 -0
  10. package/calendar-legend/index.d.ts +23 -0
  11. package/card/index.d.ts +31 -0
  12. package/card-header/index.d.ts +24 -0
  13. package/carousel/index.d.ts +26 -0
  14. package/color-palette/index.d.ts +23 -0
  15. package/color-palette-popover/index.d.ts +23 -0
  16. package/combo-box/index.d.ts +36 -0
  17. package/combo-box-item-group/index.d.ts +26 -0
  18. package/date-picker/index.d.ts +29 -0
  19. package/date-range-picker/index.d.ts +29 -0
  20. package/date-time-picker/index.d.ts +29 -0
  21. package/dialog/index.d.ts +32 -0
  22. package/dynamic-date-range/index.d.ts +1 -0
  23. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs +40 -0
  24. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map +1 -1
  25. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs +41 -0
  26. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs.map +1 -1
  27. package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs +47 -2
  28. package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs.map +1 -1
  29. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs +27 -0
  30. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs.map +1 -1
  31. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs +27 -0
  32. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs.map +1 -1
  33. package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs +25 -0
  34. package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs.map +1 -1
  35. package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs.map +1 -1
  36. package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs +33 -0
  37. package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs.map +1 -1
  38. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs.map +1 -1
  39. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs.map +1 -1
  40. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs.map +1 -1
  41. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs +25 -0
  42. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs.map +1 -1
  43. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs +47 -0
  44. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs.map +1 -1
  45. package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs +30 -0
  46. package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs.map +1 -1
  47. package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs +33 -0
  48. package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs.map +1 -1
  49. package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs +28 -0
  50. package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs.map +1 -1
  51. package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs.map +1 -1
  52. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs.map +1 -1
  53. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs +25 -0
  54. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs.map +1 -1
  55. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs +25 -0
  56. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs.map +1 -1
  57. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs.map +1 -1
  58. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs +32 -0
  59. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs.map +1 -1
  60. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs.map +1 -1
  61. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs +43 -0
  62. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs.map +1 -1
  63. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs +31 -0
  64. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs.map +1 -1
  65. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs +31 -0
  66. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs.map +1 -1
  67. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs +31 -0
  68. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs.map +1 -1
  69. package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +42 -0
  70. package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs.map +1 -1
  71. package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs.map +1 -1
  72. package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs.map +1 -1
  73. package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs +41 -0
  74. package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map +1 -1
  75. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs +25 -0
  76. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs.map +1 -1
  77. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs +31 -0
  78. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs.map +1 -1
  79. package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs +35 -0
  80. package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs.map +1 -1
  81. package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs.map +1 -1
  82. package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs +50 -0
  83. package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs.map +1 -1
  84. package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs +27 -0
  85. package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs.map +1 -1
  86. package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs +27 -0
  87. package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs.map +1 -1
  88. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs +34 -0
  89. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs.map +1 -1
  90. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs +32 -0
  91. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs.map +1 -1
  92. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs +51 -0
  93. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs.map +1 -1
  94. package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs +35 -0
  95. package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs.map +1 -1
  96. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs +26 -0
  97. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs.map +1 -1
  98. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs +61 -0
  99. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs.map +1 -1
  100. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs.map +1 -1
  101. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs +27 -0
  102. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs.map +1 -1
  103. package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs +37 -0
  104. package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs.map +1 -1
  105. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs +32 -0
  106. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs.map +1 -1
  107. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.mjs.map +1 -1
  108. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs +43 -0
  109. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs.map +1 -1
  110. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs +55 -0
  111. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs.map +1 -1
  112. package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs +25 -0
  113. package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs.map +1 -1
  114. package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs +27 -0
  115. package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs.map +1 -1
  116. package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs +32 -0
  117. package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs.map +1 -1
  118. package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs +35 -0
  119. package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs.map +1 -1
  120. package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs.map +1 -1
  121. package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs.map +1 -1
  122. package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs.map +1 -1
  123. package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs.map +1 -1
  124. package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs +35 -0
  125. package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs.map +1 -1
  126. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs +27 -0
  127. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs.map +1 -1
  128. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs +29 -0
  129. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs.map +1 -1
  130. package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs +56 -0
  131. package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs.map +1 -1
  132. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs.map +1 -1
  133. package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs.map +1 -1
  134. package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs +27 -0
  135. package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs.map +1 -1
  136. package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs +30 -0
  137. package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs.map +1 -1
  138. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs +25 -0
  139. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs.map +1 -1
  140. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs +32 -0
  141. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs.map +1 -1
  142. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs.map +1 -1
  143. package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs.map +1 -1
  144. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs +41 -0
  145. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs.map +1 -1
  146. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs.map +1 -1
  147. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs +32 -0
  148. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs.map +1 -1
  149. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs +25 -0
  150. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs.map +1 -1
  151. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs.map +1 -1
  152. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs.map +1 -1
  153. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs +33 -0
  154. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs.map +1 -1
  155. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs +27 -0
  156. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs.map +1 -1
  157. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs.map +1 -1
  158. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs.map +1 -1
  159. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs +35 -0
  160. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs.map +1 -1
  161. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map +1 -1
  162. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs.map +1 -1
  163. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs.map +1 -1
  164. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs.map +1 -1
  165. package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs +44 -0
  166. package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs.map +1 -1
  167. package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs +32 -0
  168. package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs.map +1 -1
  169. package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs +32 -0
  170. package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs.map +1 -1
  171. package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs +25 -0
  172. package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs.map +1 -1
  173. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs +31 -0
  174. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs.map +1 -1
  175. package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs +28 -0
  176. package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs.map +1 -1
  177. package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs +27 -0
  178. package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs.map +1 -1
  179. package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs +33 -0
  180. package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs.map +1 -1
  181. package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs +27 -0
  182. package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs.map +1 -1
  183. package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs +25 -0
  184. package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs.map +1 -1
  185. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs +11 -1
  186. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs.map +1 -1
  187. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +27 -0
  188. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +1 -1
  189. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs +37 -0
  190. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs.map +1 -1
  191. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs.map +1 -1
  192. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs.map +1 -1
  193. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs +27 -0
  194. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +1 -1
  195. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs +51 -0
  196. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs.map +1 -1
  197. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs +46 -0
  198. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs.map +1 -1
  199. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs +35 -0
  200. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs.map +1 -1
  201. package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs +2445 -5
  202. package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs.map +1 -1
  203. package/file-uploader/index.d.ts +39 -0
  204. package/form/index.d.ts +29 -0
  205. package/form-group/index.d.ts +23 -0
  206. package/form-item/index.d.ts +25 -0
  207. package/index.d.ts +2129 -2
  208. package/input/index.d.ts +44 -0
  209. package/label/index.d.ts +25 -0
  210. package/link/index.d.ts +26 -0
  211. package/list/index.d.ts +30 -0
  212. package/list-item-custom/index.d.ts +32 -0
  213. package/list-item-group/index.d.ts +26 -0
  214. package/list-item-standard/index.d.ts +44 -0
  215. package/menu/index.d.ts +25 -0
  216. package/menu-item/index.d.ts +55 -0
  217. package/menu-item-group/index.d.ts +24 -0
  218. package/message-strip/index.d.ts +31 -0
  219. package/multi-combo-box/index.d.ts +36 -0
  220. package/multi-combo-box-item-group/index.d.ts +26 -0
  221. package/multi-input/index.d.ts +45 -0
  222. package/option/index.d.ts +25 -0
  223. package/option-custom/index.d.ts +23 -0
  224. package/package.json +8 -8
  225. package/panel/index.d.ts +26 -0
  226. package/popover/index.d.ts +25 -0
  227. package/responsive-popover/index.d.ts +25 -0
  228. package/segmented-button/index.d.ts +28 -0
  229. package/segmented-button-item/index.d.ts +25 -0
  230. package/select/index.d.ts +51 -0
  231. package/split-button/index.d.ts +26 -0
  232. package/step-input/index.d.ts +28 -0
  233. package/suggestion-item-custom/index.d.ts +23 -0
  234. package/suggestion-item-group/index.d.ts +26 -0
  235. package/tab/index.d.ts +26 -0
  236. package/tab-container/index.d.ts +35 -0
  237. package/table/index.d.ts +30 -0
  238. package/table-cell/index.d.ts +23 -0
  239. package/table-header-cell/index.d.ts +31 -0
  240. package/table-header-row/index.d.ts +25 -0
  241. package/table-row/index.d.ts +33 -0
  242. package/tag/index.d.ts +26 -0
  243. package/text/index.d.ts +23 -0
  244. package/text-area/index.d.ts +30 -0
  245. package/time-picker/index.d.ts +29 -0
  246. package/title/index.d.ts +26 -0
  247. package/toast/index.d.ts +25 -0
  248. package/toggle-button/index.d.ts +31 -0
  249. package/token/index.d.ts +25 -0
  250. package/tokenizer/index.d.ts +23 -0
  251. package/toolbar/index.d.ts +25 -0
  252. package/toolbar-button/index.d.ts +11 -1
  253. package/toolbar-select/index.d.ts +35 -0
  254. package/toolbar-select-option/index.d.ts +25 -0
  255. package/tree/index.d.ts +29 -0
  256. package/tree-item/index.d.ts +39 -0
  257. package/tree-item-custom/index.d.ts +40 -0
package/index.d.ts CHANGED
@@ -288,6 +288,40 @@ declare class Avatar implements AfterViewInit {
288
288
  property is set to `true`.
289
289
  */
290
290
  ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_Avatar, "click">>;
291
+ /**
292
+ * Available slots for content projection in this component.
293
+ *
294
+ * Slots allow you to insert custom content into predefined areas of the web component.
295
+ * Use the `slot` attribute on child elements to target specific slots.
296
+ *
297
+ * - **(default)**: Receives the desired `<img>` tag
298
+
299
+ **Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>
300
+ `ui5-avatar:not(:defined) {`<br/>
301
+ &nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>
302
+ `}`
303
+ * - **badge**: Defines the optional badge that will be used for visual affordance.
304
+
305
+ **Note:** While the slot allows for custom badges, to achieve
306
+ the Fiori design, you can use the `ui5-tag` with `ui5-icon`
307
+ in the corresponding `icon` slot, without text nodes.
308
+ *
309
+ * @example
310
+ * ```html
311
+ * <ui5-avatar>
312
+ * <div slot="header">Custom header content</div>
313
+ * <p>Default slot content</p>
314
+ * </ui5-avatar>
315
+ * ```
316
+ *
317
+ * @readonly
318
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
319
+ */
320
+ readonly slots: {
321
+ name: string;
322
+ description: string;
323
+ since: string;
324
+ }[];
291
325
  elementRef: ElementRef<_Avatar>;
292
326
  injector: Injector;
293
327
  get element(): _Avatar;
@@ -339,6 +373,44 @@ declare class AvatarGroup implements AfterViewInit {
339
373
  component has changed
340
374
  */
341
375
  ui5Overflow: _angular_core.OutputEmitterRef<UI5CustomEvent<_AvatarGroup, "overflow">>;
376
+ /**
377
+ * Available slots for content projection in this component.
378
+ *
379
+ * Slots allow you to insert custom content into predefined areas of the web component.
380
+ * Use the `slot` attribute on child elements to target specific slots.
381
+ *
382
+ * - **(default)**: Defines the items of the component. Use the `ui5-avatar` component as an item.
383
+
384
+ **Note:** The UX guidelines recommends using avatars with "Circle" shape.
385
+
386
+ Moreover, if you use avatars with "Square" shape, there will be visual inconsistency
387
+ as the built-in overflow action has "Circle" shape.
388
+ * - **overflowButton**: Defines the overflow button of the component.
389
+
390
+ **Note:** We recommend using the `ui5-button` component.
391
+
392
+ **Note:** If this slot is not used, the component will display the built-in overflow button.
393
+ *
394
+ * @example
395
+ * ```html
396
+ * <ui5-avatar-group>
397
+ * <div slot="header">Custom header content</div>
398
+ * <p>Default slot content</p>
399
+ * </ui5-avatar-group>
400
+ * ```
401
+ *
402
+ * @readonly
403
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
404
+ */
405
+ readonly slots: ({
406
+ name: string;
407
+ description: string;
408
+ since?: undefined;
409
+ } | {
410
+ name: string;
411
+ description: string;
412
+ since: string;
413
+ })[];
342
414
  elementRef: ElementRef<_AvatarGroup>;
343
415
  injector: Injector;
344
416
  get element(): _AvatarGroup;
@@ -362,12 +434,45 @@ declare class Bar implements AfterViewInit {
362
434
  - If there is only one or no active element, it is recommended to avoid using the "toolbar" role, as it implies a grouping of multiple interactive controls.
363
435
  */
364
436
  accessibleRole: _angular_core.InputSignal<"Toolbar" | "None" | undefined>;
437
+ /**
438
+ * Defines the accessible ARIA name of the component.
439
+ */
440
+ accessibleName: _angular_core.InputSignal<string | undefined>;
441
+ /**
442
+ * Receives id(or many ids) of the elements that label the bar.
443
+ */
444
+ accessibleNameRef: _angular_core.InputSignal<string | undefined>;
445
+ /**
446
+ * Available slots for content projection in this component.
447
+ *
448
+ * Slots allow you to insert custom content into predefined areas of the web component.
449
+ * Use the `slot` attribute on child elements to target specific slots.
450
+ *
451
+ * - **startContent**: Defines the content at the start of the bar.
452
+ * - **(default)**: Defines the content in the middle of the bar.
453
+ * - **endContent**: Defines the content at the end of the bar.
454
+ *
455
+ * @example
456
+ * ```html
457
+ * <ui5-bar>
458
+ * <div slot="header">Custom header content</div>
459
+ * <p>Default slot content</p>
460
+ * </ui5-bar>
461
+ * ```
462
+ *
463
+ * @readonly
464
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
465
+ */
466
+ readonly slots: {
467
+ name: string;
468
+ description: string;
469
+ }[];
365
470
  elementRef: ElementRef<_Bar>;
366
471
  injector: Injector;
367
472
  get element(): _Bar;
368
473
  ngAfterViewInit(): void;
369
474
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<Bar, never>;
370
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<Bar, "ui5-bar, [ui5-bar]", ["ui5Bar"], { "design": { "alias": "design"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
475
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<Bar, "ui5-bar, [ui5-bar]", ["ui5Bar"], { "design": { "alias": "design"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
371
476
  }
372
477
 
373
478
  declare class Breadcrumbs implements AfterViewInit {
@@ -389,6 +494,31 @@ declare class Breadcrumbs implements AfterViewInit {
389
494
  **Note:** You can prevent browser location change by calling `event.preventDefault()`.
390
495
  */
391
496
  ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_Breadcrumbs, "item-click">>;
497
+ /**
498
+ * Available slots for content projection in this component.
499
+ *
500
+ * Slots allow you to insert custom content into predefined areas of the web component.
501
+ * Use the `slot` attribute on child elements to target specific slots.
502
+ *
503
+ * - **(default)**: Defines the component items.
504
+
505
+ **Note:** Use the `ui5-breadcrumbs-item` component to define the desired items.
506
+ *
507
+ * @example
508
+ * ```html
509
+ * <ui5-breadcrumbs>
510
+ * <div slot="header">Custom header content</div>
511
+ * <p>Default slot content</p>
512
+ * </ui5-breadcrumbs>
513
+ * ```
514
+ *
515
+ * @readonly
516
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
517
+ */
518
+ readonly slots: {
519
+ name: string;
520
+ description: string;
521
+ }[];
392
522
  elementRef: ElementRef<_Breadcrumbs>;
393
523
  injector: Injector;
394
524
  get element(): _Breadcrumbs;
@@ -422,6 +552,31 @@ declare class BreadcrumbsItem implements AfterViewInit {
422
552
  * Defines the accessible ARIA name of the item.
423
553
  */
424
554
  accessibleName: _angular_core.InputSignal<string | undefined>;
555
+ /**
556
+ * Available slots for content projection in this component.
557
+ *
558
+ * Slots allow you to insert custom content into predefined areas of the web component.
559
+ * Use the `slot` attribute on child elements to target specific slots.
560
+ *
561
+ * - **(default)**: Defines the text of the component.
562
+
563
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
564
+ *
565
+ * @example
566
+ * ```html
567
+ * <ui5-breadcrumbs-item>
568
+ * <div slot="header">Custom header content</div>
569
+ * <p>Default slot content</p>
570
+ * </ui5-breadcrumbs-item>
571
+ * ```
572
+ *
573
+ * @readonly
574
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
575
+ */
576
+ readonly slots: {
577
+ name: string;
578
+ description: string;
579
+ }[];
425
580
  elementRef: ElementRef<_BreadcrumbsItem>;
426
581
  injector: Injector;
427
582
  get element(): _BreadcrumbsItem;
@@ -451,6 +606,29 @@ declare class BusyIndicator implements AfterViewInit {
451
606
  * Defines the placement of the text.
452
607
  */
453
608
  textPlacement: _angular_core.InputSignal<"Top" | "Bottom" | undefined>;
609
+ /**
610
+ * Available slots for content projection in this component.
611
+ *
612
+ * Slots allow you to insert custom content into predefined areas of the web component.
613
+ * Use the `slot` attribute on child elements to target specific slots.
614
+ *
615
+ * - **(default)**: Determines the content over which the component will appear.
616
+ *
617
+ * @example
618
+ * ```html
619
+ * <ui5-busy-indicator>
620
+ * <div slot="header">Custom header content</div>
621
+ * <p>Default slot content</p>
622
+ * </ui5-busy-indicator>
623
+ * ```
624
+ *
625
+ * @readonly
626
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
627
+ */
628
+ readonly slots: {
629
+ name: string;
630
+ description: string;
631
+ }[];
454
632
  elementRef: ElementRef<_BusyIndicator>;
455
633
  injector: Injector;
456
634
  get element(): _BusyIndicator;
@@ -562,6 +740,37 @@ declare class Button implements AfterViewInit {
562
740
  **Note:** The event will not be fired if the `disabled` property is set to `true`.
563
741
  */
564
742
  ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_Button__default, "click">>;
743
+ /**
744
+ * Available slots for content projection in this component.
745
+ *
746
+ * Slots allow you to insert custom content into predefined areas of the web component.
747
+ * Use the `slot` attribute on child elements to target specific slots.
748
+ *
749
+ * - **(default)**: Defines the text of the component.
750
+
751
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
752
+ * - **badge**: Adds a badge to the button.
753
+ *
754
+ * @example
755
+ * ```html
756
+ * <ui5-button>
757
+ * <div slot="header">Custom header content</div>
758
+ * <p>Default slot content</p>
759
+ * </ui5-button>
760
+ * ```
761
+ *
762
+ * @readonly
763
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
764
+ */
765
+ readonly slots: ({
766
+ name: string;
767
+ description: string;
768
+ since?: undefined;
769
+ } | {
770
+ name: string;
771
+ description: string;
772
+ since: string;
773
+ })[];
565
774
  elementRef: ElementRef<_Button__default>;
566
775
  injector: Injector;
567
776
  get element(): _Button__default;
@@ -657,6 +866,41 @@ declare class Calendar implements AfterViewInit {
657
866
  create instances of `ui5-date` for the newly selected dates. In that case you should do this manually.
658
867
  */
659
868
  ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Calendar, "selection-change">>;
869
+ /**
870
+ * Available slots for content projection in this component.
871
+ *
872
+ * Slots allow you to insert custom content into predefined areas of the web component.
873
+ * Use the `slot` attribute on child elements to target specific slots.
874
+ *
875
+ * - **calendarLegend**: Defines the calendar legend of the component.
876
+ * - **(default)**: Defines the selected date or dates (depending on the `selectionMode` property)
877
+ for this calendar as instances of `ui5-date` or `ui5-date-range`.
878
+ Use `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection.
879
+ * - **specialDates**: Defines the special dates, visually emphasized in the calendar.
880
+ * - **disabledDates**: Defines the disabled date ranges that cannot be selected in the calendar.
881
+ Use `ui5-date-range` elements to specify ranges of disabled dates.
882
+ Each range can define a start date, an end date, or both.
883
+ *
884
+ * @example
885
+ * ```html
886
+ * <ui5-calendar>
887
+ * <div slot="header">Custom header content</div>
888
+ * <p>Default slot content</p>
889
+ * </ui5-calendar>
890
+ * ```
891
+ *
892
+ * @readonly
893
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
894
+ */
895
+ readonly slots: ({
896
+ name: string;
897
+ description: string;
898
+ since: string;
899
+ } | {
900
+ name: string;
901
+ description: string;
902
+ since?: undefined;
903
+ })[];
660
904
  elementRef: ElementRef<_Calendar>;
661
905
  injector: Injector;
662
906
  get element(): _Calendar;
@@ -715,6 +959,29 @@ declare class CalendarLegend implements AfterViewInit {
715
959
  * Hides the Working day item in the legend.
716
960
  */
717
961
  hideWorkingDay: _angular_core.InputSignalWithTransform<boolean, unknown>;
962
+ /**
963
+ * Available slots for content projection in this component.
964
+ *
965
+ * Slots allow you to insert custom content into predefined areas of the web component.
966
+ * Use the `slot` attribute on child elements to target specific slots.
967
+ *
968
+ * - **(default)**: Defines the items of the component.
969
+ *
970
+ * @example
971
+ * ```html
972
+ * <ui5-calendar-legend>
973
+ * <div slot="header">Custom header content</div>
974
+ * <p>Default slot content</p>
975
+ * </ui5-calendar-legend>
976
+ * ```
977
+ *
978
+ * @readonly
979
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
980
+ */
981
+ readonly slots: {
982
+ name: string;
983
+ description: string;
984
+ }[];
718
985
  elementRef: ElementRef<_CalendarLegend>;
719
986
  injector: Injector;
720
987
  get element(): _CalendarLegend;
@@ -759,6 +1026,37 @@ declare class Card implements AfterViewInit {
759
1026
  * Defines the delay in milliseconds, after which the loading indicator will show up for this card.
760
1027
  */
761
1028
  loadingDelay: _angular_core.InputSignal<number | undefined>;
1029
+ /**
1030
+ * Available slots for content projection in this component.
1031
+ *
1032
+ * Slots allow you to insert custom content into predefined areas of the web component.
1033
+ * Use the `slot` attribute on child elements to target specific slots.
1034
+ *
1035
+ * - **(default)**: Defines the content of the component.
1036
+ * - **header**: Defines the header of the component.
1037
+
1038
+ **Note:** Use `ui5-card-header` for the intended design.
1039
+ *
1040
+ * @example
1041
+ * ```html
1042
+ * <ui5-card>
1043
+ * <div slot="header">Custom header content</div>
1044
+ * <p>Default slot content</p>
1045
+ * </ui5-card>
1046
+ * ```
1047
+ *
1048
+ * @readonly
1049
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
1050
+ */
1051
+ readonly slots: ({
1052
+ name: string;
1053
+ description: string;
1054
+ since?: undefined;
1055
+ } | {
1056
+ name: string;
1057
+ description: string;
1058
+ since: string;
1059
+ })[];
762
1060
  elementRef: ElementRef<_Card>;
763
1061
  injector: Injector;
764
1062
  get element(): _Card;
@@ -791,6 +1089,30 @@ declare class CardHeader implements AfterViewInit {
791
1089
  **Note:** The event would be fired only if the `interactive` property is set to true.
792
1090
  */
793
1091
  ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_CardHeader, "click">>;
1092
+ /**
1093
+ * Available slots for content projection in this component.
1094
+ *
1095
+ * Slots allow you to insert custom content into predefined areas of the web component.
1096
+ * Use the `slot` attribute on child elements to target specific slots.
1097
+ *
1098
+ * - **avatar**: Defines an avatar image, displayed in the left most part of the header.
1099
+ * - **action**: Defines an action, displayed in the right most part of the header.
1100
+ *
1101
+ * @example
1102
+ * ```html
1103
+ * <ui5-card-header>
1104
+ * <div slot="header">Custom header content</div>
1105
+ * <p>Default slot content</p>
1106
+ * </ui5-card-header>
1107
+ * ```
1108
+ *
1109
+ * @readonly
1110
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
1111
+ */
1112
+ readonly slots: {
1113
+ name: string;
1114
+ description: string;
1115
+ }[];
794
1116
  elementRef: ElementRef<_CardHeader>;
795
1117
  injector: Injector;
796
1118
  get element(): _CardHeader;
@@ -873,6 +1195,32 @@ declare class Carousel implements AfterViewInit {
873
1195
  based on the `items-per-page` property.
874
1196
  */
875
1197
  ui5Navigate: _angular_core.OutputEmitterRef<UI5CustomEvent<_Carousel, "navigate">>;
1198
+ /**
1199
+ * Available slots for content projection in this component.
1200
+ *
1201
+ * Slots allow you to insert custom content into predefined areas of the web component.
1202
+ * Use the `slot` attribute on child elements to target specific slots.
1203
+ *
1204
+ * - **(default)**: Defines the content of the component.
1205
+
1206
+ **Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.
1207
+ They will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items).
1208
+ *
1209
+ * @example
1210
+ * ```html
1211
+ * <ui5-carousel>
1212
+ * <div slot="header">Custom header content</div>
1213
+ * <p>Default slot content</p>
1214
+ * </ui5-carousel>
1215
+ * ```
1216
+ *
1217
+ * @readonly
1218
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
1219
+ */
1220
+ readonly slots: {
1221
+ name: string;
1222
+ description: string;
1223
+ }[];
876
1224
  elementRef: ElementRef<_Carousel>;
877
1225
  injector: Injector;
878
1226
  get element(): _Carousel;
@@ -987,6 +1335,29 @@ declare class ColorPalette implements AfterViewInit {
987
1335
  * Fired when the user selects a color.
988
1336
  */
989
1337
  ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ColorPalette, "item-click">>;
1338
+ /**
1339
+ * Available slots for content projection in this component.
1340
+ *
1341
+ * Slots allow you to insert custom content into predefined areas of the web component.
1342
+ * Use the `slot` attribute on child elements to target specific slots.
1343
+ *
1344
+ * - **(default)**: Defines the `ui5-color-palette-item` elements.
1345
+ *
1346
+ * @example
1347
+ * ```html
1348
+ * <ui5-color-palette>
1349
+ * <div slot="header">Custom header content</div>
1350
+ * <p>Default slot content</p>
1351
+ * </ui5-color-palette>
1352
+ * ```
1353
+ *
1354
+ * @readonly
1355
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
1356
+ */
1357
+ readonly slots: {
1358
+ name: string;
1359
+ description: string;
1360
+ }[];
990
1361
  elementRef: ElementRef<_ColorPalette>;
991
1362
  injector: Injector;
992
1363
  get element(): _ColorPalette;
@@ -1054,6 +1425,29 @@ declare class ColorPalettePopover implements AfterViewInit {
1054
1425
  * Fired when the `ui5-color-palette-popover` is closed due to user interaction.
1055
1426
  */
1056
1427
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ColorPalettePopover, "close">>;
1428
+ /**
1429
+ * Available slots for content projection in this component.
1430
+ *
1431
+ * Slots allow you to insert custom content into predefined areas of the web component.
1432
+ * Use the `slot` attribute on child elements to target specific slots.
1433
+ *
1434
+ * - **(default)**: Defines the content of the component.
1435
+ *
1436
+ * @example
1437
+ * ```html
1438
+ * <ui5-color-palette-popover>
1439
+ * <div slot="header">Custom header content</div>
1440
+ * <p>Default slot content</p>
1441
+ * </ui5-color-palette-popover>
1442
+ * ```
1443
+ *
1444
+ * @readonly
1445
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
1446
+ */
1447
+ readonly slots: {
1448
+ name: string;
1449
+ description: string;
1450
+ }[];
1057
1451
  elementRef: ElementRef<_ColorPalettePopover>;
1058
1452
  injector: Injector;
1059
1453
  get element(): _ColorPalettePopover;
@@ -1178,6 +1572,42 @@ declare class ComboBox implements AfterViewInit {
1178
1572
  * Fired when selection is changed by user interaction
1179
1573
  */
1180
1574
  ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_ComboBox, "selection-change">>;
1575
+ /**
1576
+ * Available slots for content projection in this component.
1577
+ *
1578
+ * Slots allow you to insert custom content into predefined areas of the web component.
1579
+ * Use the `slot` attribute on child elements to target specific slots.
1580
+ *
1581
+ * - **(default)**: Defines the component items.
1582
+ * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
1583
+ The value state message slot should contain only one root element.
1584
+
1585
+ **Note:** If not specified, a default text (in the respective language) will be displayed.
1586
+
1587
+ **Note:** The `valueStateMessage` would be displayed,
1588
+ when the `ui5-combobox` is in `Information`, `Critical` or `Negative` value state.
1589
+ * - **icon**: Defines the icon to be displayed in the input field.
1590
+ *
1591
+ * @example
1592
+ * ```html
1593
+ * <ui5-combobox>
1594
+ * <div slot="header">Custom header content</div>
1595
+ * <p>Default slot content</p>
1596
+ * </ui5-combobox>
1597
+ * ```
1598
+ *
1599
+ * @readonly
1600
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
1601
+ */
1602
+ readonly slots: ({
1603
+ name: string;
1604
+ description: string;
1605
+ since?: undefined;
1606
+ } | {
1607
+ name: string;
1608
+ description: string;
1609
+ since: string;
1610
+ })[];
1181
1611
  elementRef: ElementRef<_ComboBox>;
1182
1612
  injector: Injector;
1183
1613
  get element(): _ComboBox;
@@ -1238,6 +1668,32 @@ declare class ComboBoxItemGroup implements AfterViewInit {
1238
1668
  **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
1239
1669
  */
1240
1670
  ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_ComboBoxItemGroup, "move">>;
1671
+ /**
1672
+ * Available slots for content projection in this component.
1673
+ *
1674
+ * Slots allow you to insert custom content into predefined areas of the web component.
1675
+ * Use the `slot` attribute on child elements to target specific slots.
1676
+ *
1677
+ * - **(default)**: Defines the items of the <code>ui5-cb-item-group</code>.
1678
+ * - **header**: Defines the header of the component.
1679
+
1680
+ **Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.
1681
+ *
1682
+ * @example
1683
+ * ```html
1684
+ * <ui5-cb-item-group>
1685
+ * <div slot="header">Custom header content</div>
1686
+ * <p>Default slot content</p>
1687
+ * </ui5-cb-item-group>
1688
+ * ```
1689
+ *
1690
+ * @readonly
1691
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
1692
+ */
1693
+ readonly slots: {
1694
+ name: string;
1695
+ description: string;
1696
+ }[];
1241
1697
  elementRef: ElementRef<_ComboBoxItemGroup>;
1242
1698
  injector: Injector;
1243
1699
  get element(): _ComboBoxItemGroup;
@@ -1374,6 +1830,35 @@ declare class DatePicker implements AfterViewInit {
1374
1830
  * Fired after the component's picker is closed.
1375
1831
  */
1376
1832
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_DatePicker, "close">>;
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
+ * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
1840
+
1841
+ **Note:** If not specified, a default text (in the respective language) will be displayed.
1842
+
1843
+ **Note:** The `valueStateMessage` would be displayed,
1844
+ when the component is in `Information`, `Critical` or `Negative` value state.
1845
+ *
1846
+ * @example
1847
+ * ```html
1848
+ * <ui5-date-picker>
1849
+ * <div slot="header">Custom header content</div>
1850
+ * <p>Default slot content</p>
1851
+ * </ui5-date-picker>
1852
+ * ```
1853
+ *
1854
+ * @readonly
1855
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
1856
+ */
1857
+ readonly slots: {
1858
+ name: string;
1859
+ description: string;
1860
+ since: string;
1861
+ }[];
1377
1862
  elementRef: ElementRef<_DatePicker>;
1378
1863
  injector: Injector;
1379
1864
  get element(): _DatePicker;
@@ -1530,6 +2015,35 @@ declare class DateRangePicker implements AfterViewInit {
1530
2015
  * Fired after the component's picker is closed.
1531
2016
  */
1532
2017
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_DateRangePicker, "close">>;
2018
+ /**
2019
+ * Available slots for content projection in this component.
2020
+ *
2021
+ * Slots allow you to insert custom content into predefined areas of the web component.
2022
+ * Use the `slot` attribute on child elements to target specific slots.
2023
+ *
2024
+ * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
2025
+
2026
+ **Note:** If not specified, a default text (in the respective language) will be displayed.
2027
+
2028
+ **Note:** The `valueStateMessage` would be displayed,
2029
+ when the component is in `Information`, `Critical` or `Negative` value state.
2030
+ *
2031
+ * @example
2032
+ * ```html
2033
+ * <ui5-daterange-picker>
2034
+ * <div slot="header">Custom header content</div>
2035
+ * <p>Default slot content</p>
2036
+ * </ui5-daterange-picker>
2037
+ * ```
2038
+ *
2039
+ * @readonly
2040
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
2041
+ */
2042
+ readonly slots: {
2043
+ name: string;
2044
+ description: string;
2045
+ since: string;
2046
+ }[];
1533
2047
  elementRef: ElementRef<_DateRangePicker>;
1534
2048
  injector: Injector;
1535
2049
  get element(): _DateRangePicker;
@@ -1666,6 +2180,35 @@ declare class DateTimePicker implements AfterViewInit {
1666
2180
  * Fired after the component's picker is closed.
1667
2181
  */
1668
2182
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_DateTimePicker, "close">>;
2183
+ /**
2184
+ * Available slots for content projection in this component.
2185
+ *
2186
+ * Slots allow you to insert custom content into predefined areas of the web component.
2187
+ * Use the `slot` attribute on child elements to target specific slots.
2188
+ *
2189
+ * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
2190
+
2191
+ **Note:** If not specified, a default text (in the respective language) will be displayed.
2192
+
2193
+ **Note:** The `valueStateMessage` would be displayed,
2194
+ when the component is in `Information`, `Critical` or `Negative` value state.
2195
+ *
2196
+ * @example
2197
+ * ```html
2198
+ * <ui5-datetime-picker>
2199
+ * <div slot="header">Custom header content</div>
2200
+ * <p>Default slot content</p>
2201
+ * </ui5-datetime-picker>
2202
+ * ```
2203
+ *
2204
+ * @readonly
2205
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
2206
+ */
2207
+ readonly slots: {
2208
+ name: string;
2209
+ description: string;
2210
+ since: string;
2211
+ }[];
1669
2212
  elementRef: ElementRef<_DateTimePicker>;
1670
2213
  injector: Injector;
1671
2214
  get element(): _DateTimePicker;
@@ -1772,6 +2315,38 @@ declare class Dialog implements AfterViewInit {
1772
2315
  * Fired after the component is closed.
1773
2316
  */
1774
2317
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Dialog, "close">>;
2318
+ /**
2319
+ * Available slots for content projection in this component.
2320
+ *
2321
+ * Slots allow you to insert custom content into predefined areas of the web component.
2322
+ * Use the `slot` attribute on child elements to target specific slots.
2323
+ *
2324
+ * - **header**: Defines the header HTML Element.
2325
+
2326
+ **Note:** When a `ui5-bar` is used in the header, you should remove the default dialog's paddings.
2327
+
2328
+ **Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.
2329
+ `accessibleName` should be used.
2330
+ * - **footer**: Defines the footer HTML Element.
2331
+
2332
+ **Note:** When a `ui5-bar` is used in the footer, you should remove the default dialog's paddings.
2333
+ * - **(default)**: Defines the content of the Popup.
2334
+ *
2335
+ * @example
2336
+ * ```html
2337
+ * <ui5-dialog>
2338
+ * <div slot="header">Custom header content</div>
2339
+ * <p>Default slot content</p>
2340
+ * </ui5-dialog>
2341
+ * ```
2342
+ *
2343
+ * @readonly
2344
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
2345
+ */
2346
+ readonly slots: {
2347
+ name: string;
2348
+ description: string;
2349
+ }[];
1775
2350
  elementRef: ElementRef<_Dialog>;
1776
2351
  injector: Injector;
1777
2352
  get element(): _Dialog;
@@ -1908,6 +2483,45 @@ declare class FileUploader implements AfterViewInit {
1908
2483
  * Event is fired when the size of a file is above the `maxFileSize` property value.
1909
2484
  */
1910
2485
  ui5FileSizeExceed: _angular_core.OutputEmitterRef<UI5CustomEvent<_FileUploader, "file-size-exceed">>;
2486
+ /**
2487
+ * Available slots for content projection in this component.
2488
+ *
2489
+ * Slots allow you to insert custom content into predefined areas of the web component.
2490
+ * Use the `slot` attribute on child elements to target specific slots.
2491
+ *
2492
+ * - **(default)**: This slot allows you to add custom content to the component, such as a button or any other interactive element to trigger the file selection dialog.
2493
+
2494
+ **Note:** For best accessibility experience, set a `tabindex` of "-1" on your interactive element, or it will be set automatically.
2495
+ This slot is intended for use cases where you want a button-only file uploader.
2496
+ It is recommended to set `hideInput` property to "true" when using this slot.
2497
+ Not setting `hideInput` may negatively impact the screen reader users.
2498
+ * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
2499
+
2500
+ **Note:** If not specified, a default text (in the respective language) will be displayed.
2501
+
2502
+ **Note:** The `valueStateMessage` would be displayed,
2503
+ when the component is in `Information`, `Critical` or `Negative` value state.
2504
+ *
2505
+ * @example
2506
+ * ```html
2507
+ * <ui5-file-uploader>
2508
+ * <div slot="header">Custom header content</div>
2509
+ * <p>Default slot content</p>
2510
+ * </ui5-file-uploader>
2511
+ * ```
2512
+ *
2513
+ * @readonly
2514
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
2515
+ */
2516
+ readonly slots: ({
2517
+ name: string;
2518
+ description: string;
2519
+ since?: undefined;
2520
+ } | {
2521
+ name: string;
2522
+ description: string;
2523
+ since: string;
2524
+ })[];
1911
2525
  elementRef: ElementRef<_FileUploader>;
1912
2526
  injector: Injector;
1913
2527
  private _filesSignal;
@@ -1988,6 +2602,35 @@ declare class Form implements AfterViewInit {
1988
2602
  to avoid "jumping" effect, caused by the hight difference between texts in "display"("non-edit") mode and the input fields in "edit" mode.
1989
2603
  */
1990
2604
  itemSpacing: _angular_core.InputSignal<"Normal" | "Large" | undefined>;
2605
+ /**
2606
+ * Available slots for content projection in this component.
2607
+ *
2608
+ * Slots allow you to insert custom content into predefined areas of the web component.
2609
+ * Use the `slot` attribute on child elements to target specific slots.
2610
+ *
2611
+ * - **header**: Defines the component header area.
2612
+
2613
+ **Note:** When a `header` is provided, the `headerText` property is ignored.
2614
+ * - **(default)**: Defines the component content - FormGroups or FormItems.
2615
+
2616
+ **Note:** Mixing FormGroups and standalone FormItems (not belonging to a group) is not supported.
2617
+ Either use FormGroups and make sure all FormItems are part of a FormGroup, or use just FormItems without any FormGroups.
2618
+ *
2619
+ * @example
2620
+ * ```html
2621
+ * <ui5-form>
2622
+ * <div slot="header">Custom header content</div>
2623
+ * <p>Default slot content</p>
2624
+ * </ui5-form>
2625
+ * ```
2626
+ *
2627
+ * @readonly
2628
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
2629
+ */
2630
+ readonly slots: {
2631
+ name: string;
2632
+ description: string;
2633
+ }[];
1991
2634
  elementRef: ElementRef<_Form>;
1992
2635
  injector: Injector;
1993
2636
  get element(): _Form;
@@ -2019,6 +2662,29 @@ declare class FormGroup implements AfterViewInit {
2019
2662
  * Defines id (or many ids) of the element (or elements) that label the component.
2020
2663
  */
2021
2664
  accessibleNameRef: _angular_core.InputSignal<string | undefined>;
2665
+ /**
2666
+ * Available slots for content projection in this component.
2667
+ *
2668
+ * Slots allow you to insert custom content into predefined areas of the web component.
2669
+ * Use the `slot` attribute on child elements to target specific slots.
2670
+ *
2671
+ * - **(default)**: Defines the items of the component.
2672
+ *
2673
+ * @example
2674
+ * ```html
2675
+ * <ui5-form-group>
2676
+ * <div slot="header">Custom header content</div>
2677
+ * <p>Default slot content</p>
2678
+ * </ui5-form-group>
2679
+ * ```
2680
+ *
2681
+ * @readonly
2682
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
2683
+ */
2684
+ readonly slots: {
2685
+ name: string;
2686
+ description: string;
2687
+ }[];
2022
2688
  elementRef: ElementRef<_FormGroup>;
2023
2689
  injector: Injector;
2024
2690
  get element(): _FormGroup;
@@ -2037,6 +2703,31 @@ declare class FormItem implements AfterViewInit {
2037
2703
  A number bigger than the available columns won't take effect.
2038
2704
  */
2039
2705
  columnSpan: _angular_core.InputSignal<number | undefined>;
2706
+ /**
2707
+ * Available slots for content projection in this component.
2708
+ *
2709
+ * Slots allow you to insert custom content into predefined areas of the web component.
2710
+ * Use the `slot` attribute on child elements to target specific slots.
2711
+ *
2712
+ * - **labelContent**: Defines the label of the component.
2713
+ * - **(default)**: Defines the content of the component,
2714
+ associated to `labelContent`.
2715
+ *
2716
+ * @example
2717
+ * ```html
2718
+ * <ui5-form-item>
2719
+ * <div slot="header">Custom header content</div>
2720
+ * <p>Default slot content</p>
2721
+ * </ui5-form-item>
2722
+ * ```
2723
+ *
2724
+ * @readonly
2725
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
2726
+ */
2727
+ readonly slots: {
2728
+ name: string;
2729
+ description: string;
2730
+ }[];
2040
2731
  elementRef: ElementRef<_FormItem>;
2041
2732
  injector: Injector;
2042
2733
  get element(): _FormItem;
@@ -2222,6 +2913,50 @@ declare class Input implements AfterViewInit {
2222
2913
  * Fired when the suggestions picker is closed.
2223
2914
  */
2224
2915
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "close">>;
2916
+ /**
2917
+ * Available slots for content projection in this component.
2918
+ *
2919
+ * Slots allow you to insert custom content into predefined areas of the web component.
2920
+ * Use the `slot` attribute on child elements to target specific slots.
2921
+ *
2922
+ * - **(default)**: Defines the suggestion items.
2923
+
2924
+ **Note:** The suggestions would be displayed only if the `showSuggestions`
2925
+ property is set to `true`.
2926
+
2927
+ **Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
2928
+ * - **icon**: Defines the icon to be displayed in the component.
2929
+ * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
2930
+ The value state message slot should contain only one root element.
2931
+
2932
+ **Note:** If not specified, a default text (in the respective language) will be displayed.
2933
+
2934
+ **Note:** The `valueStateMessage` would be displayed,
2935
+ when the component is in `Information`, `Critical` or `Negative` value state.
2936
+
2937
+ **Note:** If the component has `suggestionItems`,
2938
+ the `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.
2939
+ *
2940
+ * @example
2941
+ * ```html
2942
+ * <ui5-input>
2943
+ * <div slot="header">Custom header content</div>
2944
+ * <p>Default slot content</p>
2945
+ * </ui5-input>
2946
+ * ```
2947
+ *
2948
+ * @readonly
2949
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
2950
+ */
2951
+ readonly slots: ({
2952
+ name: string;
2953
+ description: string;
2954
+ since?: undefined;
2955
+ } | {
2956
+ name: string;
2957
+ description: string;
2958
+ since: string;
2959
+ })[];
2225
2960
  elementRef: ElementRef<_Input>;
2226
2961
  injector: Injector;
2227
2962
  get element(): _Input;
@@ -2257,6 +2992,31 @@ declare class Label implements AfterViewInit {
2257
2992
  **Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
2258
2993
  */
2259
2994
  wrappingType: _angular_core.InputSignal<"None" | "Normal" | undefined>;
2995
+ /**
2996
+ * Available slots for content projection in this component.
2997
+ *
2998
+ * Slots allow you to insert custom content into predefined areas of the web component.
2999
+ * Use the `slot` attribute on child elements to target specific slots.
3000
+ *
3001
+ * - **(default)**: Defines the text of the component.
3002
+
3003
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
3004
+ *
3005
+ * @example
3006
+ * ```html
3007
+ * <ui5-label>
3008
+ * <div slot="header">Custom header content</div>
3009
+ * <p>Default slot content</p>
3010
+ * </ui5-label>
3011
+ * ```
3012
+ *
3013
+ * @readonly
3014
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
3015
+ */
3016
+ readonly slots: {
3017
+ name: string;
3018
+ description: string;
3019
+ }[];
2260
3020
  elementRef: ElementRef<_Label>;
2261
3021
  injector: Injector;
2262
3022
  get element(): _Label;
@@ -2374,6 +3134,31 @@ declare class Link implements AfterViewInit {
2374
3134
  or by using the Enter key.
2375
3135
  */
2376
3136
  ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_Link, "click">>;
3137
+ /**
3138
+ * Available slots for content projection in this component.
3139
+ *
3140
+ * Slots allow you to insert custom content into predefined areas of the web component.
3141
+ * Use the `slot` attribute on child elements to target specific slots.
3142
+ *
3143
+ * - **(default)**: Defines the text of the component.
3144
+
3145
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
3146
+ *
3147
+ * @example
3148
+ * ```html
3149
+ * <ui5-link>
3150
+ * <div slot="header">Custom header content</div>
3151
+ * <p>Default slot content</p>
3152
+ * </ui5-link>
3153
+ * ```
3154
+ *
3155
+ * @readonly
3156
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
3157
+ */
3158
+ readonly slots: {
3159
+ name: string;
3160
+ description: string;
3161
+ }[];
2377
3162
  elementRef: ElementRef<_Link>;
2378
3163
  injector: Injector;
2379
3164
  get element(): _Link;
@@ -2528,6 +3313,35 @@ declare class List implements AfterViewInit {
2528
3313
  **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
2529
3314
  */
2530
3315
  ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_List, "move">>;
3316
+ /**
3317
+ * Available slots for content projection in this component.
3318
+ *
3319
+ * Slots allow you to insert custom content into predefined areas of the web component.
3320
+ * Use the `slot` attribute on child elements to target specific slots.
3321
+ *
3322
+ * - **(default)**: Defines the items of the component.
3323
+
3324
+ **Note:** Use `ui5-li`, `ui5-li-custom`, and `ui5-li-group` for the intended design.
3325
+ * - **header**: Defines the component header.
3326
+
3327
+ **Note:** When `header` is set, the
3328
+ `headerText` property is ignored.
3329
+ *
3330
+ * @example
3331
+ * ```html
3332
+ * <ui5-list>
3333
+ * <div slot="header">Custom header content</div>
3334
+ * <p>Default slot content</p>
3335
+ * </ui5-list>
3336
+ * ```
3337
+ *
3338
+ * @readonly
3339
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
3340
+ */
3341
+ readonly slots: {
3342
+ name: string;
3343
+ description: string;
3344
+ }[];
2531
3345
  elementRef: ElementRef<_List>;
2532
3346
  injector: Injector;
2533
3347
  get element(): _List;
@@ -2588,6 +3402,38 @@ declare class ListItemCustom implements AfterViewInit {
2588
3402
  * Fired when the user clicks on the detail button when type is `Detail`.
2589
3403
  */
2590
3404
  ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ListItemCustom, "detail-click">>;
3405
+ /**
3406
+ * Available slots for content projection in this component.
3407
+ *
3408
+ * Slots allow you to insert custom content into predefined areas of the web component.
3409
+ * Use the `slot` attribute on child elements to target specific slots.
3410
+ *
3411
+ * - **(default)**: Defines the content of the component.
3412
+ * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
3413
+ **Note:** While the slot allows custom buttons, to match
3414
+ design guidelines, please use the `ui5-button` component.
3415
+ **Note:** When the slot is not present, a built-in delete button will be displayed.
3416
+ *
3417
+ * @example
3418
+ * ```html
3419
+ * <ui5-li-custom>
3420
+ * <div slot="header">Custom header content</div>
3421
+ * <p>Default slot content</p>
3422
+ * </ui5-li-custom>
3423
+ * ```
3424
+ *
3425
+ * @readonly
3426
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
3427
+ */
3428
+ readonly slots: ({
3429
+ name: string;
3430
+ description: string;
3431
+ since?: undefined;
3432
+ } | {
3433
+ name: string;
3434
+ description: string;
3435
+ since: string;
3436
+ })[];
2591
3437
  elementRef: ElementRef<_ListItemCustom>;
2592
3438
  injector: Injector;
2593
3439
  get element(): _ListItemCustom;
@@ -2631,6 +3477,32 @@ declare class ListItemGroup implements AfterViewInit {
2631
3477
  **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
2632
3478
  */
2633
3479
  ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_ListItemGroup, "move">>;
3480
+ /**
3481
+ * Available slots for content projection in this component.
3482
+ *
3483
+ * Slots allow you to insert custom content into predefined areas of the web component.
3484
+ * Use the `slot` attribute on child elements to target specific slots.
3485
+ *
3486
+ * - **(default)**: Defines the items of the <code>ui5-li-group</code>.
3487
+ * - **header**: Defines the header of the component.
3488
+
3489
+ **Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.
3490
+ *
3491
+ * @example
3492
+ * ```html
3493
+ * <ui5-li-group>
3494
+ * <div slot="header">Custom header content</div>
3495
+ * <p>Default slot content</p>
3496
+ * </ui5-li-group>
3497
+ * ```
3498
+ *
3499
+ * @readonly
3500
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
3501
+ */
3502
+ readonly slots: {
3503
+ name: string;
3504
+ description: string;
3505
+ }[];
2634
3506
  elementRef: ElementRef<_ListItemGroup>;
2635
3507
  injector: Injector;
2636
3508
  get element(): _ListItemGroup;
@@ -2734,6 +3606,50 @@ declare class ListItemStandard implements AfterViewInit {
2734
3606
  * Fired when the user clicks on the detail button when type is `Detail`.
2735
3607
  */
2736
3608
  ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ListItemStandard, "detail-click">>;
3609
+ /**
3610
+ * Available slots for content projection in this component.
3611
+ *
3612
+ * Slots allow you to insert custom content into predefined areas of the web component.
3613
+ * Use the `slot` attribute on child elements to target specific slots.
3614
+ *
3615
+ * - **(default)**: Defines the custom formatted text of the component.
3616
+
3617
+ **Note:** For optimal text wrapping and a consistent layout, it is strongly recommended to use the `text` property.
3618
+
3619
+ Use the `default` slot only when custom formatting with HTML elements (e.g., `<b>`, `<i>`) is required.
3620
+ Be aware that wrapping (via `wrappingType="Normal"`) may not function correctly with custom HTML content in the `default` slot.
3621
+
3622
+ If both `text` and `default` slot are used, the `text` property takes precedence.
3623
+ * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
3624
+ design guidelines, please use the `ui5-avatar` with it's default size - S.
3625
+
3626
+ **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
3627
+ `ui5-li` should be customized in order to fit.
3628
+ * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
3629
+ **Note:** While the slot allows custom buttons, to match
3630
+ design guidelines, please use the `ui5-button` component.
3631
+ **Note:** When the slot is not present, a built-in delete button will be displayed.
3632
+ *
3633
+ * @example
3634
+ * ```html
3635
+ * <ui5-li>
3636
+ * <div slot="header">Custom header content</div>
3637
+ * <p>Default slot content</p>
3638
+ * </ui5-li>
3639
+ * ```
3640
+ *
3641
+ * @readonly
3642
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
3643
+ */
3644
+ readonly slots: ({
3645
+ name: string;
3646
+ description: string;
3647
+ since?: undefined;
3648
+ } | {
3649
+ name: string;
3650
+ description: string;
3651
+ since: string;
3652
+ })[];
2737
3653
  elementRef: ElementRef<_ListItemStandard>;
2738
3654
  injector: Injector;
2739
3655
  get element(): _ListItemStandard;
@@ -2797,6 +3713,31 @@ declare class Menu implements AfterViewInit {
2797
3713
  * Fired after the menu is closed.
2798
3714
  */
2799
3715
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Menu, "close">>;
3716
+ /**
3717
+ * Available slots for content projection in this component.
3718
+ *
3719
+ * Slots allow you to insert custom content into predefined areas of the web component.
3720
+ * Use the `slot` attribute on child elements to target specific slots.
3721
+ *
3722
+ * - **(default)**: Defines the items of this component.
3723
+
3724
+ **Note:** Use `ui5-menu-item` and `ui5-menu-separator` for their intended design.
3725
+ *
3726
+ * @example
3727
+ * ```html
3728
+ * <ui5-menu>
3729
+ * <div slot="header">Custom header content</div>
3730
+ * <p>Default slot content</p>
3731
+ * </ui5-menu>
3732
+ * ```
3733
+ *
3734
+ * @readonly
3735
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
3736
+ */
3737
+ readonly slots: {
3738
+ name: string;
3739
+ description: string;
3740
+ }[];
2800
3741
  elementRef: ElementRef<_Menu>;
2801
3742
  injector: Injector;
2802
3743
  get element(): _Menu;
@@ -2919,6 +3860,60 @@ declare class MenuItem implements AfterViewInit {
2919
3860
  * Fired when the user clicks on the detail button when type is `Detail`.
2920
3861
  */
2921
3862
  ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_MenuItem, "detail-click">>;
3863
+ /**
3864
+ * Available slots for content projection in this component.
3865
+ *
3866
+ * Slots allow you to insert custom content into predefined areas of the web component.
3867
+ * Use the `slot` attribute on child elements to target specific slots.
3868
+ *
3869
+ * - **(default)**: Defines the items of this component.
3870
+
3871
+ **Note:** The slot can hold menu item and menu separator items.
3872
+
3873
+ If there are items added to this slot, an arrow will be displayed at the end
3874
+ of the item in order to indicate that there are items added. In that case components added
3875
+ to `endContent` slot or `additionalText` content will not be displayed.
3876
+
3877
+ The priority of what will be displayed at the end of the menu item is as follows:
3878
+ sub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.
3879
+ * - **endContent**: Defines the components that should be displayed at the end of the menu item.
3880
+
3881
+ **Note:** It is highly recommended to slot only components of type `ui5-button`,`ui5-link`
3882
+ or `ui5-icon` in order to preserve the intended design. If there are components added to this slot,
3883
+ and there is text set in `additionalText`, it will not be displayed. If there are items added to `items` slot,
3884
+ nether `additionalText` nor components added to this slot would be displayed.
3885
+
3886
+ The priority of what will be displayed at the end of the menu item is as follows:
3887
+ sub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.
3888
+
3889
+ Application developers are responsible for ensuring that interactive elements placed in the `endContent` slot
3890
+ have the correct accessibility behaviour, including their enabled or disabled states.
3891
+ The menu does not manage these aspects when the menu item state changes.
3892
+ * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
3893
+ **Note:** While the slot allows custom buttons, to match
3894
+ design guidelines, please use the `ui5-button` component.
3895
+ **Note:** When the slot is not present, a built-in delete button will be displayed.
3896
+ *
3897
+ * @example
3898
+ * ```html
3899
+ * <ui5-menu-item>
3900
+ * <div slot="header">Custom header content</div>
3901
+ * <p>Default slot content</p>
3902
+ * </ui5-menu-item>
3903
+ * ```
3904
+ *
3905
+ * @readonly
3906
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
3907
+ */
3908
+ readonly slots: ({
3909
+ name: string;
3910
+ description: string;
3911
+ since?: undefined;
3912
+ } | {
3913
+ name: string;
3914
+ description: string;
3915
+ since: string;
3916
+ })[];
2922
3917
  elementRef: ElementRef<_MenuItem>;
2923
3918
  injector: Injector;
2924
3919
  get element(): _MenuItem;
@@ -2932,6 +3927,30 @@ declare class MenuItemGroup implements AfterViewInit {
2932
3927
  * Defines the component's check mode.
2933
3928
  */
2934
3929
  checkMode: _angular_core.InputSignal<"None" | "Single" | "Multiple" | undefined>;
3930
+ /**
3931
+ * Available slots for content projection in this component.
3932
+ *
3933
+ * Slots allow you to insert custom content into predefined areas of the web component.
3934
+ * Use the `slot` attribute on child elements to target specific slots.
3935
+ *
3936
+ * - **(default)**: Defines the items of this component.
3937
+ **Note:** The slot can hold any combination of components of type `ui5-menu-item` or `ui5-menu-separator` or both.
3938
+ *
3939
+ * @example
3940
+ * ```html
3941
+ * <ui5-menu-item-group>
3942
+ * <div slot="header">Custom header content</div>
3943
+ * <p>Default slot content</p>
3944
+ * </ui5-menu-item-group>
3945
+ * ```
3946
+ *
3947
+ * @readonly
3948
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
3949
+ */
3950
+ readonly slots: {
3951
+ name: string;
3952
+ description: string;
3953
+ }[];
2935
3954
  elementRef: ElementRef<_MenuItemGroup>;
2936
3955
  injector: Injector;
2937
3956
  get element(): _MenuItemGroup;
@@ -2976,6 +3995,37 @@ declare class MessageStrip implements AfterViewInit {
2976
3995
  click/tap or by using the Enter or Space key.
2977
3996
  */
2978
3997
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_MessageStrip, "close">>;
3998
+ /**
3999
+ * Available slots for content projection in this component.
4000
+ *
4001
+ * Slots allow you to insert custom content into predefined areas of the web component.
4002
+ * Use the `slot` attribute on child elements to target specific slots.
4003
+ *
4004
+ * - **(default)**: Defines the text of the component.
4005
+
4006
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
4007
+ * - **icon**: Defines the content to be displayed as graphical element within the component.
4008
+
4009
+ **Note:** If no icon is given, the default icon for the component type will be used.
4010
+ The SAP-icons font provides numerous options.
4011
+
4012
+ See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
4013
+ *
4014
+ * @example
4015
+ * ```html
4016
+ * <ui5-message-strip>
4017
+ * <div slot="header">Custom header content</div>
4018
+ * <p>Default slot content</p>
4019
+ * </ui5-message-strip>
4020
+ * ```
4021
+ *
4022
+ * @readonly
4023
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
4024
+ */
4025
+ readonly slots: {
4026
+ name: string;
4027
+ description: string;
4028
+ }[];
2979
4029
  elementRef: ElementRef<_MessageStrip>;
2980
4030
  injector: Injector;
2981
4031
  get element(): _MessageStrip;
@@ -3077,6 +4127,42 @@ declare class MultiComboBox implements AfterViewInit {
3077
4127
  * Fired when selection is changed by user interaction.
3078
4128
  */
3079
4129
  ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "selection-change">>;
4130
+ /**
4131
+ * Available slots for content projection in this component.
4132
+ *
4133
+ * Slots allow you to insert custom content into predefined areas of the web component.
4134
+ * Use the `slot` attribute on child elements to target specific slots.
4135
+ *
4136
+ * - **(default)**: Defines the component items.
4137
+ * - **icon**: Defines the icon to be displayed in the component.
4138
+ * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
4139
+ The value state message slot should contain only one root element.
4140
+
4141
+ **Note:** If not specified, a default text (in the respective language) will be displayed.
4142
+
4143
+ **Note:** The `valueStateMessage` would be displayed,
4144
+ when the component is in `Information`, `Critical` or `Negative` value state.
4145
+ *
4146
+ * @example
4147
+ * ```html
4148
+ * <ui5-multi-combobox>
4149
+ * <div slot="header">Custom header content</div>
4150
+ * <p>Default slot content</p>
4151
+ * </ui5-multi-combobox>
4152
+ * ```
4153
+ *
4154
+ * @readonly
4155
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
4156
+ */
4157
+ readonly slots: ({
4158
+ name: string;
4159
+ description: string;
4160
+ since?: undefined;
4161
+ } | {
4162
+ name: string;
4163
+ description: string;
4164
+ since: string;
4165
+ })[];
3080
4166
  elementRef: ElementRef<_MultiComboBox>;
3081
4167
  injector: Injector;
3082
4168
  get element(): _MultiComboBox;
@@ -3141,6 +4227,32 @@ declare class MultiComboBoxItemGroup implements AfterViewInit {
3141
4227
  **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
3142
4228
  */
3143
4229
  ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBoxItemGroup, "move">>;
4230
+ /**
4231
+ * Available slots for content projection in this component.
4232
+ *
4233
+ * Slots allow you to insert custom content into predefined areas of the web component.
4234
+ * Use the `slot` attribute on child elements to target specific slots.
4235
+ *
4236
+ * - **(default)**: Defines the items of the <code>ui5-mcb-item-group</code>.
4237
+ * - **header**: Defines the header of the component.
4238
+
4239
+ **Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.
4240
+ *
4241
+ * @example
4242
+ * ```html
4243
+ * <ui5-mcb-item-group>
4244
+ * <div slot="header">Custom header content</div>
4245
+ * <p>Default slot content</p>
4246
+ * </ui5-mcb-item-group>
4247
+ * ```
4248
+ *
4249
+ * @readonly
4250
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
4251
+ */
4252
+ readonly slots: {
4253
+ name: string;
4254
+ description: string;
4255
+ }[];
3144
4256
  elementRef: ElementRef<_MultiComboBoxItemGroup>;
3145
4257
  injector: Injector;
3146
4258
  get element(): _MultiComboBoxItemGroup;
@@ -3281,6 +4393,51 @@ declare class MultiInput implements AfterViewInit {
3281
4393
  * Fired when the suggestions picker is closed.
3282
4394
  */
3283
4395
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiInput, "close">>;
4396
+ /**
4397
+ * Available slots for content projection in this component.
4398
+ *
4399
+ * Slots allow you to insert custom content into predefined areas of the web component.
4400
+ * Use the `slot` attribute on child elements to target specific slots.
4401
+ *
4402
+ * - **tokens**: Defines the component tokens.
4403
+ * - **(default)**: Defines the suggestion items.
4404
+
4405
+ **Note:** The suggestions would be displayed only if the `showSuggestions`
4406
+ property is set to `true`.
4407
+
4408
+ **Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
4409
+ * - **icon**: Defines the icon to be displayed in the component.
4410
+ * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
4411
+ The value state message slot should contain only one root element.
4412
+
4413
+ **Note:** If not specified, a default text (in the respective language) will be displayed.
4414
+
4415
+ **Note:** The `valueStateMessage` would be displayed,
4416
+ when the component is in `Information`, `Critical` or `Negative` value state.
4417
+
4418
+ **Note:** If the component has `suggestionItems`,
4419
+ the `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.
4420
+ *
4421
+ * @example
4422
+ * ```html
4423
+ * <ui5-multi-input>
4424
+ * <div slot="header">Custom header content</div>
4425
+ * <p>Default slot content</p>
4426
+ * </ui5-multi-input>
4427
+ * ```
4428
+ *
4429
+ * @readonly
4430
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
4431
+ */
4432
+ readonly slots: ({
4433
+ name: string;
4434
+ description: string;
4435
+ since?: undefined;
4436
+ } | {
4437
+ name: string;
4438
+ description: string;
4439
+ since: string;
4440
+ })[];
3284
4441
  elementRef: ElementRef<_MultiInput>;
3285
4442
  injector: Injector;
3286
4443
  get element(): _MultiInput;
@@ -3315,6 +4472,31 @@ declare class Option implements AfterViewInit {
3315
4472
  * Defines the selected state of the component.
3316
4473
  */
3317
4474
  selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
4475
+ /**
4476
+ * Available slots for content projection in this component.
4477
+ *
4478
+ * Slots allow you to insert custom content into predefined areas of the web component.
4479
+ * Use the `slot` attribute on child elements to target specific slots.
4480
+ *
4481
+ * - **(default)**: Defines the text of the component.
4482
+
4483
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
4484
+ *
4485
+ * @example
4486
+ * ```html
4487
+ * <ui5-option>
4488
+ * <div slot="header">Custom header content</div>
4489
+ * <p>Default slot content</p>
4490
+ * </ui5-option>
4491
+ * ```
4492
+ *
4493
+ * @readonly
4494
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
4495
+ */
4496
+ readonly slots: {
4497
+ name: string;
4498
+ description: string;
4499
+ }[];
3318
4500
  elementRef: ElementRef<_Option>;
3319
4501
  injector: Injector;
3320
4502
  get element(): _Option;
@@ -3342,6 +4524,29 @@ declare class OptionCustom implements AfterViewInit {
3342
4524
  * Defines the selected state of the component.
3343
4525
  */
3344
4526
  selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
4527
+ /**
4528
+ * Available slots for content projection in this component.
4529
+ *
4530
+ * Slots allow you to insert custom content into predefined areas of the web component.
4531
+ * Use the `slot` attribute on child elements to target specific slots.
4532
+ *
4533
+ * - **(default)**: Defines the content of the component.
4534
+ *
4535
+ * @example
4536
+ * ```html
4537
+ * <ui5-option-custom>
4538
+ * <div slot="header">Custom header content</div>
4539
+ * <p>Default slot content</p>
4540
+ * </ui5-option-custom>
4541
+ * ```
4542
+ *
4543
+ * @readonly
4544
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
4545
+ */
4546
+ readonly slots: {
4547
+ name: string;
4548
+ description: string;
4549
+ }[];
3345
4550
  elementRef: ElementRef<_OptionCustom>;
3346
4551
  injector: Injector;
3347
4552
  get element(): _OptionCustom;
@@ -3397,6 +4602,32 @@ declare class Panel implements AfterViewInit {
3397
4602
  * Fired when the component is expanded/collapsed by user interaction.
3398
4603
  */
3399
4604
  ui5Toggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_Panel, "toggle">>;
4605
+ /**
4606
+ * Available slots for content projection in this component.
4607
+ *
4608
+ * Slots allow you to insert custom content into predefined areas of the web component.
4609
+ * Use the `slot` attribute on child elements to target specific slots.
4610
+ *
4611
+ * - **(default)**: Defines the content of the component. The content is visible only when the component is expanded.
4612
+ * - **header**: Defines the component header area.
4613
+
4614
+ **Note:** When a header is provided, the `headerText` property is ignored.
4615
+ *
4616
+ * @example
4617
+ * ```html
4618
+ * <ui5-panel>
4619
+ * <div slot="header">Custom header content</div>
4620
+ * <p>Default slot content</p>
4621
+ * </ui5-panel>
4622
+ * ```
4623
+ *
4624
+ * @readonly
4625
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
4626
+ */
4627
+ readonly slots: {
4628
+ name: string;
4629
+ description: string;
4630
+ }[];
3400
4631
  elementRef: ElementRef<_Panel>;
3401
4632
  injector: Injector;
3402
4633
  get element(): _Panel;
@@ -3501,6 +4732,31 @@ declare class Popover implements AfterViewInit {
3501
4732
  * Fired after the component is closed.
3502
4733
  */
3503
4734
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Popover, "close">>;
4735
+ /**
4736
+ * Available slots for content projection in this component.
4737
+ *
4738
+ * Slots allow you to insert custom content into predefined areas of the web component.
4739
+ * Use the `slot` attribute on child elements to target specific slots.
4740
+ *
4741
+ * - **header**: Defines the header HTML Element.
4742
+ * - **footer**: Defines the footer HTML Element.
4743
+ * - **(default)**: Defines the content of the Popup.
4744
+ *
4745
+ * @example
4746
+ * ```html
4747
+ * <ui5-popover>
4748
+ * <div slot="header">Custom header content</div>
4749
+ * <p>Default slot content</p>
4750
+ * </ui5-popover>
4751
+ * ```
4752
+ *
4753
+ * @readonly
4754
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
4755
+ */
4756
+ readonly slots: {
4757
+ name: string;
4758
+ description: string;
4759
+ }[];
3504
4760
  elementRef: ElementRef<_Popover>;
3505
4761
  injector: Injector;
3506
4762
  get element(): _Popover;
@@ -3862,6 +5118,31 @@ declare class ResponsivePopover implements AfterViewInit {
3862
5118
  * Fired after the component is closed.
3863
5119
  */
3864
5120
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ResponsivePopover, "close">>;
5121
+ /**
5122
+ * Available slots for content projection in this component.
5123
+ *
5124
+ * Slots allow you to insert custom content into predefined areas of the web component.
5125
+ * Use the `slot` attribute on child elements to target specific slots.
5126
+ *
5127
+ * - **header**: Defines the header HTML Element.
5128
+ * - **footer**: Defines the footer HTML Element.
5129
+ * - **(default)**: Defines the content of the Popup.
5130
+ *
5131
+ * @example
5132
+ * ```html
5133
+ * <ui5-responsive-popover>
5134
+ * <div slot="header">Custom header content</div>
5135
+ * <p>Default slot content</p>
5136
+ * </ui5-responsive-popover>
5137
+ * ```
5138
+ *
5139
+ * @readonly
5140
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
5141
+ */
5142
+ readonly slots: {
5143
+ name: string;
5144
+ description: string;
5145
+ }[];
3865
5146
  elementRef: ElementRef<_ResponsivePopover>;
3866
5147
  injector: Injector;
3867
5148
  get element(): _ResponsivePopover;
@@ -3908,6 +5189,33 @@ declare class SegmentedButton implements AfterViewInit {
3908
5189
  * Fired when the selected item changes.
3909
5190
  */
3910
5191
  ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_SegmentedButton, "selection-change">>;
5192
+ /**
5193
+ * Available slots for content projection in this component.
5194
+ *
5195
+ * Slots allow you to insert custom content into predefined areas of the web component.
5196
+ * Use the `slot` attribute on child elements to target specific slots.
5197
+ *
5198
+ * - **(default)**: Defines the items of `ui5-segmented-button`.
5199
+
5200
+ **Note:** Multiple items are allowed.
5201
+
5202
+ **Note:** Use the `ui5-segmented-button-item` for the intended design.
5203
+ *
5204
+ * @example
5205
+ * ```html
5206
+ * <ui5-segmented-button>
5207
+ * <div slot="header">Custom header content</div>
5208
+ * <p>Default slot content</p>
5209
+ * </ui5-segmented-button>
5210
+ * ```
5211
+ *
5212
+ * @readonly
5213
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
5214
+ */
5215
+ readonly slots: {
5216
+ name: string;
5217
+ description: string;
5218
+ }[];
3911
5219
  elementRef: ElementRef<_SegmentedButton>;
3912
5220
  injector: Injector;
3913
5221
  private _selectedItemsSignal;
@@ -3958,6 +5266,31 @@ declare class SegmentedButtonItem implements AfterViewInit {
3958
5266
  See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
3959
5267
  */
3960
5268
  icon: _angular_core.InputSignal<string | undefined>;
5269
+ /**
5270
+ * Available slots for content projection in this component.
5271
+ *
5272
+ * Slots allow you to insert custom content into predefined areas of the web component.
5273
+ * Use the `slot` attribute on child elements to target specific slots.
5274
+ *
5275
+ * - **(default)**: Defines the text of the component.
5276
+
5277
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
5278
+ *
5279
+ * @example
5280
+ * ```html
5281
+ * <ui5-segmented-button-item>
5282
+ * <div slot="header">Custom header content</div>
5283
+ * <p>Default slot content</p>
5284
+ * </ui5-segmented-button-item>
5285
+ * ```
5286
+ *
5287
+ * @readonly
5288
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
5289
+ */
5290
+ readonly slots: {
5291
+ name: string;
5292
+ description: string;
5293
+ }[];
3961
5294
  elementRef: ElementRef<_SegmentedButtonItem>;
3962
5295
  injector: Injector;
3963
5296
  get element(): _SegmentedButtonItem;
@@ -4054,6 +5387,56 @@ declare class Select implements AfterViewInit {
4054
5387
  * Fired after the component's dropdown menu closes.
4055
5388
  */
4056
5389
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Select, "close">>;
5390
+ /**
5391
+ * Available slots for content projection in this component.
5392
+ *
5393
+ * Slots allow you to insert custom content into predefined areas of the web component.
5394
+ * Use the `slot` attribute on child elements to target specific slots.
5395
+ *
5396
+ * - **(default)**: Defines the component options.
5397
+
5398
+ **Note:** Only one selected option is allowed.
5399
+ If more than one option is defined as selected, the last one would be considered as the selected one.
5400
+
5401
+ **Note:** Use the `ui5-option` component to define the desired options.
5402
+ * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
5403
+
5404
+ **Note:** If not specified, a default text (in the respective language) will be displayed.
5405
+
5406
+ **Note:** The `valueStateMessage` would be displayed,
5407
+ when the component is in `Information`, `Critical` or `Negative` value state.
5408
+
5409
+ **Note:** If the component has `suggestionItems`,
5410
+ the `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.
5411
+ * - **label**: Defines the HTML element that will be displayed in the component input part,
5412
+ representing the selected option.
5413
+
5414
+ **Note:** If not specified and `ui5-option-custom` is used,
5415
+ either the option's `display-text` or its textContent will be displayed.
5416
+
5417
+ **Note:** If not specified and `ui5-option` is used,
5418
+ the option's textContent will be displayed.
5419
+ *
5420
+ * @example
5421
+ * ```html
5422
+ * <ui5-select>
5423
+ * <div slot="header">Custom header content</div>
5424
+ * <p>Default slot content</p>
5425
+ * </ui5-select>
5426
+ * ```
5427
+ *
5428
+ * @readonly
5429
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
5430
+ */
5431
+ readonly slots: ({
5432
+ name: string;
5433
+ description: string;
5434
+ since?: undefined;
5435
+ } | {
5436
+ name: string;
5437
+ description: string;
5438
+ since: string;
5439
+ })[];
4057
5440
  elementRef: ElementRef<_Select>;
4058
5441
  injector: Injector;
4059
5442
  private _selectedOptionSignal;
@@ -4212,6 +5595,31 @@ declare class SplitButton implements AfterViewInit {
4212
5595
  * Fired when the user clicks on the arrow action.
4213
5596
  */
4214
5597
  ui5ArrowClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_SplitButton, "arrow-click">>;
5598
+ /**
5599
+ * Available slots for content projection in this component.
5600
+ *
5601
+ * Slots allow you to insert custom content into predefined areas of the web component.
5602
+ * Use the `slot` attribute on child elements to target specific slots.
5603
+ *
5604
+ * - **(default)**: Defines the text of the component.
5605
+
5606
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
5607
+ *
5608
+ * @example
5609
+ * ```html
5610
+ * <ui5-split-button>
5611
+ * <div slot="header">Custom header content</div>
5612
+ * <p>Default slot content</p>
5613
+ * </ui5-split-button>
5614
+ * ```
5615
+ *
5616
+ * @readonly
5617
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
5618
+ */
5619
+ readonly slots: {
5620
+ name: string;
5621
+ description: string;
5622
+ }[];
4215
5623
  elementRef: ElementRef<_SplitButton>;
4216
5624
  injector: Injector;
4217
5625
  get element(): _SplitButton;
@@ -4293,6 +5701,34 @@ declare class StepInput implements AfterViewInit {
4293
5701
  prevented, the component will not update the value state.
4294
5702
  */
4295
5703
  ui5ValueStateChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_StepInput, "value-state-change">>;
5704
+ /**
5705
+ * Available slots for content projection in this component.
5706
+ *
5707
+ * Slots allow you to insert custom content into predefined areas of the web component.
5708
+ * Use the `slot` attribute on child elements to target specific slots.
5709
+ *
5710
+ * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
5711
+
5712
+ **Note:** If not specified, a default text (in the respective language) will be displayed.
5713
+
5714
+ **Note:** The `valueStateMessage` would be displayed,
5715
+ when the component is in `Information`, `Critical` or `Negative` value state.
5716
+ *
5717
+ * @example
5718
+ * ```html
5719
+ * <ui5-step-input>
5720
+ * <div slot="header">Custom header content</div>
5721
+ * <p>Default slot content</p>
5722
+ * </ui5-step-input>
5723
+ * ```
5724
+ *
5725
+ * @readonly
5726
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
5727
+ */
5728
+ readonly slots: {
5729
+ name: string;
5730
+ description: string;
5731
+ }[];
4296
5732
  elementRef: ElementRef<_StepInput>;
4297
5733
  injector: Injector;
4298
5734
  get element(): _StepInput;
@@ -4324,6 +5760,29 @@ declare class SuggestionItemCustom implements AfterViewInit {
4324
5760
  **Note:** The text property is considered only for autocomplete.
4325
5761
  */
4326
5762
  text: _angular_core.InputSignal<string | undefined>;
5763
+ /**
5764
+ * Available slots for content projection in this component.
5765
+ *
5766
+ * Slots allow you to insert custom content into predefined areas of the web component.
5767
+ * Use the `slot` attribute on child elements to target specific slots.
5768
+ *
5769
+ * - **(default)**: Defines the content of the component.
5770
+ *
5771
+ * @example
5772
+ * ```html
5773
+ * <ui5-suggestion-item-custom>
5774
+ * <div slot="header">Custom header content</div>
5775
+ * <p>Default slot content</p>
5776
+ * </ui5-suggestion-item-custom>
5777
+ * ```
5778
+ *
5779
+ * @readonly
5780
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
5781
+ */
5782
+ readonly slots: {
5783
+ name: string;
5784
+ description: string;
5785
+ }[];
4327
5786
  elementRef: ElementRef<_SuggestionItemCustom>;
4328
5787
  injector: Injector;
4329
5788
  get element(): _SuggestionItemCustom;
@@ -4367,6 +5826,32 @@ declare class SuggestionItemGroup implements AfterViewInit {
4367
5826
  **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
4368
5827
  */
4369
5828
  ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_SuggestionItemGroup, "move">>;
5829
+ /**
5830
+ * Available slots for content projection in this component.
5831
+ *
5832
+ * Slots allow you to insert custom content into predefined areas of the web component.
5833
+ * Use the `slot` attribute on child elements to target specific slots.
5834
+ *
5835
+ * - **(default)**: Defines the items of the <code>ui5-suggestion-item-group</code>.
5836
+ * - **header**: Defines the header of the component.
5837
+
5838
+ **Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.
5839
+ *
5840
+ * @example
5841
+ * ```html
5842
+ * <ui5-suggestion-item-group>
5843
+ * <div slot="header">Custom header content</div>
5844
+ * <p>Default slot content</p>
5845
+ * </ui5-suggestion-item-group>
5846
+ * ```
5847
+ *
5848
+ * @readonly
5849
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
5850
+ */
5851
+ readonly slots: {
5852
+ name: string;
5853
+ description: string;
5854
+ }[];
4370
5855
  elementRef: ElementRef<_SuggestionItemGroup>;
4371
5856
  injector: Injector;
4372
5857
  get element(): _SuggestionItemGroup;
@@ -4495,6 +5980,32 @@ declare class Tab implements AfterViewInit {
4495
5980
  * Defines if the tab is movable.
4496
5981
  */
4497
5982
  movable: _angular_core.InputSignalWithTransform<boolean, unknown>;
5983
+ /**
5984
+ * Available slots for content projection in this component.
5985
+ *
5986
+ * Slots allow you to insert custom content into predefined areas of the web component.
5987
+ * Use the `slot` attribute on child elements to target specific slots.
5988
+ *
5989
+ * - **(default)**: Holds the content associated with this tab.
5990
+ * - **items**: Defines hierarchies with nested sub tabs.
5991
+
5992
+ **Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.
5993
+ *
5994
+ * @example
5995
+ * ```html
5996
+ * <ui5-tab>
5997
+ * <div slot="header">Custom header content</div>
5998
+ * <p>Default slot content</p>
5999
+ * </ui5-tab>
6000
+ * ```
6001
+ *
6002
+ * @readonly
6003
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
6004
+ */
6005
+ readonly slots: {
6006
+ name: string;
6007
+ description: string;
6008
+ }[];
4498
6009
  elementRef: ElementRef<_Tab>;
4499
6010
  injector: Injector;
4500
6011
  get element(): _Tab;
@@ -4562,6 +6073,40 @@ declare class TabContainer implements AfterViewInit {
4562
6073
  **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
4563
6074
  */
4564
6075
  ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_TabContainer, "move">>;
6076
+ /**
6077
+ * Available slots for content projection in this component.
6078
+ *
6079
+ * Slots allow you to insert custom content into predefined areas of the web component.
6080
+ * Use the `slot` attribute on child elements to target specific slots.
6081
+ *
6082
+ * - **(default)**: Defines the tabs.
6083
+
6084
+ **Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.
6085
+ * - **overflowButton**: Defines the button which will open the overflow menu. If nothing is provided to this slot,
6086
+ the default button will be used.
6087
+ * - **startOverflowButton**: Defines the button which will open the start overflow menu if available. If nothing is provided to this slot,
6088
+ the default button will be used.
6089
+ *
6090
+ * @example
6091
+ * ```html
6092
+ * <ui5-tabcontainer>
6093
+ * <div slot="header">Custom header content</div>
6094
+ * <p>Default slot content</p>
6095
+ * </ui5-tabcontainer>
6096
+ * ```
6097
+ *
6098
+ * @readonly
6099
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
6100
+ */
6101
+ readonly slots: ({
6102
+ name: string;
6103
+ description: string;
6104
+ since?: undefined;
6105
+ } | {
6106
+ name: string;
6107
+ description: string;
6108
+ since: string;
6109
+ })[];
4565
6110
  elementRef: ElementRef<_TabContainer>;
4566
6111
  injector: Injector;
4567
6112
  get element(): _TabContainer;
@@ -4652,6 +6197,36 @@ declare class Table implements AfterViewInit {
4652
6197
  * Fired when a row action is clicked.
4653
6198
  */
4654
6199
  ui5RowActionClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_Table, "row-action-click">>;
6200
+ /**
6201
+ * Available slots for content projection in this component.
6202
+ *
6203
+ * Slots allow you to insert custom content into predefined areas of the web component.
6204
+ * Use the `slot` attribute on child elements to target specific slots.
6205
+ *
6206
+ * - **(default)**: Defines the rows of the component.
6207
+
6208
+ **Note:** Use `ui5-table-row` for the intended design.
6209
+ * - **headerRow**: Defines the header row of the component.
6210
+
6211
+ **Note:** Use `ui5-table-header-row` for the intended design.
6212
+ * - **noData**: Defines the custom visualization if there is no data available.
6213
+ * - **features**: Defines the features of the component.
6214
+ *
6215
+ * @example
6216
+ * ```html
6217
+ * <ui5-table>
6218
+ * <div slot="header">Custom header content</div>
6219
+ * <p>Default slot content</p>
6220
+ * </ui5-table>
6221
+ * ```
6222
+ *
6223
+ * @readonly
6224
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
6225
+ */
6226
+ readonly slots: {
6227
+ name: string;
6228
+ description: string;
6229
+ }[];
4655
6230
  elementRef: ElementRef<_Table>;
4656
6231
  injector: Injector;
4657
6232
  get element(): _Table;
@@ -4665,6 +6240,29 @@ declare class TableCell implements AfterViewInit {
4665
6240
  * Determines the horizontal alignment of table cells.
4666
6241
  */
4667
6242
  horizontalAlign: _angular_core.InputSignal<"Start" | "End" | "Center" | "Left" | "Right" | undefined>;
6243
+ /**
6244
+ * Available slots for content projection in this component.
6245
+ *
6246
+ * Slots allow you to insert custom content into predefined areas of the web component.
6247
+ * Use the `slot` attribute on child elements to target specific slots.
6248
+ *
6249
+ * - **(default)**: Defines the content of the component.
6250
+ *
6251
+ * @example
6252
+ * ```html
6253
+ * <ui5-table-cell>
6254
+ * <div slot="header">Custom header content</div>
6255
+ * <p>Default slot content</p>
6256
+ * </ui5-table-cell>
6257
+ * ```
6258
+ *
6259
+ * @readonly
6260
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
6261
+ */
6262
+ readonly slots: {
6263
+ name: string;
6264
+ description: string;
6265
+ }[];
4668
6266
  elementRef: ElementRef<_TableCell>;
4669
6267
  injector: Injector;
4670
6268
  get element(): _TableCell;
@@ -4761,6 +6359,37 @@ declare class TableHeaderCell implements AfterViewInit {
4761
6359
  * Determines the horizontal alignment of table cells.
4762
6360
  */
4763
6361
  horizontalAlign: _angular_core.InputSignal<"Start" | "End" | "Center" | "Left" | "Right" | undefined>;
6362
+ /**
6363
+ * Available slots for content projection in this component.
6364
+ *
6365
+ * Slots allow you to insert custom content into predefined areas of the web component.
6366
+ * Use the `slot` attribute on child elements to target specific slots.
6367
+ *
6368
+ * - **action**: Defines the action of the column.
6369
+
6370
+ **Note:** While multiple actions are technically possible, this is not supported.
6371
+ * - **(default)**: Defines the content of the component.
6372
+ *
6373
+ * @example
6374
+ * ```html
6375
+ * <ui5-table-header-cell>
6376
+ * <div slot="header">Custom header content</div>
6377
+ * <p>Default slot content</p>
6378
+ * </ui5-table-header-cell>
6379
+ * ```
6380
+ *
6381
+ * @readonly
6382
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
6383
+ */
6384
+ readonly slots: ({
6385
+ name: string;
6386
+ description: string;
6387
+ since: string;
6388
+ } | {
6389
+ name: string;
6390
+ description: string;
6391
+ since?: undefined;
6392
+ })[];
4764
6393
  elementRef: ElementRef<_TableHeaderCell>;
4765
6394
  injector: Injector;
4766
6395
  get element(): _TableHeaderCell;
@@ -4789,6 +6418,31 @@ declare class TableHeaderRow implements AfterViewInit {
4789
6418
  Note: If used in combination with overflowMode "Scroll", the table needs a defined height for the sticky header to work as expected.
4790
6419
  */
4791
6420
  sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
6421
+ /**
6422
+ * Available slots for content projection in this component.
6423
+ *
6424
+ * Slots allow you to insert custom content into predefined areas of the web component.
6425
+ * Use the `slot` attribute on child elements to target specific slots.
6426
+ *
6427
+ * - **(default)**: Defines the cells of the component.
6428
+
6429
+ **Note:** Use `ui5-table-header-cell` for the intended design.
6430
+ *
6431
+ * @example
6432
+ * ```html
6433
+ * <ui5-table-header-row>
6434
+ * <div slot="header">Custom header content</div>
6435
+ * <p>Default slot content</p>
6436
+ * </ui5-table-header-row>
6437
+ * ```
6438
+ *
6439
+ * @readonly
6440
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
6441
+ */
6442
+ readonly slots: {
6443
+ name: string;
6444
+ description: string;
6445
+ }[];
4792
6446
  elementRef: ElementRef<_TableHeaderRow>;
4793
6447
  injector: Injector;
4794
6448
  get element(): _TableHeaderRow;
@@ -4820,6 +6474,39 @@ declare class TableRow implements AfterViewInit {
4820
6474
  * Defines whether the row is movable.
4821
6475
  */
4822
6476
  movable: _angular_core.InputSignalWithTransform<boolean, unknown>;
6477
+ /**
6478
+ * Available slots for content projection in this component.
6479
+ *
6480
+ * Slots allow you to insert custom content into predefined areas of the web component.
6481
+ * Use the `slot` attribute on child elements to target specific slots.
6482
+ *
6483
+ * - **(default)**: Defines the cells of the component.
6484
+
6485
+ **Note:** Use `ui5-table-cell` for the intended design.
6486
+ * - **actions**: Defines the actions of the component.
6487
+
6488
+ **Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.
6489
+ *
6490
+ * @example
6491
+ * ```html
6492
+ * <ui5-table-row>
6493
+ * <div slot="header">Custom header content</div>
6494
+ * <p>Default slot content</p>
6495
+ * </ui5-table-row>
6496
+ * ```
6497
+ *
6498
+ * @readonly
6499
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
6500
+ */
6501
+ readonly slots: ({
6502
+ name: string;
6503
+ description: string;
6504
+ since?: undefined;
6505
+ } | {
6506
+ name: string;
6507
+ description: string;
6508
+ since: string;
6509
+ })[];
4823
6510
  elementRef: ElementRef<_TableRow>;
4824
6511
  injector: Injector;
4825
6512
  get element(): _TableRow;
@@ -5019,6 +6706,32 @@ declare class Tag implements AfterViewInit {
5019
6706
  **Note:** The event will be fired if the `interactive` property is `true`
5020
6707
  */
5021
6708
  ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tag, "click">>;
6709
+ /**
6710
+ * Available slots for content projection in this component.
6711
+ *
6712
+ * Slots allow you to insert custom content into predefined areas of the web component.
6713
+ * Use the `slot` attribute on child elements to target specific slots.
6714
+ *
6715
+ * - **(default)**: Defines the text of the component.
6716
+
6717
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
6718
+ * - **icon**: Defines the icon to be displayed in the component.
6719
+ *
6720
+ * @example
6721
+ * ```html
6722
+ * <ui5-tag>
6723
+ * <div slot="header">Custom header content</div>
6724
+ * <p>Default slot content</p>
6725
+ * </ui5-tag>
6726
+ * ```
6727
+ *
6728
+ * @readonly
6729
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
6730
+ */
6731
+ readonly slots: {
6732
+ name: string;
6733
+ description: string;
6734
+ }[];
5022
6735
  elementRef: ElementRef<_Tag>;
5023
6736
  injector: Injector;
5024
6737
  get element(): _Tag;
@@ -5036,6 +6749,29 @@ declare class Text implements AfterViewInit {
5036
6749
  * Specifies if an empty indicator should be displayed when there is no text.
5037
6750
  */
5038
6751
  emptyIndicatorMode: _angular_core.InputSignal<"Off" | "On" | undefined>;
6752
+ /**
6753
+ * Available slots for content projection in this component.
6754
+ *
6755
+ * Slots allow you to insert custom content into predefined areas of the web component.
6756
+ * Use the `slot` attribute on child elements to target specific slots.
6757
+ *
6758
+ * - **(default)**: Defines the text of the component.
6759
+ *
6760
+ * @example
6761
+ * ```html
6762
+ * <ui5-text>
6763
+ * <div slot="header">Custom header content</div>
6764
+ * <p>Default slot content</p>
6765
+ * </ui5-text>
6766
+ * ```
6767
+ *
6768
+ * @readonly
6769
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
6770
+ */
6771
+ readonly slots: {
6772
+ name: string;
6773
+ description: string;
6774
+ }[];
5039
6775
  elementRef: ElementRef<_Text>;
5040
6776
  injector: Injector;
5041
6777
  get element(): _Text;
@@ -5149,6 +6885,36 @@ declare class TextArea implements AfterViewInit {
5149
6885
  * Fired when textarea is scrolled.
5150
6886
  */
5151
6887
  ui5Scroll: _angular_core.OutputEmitterRef<UI5CustomEvent<_TextArea, "scroll">>;
6888
+ /**
6889
+ * Available slots for content projection in this component.
6890
+ *
6891
+ * Slots allow you to insert custom content into predefined areas of the web component.
6892
+ * Use the `slot` attribute on child elements to target specific slots.
6893
+ *
6894
+ * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
6895
+ The value state message slot should contain only one root element.
6896
+
6897
+ **Note:** If not specified, a default text (in the respective language) will be displayed.
6898
+
6899
+ **Note:** The `valueStateMessage` would be displayed if the component has
6900
+ `valueState` of type `Information`, `Critical` or `Negative`.
6901
+ *
6902
+ * @example
6903
+ * ```html
6904
+ * <ui5-textarea>
6905
+ * <div slot="header">Custom header content</div>
6906
+ * <p>Default slot content</p>
6907
+ * </ui5-textarea>
6908
+ * ```
6909
+ *
6910
+ * @readonly
6911
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
6912
+ */
6913
+ readonly slots: {
6914
+ name: string;
6915
+ description: string;
6916
+ since: string;
6917
+ }[];
5152
6918
  elementRef: ElementRef<_TextArea>;
5153
6919
  injector: Injector;
5154
6920
  get element(): _TextArea;
@@ -5243,6 +7009,35 @@ declare class TimePicker implements AfterViewInit {
5243
7009
  * Fired after the value-help dialog of the component is closed.
5244
7010
  */
5245
7011
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_TimePicker, "close">>;
7012
+ /**
7013
+ * Available slots for content projection in this component.
7014
+ *
7015
+ * Slots allow you to insert custom content into predefined areas of the web component.
7016
+ * Use the `slot` attribute on child elements to target specific slots.
7017
+ *
7018
+ * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the `ui5-time-picker`.
7019
+
7020
+ **Note:** If not specified, a default text (in the respective language) will be displayed.
7021
+
7022
+ **Note:** The `valueStateMessage` would be displayed,
7023
+ when the `ui5-time-picker` is in `Information`, `Critical` or `Negative` value state.
7024
+ *
7025
+ * @example
7026
+ * ```html
7027
+ * <ui5-time-picker>
7028
+ * <div slot="header">Custom header content</div>
7029
+ * <p>Default slot content</p>
7030
+ * </ui5-time-picker>
7031
+ * ```
7032
+ *
7033
+ * @readonly
7034
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
7035
+ */
7036
+ readonly slots: {
7037
+ name: string;
7038
+ description: string;
7039
+ since: string;
7040
+ }[];
5246
7041
  elementRef: ElementRef<_TimePicker>;
5247
7042
  injector: Injector;
5248
7043
  get element(): _TimePicker;
@@ -5270,6 +7065,32 @@ declare class Title implements AfterViewInit {
5270
7065
  Available options are: `"H6"` to `"H1"`.
5271
7066
  */
5272
7067
  size: _angular_core.InputSignal<"H1" | "H2" | "H3" | "H4" | "H5" | "H6" | undefined>;
7068
+ /**
7069
+ * Available slots for content projection in this component.
7070
+ *
7071
+ * Slots allow you to insert custom content into predefined areas of the web component.
7072
+ * Use the `slot` attribute on child elements to target specific slots.
7073
+ *
7074
+ * - **(default)**: Defines the text of the component.
7075
+ This component supports nesting a `Link` component inside.
7076
+
7077
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
7078
+ *
7079
+ * @example
7080
+ * ```html
7081
+ * <ui5-title>
7082
+ * <div slot="header">Custom header content</div>
7083
+ * <p>Default slot content</p>
7084
+ * </ui5-title>
7085
+ * ```
7086
+ *
7087
+ * @readonly
7088
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
7089
+ */
7090
+ readonly slots: {
7091
+ name: string;
7092
+ description: string;
7093
+ }[];
5273
7094
  elementRef: ElementRef<_Title>;
5274
7095
  injector: Injector;
5275
7096
  get element(): _Title;
@@ -5299,6 +7120,31 @@ declare class Toast implements AfterViewInit {
5299
7120
  * Fired after the component is auto closed.
5300
7121
  */
5301
7122
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Toast, "close">>;
7123
+ /**
7124
+ * Available slots for content projection in this component.
7125
+ *
7126
+ * Slots allow you to insert custom content into predefined areas of the web component.
7127
+ * Use the `slot` attribute on child elements to target specific slots.
7128
+ *
7129
+ * - **(default)**: Defines the text of the component.
7130
+
7131
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
7132
+ *
7133
+ * @example
7134
+ * ```html
7135
+ * <ui5-toast>
7136
+ * <div slot="header">Custom header content</div>
7137
+ * <p>Default slot content</p>
7138
+ * </ui5-toast>
7139
+ * ```
7140
+ *
7141
+ * @readonly
7142
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
7143
+ */
7144
+ readonly slots: {
7145
+ name: string;
7146
+ description: string;
7147
+ }[];
5302
7148
  elementRef: ElementRef<_Toast>;
5303
7149
  injector: Injector;
5304
7150
  get element(): _Toast;
@@ -5414,6 +7260,37 @@ declare class ToggleButton implements AfterViewInit {
5414
7260
  **Note:** The event will not be fired if the `disabled` property is set to `true`.
5415
7261
  */
5416
7262
  ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ToggleButton, "click">>;
7263
+ /**
7264
+ * Available slots for content projection in this component.
7265
+ *
7266
+ * Slots allow you to insert custom content into predefined areas of the web component.
7267
+ * Use the `slot` attribute on child elements to target specific slots.
7268
+ *
7269
+ * - **(default)**: Defines the text of the component.
7270
+
7271
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
7272
+ * - **badge**: Adds a badge to the button.
7273
+ *
7274
+ * @example
7275
+ * ```html
7276
+ * <ui5-toggle-button>
7277
+ * <div slot="header">Custom header content</div>
7278
+ * <p>Default slot content</p>
7279
+ * </ui5-toggle-button>
7280
+ * ```
7281
+ *
7282
+ * @readonly
7283
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
7284
+ */
7285
+ readonly slots: ({
7286
+ name: string;
7287
+ description: string;
7288
+ since?: undefined;
7289
+ } | {
7290
+ name: string;
7291
+ description: string;
7292
+ since: string;
7293
+ })[];
5417
7294
  elementRef: ElementRef<_ToggleButton>;
5418
7295
  injector: Injector;
5419
7296
  get element(): _ToggleButton;
@@ -5431,6 +7308,31 @@ declare class Token implements AfterViewInit {
5431
7308
  * Defines whether the component is selected or not.
5432
7309
  */
5433
7310
  selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
7311
+ /**
7312
+ * Available slots for content projection in this component.
7313
+ *
7314
+ * Slots allow you to insert custom content into predefined areas of the web component.
7315
+ * Use the `slot` attribute on child elements to target specific slots.
7316
+ *
7317
+ * - **closeIcon**: Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.
7318
+ Accepts `ui5-icon`.
7319
+ *
7320
+ * @example
7321
+ * ```html
7322
+ * <ui5-token>
7323
+ * <div slot="header">Custom header content</div>
7324
+ * <p>Default slot content</p>
7325
+ * </ui5-token>
7326
+ * ```
7327
+ *
7328
+ * @readonly
7329
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
7330
+ */
7331
+ readonly slots: {
7332
+ name: string;
7333
+ description: string;
7334
+ since: string;
7335
+ }[];
5434
7336
  elementRef: ElementRef<_Token>;
5435
7337
  injector: Injector;
5436
7338
  get element(): _Token;
@@ -5489,6 +7391,29 @@ declare class Tokenizer implements AfterViewInit {
5489
7391
  * Fired when token selection is changed by user interaction
5490
7392
  */
5491
7393
  ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tokenizer, "selection-change">>;
7394
+ /**
7395
+ * Available slots for content projection in this component.
7396
+ *
7397
+ * Slots allow you to insert custom content into predefined areas of the web component.
7398
+ * Use the `slot` attribute on child elements to target specific slots.
7399
+ *
7400
+ * - **(default)**: Defines the tokens to be displayed.
7401
+ *
7402
+ * @example
7403
+ * ```html
7404
+ * <ui5-tokenizer>
7405
+ * <div slot="header">Custom header content</div>
7406
+ * <p>Default slot content</p>
7407
+ * </ui5-tokenizer>
7408
+ * ```
7409
+ *
7410
+ * @readonly
7411
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
7412
+ */
7413
+ readonly slots: {
7414
+ name: string;
7415
+ description: string;
7416
+ }[];
5492
7417
  elementRef: ElementRef<_Tokenizer>;
5493
7418
  injector: Injector;
5494
7419
  get element(): _Tokenizer;
@@ -5514,6 +7439,31 @@ declare class Toolbar implements AfterViewInit {
5514
7439
  * Defines the toolbar design.
5515
7440
  */
5516
7441
  design: _angular_core.InputSignal<"Transparent" | "Solid" | undefined>;
7442
+ /**
7443
+ * Available slots for content projection in this component.
7444
+ *
7445
+ * Slots allow you to insert custom content into predefined areas of the web component.
7446
+ * Use the `slot` attribute on child elements to target specific slots.
7447
+ *
7448
+ * - **(default)**: Defines the items of the component.
7449
+
7450
+ **Note:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here.
7451
+ *
7452
+ * @example
7453
+ * ```html
7454
+ * <ui5-toolbar>
7455
+ * <div slot="header">Custom header content</div>
7456
+ * <p>Default slot content</p>
7457
+ * </ui5-toolbar>
7458
+ * ```
7459
+ *
7460
+ * @readonly
7461
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
7462
+ */
7463
+ readonly slots: {
7464
+ name: string;
7465
+ description: string;
7466
+ }[];
5517
7467
  elementRef: ElementRef<_Toolbar>;
5518
7468
  injector: Injector;
5519
7469
  get element(): _Toolbar;
@@ -5585,6 +7535,15 @@ declare class ToolbarButton implements AfterViewInit {
5585
7535
  * Button text
5586
7536
  */
5587
7537
  text: _angular_core.InputSignal<string | undefined>;
7538
+ /**
7539
+ * Defines whether the button text should only be displayed in the overflow popover.
7540
+
7541
+ When set to `true`, the button appears as icon-only in the main toolbar,
7542
+ but shows both icon and text when moved to the overflow popover.
7543
+
7544
+ **Note:** This property only takes effect when the `text` property is also set.
7545
+ */
7546
+ showOverflowText: _angular_core.InputSignalWithTransform<boolean, unknown>;
5588
7547
  /**
5589
7548
  * Defines the width of the button.
5590
7549
 
@@ -5614,7 +7573,7 @@ declare class ToolbarButton implements AfterViewInit {
5614
7573
  get element(): _ToolbarButton;
5615
7574
  ngAfterViewInit(): void;
5616
7575
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarButton, never>;
5617
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarButton, "ui5-toolbar-button, [ui5-toolbar-button]", ["ui5ToolbarButton"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "endIcon": { "alias": "endIcon"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
7576
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarButton, "ui5-toolbar-button, [ui5-toolbar-button]", ["ui5ToolbarButton"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "endIcon": { "alias": "endIcon"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "showOverflowText": { "alias": "showOverflowText"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
5618
7577
  }
5619
7578
 
5620
7579
  declare class ToolbarSelect implements AfterViewInit {
@@ -5668,6 +7627,41 @@ declare class ToolbarSelect implements AfterViewInit {
5668
7627
  * Fired after the component's dropdown menu closes.
5669
7628
  */
5670
7629
  ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ToolbarSelect, "close">>;
7630
+ /**
7631
+ * Available slots for content projection in this component.
7632
+ *
7633
+ * Slots allow you to insert custom content into predefined areas of the web component.
7634
+ * Use the `slot` attribute on child elements to target specific slots.
7635
+ *
7636
+ * - **(default)**: Defines the component options.
7637
+
7638
+ **Note:** Only one selected option is allowed.
7639
+ If more than one option is defined as selected, the last one would be considered as the selected one.
7640
+
7641
+ **Note:** Use the `ui5-toolbar-select-option` component to define the desired options.
7642
+ * - **label**: Defines the HTML element that will be displayed in the component input part,
7643
+ representing the selected option.
7644
+ *
7645
+ * @example
7646
+ * ```html
7647
+ * <ui5-toolbar-select>
7648
+ * <div slot="header">Custom header content</div>
7649
+ * <p>Default slot content</p>
7650
+ * </ui5-toolbar-select>
7651
+ * ```
7652
+ *
7653
+ * @readonly
7654
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
7655
+ */
7656
+ readonly slots: ({
7657
+ name: string;
7658
+ description: string;
7659
+ since?: undefined;
7660
+ } | {
7661
+ name: string;
7662
+ description: string;
7663
+ since: string;
7664
+ })[];
5671
7665
  elementRef: ElementRef<_ToolbarSelect>;
5672
7666
  injector: Injector;
5673
7667
  get element(): _ToolbarSelect;
@@ -5681,6 +7675,31 @@ declare class ToolbarSelectOption implements AfterViewInit {
5681
7675
  * Defines the selected state of the component.
5682
7676
  */
5683
7677
  selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
7678
+ /**
7679
+ * Available slots for content projection in this component.
7680
+ *
7681
+ * Slots allow you to insert custom content into predefined areas of the web component.
7682
+ * Use the `slot` attribute on child elements to target specific slots.
7683
+ *
7684
+ * - **(default)**: Defines the text of the component.
7685
+
7686
+ **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
7687
+ *
7688
+ * @example
7689
+ * ```html
7690
+ * <ui5-toolbar-select-option>
7691
+ * <div slot="header">Custom header content</div>
7692
+ * <p>Default slot content</p>
7693
+ * </ui5-toolbar-select-option>
7694
+ * ```
7695
+ *
7696
+ * @readonly
7697
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
7698
+ */
7699
+ readonly slots: {
7700
+ name: string;
7701
+ description: string;
7702
+ }[];
5684
7703
  elementRef: ElementRef<_ToolbarSelectOption>;
5685
7704
  injector: Injector;
5686
7705
  get element(): _ToolbarSelectOption;
@@ -5813,6 +7832,35 @@ declare class Tree implements AfterViewInit {
5813
7832
  **Note:** The `move` event is fired only if there was a preceding `move-over` event with prevented default action.
5814
7833
  */
5815
7834
  ui5MoveOver: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tree, "move-over">>;
7835
+ /**
7836
+ * Available slots for content projection in this component.
7837
+ *
7838
+ * Slots allow you to insert custom content into predefined areas of the web component.
7839
+ * Use the `slot` attribute on child elements to target specific slots.
7840
+ *
7841
+ * - **(default)**: Defines the items of the component. Tree items may have other tree items as children.
7842
+
7843
+ **Note:** Use `ui5-tree-item` for the intended design.
7844
+ * - **header**: Defines the component header.
7845
+
7846
+ **Note:** When the `header` slot is set, the
7847
+ `headerText` property is ignored.
7848
+ *
7849
+ * @example
7850
+ * ```html
7851
+ * <ui5-tree>
7852
+ * <div slot="header">Custom header content</div>
7853
+ * <p>Default slot content</p>
7854
+ * </ui5-tree>
7855
+ * ```
7856
+ *
7857
+ * @readonly
7858
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
7859
+ */
7860
+ readonly slots: {
7861
+ name: string;
7862
+ description: string;
7863
+ }[];
5816
7864
  elementRef: ElementRef<_Tree>;
5817
7865
  injector: Injector;
5818
7866
  get element(): _Tree;
@@ -5915,6 +7963,45 @@ declare class TreeItem implements AfterViewInit {
5915
7963
  * Fired when the user clicks on the detail button when type is `Detail`.
5916
7964
  */
5917
7965
  ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_TreeItem, "detail-click">>;
7966
+ /**
7967
+ * Available slots for content projection in this component.
7968
+ *
7969
+ * Slots allow you to insert custom content into predefined areas of the web component.
7970
+ * Use the `slot` attribute on child elements to target specific slots.
7971
+ *
7972
+ * - **(default)**: Defines the items of the component.
7973
+
7974
+ **Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`
7975
+ * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
7976
+ design guidelines, please use the `ui5-avatar` with size XS.
7977
+
7978
+ **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
7979
+ `ui5-tree-item` should be customized in order to fit.
7980
+ * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
7981
+ **Note:** While the slot allows custom buttons, to match
7982
+ design guidelines, please use the `ui5-button` component.
7983
+ **Note:** When the slot is not present, a built-in delete button will be displayed.
7984
+ *
7985
+ * @example
7986
+ * ```html
7987
+ * <ui5-tree-item>
7988
+ * <div slot="header">Custom header content</div>
7989
+ * <p>Default slot content</p>
7990
+ * </ui5-tree-item>
7991
+ * ```
7992
+ *
7993
+ * @readonly
7994
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
7995
+ */
7996
+ readonly slots: ({
7997
+ name: string;
7998
+ description: string;
7999
+ since?: undefined;
8000
+ } | {
8001
+ name: string;
8002
+ description: string;
8003
+ since: string;
8004
+ })[];
5918
8005
  elementRef: ElementRef<_TreeItem>;
5919
8006
  injector: Injector;
5920
8007
  get element(): _TreeItem;
@@ -6013,6 +8100,46 @@ declare class TreeItemCustom implements AfterViewInit {
6013
8100
  * Fired when the user clicks on the detail button when type is `Detail`.
6014
8101
  */
6015
8102
  ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_TreeItemCustom, "detail-click">>;
8103
+ /**
8104
+ * Available slots for content projection in this component.
8105
+ *
8106
+ * Slots allow you to insert custom content into predefined areas of the web component.
8107
+ * Use the `slot` attribute on child elements to target specific slots.
8108
+ *
8109
+ * - **content**: Defines the content of the `ui5-tree-item`.
8110
+ * - **(default)**: Defines the items of the component.
8111
+
8112
+ **Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`
8113
+ * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
8114
+ design guidelines, please use the `ui5-avatar` with size XS.
8115
+
8116
+ **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
8117
+ `ui5-tree-item` should be customized in order to fit.
8118
+ * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
8119
+ **Note:** While the slot allows custom buttons, to match
8120
+ design guidelines, please use the `ui5-button` component.
8121
+ **Note:** When the slot is not present, a built-in delete button will be displayed.
8122
+ *
8123
+ * @example
8124
+ * ```html
8125
+ * <ui5-tree-item-custom>
8126
+ * <div slot="header">Custom header content</div>
8127
+ * <p>Default slot content</p>
8128
+ * </ui5-tree-item-custom>
8129
+ * ```
8130
+ *
8131
+ * @readonly
8132
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
8133
+ */
8134
+ readonly slots: ({
8135
+ name: string;
8136
+ description: string;
8137
+ since?: undefined;
8138
+ } | {
8139
+ name: string;
8140
+ description: string;
8141
+ since: string;
8142
+ })[];
6016
8143
  elementRef: ElementRef<_TreeItemCustom>;
6017
8144
  injector: Injector;
6018
8145
  get element(): _TreeItemCustom;