@fundamental-ngx/ui5-webcomponents 0.58.0-rc.6 → 0.58.0-rc.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/avatar/index.d.ts +35 -0
- package/avatar-group/index.d.ts +39 -0
- package/bar/index.d.ts +25 -0
- package/breadcrumbs/index.d.ts +25 -0
- package/breadcrumbs-item/index.d.ts +25 -0
- package/busy-indicator/index.d.ts +23 -0
- package/button/index.d.ts +32 -0
- package/calendar/index.d.ts +32 -0
- package/calendar-legend/index.d.ts +23 -0
- package/card/index.d.ts +31 -0
- package/card-header/index.d.ts +24 -0
- package/carousel/index.d.ts +26 -0
- package/color-palette/index.d.ts +23 -0
- package/color-palette-popover/index.d.ts +23 -0
- package/combo-box/index.d.ts +36 -0
- package/combo-box-item-group/index.d.ts +26 -0
- package/date-picker/index.d.ts +29 -0
- package/date-range-picker/index.d.ts +29 -0
- package/date-time-picker/index.d.ts +29 -0
- package/dialog/index.d.ts +32 -0
- package/dynamic-date-range/index.d.ts +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs +40 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs +41 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs +35 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs +25 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs +33 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs +25 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs +39 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs +30 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs +33 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs +28 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs +25 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs +25 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs +32 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs +43 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs +31 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs +31 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs +31 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +42 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs +41 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs +25 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs +31 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs +35 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs +50 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs +34 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs +32 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs +51 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs +35 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs +26 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs +61 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs +37 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs +32 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs +43 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs +55 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs +25 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs +32 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs +35 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs +35 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs +29 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs +56 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs +30 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs +25 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs +32 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs +41 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs +32 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs +25 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs +33 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs +35 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs +44 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs +32 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs +32 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs +25 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs +31 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs +28 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs +33 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs +25 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs +37 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs +27 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs +51 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs +46 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs +35 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs +2417 -5
- package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs.map +1 -1
- package/file-uploader/index.d.ts +39 -0
- package/form/index.d.ts +29 -0
- package/form-group/index.d.ts +23 -0
- package/form-item/index.d.ts +25 -0
- package/index.d.ts +2107 -0
- package/input/index.d.ts +44 -0
- package/label/index.d.ts +25 -0
- package/link/index.d.ts +26 -0
- package/list/index.d.ts +30 -0
- package/list-item-custom/index.d.ts +32 -0
- package/list-item-group/index.d.ts +26 -0
- package/list-item-standard/index.d.ts +44 -0
- package/menu/index.d.ts +25 -0
- package/menu-item/index.d.ts +55 -0
- package/menu-item-group/index.d.ts +24 -0
- package/message-strip/index.d.ts +31 -0
- package/multi-combo-box/index.d.ts +36 -0
- package/multi-combo-box-item-group/index.d.ts +26 -0
- package/multi-input/index.d.ts +45 -0
- package/option/index.d.ts +25 -0
- package/option-custom/index.d.ts +23 -0
- package/package.json +38 -38
- package/panel/index.d.ts +26 -0
- package/popover/index.d.ts +25 -0
- package/responsive-popover/index.d.ts +25 -0
- package/segmented-button/index.d.ts +28 -0
- package/segmented-button-item/index.d.ts +25 -0
- package/select/index.d.ts +51 -0
- package/split-button/index.d.ts +26 -0
- package/step-input/index.d.ts +28 -0
- package/suggestion-item-custom/index.d.ts +23 -0
- package/suggestion-item-group/index.d.ts +26 -0
- package/tab/index.d.ts +26 -0
- package/tab-container/index.d.ts +35 -0
- package/table/index.d.ts +30 -0
- package/table-cell/index.d.ts +23 -0
- package/table-header-cell/index.d.ts +31 -0
- package/table-header-row/index.d.ts +25 -0
- package/table-row/index.d.ts +33 -0
- package/tag/index.d.ts +26 -0
- package/text/index.d.ts +23 -0
- package/text-area/index.d.ts +30 -0
- package/time-picker/index.d.ts +29 -0
- package/title/index.d.ts +26 -0
- package/toast/index.d.ts +25 -0
- package/toggle-button/index.d.ts +31 -0
- package/token/index.d.ts +25 -0
- package/tokenizer/index.d.ts +23 -0
- package/toolbar/index.d.ts +25 -0
- package/toolbar-button/index.d.ts +1 -0
- package/toolbar-select/index.d.ts +35 -0
- package/toolbar-select-option/index.d.ts +25 -0
- package/tree/index.d.ts +29 -0
- package/tree-item/index.d.ts +39 -0
- 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
|
+
`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,6 +434,31 @@ 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
|
+
* Available slots for content projection in this component.
|
|
439
|
+
*
|
|
440
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
441
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
442
|
+
*
|
|
443
|
+
* - **startContent**: Defines the content at the start of the bar.
|
|
444
|
+
* - **(default)**: Defines the content in the middle of the bar.
|
|
445
|
+
* - **endContent**: Defines the content at the end of the bar.
|
|
446
|
+
*
|
|
447
|
+
* @example
|
|
448
|
+
* ```html
|
|
449
|
+
* <ui5-bar>
|
|
450
|
+
* <div slot="header">Custom header content</div>
|
|
451
|
+
* <p>Default slot content</p>
|
|
452
|
+
* </ui5-bar>
|
|
453
|
+
* ```
|
|
454
|
+
*
|
|
455
|
+
* @readonly
|
|
456
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
457
|
+
*/
|
|
458
|
+
readonly slots: {
|
|
459
|
+
name: string;
|
|
460
|
+
description: string;
|
|
461
|
+
}[];
|
|
365
462
|
elementRef: ElementRef<_Bar>;
|
|
366
463
|
injector: Injector;
|
|
367
464
|
get element(): _Bar;
|
|
@@ -389,6 +486,31 @@ declare class Breadcrumbs implements AfterViewInit {
|
|
|
389
486
|
**Note:** You can prevent browser location change by calling `event.preventDefault()`.
|
|
390
487
|
*/
|
|
391
488
|
ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_Breadcrumbs, "item-click">>;
|
|
489
|
+
/**
|
|
490
|
+
* Available slots for content projection in this component.
|
|
491
|
+
*
|
|
492
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
493
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
494
|
+
*
|
|
495
|
+
* - **(default)**: Defines the component items.
|
|
496
|
+
|
|
497
|
+
**Note:** Use the `ui5-breadcrumbs-item` component to define the desired items.
|
|
498
|
+
*
|
|
499
|
+
* @example
|
|
500
|
+
* ```html
|
|
501
|
+
* <ui5-breadcrumbs>
|
|
502
|
+
* <div slot="header">Custom header content</div>
|
|
503
|
+
* <p>Default slot content</p>
|
|
504
|
+
* </ui5-breadcrumbs>
|
|
505
|
+
* ```
|
|
506
|
+
*
|
|
507
|
+
* @readonly
|
|
508
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
509
|
+
*/
|
|
510
|
+
readonly slots: {
|
|
511
|
+
name: string;
|
|
512
|
+
description: string;
|
|
513
|
+
}[];
|
|
392
514
|
elementRef: ElementRef<_Breadcrumbs>;
|
|
393
515
|
injector: Injector;
|
|
394
516
|
get element(): _Breadcrumbs;
|
|
@@ -422,6 +544,31 @@ declare class BreadcrumbsItem implements AfterViewInit {
|
|
|
422
544
|
* Defines the accessible ARIA name of the item.
|
|
423
545
|
*/
|
|
424
546
|
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
547
|
+
/**
|
|
548
|
+
* Available slots for content projection in this component.
|
|
549
|
+
*
|
|
550
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
551
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
552
|
+
*
|
|
553
|
+
* - **(default)**: Defines the text of the component.
|
|
554
|
+
|
|
555
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
556
|
+
*
|
|
557
|
+
* @example
|
|
558
|
+
* ```html
|
|
559
|
+
* <ui5-breadcrumbs-item>
|
|
560
|
+
* <div slot="header">Custom header content</div>
|
|
561
|
+
* <p>Default slot content</p>
|
|
562
|
+
* </ui5-breadcrumbs-item>
|
|
563
|
+
* ```
|
|
564
|
+
*
|
|
565
|
+
* @readonly
|
|
566
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
567
|
+
*/
|
|
568
|
+
readonly slots: {
|
|
569
|
+
name: string;
|
|
570
|
+
description: string;
|
|
571
|
+
}[];
|
|
425
572
|
elementRef: ElementRef<_BreadcrumbsItem>;
|
|
426
573
|
injector: Injector;
|
|
427
574
|
get element(): _BreadcrumbsItem;
|
|
@@ -451,6 +598,29 @@ declare class BusyIndicator implements AfterViewInit {
|
|
|
451
598
|
* Defines the placement of the text.
|
|
452
599
|
*/
|
|
453
600
|
textPlacement: _angular_core.InputSignal<"Top" | "Bottom" | undefined>;
|
|
601
|
+
/**
|
|
602
|
+
* Available slots for content projection in this component.
|
|
603
|
+
*
|
|
604
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
605
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
606
|
+
*
|
|
607
|
+
* - **(default)**: Determines the content over which the component will appear.
|
|
608
|
+
*
|
|
609
|
+
* @example
|
|
610
|
+
* ```html
|
|
611
|
+
* <ui5-busy-indicator>
|
|
612
|
+
* <div slot="header">Custom header content</div>
|
|
613
|
+
* <p>Default slot content</p>
|
|
614
|
+
* </ui5-busy-indicator>
|
|
615
|
+
* ```
|
|
616
|
+
*
|
|
617
|
+
* @readonly
|
|
618
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
619
|
+
*/
|
|
620
|
+
readonly slots: {
|
|
621
|
+
name: string;
|
|
622
|
+
description: string;
|
|
623
|
+
}[];
|
|
454
624
|
elementRef: ElementRef<_BusyIndicator>;
|
|
455
625
|
injector: Injector;
|
|
456
626
|
get element(): _BusyIndicator;
|
|
@@ -562,6 +732,37 @@ declare class Button implements AfterViewInit {
|
|
|
562
732
|
**Note:** The event will not be fired if the `disabled` property is set to `true`.
|
|
563
733
|
*/
|
|
564
734
|
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_Button__default, "click">>;
|
|
735
|
+
/**
|
|
736
|
+
* Available slots for content projection in this component.
|
|
737
|
+
*
|
|
738
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
739
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
740
|
+
*
|
|
741
|
+
* - **(default)**: Defines the text of the component.
|
|
742
|
+
|
|
743
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
744
|
+
* - **badge**: Adds a badge to the button.
|
|
745
|
+
*
|
|
746
|
+
* @example
|
|
747
|
+
* ```html
|
|
748
|
+
* <ui5-button>
|
|
749
|
+
* <div slot="header">Custom header content</div>
|
|
750
|
+
* <p>Default slot content</p>
|
|
751
|
+
* </ui5-button>
|
|
752
|
+
* ```
|
|
753
|
+
*
|
|
754
|
+
* @readonly
|
|
755
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
756
|
+
*/
|
|
757
|
+
readonly slots: ({
|
|
758
|
+
name: string;
|
|
759
|
+
description: string;
|
|
760
|
+
since?: undefined;
|
|
761
|
+
} | {
|
|
762
|
+
name: string;
|
|
763
|
+
description: string;
|
|
764
|
+
since: string;
|
|
765
|
+
})[];
|
|
565
766
|
elementRef: ElementRef<_Button__default>;
|
|
566
767
|
injector: Injector;
|
|
567
768
|
get element(): _Button__default;
|
|
@@ -657,6 +858,38 @@ declare class Calendar implements AfterViewInit {
|
|
|
657
858
|
create instances of `ui5-date` for the newly selected dates. In that case you should do this manually.
|
|
658
859
|
*/
|
|
659
860
|
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Calendar, "selection-change">>;
|
|
861
|
+
/**
|
|
862
|
+
* Available slots for content projection in this component.
|
|
863
|
+
*
|
|
864
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
865
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
866
|
+
*
|
|
867
|
+
* - **calendarLegend**: Defines the calendar legend of the component.
|
|
868
|
+
* - **(default)**: Defines the selected date or dates (depending on the `selectionMode` property)
|
|
869
|
+
for this calendar as instances of `ui5-date` or `ui5-date-range`.
|
|
870
|
+
Use `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection.
|
|
871
|
+
* - **specialDates**: Defines the special dates, visually emphasized in the calendar.
|
|
872
|
+
*
|
|
873
|
+
* @example
|
|
874
|
+
* ```html
|
|
875
|
+
* <ui5-calendar>
|
|
876
|
+
* <div slot="header">Custom header content</div>
|
|
877
|
+
* <p>Default slot content</p>
|
|
878
|
+
* </ui5-calendar>
|
|
879
|
+
* ```
|
|
880
|
+
*
|
|
881
|
+
* @readonly
|
|
882
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
883
|
+
*/
|
|
884
|
+
readonly slots: ({
|
|
885
|
+
name: string;
|
|
886
|
+
description: string;
|
|
887
|
+
since: string;
|
|
888
|
+
} | {
|
|
889
|
+
name: string;
|
|
890
|
+
description: string;
|
|
891
|
+
since?: undefined;
|
|
892
|
+
})[];
|
|
660
893
|
elementRef: ElementRef<_Calendar>;
|
|
661
894
|
injector: Injector;
|
|
662
895
|
get element(): _Calendar;
|
|
@@ -715,6 +948,29 @@ declare class CalendarLegend implements AfterViewInit {
|
|
|
715
948
|
* Hides the Working day item in the legend.
|
|
716
949
|
*/
|
|
717
950
|
hideWorkingDay: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
951
|
+
/**
|
|
952
|
+
* Available slots for content projection in this component.
|
|
953
|
+
*
|
|
954
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
955
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
956
|
+
*
|
|
957
|
+
* - **(default)**: Defines the items of the component.
|
|
958
|
+
*
|
|
959
|
+
* @example
|
|
960
|
+
* ```html
|
|
961
|
+
* <ui5-calendar-legend>
|
|
962
|
+
* <div slot="header">Custom header content</div>
|
|
963
|
+
* <p>Default slot content</p>
|
|
964
|
+
* </ui5-calendar-legend>
|
|
965
|
+
* ```
|
|
966
|
+
*
|
|
967
|
+
* @readonly
|
|
968
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
969
|
+
*/
|
|
970
|
+
readonly slots: {
|
|
971
|
+
name: string;
|
|
972
|
+
description: string;
|
|
973
|
+
}[];
|
|
718
974
|
elementRef: ElementRef<_CalendarLegend>;
|
|
719
975
|
injector: Injector;
|
|
720
976
|
get element(): _CalendarLegend;
|
|
@@ -759,6 +1015,37 @@ declare class Card implements AfterViewInit {
|
|
|
759
1015
|
* Defines the delay in milliseconds, after which the loading indicator will show up for this card.
|
|
760
1016
|
*/
|
|
761
1017
|
loadingDelay: _angular_core.InputSignal<number | undefined>;
|
|
1018
|
+
/**
|
|
1019
|
+
* Available slots for content projection in this component.
|
|
1020
|
+
*
|
|
1021
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1022
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1023
|
+
*
|
|
1024
|
+
* - **(default)**: Defines the content of the component.
|
|
1025
|
+
* - **header**: Defines the header of the component.
|
|
1026
|
+
|
|
1027
|
+
**Note:** Use `ui5-card-header` for the intended design.
|
|
1028
|
+
*
|
|
1029
|
+
* @example
|
|
1030
|
+
* ```html
|
|
1031
|
+
* <ui5-card>
|
|
1032
|
+
* <div slot="header">Custom header content</div>
|
|
1033
|
+
* <p>Default slot content</p>
|
|
1034
|
+
* </ui5-card>
|
|
1035
|
+
* ```
|
|
1036
|
+
*
|
|
1037
|
+
* @readonly
|
|
1038
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1039
|
+
*/
|
|
1040
|
+
readonly slots: ({
|
|
1041
|
+
name: string;
|
|
1042
|
+
description: string;
|
|
1043
|
+
since?: undefined;
|
|
1044
|
+
} | {
|
|
1045
|
+
name: string;
|
|
1046
|
+
description: string;
|
|
1047
|
+
since: string;
|
|
1048
|
+
})[];
|
|
762
1049
|
elementRef: ElementRef<_Card>;
|
|
763
1050
|
injector: Injector;
|
|
764
1051
|
get element(): _Card;
|
|
@@ -791,6 +1078,30 @@ declare class CardHeader implements AfterViewInit {
|
|
|
791
1078
|
**Note:** The event would be fired only if the `interactive` property is set to true.
|
|
792
1079
|
*/
|
|
793
1080
|
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_CardHeader, "click">>;
|
|
1081
|
+
/**
|
|
1082
|
+
* Available slots for content projection in this component.
|
|
1083
|
+
*
|
|
1084
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1085
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1086
|
+
*
|
|
1087
|
+
* - **avatar**: Defines an avatar image, displayed in the left most part of the header.
|
|
1088
|
+
* - **action**: Defines an action, displayed in the right most part of the header.
|
|
1089
|
+
*
|
|
1090
|
+
* @example
|
|
1091
|
+
* ```html
|
|
1092
|
+
* <ui5-card-header>
|
|
1093
|
+
* <div slot="header">Custom header content</div>
|
|
1094
|
+
* <p>Default slot content</p>
|
|
1095
|
+
* </ui5-card-header>
|
|
1096
|
+
* ```
|
|
1097
|
+
*
|
|
1098
|
+
* @readonly
|
|
1099
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1100
|
+
*/
|
|
1101
|
+
readonly slots: {
|
|
1102
|
+
name: string;
|
|
1103
|
+
description: string;
|
|
1104
|
+
}[];
|
|
794
1105
|
elementRef: ElementRef<_CardHeader>;
|
|
795
1106
|
injector: Injector;
|
|
796
1107
|
get element(): _CardHeader;
|
|
@@ -873,6 +1184,32 @@ declare class Carousel implements AfterViewInit {
|
|
|
873
1184
|
based on the `items-per-page` property.
|
|
874
1185
|
*/
|
|
875
1186
|
ui5Navigate: _angular_core.OutputEmitterRef<UI5CustomEvent<_Carousel, "navigate">>;
|
|
1187
|
+
/**
|
|
1188
|
+
* Available slots for content projection in this component.
|
|
1189
|
+
*
|
|
1190
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1191
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1192
|
+
*
|
|
1193
|
+
* - **(default)**: Defines the content of the component.
|
|
1194
|
+
|
|
1195
|
+
**Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.
|
|
1196
|
+
They will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items).
|
|
1197
|
+
*
|
|
1198
|
+
* @example
|
|
1199
|
+
* ```html
|
|
1200
|
+
* <ui5-carousel>
|
|
1201
|
+
* <div slot="header">Custom header content</div>
|
|
1202
|
+
* <p>Default slot content</p>
|
|
1203
|
+
* </ui5-carousel>
|
|
1204
|
+
* ```
|
|
1205
|
+
*
|
|
1206
|
+
* @readonly
|
|
1207
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1208
|
+
*/
|
|
1209
|
+
readonly slots: {
|
|
1210
|
+
name: string;
|
|
1211
|
+
description: string;
|
|
1212
|
+
}[];
|
|
876
1213
|
elementRef: ElementRef<_Carousel>;
|
|
877
1214
|
injector: Injector;
|
|
878
1215
|
get element(): _Carousel;
|
|
@@ -987,6 +1324,29 @@ declare class ColorPalette implements AfterViewInit {
|
|
|
987
1324
|
* Fired when the user selects a color.
|
|
988
1325
|
*/
|
|
989
1326
|
ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ColorPalette, "item-click">>;
|
|
1327
|
+
/**
|
|
1328
|
+
* Available slots for content projection in this component.
|
|
1329
|
+
*
|
|
1330
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1331
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1332
|
+
*
|
|
1333
|
+
* - **(default)**: Defines the `ui5-color-palette-item` elements.
|
|
1334
|
+
*
|
|
1335
|
+
* @example
|
|
1336
|
+
* ```html
|
|
1337
|
+
* <ui5-color-palette>
|
|
1338
|
+
* <div slot="header">Custom header content</div>
|
|
1339
|
+
* <p>Default slot content</p>
|
|
1340
|
+
* </ui5-color-palette>
|
|
1341
|
+
* ```
|
|
1342
|
+
*
|
|
1343
|
+
* @readonly
|
|
1344
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1345
|
+
*/
|
|
1346
|
+
readonly slots: {
|
|
1347
|
+
name: string;
|
|
1348
|
+
description: string;
|
|
1349
|
+
}[];
|
|
990
1350
|
elementRef: ElementRef<_ColorPalette>;
|
|
991
1351
|
injector: Injector;
|
|
992
1352
|
get element(): _ColorPalette;
|
|
@@ -1054,6 +1414,29 @@ declare class ColorPalettePopover implements AfterViewInit {
|
|
|
1054
1414
|
* Fired when the `ui5-color-palette-popover` is closed due to user interaction.
|
|
1055
1415
|
*/
|
|
1056
1416
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ColorPalettePopover, "close">>;
|
|
1417
|
+
/**
|
|
1418
|
+
* Available slots for content projection in this component.
|
|
1419
|
+
*
|
|
1420
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1421
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1422
|
+
*
|
|
1423
|
+
* - **(default)**: Defines the content of the component.
|
|
1424
|
+
*
|
|
1425
|
+
* @example
|
|
1426
|
+
* ```html
|
|
1427
|
+
* <ui5-color-palette-popover>
|
|
1428
|
+
* <div slot="header">Custom header content</div>
|
|
1429
|
+
* <p>Default slot content</p>
|
|
1430
|
+
* </ui5-color-palette-popover>
|
|
1431
|
+
* ```
|
|
1432
|
+
*
|
|
1433
|
+
* @readonly
|
|
1434
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1435
|
+
*/
|
|
1436
|
+
readonly slots: {
|
|
1437
|
+
name: string;
|
|
1438
|
+
description: string;
|
|
1439
|
+
}[];
|
|
1057
1440
|
elementRef: ElementRef<_ColorPalettePopover>;
|
|
1058
1441
|
injector: Injector;
|
|
1059
1442
|
get element(): _ColorPalettePopover;
|
|
@@ -1178,6 +1561,42 @@ declare class ComboBox implements AfterViewInit {
|
|
|
1178
1561
|
* Fired when selection is changed by user interaction
|
|
1179
1562
|
*/
|
|
1180
1563
|
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_ComboBox, "selection-change">>;
|
|
1564
|
+
/**
|
|
1565
|
+
* Available slots for content projection in this component.
|
|
1566
|
+
*
|
|
1567
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1568
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1569
|
+
*
|
|
1570
|
+
* - **(default)**: Defines the component items.
|
|
1571
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
1572
|
+
The value state message slot should contain only one root element.
|
|
1573
|
+
|
|
1574
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
1575
|
+
|
|
1576
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
1577
|
+
when the `ui5-combobox` is in `Information`, `Critical` or `Negative` value state.
|
|
1578
|
+
* - **icon**: Defines the icon to be displayed in the input field.
|
|
1579
|
+
*
|
|
1580
|
+
* @example
|
|
1581
|
+
* ```html
|
|
1582
|
+
* <ui5-combobox>
|
|
1583
|
+
* <div slot="header">Custom header content</div>
|
|
1584
|
+
* <p>Default slot content</p>
|
|
1585
|
+
* </ui5-combobox>
|
|
1586
|
+
* ```
|
|
1587
|
+
*
|
|
1588
|
+
* @readonly
|
|
1589
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1590
|
+
*/
|
|
1591
|
+
readonly slots: ({
|
|
1592
|
+
name: string;
|
|
1593
|
+
description: string;
|
|
1594
|
+
since?: undefined;
|
|
1595
|
+
} | {
|
|
1596
|
+
name: string;
|
|
1597
|
+
description: string;
|
|
1598
|
+
since: string;
|
|
1599
|
+
})[];
|
|
1181
1600
|
elementRef: ElementRef<_ComboBox>;
|
|
1182
1601
|
injector: Injector;
|
|
1183
1602
|
get element(): _ComboBox;
|
|
@@ -1238,6 +1657,32 @@ declare class ComboBoxItemGroup implements AfterViewInit {
|
|
|
1238
1657
|
**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
|
|
1239
1658
|
*/
|
|
1240
1659
|
ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_ComboBoxItemGroup, "move">>;
|
|
1660
|
+
/**
|
|
1661
|
+
* Available slots for content projection in this component.
|
|
1662
|
+
*
|
|
1663
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1664
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1665
|
+
*
|
|
1666
|
+
* - **(default)**: Defines the items of the <code>ui5-cb-item-group</code>.
|
|
1667
|
+
* - **header**: Defines the header of the component.
|
|
1668
|
+
|
|
1669
|
+
**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.
|
|
1670
|
+
*
|
|
1671
|
+
* @example
|
|
1672
|
+
* ```html
|
|
1673
|
+
* <ui5-cb-item-group>
|
|
1674
|
+
* <div slot="header">Custom header content</div>
|
|
1675
|
+
* <p>Default slot content</p>
|
|
1676
|
+
* </ui5-cb-item-group>
|
|
1677
|
+
* ```
|
|
1678
|
+
*
|
|
1679
|
+
* @readonly
|
|
1680
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1681
|
+
*/
|
|
1682
|
+
readonly slots: {
|
|
1683
|
+
name: string;
|
|
1684
|
+
description: string;
|
|
1685
|
+
}[];
|
|
1241
1686
|
elementRef: ElementRef<_ComboBoxItemGroup>;
|
|
1242
1687
|
injector: Injector;
|
|
1243
1688
|
get element(): _ComboBoxItemGroup;
|
|
@@ -1374,6 +1819,35 @@ declare class DatePicker implements AfterViewInit {
|
|
|
1374
1819
|
* Fired after the component's picker is closed.
|
|
1375
1820
|
*/
|
|
1376
1821
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_DatePicker, "close">>;
|
|
1822
|
+
/**
|
|
1823
|
+
* Available slots for content projection in this component.
|
|
1824
|
+
*
|
|
1825
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
1826
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
1827
|
+
*
|
|
1828
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
1829
|
+
|
|
1830
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
1831
|
+
|
|
1832
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
1833
|
+
when the component is in `Information`, `Critical` or `Negative` value state.
|
|
1834
|
+
*
|
|
1835
|
+
* @example
|
|
1836
|
+
* ```html
|
|
1837
|
+
* <ui5-date-picker>
|
|
1838
|
+
* <div slot="header">Custom header content</div>
|
|
1839
|
+
* <p>Default slot content</p>
|
|
1840
|
+
* </ui5-date-picker>
|
|
1841
|
+
* ```
|
|
1842
|
+
*
|
|
1843
|
+
* @readonly
|
|
1844
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
1845
|
+
*/
|
|
1846
|
+
readonly slots: {
|
|
1847
|
+
name: string;
|
|
1848
|
+
description: string;
|
|
1849
|
+
since: string;
|
|
1850
|
+
}[];
|
|
1377
1851
|
elementRef: ElementRef<_DatePicker>;
|
|
1378
1852
|
injector: Injector;
|
|
1379
1853
|
get element(): _DatePicker;
|
|
@@ -1530,6 +2004,35 @@ declare class DateRangePicker implements AfterViewInit {
|
|
|
1530
2004
|
* Fired after the component's picker is closed.
|
|
1531
2005
|
*/
|
|
1532
2006
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_DateRangePicker, "close">>;
|
|
2007
|
+
/**
|
|
2008
|
+
* Available slots for content projection in this component.
|
|
2009
|
+
*
|
|
2010
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2011
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2012
|
+
*
|
|
2013
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
2014
|
+
|
|
2015
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
2016
|
+
|
|
2017
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
2018
|
+
when the component is in `Information`, `Critical` or `Negative` value state.
|
|
2019
|
+
*
|
|
2020
|
+
* @example
|
|
2021
|
+
* ```html
|
|
2022
|
+
* <ui5-daterange-picker>
|
|
2023
|
+
* <div slot="header">Custom header content</div>
|
|
2024
|
+
* <p>Default slot content</p>
|
|
2025
|
+
* </ui5-daterange-picker>
|
|
2026
|
+
* ```
|
|
2027
|
+
*
|
|
2028
|
+
* @readonly
|
|
2029
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2030
|
+
*/
|
|
2031
|
+
readonly slots: {
|
|
2032
|
+
name: string;
|
|
2033
|
+
description: string;
|
|
2034
|
+
since: string;
|
|
2035
|
+
}[];
|
|
1533
2036
|
elementRef: ElementRef<_DateRangePicker>;
|
|
1534
2037
|
injector: Injector;
|
|
1535
2038
|
get element(): _DateRangePicker;
|
|
@@ -1666,6 +2169,35 @@ declare class DateTimePicker implements AfterViewInit {
|
|
|
1666
2169
|
* Fired after the component's picker is closed.
|
|
1667
2170
|
*/
|
|
1668
2171
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_DateTimePicker, "close">>;
|
|
2172
|
+
/**
|
|
2173
|
+
* Available slots for content projection in this component.
|
|
2174
|
+
*
|
|
2175
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2176
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2177
|
+
*
|
|
2178
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
2179
|
+
|
|
2180
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
2181
|
+
|
|
2182
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
2183
|
+
when the component is in `Information`, `Critical` or `Negative` value state.
|
|
2184
|
+
*
|
|
2185
|
+
* @example
|
|
2186
|
+
* ```html
|
|
2187
|
+
* <ui5-datetime-picker>
|
|
2188
|
+
* <div slot="header">Custom header content</div>
|
|
2189
|
+
* <p>Default slot content</p>
|
|
2190
|
+
* </ui5-datetime-picker>
|
|
2191
|
+
* ```
|
|
2192
|
+
*
|
|
2193
|
+
* @readonly
|
|
2194
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2195
|
+
*/
|
|
2196
|
+
readonly slots: {
|
|
2197
|
+
name: string;
|
|
2198
|
+
description: string;
|
|
2199
|
+
since: string;
|
|
2200
|
+
}[];
|
|
1669
2201
|
elementRef: ElementRef<_DateTimePicker>;
|
|
1670
2202
|
injector: Injector;
|
|
1671
2203
|
get element(): _DateTimePicker;
|
|
@@ -1772,6 +2304,38 @@ declare class Dialog implements AfterViewInit {
|
|
|
1772
2304
|
* Fired after the component is closed.
|
|
1773
2305
|
*/
|
|
1774
2306
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Dialog, "close">>;
|
|
2307
|
+
/**
|
|
2308
|
+
* Available slots for content projection in this component.
|
|
2309
|
+
*
|
|
2310
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2311
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2312
|
+
*
|
|
2313
|
+
* - **header**: Defines the header HTML Element.
|
|
2314
|
+
|
|
2315
|
+
**Note:** When a `ui5-bar` is used in the header, you should remove the default dialog's paddings.
|
|
2316
|
+
|
|
2317
|
+
**Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.
|
|
2318
|
+
`accessibleName` should be used.
|
|
2319
|
+
* - **footer**: Defines the footer HTML Element.
|
|
2320
|
+
|
|
2321
|
+
**Note:** When a `ui5-bar` is used in the footer, you should remove the default dialog's paddings.
|
|
2322
|
+
* - **(default)**: Defines the content of the Popup.
|
|
2323
|
+
*
|
|
2324
|
+
* @example
|
|
2325
|
+
* ```html
|
|
2326
|
+
* <ui5-dialog>
|
|
2327
|
+
* <div slot="header">Custom header content</div>
|
|
2328
|
+
* <p>Default slot content</p>
|
|
2329
|
+
* </ui5-dialog>
|
|
2330
|
+
* ```
|
|
2331
|
+
*
|
|
2332
|
+
* @readonly
|
|
2333
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2334
|
+
*/
|
|
2335
|
+
readonly slots: {
|
|
2336
|
+
name: string;
|
|
2337
|
+
description: string;
|
|
2338
|
+
}[];
|
|
1775
2339
|
elementRef: ElementRef<_Dialog>;
|
|
1776
2340
|
injector: Injector;
|
|
1777
2341
|
get element(): _Dialog;
|
|
@@ -1908,6 +2472,45 @@ declare class FileUploader implements AfterViewInit {
|
|
|
1908
2472
|
* Event is fired when the size of a file is above the `maxFileSize` property value.
|
|
1909
2473
|
*/
|
|
1910
2474
|
ui5FileSizeExceed: _angular_core.OutputEmitterRef<UI5CustomEvent<_FileUploader, "file-size-exceed">>;
|
|
2475
|
+
/**
|
|
2476
|
+
* Available slots for content projection in this component.
|
|
2477
|
+
*
|
|
2478
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2479
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2480
|
+
*
|
|
2481
|
+
* - **(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.
|
|
2482
|
+
|
|
2483
|
+
**Note:** For best accessibility experience, set a `tabindex` of "-1" on your interactive element, or it will be set automatically.
|
|
2484
|
+
This slot is intended for use cases where you want a button-only file uploader.
|
|
2485
|
+
It is recommended to set `hideInput` property to "true" when using this slot.
|
|
2486
|
+
Not setting `hideInput` may negatively impact the screen reader users.
|
|
2487
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
2488
|
+
|
|
2489
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
2490
|
+
|
|
2491
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
2492
|
+
when the component is in `Information`, `Critical` or `Negative` value state.
|
|
2493
|
+
*
|
|
2494
|
+
* @example
|
|
2495
|
+
* ```html
|
|
2496
|
+
* <ui5-file-uploader>
|
|
2497
|
+
* <div slot="header">Custom header content</div>
|
|
2498
|
+
* <p>Default slot content</p>
|
|
2499
|
+
* </ui5-file-uploader>
|
|
2500
|
+
* ```
|
|
2501
|
+
*
|
|
2502
|
+
* @readonly
|
|
2503
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2504
|
+
*/
|
|
2505
|
+
readonly slots: ({
|
|
2506
|
+
name: string;
|
|
2507
|
+
description: string;
|
|
2508
|
+
since?: undefined;
|
|
2509
|
+
} | {
|
|
2510
|
+
name: string;
|
|
2511
|
+
description: string;
|
|
2512
|
+
since: string;
|
|
2513
|
+
})[];
|
|
1911
2514
|
elementRef: ElementRef<_FileUploader>;
|
|
1912
2515
|
injector: Injector;
|
|
1913
2516
|
private _filesSignal;
|
|
@@ -1988,6 +2591,35 @@ declare class Form implements AfterViewInit {
|
|
|
1988
2591
|
to avoid "jumping" effect, caused by the hight difference between texts in "display"("non-edit") mode and the input fields in "edit" mode.
|
|
1989
2592
|
*/
|
|
1990
2593
|
itemSpacing: _angular_core.InputSignal<"Normal" | "Large" | undefined>;
|
|
2594
|
+
/**
|
|
2595
|
+
* Available slots for content projection in this component.
|
|
2596
|
+
*
|
|
2597
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2598
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2599
|
+
*
|
|
2600
|
+
* - **header**: Defines the component header area.
|
|
2601
|
+
|
|
2602
|
+
**Note:** When a `header` is provided, the `headerText` property is ignored.
|
|
2603
|
+
* - **(default)**: Defines the component content - FormGroups or FormItems.
|
|
2604
|
+
|
|
2605
|
+
**Note:** Mixing FormGroups and standalone FormItems (not belonging to a group) is not supported.
|
|
2606
|
+
Either use FormGroups and make sure all FormItems are part of a FormGroup, or use just FormItems without any FormGroups.
|
|
2607
|
+
*
|
|
2608
|
+
* @example
|
|
2609
|
+
* ```html
|
|
2610
|
+
* <ui5-form>
|
|
2611
|
+
* <div slot="header">Custom header content</div>
|
|
2612
|
+
* <p>Default slot content</p>
|
|
2613
|
+
* </ui5-form>
|
|
2614
|
+
* ```
|
|
2615
|
+
*
|
|
2616
|
+
* @readonly
|
|
2617
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2618
|
+
*/
|
|
2619
|
+
readonly slots: {
|
|
2620
|
+
name: string;
|
|
2621
|
+
description: string;
|
|
2622
|
+
}[];
|
|
1991
2623
|
elementRef: ElementRef<_Form>;
|
|
1992
2624
|
injector: Injector;
|
|
1993
2625
|
get element(): _Form;
|
|
@@ -2019,6 +2651,29 @@ declare class FormGroup implements AfterViewInit {
|
|
|
2019
2651
|
* Defines id (or many ids) of the element (or elements) that label the component.
|
|
2020
2652
|
*/
|
|
2021
2653
|
accessibleNameRef: _angular_core.InputSignal<string | undefined>;
|
|
2654
|
+
/**
|
|
2655
|
+
* Available slots for content projection in this component.
|
|
2656
|
+
*
|
|
2657
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2658
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2659
|
+
*
|
|
2660
|
+
* - **(default)**: Defines the items of the component.
|
|
2661
|
+
*
|
|
2662
|
+
* @example
|
|
2663
|
+
* ```html
|
|
2664
|
+
* <ui5-form-group>
|
|
2665
|
+
* <div slot="header">Custom header content</div>
|
|
2666
|
+
* <p>Default slot content</p>
|
|
2667
|
+
* </ui5-form-group>
|
|
2668
|
+
* ```
|
|
2669
|
+
*
|
|
2670
|
+
* @readonly
|
|
2671
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2672
|
+
*/
|
|
2673
|
+
readonly slots: {
|
|
2674
|
+
name: string;
|
|
2675
|
+
description: string;
|
|
2676
|
+
}[];
|
|
2022
2677
|
elementRef: ElementRef<_FormGroup>;
|
|
2023
2678
|
injector: Injector;
|
|
2024
2679
|
get element(): _FormGroup;
|
|
@@ -2037,6 +2692,31 @@ declare class FormItem implements AfterViewInit {
|
|
|
2037
2692
|
A number bigger than the available columns won't take effect.
|
|
2038
2693
|
*/
|
|
2039
2694
|
columnSpan: _angular_core.InputSignal<number | undefined>;
|
|
2695
|
+
/**
|
|
2696
|
+
* Available slots for content projection in this component.
|
|
2697
|
+
*
|
|
2698
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2699
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2700
|
+
*
|
|
2701
|
+
* - **labelContent**: Defines the label of the component.
|
|
2702
|
+
* - **(default)**: Defines the content of the component,
|
|
2703
|
+
associated to `labelContent`.
|
|
2704
|
+
*
|
|
2705
|
+
* @example
|
|
2706
|
+
* ```html
|
|
2707
|
+
* <ui5-form-item>
|
|
2708
|
+
* <div slot="header">Custom header content</div>
|
|
2709
|
+
* <p>Default slot content</p>
|
|
2710
|
+
* </ui5-form-item>
|
|
2711
|
+
* ```
|
|
2712
|
+
*
|
|
2713
|
+
* @readonly
|
|
2714
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2715
|
+
*/
|
|
2716
|
+
readonly slots: {
|
|
2717
|
+
name: string;
|
|
2718
|
+
description: string;
|
|
2719
|
+
}[];
|
|
2040
2720
|
elementRef: ElementRef<_FormItem>;
|
|
2041
2721
|
injector: Injector;
|
|
2042
2722
|
get element(): _FormItem;
|
|
@@ -2222,6 +2902,50 @@ declare class Input implements AfterViewInit {
|
|
|
2222
2902
|
* Fired when the suggestions picker is closed.
|
|
2223
2903
|
*/
|
|
2224
2904
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "close">>;
|
|
2905
|
+
/**
|
|
2906
|
+
* Available slots for content projection in this component.
|
|
2907
|
+
*
|
|
2908
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2909
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2910
|
+
*
|
|
2911
|
+
* - **(default)**: Defines the suggestion items.
|
|
2912
|
+
|
|
2913
|
+
**Note:** The suggestions would be displayed only if the `showSuggestions`
|
|
2914
|
+
property is set to `true`.
|
|
2915
|
+
|
|
2916
|
+
**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
|
|
2917
|
+
* - **icon**: Defines the icon to be displayed in the component.
|
|
2918
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
2919
|
+
The value state message slot should contain only one root element.
|
|
2920
|
+
|
|
2921
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
2922
|
+
|
|
2923
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
2924
|
+
when the component is in `Information`, `Critical` or `Negative` value state.
|
|
2925
|
+
|
|
2926
|
+
**Note:** If the component has `suggestionItems`,
|
|
2927
|
+
the `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.
|
|
2928
|
+
*
|
|
2929
|
+
* @example
|
|
2930
|
+
* ```html
|
|
2931
|
+
* <ui5-input>
|
|
2932
|
+
* <div slot="header">Custom header content</div>
|
|
2933
|
+
* <p>Default slot content</p>
|
|
2934
|
+
* </ui5-input>
|
|
2935
|
+
* ```
|
|
2936
|
+
*
|
|
2937
|
+
* @readonly
|
|
2938
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
2939
|
+
*/
|
|
2940
|
+
readonly slots: ({
|
|
2941
|
+
name: string;
|
|
2942
|
+
description: string;
|
|
2943
|
+
since?: undefined;
|
|
2944
|
+
} | {
|
|
2945
|
+
name: string;
|
|
2946
|
+
description: string;
|
|
2947
|
+
since: string;
|
|
2948
|
+
})[];
|
|
2225
2949
|
elementRef: ElementRef<_Input>;
|
|
2226
2950
|
injector: Injector;
|
|
2227
2951
|
get element(): _Input;
|
|
@@ -2257,6 +2981,31 @@ declare class Label implements AfterViewInit {
|
|
|
2257
2981
|
**Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
|
|
2258
2982
|
*/
|
|
2259
2983
|
wrappingType: _angular_core.InputSignal<"None" | "Normal" | undefined>;
|
|
2984
|
+
/**
|
|
2985
|
+
* Available slots for content projection in this component.
|
|
2986
|
+
*
|
|
2987
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
2988
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
2989
|
+
*
|
|
2990
|
+
* - **(default)**: Defines the text of the component.
|
|
2991
|
+
|
|
2992
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
2993
|
+
*
|
|
2994
|
+
* @example
|
|
2995
|
+
* ```html
|
|
2996
|
+
* <ui5-label>
|
|
2997
|
+
* <div slot="header">Custom header content</div>
|
|
2998
|
+
* <p>Default slot content</p>
|
|
2999
|
+
* </ui5-label>
|
|
3000
|
+
* ```
|
|
3001
|
+
*
|
|
3002
|
+
* @readonly
|
|
3003
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
3004
|
+
*/
|
|
3005
|
+
readonly slots: {
|
|
3006
|
+
name: string;
|
|
3007
|
+
description: string;
|
|
3008
|
+
}[];
|
|
2260
3009
|
elementRef: ElementRef<_Label>;
|
|
2261
3010
|
injector: Injector;
|
|
2262
3011
|
get element(): _Label;
|
|
@@ -2374,6 +3123,31 @@ declare class Link implements AfterViewInit {
|
|
|
2374
3123
|
or by using the Enter key.
|
|
2375
3124
|
*/
|
|
2376
3125
|
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_Link, "click">>;
|
|
3126
|
+
/**
|
|
3127
|
+
* Available slots for content projection in this component.
|
|
3128
|
+
*
|
|
3129
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
3130
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
3131
|
+
*
|
|
3132
|
+
* - **(default)**: Defines the text of the component.
|
|
3133
|
+
|
|
3134
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
3135
|
+
*
|
|
3136
|
+
* @example
|
|
3137
|
+
* ```html
|
|
3138
|
+
* <ui5-link>
|
|
3139
|
+
* <div slot="header">Custom header content</div>
|
|
3140
|
+
* <p>Default slot content</p>
|
|
3141
|
+
* </ui5-link>
|
|
3142
|
+
* ```
|
|
3143
|
+
*
|
|
3144
|
+
* @readonly
|
|
3145
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
3146
|
+
*/
|
|
3147
|
+
readonly slots: {
|
|
3148
|
+
name: string;
|
|
3149
|
+
description: string;
|
|
3150
|
+
}[];
|
|
2377
3151
|
elementRef: ElementRef<_Link>;
|
|
2378
3152
|
injector: Injector;
|
|
2379
3153
|
get element(): _Link;
|
|
@@ -2528,6 +3302,35 @@ declare class List implements AfterViewInit {
|
|
|
2528
3302
|
**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
|
|
2529
3303
|
*/
|
|
2530
3304
|
ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_List, "move">>;
|
|
3305
|
+
/**
|
|
3306
|
+
* Available slots for content projection in this component.
|
|
3307
|
+
*
|
|
3308
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
3309
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
3310
|
+
*
|
|
3311
|
+
* - **(default)**: Defines the items of the component.
|
|
3312
|
+
|
|
3313
|
+
**Note:** Use `ui5-li`, `ui5-li-custom`, and `ui5-li-group` for the intended design.
|
|
3314
|
+
* - **header**: Defines the component header.
|
|
3315
|
+
|
|
3316
|
+
**Note:** When `header` is set, the
|
|
3317
|
+
`headerText` property is ignored.
|
|
3318
|
+
*
|
|
3319
|
+
* @example
|
|
3320
|
+
* ```html
|
|
3321
|
+
* <ui5-list>
|
|
3322
|
+
* <div slot="header">Custom header content</div>
|
|
3323
|
+
* <p>Default slot content</p>
|
|
3324
|
+
* </ui5-list>
|
|
3325
|
+
* ```
|
|
3326
|
+
*
|
|
3327
|
+
* @readonly
|
|
3328
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
3329
|
+
*/
|
|
3330
|
+
readonly slots: {
|
|
3331
|
+
name: string;
|
|
3332
|
+
description: string;
|
|
3333
|
+
}[];
|
|
2531
3334
|
elementRef: ElementRef<_List>;
|
|
2532
3335
|
injector: Injector;
|
|
2533
3336
|
get element(): _List;
|
|
@@ -2588,6 +3391,38 @@ declare class ListItemCustom implements AfterViewInit {
|
|
|
2588
3391
|
* Fired when the user clicks on the detail button when type is `Detail`.
|
|
2589
3392
|
*/
|
|
2590
3393
|
ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ListItemCustom, "detail-click">>;
|
|
3394
|
+
/**
|
|
3395
|
+
* Available slots for content projection in this component.
|
|
3396
|
+
*
|
|
3397
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
3398
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
3399
|
+
*
|
|
3400
|
+
* - **(default)**: Defines the content of the component.
|
|
3401
|
+
* - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
|
|
3402
|
+
**Note:** While the slot allows custom buttons, to match
|
|
3403
|
+
design guidelines, please use the `ui5-button` component.
|
|
3404
|
+
**Note:** When the slot is not present, a built-in delete button will be displayed.
|
|
3405
|
+
*
|
|
3406
|
+
* @example
|
|
3407
|
+
* ```html
|
|
3408
|
+
* <ui5-li-custom>
|
|
3409
|
+
* <div slot="header">Custom header content</div>
|
|
3410
|
+
* <p>Default slot content</p>
|
|
3411
|
+
* </ui5-li-custom>
|
|
3412
|
+
* ```
|
|
3413
|
+
*
|
|
3414
|
+
* @readonly
|
|
3415
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
3416
|
+
*/
|
|
3417
|
+
readonly slots: ({
|
|
3418
|
+
name: string;
|
|
3419
|
+
description: string;
|
|
3420
|
+
since?: undefined;
|
|
3421
|
+
} | {
|
|
3422
|
+
name: string;
|
|
3423
|
+
description: string;
|
|
3424
|
+
since: string;
|
|
3425
|
+
})[];
|
|
2591
3426
|
elementRef: ElementRef<_ListItemCustom>;
|
|
2592
3427
|
injector: Injector;
|
|
2593
3428
|
get element(): _ListItemCustom;
|
|
@@ -2631,6 +3466,32 @@ declare class ListItemGroup implements AfterViewInit {
|
|
|
2631
3466
|
**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
|
|
2632
3467
|
*/
|
|
2633
3468
|
ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_ListItemGroup, "move">>;
|
|
3469
|
+
/**
|
|
3470
|
+
* Available slots for content projection in this component.
|
|
3471
|
+
*
|
|
3472
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
3473
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
3474
|
+
*
|
|
3475
|
+
* - **(default)**: Defines the items of the <code>ui5-li-group</code>.
|
|
3476
|
+
* - **header**: Defines the header of the component.
|
|
3477
|
+
|
|
3478
|
+
**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.
|
|
3479
|
+
*
|
|
3480
|
+
* @example
|
|
3481
|
+
* ```html
|
|
3482
|
+
* <ui5-li-group>
|
|
3483
|
+
* <div slot="header">Custom header content</div>
|
|
3484
|
+
* <p>Default slot content</p>
|
|
3485
|
+
* </ui5-li-group>
|
|
3486
|
+
* ```
|
|
3487
|
+
*
|
|
3488
|
+
* @readonly
|
|
3489
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
3490
|
+
*/
|
|
3491
|
+
readonly slots: {
|
|
3492
|
+
name: string;
|
|
3493
|
+
description: string;
|
|
3494
|
+
}[];
|
|
2634
3495
|
elementRef: ElementRef<_ListItemGroup>;
|
|
2635
3496
|
injector: Injector;
|
|
2636
3497
|
get element(): _ListItemGroup;
|
|
@@ -2734,6 +3595,50 @@ declare class ListItemStandard implements AfterViewInit {
|
|
|
2734
3595
|
* Fired when the user clicks on the detail button when type is `Detail`.
|
|
2735
3596
|
*/
|
|
2736
3597
|
ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ListItemStandard, "detail-click">>;
|
|
3598
|
+
/**
|
|
3599
|
+
* Available slots for content projection in this component.
|
|
3600
|
+
*
|
|
3601
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
3602
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
3603
|
+
*
|
|
3604
|
+
* - **(default)**: Defines the custom formatted text of the component.
|
|
3605
|
+
|
|
3606
|
+
**Note:** For optimal text wrapping and a consistent layout, it is strongly recommended to use the `text` property.
|
|
3607
|
+
|
|
3608
|
+
Use the `default` slot only when custom formatting with HTML elements (e.g., `<b>`, `<i>`) is required.
|
|
3609
|
+
Be aware that wrapping (via `wrappingType="Normal"`) may not function correctly with custom HTML content in the `default` slot.
|
|
3610
|
+
|
|
3611
|
+
If both `text` and `default` slot are used, the `text` property takes precedence.
|
|
3612
|
+
* - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
|
|
3613
|
+
design guidelines, please use the `ui5-avatar` with it's default size - S.
|
|
3614
|
+
|
|
3615
|
+
**Note:** If bigger `ui5-avatar` needs to be used, then the size of the
|
|
3616
|
+
`ui5-li` should be customized in order to fit.
|
|
3617
|
+
* - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
|
|
3618
|
+
**Note:** While the slot allows custom buttons, to match
|
|
3619
|
+
design guidelines, please use the `ui5-button` component.
|
|
3620
|
+
**Note:** When the slot is not present, a built-in delete button will be displayed.
|
|
3621
|
+
*
|
|
3622
|
+
* @example
|
|
3623
|
+
* ```html
|
|
3624
|
+
* <ui5-li>
|
|
3625
|
+
* <div slot="header">Custom header content</div>
|
|
3626
|
+
* <p>Default slot content</p>
|
|
3627
|
+
* </ui5-li>
|
|
3628
|
+
* ```
|
|
3629
|
+
*
|
|
3630
|
+
* @readonly
|
|
3631
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
3632
|
+
*/
|
|
3633
|
+
readonly slots: ({
|
|
3634
|
+
name: string;
|
|
3635
|
+
description: string;
|
|
3636
|
+
since?: undefined;
|
|
3637
|
+
} | {
|
|
3638
|
+
name: string;
|
|
3639
|
+
description: string;
|
|
3640
|
+
since: string;
|
|
3641
|
+
})[];
|
|
2737
3642
|
elementRef: ElementRef<_ListItemStandard>;
|
|
2738
3643
|
injector: Injector;
|
|
2739
3644
|
get element(): _ListItemStandard;
|
|
@@ -2797,6 +3702,31 @@ declare class Menu implements AfterViewInit {
|
|
|
2797
3702
|
* Fired after the menu is closed.
|
|
2798
3703
|
*/
|
|
2799
3704
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Menu, "close">>;
|
|
3705
|
+
/**
|
|
3706
|
+
* Available slots for content projection in this component.
|
|
3707
|
+
*
|
|
3708
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
3709
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
3710
|
+
*
|
|
3711
|
+
* - **(default)**: Defines the items of this component.
|
|
3712
|
+
|
|
3713
|
+
**Note:** Use `ui5-menu-item` and `ui5-menu-separator` for their intended design.
|
|
3714
|
+
*
|
|
3715
|
+
* @example
|
|
3716
|
+
* ```html
|
|
3717
|
+
* <ui5-menu>
|
|
3718
|
+
* <div slot="header">Custom header content</div>
|
|
3719
|
+
* <p>Default slot content</p>
|
|
3720
|
+
* </ui5-menu>
|
|
3721
|
+
* ```
|
|
3722
|
+
*
|
|
3723
|
+
* @readonly
|
|
3724
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
3725
|
+
*/
|
|
3726
|
+
readonly slots: {
|
|
3727
|
+
name: string;
|
|
3728
|
+
description: string;
|
|
3729
|
+
}[];
|
|
2800
3730
|
elementRef: ElementRef<_Menu>;
|
|
2801
3731
|
injector: Injector;
|
|
2802
3732
|
get element(): _Menu;
|
|
@@ -2919,6 +3849,60 @@ declare class MenuItem implements AfterViewInit {
|
|
|
2919
3849
|
* Fired when the user clicks on the detail button when type is `Detail`.
|
|
2920
3850
|
*/
|
|
2921
3851
|
ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_MenuItem, "detail-click">>;
|
|
3852
|
+
/**
|
|
3853
|
+
* Available slots for content projection in this component.
|
|
3854
|
+
*
|
|
3855
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
3856
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
3857
|
+
*
|
|
3858
|
+
* - **(default)**: Defines the items of this component.
|
|
3859
|
+
|
|
3860
|
+
**Note:** The slot can hold menu item and menu separator items.
|
|
3861
|
+
|
|
3862
|
+
If there are items added to this slot, an arrow will be displayed at the end
|
|
3863
|
+
of the item in order to indicate that there are items added. In that case components added
|
|
3864
|
+
to `endContent` slot or `additionalText` content will not be displayed.
|
|
3865
|
+
|
|
3866
|
+
The priority of what will be displayed at the end of the menu item is as follows:
|
|
3867
|
+
sub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.
|
|
3868
|
+
* - **endContent**: Defines the components that should be displayed at the end of the menu item.
|
|
3869
|
+
|
|
3870
|
+
**Note:** It is highly recommended to slot only components of type `ui5-button`,`ui5-link`
|
|
3871
|
+
or `ui5-icon` in order to preserve the intended design. If there are components added to this slot,
|
|
3872
|
+
and there is text set in `additionalText`, it will not be displayed. If there are items added to `items` slot,
|
|
3873
|
+
nether `additionalText` nor components added to this slot would be displayed.
|
|
3874
|
+
|
|
3875
|
+
The priority of what will be displayed at the end of the menu item is as follows:
|
|
3876
|
+
sub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.
|
|
3877
|
+
|
|
3878
|
+
Application developers are responsible for ensuring that interactive elements placed in the `endContent` slot
|
|
3879
|
+
have the correct accessibility behaviour, including their enabled or disabled states.
|
|
3880
|
+
The menu does not manage these aspects when the menu item state changes.
|
|
3881
|
+
* - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
|
|
3882
|
+
**Note:** While the slot allows custom buttons, to match
|
|
3883
|
+
design guidelines, please use the `ui5-button` component.
|
|
3884
|
+
**Note:** When the slot is not present, a built-in delete button will be displayed.
|
|
3885
|
+
*
|
|
3886
|
+
* @example
|
|
3887
|
+
* ```html
|
|
3888
|
+
* <ui5-menu-item>
|
|
3889
|
+
* <div slot="header">Custom header content</div>
|
|
3890
|
+
* <p>Default slot content</p>
|
|
3891
|
+
* </ui5-menu-item>
|
|
3892
|
+
* ```
|
|
3893
|
+
*
|
|
3894
|
+
* @readonly
|
|
3895
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
3896
|
+
*/
|
|
3897
|
+
readonly slots: ({
|
|
3898
|
+
name: string;
|
|
3899
|
+
description: string;
|
|
3900
|
+
since?: undefined;
|
|
3901
|
+
} | {
|
|
3902
|
+
name: string;
|
|
3903
|
+
description: string;
|
|
3904
|
+
since: string;
|
|
3905
|
+
})[];
|
|
2922
3906
|
elementRef: ElementRef<_MenuItem>;
|
|
2923
3907
|
injector: Injector;
|
|
2924
3908
|
get element(): _MenuItem;
|
|
@@ -2932,6 +3916,30 @@ declare class MenuItemGroup implements AfterViewInit {
|
|
|
2932
3916
|
* Defines the component's check mode.
|
|
2933
3917
|
*/
|
|
2934
3918
|
checkMode: _angular_core.InputSignal<"None" | "Single" | "Multiple" | undefined>;
|
|
3919
|
+
/**
|
|
3920
|
+
* Available slots for content projection in this component.
|
|
3921
|
+
*
|
|
3922
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
3923
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
3924
|
+
*
|
|
3925
|
+
* - **(default)**: Defines the items of this component.
|
|
3926
|
+
**Note:** The slot can hold any combination of components of type `ui5-menu-item` or `ui5-menu-separator` or both.
|
|
3927
|
+
*
|
|
3928
|
+
* @example
|
|
3929
|
+
* ```html
|
|
3930
|
+
* <ui5-menu-item-group>
|
|
3931
|
+
* <div slot="header">Custom header content</div>
|
|
3932
|
+
* <p>Default slot content</p>
|
|
3933
|
+
* </ui5-menu-item-group>
|
|
3934
|
+
* ```
|
|
3935
|
+
*
|
|
3936
|
+
* @readonly
|
|
3937
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
3938
|
+
*/
|
|
3939
|
+
readonly slots: {
|
|
3940
|
+
name: string;
|
|
3941
|
+
description: string;
|
|
3942
|
+
}[];
|
|
2935
3943
|
elementRef: ElementRef<_MenuItemGroup>;
|
|
2936
3944
|
injector: Injector;
|
|
2937
3945
|
get element(): _MenuItemGroup;
|
|
@@ -2976,6 +3984,37 @@ declare class MessageStrip implements AfterViewInit {
|
|
|
2976
3984
|
click/tap or by using the Enter or Space key.
|
|
2977
3985
|
*/
|
|
2978
3986
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_MessageStrip, "close">>;
|
|
3987
|
+
/**
|
|
3988
|
+
* Available slots for content projection in this component.
|
|
3989
|
+
*
|
|
3990
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
3991
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
3992
|
+
*
|
|
3993
|
+
* - **(default)**: Defines the text of the component.
|
|
3994
|
+
|
|
3995
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
3996
|
+
* - **icon**: Defines the content to be displayed as graphical element within the component.
|
|
3997
|
+
|
|
3998
|
+
**Note:** If no icon is given, the default icon for the component type will be used.
|
|
3999
|
+
The SAP-icons font provides numerous options.
|
|
4000
|
+
|
|
4001
|
+
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
4002
|
+
*
|
|
4003
|
+
* @example
|
|
4004
|
+
* ```html
|
|
4005
|
+
* <ui5-message-strip>
|
|
4006
|
+
* <div slot="header">Custom header content</div>
|
|
4007
|
+
* <p>Default slot content</p>
|
|
4008
|
+
* </ui5-message-strip>
|
|
4009
|
+
* ```
|
|
4010
|
+
*
|
|
4011
|
+
* @readonly
|
|
4012
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
4013
|
+
*/
|
|
4014
|
+
readonly slots: {
|
|
4015
|
+
name: string;
|
|
4016
|
+
description: string;
|
|
4017
|
+
}[];
|
|
2979
4018
|
elementRef: ElementRef<_MessageStrip>;
|
|
2980
4019
|
injector: Injector;
|
|
2981
4020
|
get element(): _MessageStrip;
|
|
@@ -3077,6 +4116,42 @@ declare class MultiComboBox implements AfterViewInit {
|
|
|
3077
4116
|
* Fired when selection is changed by user interaction.
|
|
3078
4117
|
*/
|
|
3079
4118
|
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "selection-change">>;
|
|
4119
|
+
/**
|
|
4120
|
+
* Available slots for content projection in this component.
|
|
4121
|
+
*
|
|
4122
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
4123
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
4124
|
+
*
|
|
4125
|
+
* - **(default)**: Defines the component items.
|
|
4126
|
+
* - **icon**: Defines the icon to be displayed in the component.
|
|
4127
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
4128
|
+
The value state message slot should contain only one root element.
|
|
4129
|
+
|
|
4130
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
4131
|
+
|
|
4132
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
4133
|
+
when the component is in `Information`, `Critical` or `Negative` value state.
|
|
4134
|
+
*
|
|
4135
|
+
* @example
|
|
4136
|
+
* ```html
|
|
4137
|
+
* <ui5-multi-combobox>
|
|
4138
|
+
* <div slot="header">Custom header content</div>
|
|
4139
|
+
* <p>Default slot content</p>
|
|
4140
|
+
* </ui5-multi-combobox>
|
|
4141
|
+
* ```
|
|
4142
|
+
*
|
|
4143
|
+
* @readonly
|
|
4144
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
4145
|
+
*/
|
|
4146
|
+
readonly slots: ({
|
|
4147
|
+
name: string;
|
|
4148
|
+
description: string;
|
|
4149
|
+
since?: undefined;
|
|
4150
|
+
} | {
|
|
4151
|
+
name: string;
|
|
4152
|
+
description: string;
|
|
4153
|
+
since: string;
|
|
4154
|
+
})[];
|
|
3080
4155
|
elementRef: ElementRef<_MultiComboBox>;
|
|
3081
4156
|
injector: Injector;
|
|
3082
4157
|
get element(): _MultiComboBox;
|
|
@@ -3141,6 +4216,32 @@ declare class MultiComboBoxItemGroup implements AfterViewInit {
|
|
|
3141
4216
|
**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
|
|
3142
4217
|
*/
|
|
3143
4218
|
ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBoxItemGroup, "move">>;
|
|
4219
|
+
/**
|
|
4220
|
+
* Available slots for content projection in this component.
|
|
4221
|
+
*
|
|
4222
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
4223
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
4224
|
+
*
|
|
4225
|
+
* - **(default)**: Defines the items of the <code>ui5-mcb-item-group</code>.
|
|
4226
|
+
* - **header**: Defines the header of the component.
|
|
4227
|
+
|
|
4228
|
+
**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.
|
|
4229
|
+
*
|
|
4230
|
+
* @example
|
|
4231
|
+
* ```html
|
|
4232
|
+
* <ui5-mcb-item-group>
|
|
4233
|
+
* <div slot="header">Custom header content</div>
|
|
4234
|
+
* <p>Default slot content</p>
|
|
4235
|
+
* </ui5-mcb-item-group>
|
|
4236
|
+
* ```
|
|
4237
|
+
*
|
|
4238
|
+
* @readonly
|
|
4239
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
4240
|
+
*/
|
|
4241
|
+
readonly slots: {
|
|
4242
|
+
name: string;
|
|
4243
|
+
description: string;
|
|
4244
|
+
}[];
|
|
3144
4245
|
elementRef: ElementRef<_MultiComboBoxItemGroup>;
|
|
3145
4246
|
injector: Injector;
|
|
3146
4247
|
get element(): _MultiComboBoxItemGroup;
|
|
@@ -3281,6 +4382,51 @@ declare class MultiInput implements AfterViewInit {
|
|
|
3281
4382
|
* Fired when the suggestions picker is closed.
|
|
3282
4383
|
*/
|
|
3283
4384
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiInput, "close">>;
|
|
4385
|
+
/**
|
|
4386
|
+
* Available slots for content projection in this component.
|
|
4387
|
+
*
|
|
4388
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
4389
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
4390
|
+
*
|
|
4391
|
+
* - **tokens**: Defines the component tokens.
|
|
4392
|
+
* - **(default)**: Defines the suggestion items.
|
|
4393
|
+
|
|
4394
|
+
**Note:** The suggestions would be displayed only if the `showSuggestions`
|
|
4395
|
+
property is set to `true`.
|
|
4396
|
+
|
|
4397
|
+
**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
|
|
4398
|
+
* - **icon**: Defines the icon to be displayed in the component.
|
|
4399
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
4400
|
+
The value state message slot should contain only one root element.
|
|
4401
|
+
|
|
4402
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
4403
|
+
|
|
4404
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
4405
|
+
when the component is in `Information`, `Critical` or `Negative` value state.
|
|
4406
|
+
|
|
4407
|
+
**Note:** If the component has `suggestionItems`,
|
|
4408
|
+
the `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.
|
|
4409
|
+
*
|
|
4410
|
+
* @example
|
|
4411
|
+
* ```html
|
|
4412
|
+
* <ui5-multi-input>
|
|
4413
|
+
* <div slot="header">Custom header content</div>
|
|
4414
|
+
* <p>Default slot content</p>
|
|
4415
|
+
* </ui5-multi-input>
|
|
4416
|
+
* ```
|
|
4417
|
+
*
|
|
4418
|
+
* @readonly
|
|
4419
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
4420
|
+
*/
|
|
4421
|
+
readonly slots: ({
|
|
4422
|
+
name: string;
|
|
4423
|
+
description: string;
|
|
4424
|
+
since?: undefined;
|
|
4425
|
+
} | {
|
|
4426
|
+
name: string;
|
|
4427
|
+
description: string;
|
|
4428
|
+
since: string;
|
|
4429
|
+
})[];
|
|
3284
4430
|
elementRef: ElementRef<_MultiInput>;
|
|
3285
4431
|
injector: Injector;
|
|
3286
4432
|
get element(): _MultiInput;
|
|
@@ -3315,6 +4461,31 @@ declare class Option implements AfterViewInit {
|
|
|
3315
4461
|
* Defines the selected state of the component.
|
|
3316
4462
|
*/
|
|
3317
4463
|
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
4464
|
+
/**
|
|
4465
|
+
* Available slots for content projection in this component.
|
|
4466
|
+
*
|
|
4467
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
4468
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
4469
|
+
*
|
|
4470
|
+
* - **(default)**: Defines the text of the component.
|
|
4471
|
+
|
|
4472
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
4473
|
+
*
|
|
4474
|
+
* @example
|
|
4475
|
+
* ```html
|
|
4476
|
+
* <ui5-option>
|
|
4477
|
+
* <div slot="header">Custom header content</div>
|
|
4478
|
+
* <p>Default slot content</p>
|
|
4479
|
+
* </ui5-option>
|
|
4480
|
+
* ```
|
|
4481
|
+
*
|
|
4482
|
+
* @readonly
|
|
4483
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
4484
|
+
*/
|
|
4485
|
+
readonly slots: {
|
|
4486
|
+
name: string;
|
|
4487
|
+
description: string;
|
|
4488
|
+
}[];
|
|
3318
4489
|
elementRef: ElementRef<_Option>;
|
|
3319
4490
|
injector: Injector;
|
|
3320
4491
|
get element(): _Option;
|
|
@@ -3342,6 +4513,29 @@ declare class OptionCustom implements AfterViewInit {
|
|
|
3342
4513
|
* Defines the selected state of the component.
|
|
3343
4514
|
*/
|
|
3344
4515
|
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
4516
|
+
/**
|
|
4517
|
+
* Available slots for content projection in this component.
|
|
4518
|
+
*
|
|
4519
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
4520
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
4521
|
+
*
|
|
4522
|
+
* - **(default)**: Defines the content of the component.
|
|
4523
|
+
*
|
|
4524
|
+
* @example
|
|
4525
|
+
* ```html
|
|
4526
|
+
* <ui5-option-custom>
|
|
4527
|
+
* <div slot="header">Custom header content</div>
|
|
4528
|
+
* <p>Default slot content</p>
|
|
4529
|
+
* </ui5-option-custom>
|
|
4530
|
+
* ```
|
|
4531
|
+
*
|
|
4532
|
+
* @readonly
|
|
4533
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
4534
|
+
*/
|
|
4535
|
+
readonly slots: {
|
|
4536
|
+
name: string;
|
|
4537
|
+
description: string;
|
|
4538
|
+
}[];
|
|
3345
4539
|
elementRef: ElementRef<_OptionCustom>;
|
|
3346
4540
|
injector: Injector;
|
|
3347
4541
|
get element(): _OptionCustom;
|
|
@@ -3397,6 +4591,32 @@ declare class Panel implements AfterViewInit {
|
|
|
3397
4591
|
* Fired when the component is expanded/collapsed by user interaction.
|
|
3398
4592
|
*/
|
|
3399
4593
|
ui5Toggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_Panel, "toggle">>;
|
|
4594
|
+
/**
|
|
4595
|
+
* Available slots for content projection in this component.
|
|
4596
|
+
*
|
|
4597
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
4598
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
4599
|
+
*
|
|
4600
|
+
* - **(default)**: Defines the content of the component. The content is visible only when the component is expanded.
|
|
4601
|
+
* - **header**: Defines the component header area.
|
|
4602
|
+
|
|
4603
|
+
**Note:** When a header is provided, the `headerText` property is ignored.
|
|
4604
|
+
*
|
|
4605
|
+
* @example
|
|
4606
|
+
* ```html
|
|
4607
|
+
* <ui5-panel>
|
|
4608
|
+
* <div slot="header">Custom header content</div>
|
|
4609
|
+
* <p>Default slot content</p>
|
|
4610
|
+
* </ui5-panel>
|
|
4611
|
+
* ```
|
|
4612
|
+
*
|
|
4613
|
+
* @readonly
|
|
4614
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
4615
|
+
*/
|
|
4616
|
+
readonly slots: {
|
|
4617
|
+
name: string;
|
|
4618
|
+
description: string;
|
|
4619
|
+
}[];
|
|
3400
4620
|
elementRef: ElementRef<_Panel>;
|
|
3401
4621
|
injector: Injector;
|
|
3402
4622
|
get element(): _Panel;
|
|
@@ -3501,6 +4721,31 @@ declare class Popover implements AfterViewInit {
|
|
|
3501
4721
|
* Fired after the component is closed.
|
|
3502
4722
|
*/
|
|
3503
4723
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Popover, "close">>;
|
|
4724
|
+
/**
|
|
4725
|
+
* Available slots for content projection in this component.
|
|
4726
|
+
*
|
|
4727
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
4728
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
4729
|
+
*
|
|
4730
|
+
* - **header**: Defines the header HTML Element.
|
|
4731
|
+
* - **footer**: Defines the footer HTML Element.
|
|
4732
|
+
* - **(default)**: Defines the content of the Popup.
|
|
4733
|
+
*
|
|
4734
|
+
* @example
|
|
4735
|
+
* ```html
|
|
4736
|
+
* <ui5-popover>
|
|
4737
|
+
* <div slot="header">Custom header content</div>
|
|
4738
|
+
* <p>Default slot content</p>
|
|
4739
|
+
* </ui5-popover>
|
|
4740
|
+
* ```
|
|
4741
|
+
*
|
|
4742
|
+
* @readonly
|
|
4743
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
4744
|
+
*/
|
|
4745
|
+
readonly slots: {
|
|
4746
|
+
name: string;
|
|
4747
|
+
description: string;
|
|
4748
|
+
}[];
|
|
3504
4749
|
elementRef: ElementRef<_Popover>;
|
|
3505
4750
|
injector: Injector;
|
|
3506
4751
|
get element(): _Popover;
|
|
@@ -3862,6 +5107,31 @@ declare class ResponsivePopover implements AfterViewInit {
|
|
|
3862
5107
|
* Fired after the component is closed.
|
|
3863
5108
|
*/
|
|
3864
5109
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ResponsivePopover, "close">>;
|
|
5110
|
+
/**
|
|
5111
|
+
* Available slots for content projection in this component.
|
|
5112
|
+
*
|
|
5113
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
5114
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
5115
|
+
*
|
|
5116
|
+
* - **header**: Defines the header HTML Element.
|
|
5117
|
+
* - **footer**: Defines the footer HTML Element.
|
|
5118
|
+
* - **(default)**: Defines the content of the Popup.
|
|
5119
|
+
*
|
|
5120
|
+
* @example
|
|
5121
|
+
* ```html
|
|
5122
|
+
* <ui5-responsive-popover>
|
|
5123
|
+
* <div slot="header">Custom header content</div>
|
|
5124
|
+
* <p>Default slot content</p>
|
|
5125
|
+
* </ui5-responsive-popover>
|
|
5126
|
+
* ```
|
|
5127
|
+
*
|
|
5128
|
+
* @readonly
|
|
5129
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
5130
|
+
*/
|
|
5131
|
+
readonly slots: {
|
|
5132
|
+
name: string;
|
|
5133
|
+
description: string;
|
|
5134
|
+
}[];
|
|
3865
5135
|
elementRef: ElementRef<_ResponsivePopover>;
|
|
3866
5136
|
injector: Injector;
|
|
3867
5137
|
get element(): _ResponsivePopover;
|
|
@@ -3908,6 +5178,33 @@ declare class SegmentedButton implements AfterViewInit {
|
|
|
3908
5178
|
* Fired when the selected item changes.
|
|
3909
5179
|
*/
|
|
3910
5180
|
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_SegmentedButton, "selection-change">>;
|
|
5181
|
+
/**
|
|
5182
|
+
* Available slots for content projection in this component.
|
|
5183
|
+
*
|
|
5184
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
5185
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
5186
|
+
*
|
|
5187
|
+
* - **(default)**: Defines the items of `ui5-segmented-button`.
|
|
5188
|
+
|
|
5189
|
+
**Note:** Multiple items are allowed.
|
|
5190
|
+
|
|
5191
|
+
**Note:** Use the `ui5-segmented-button-item` for the intended design.
|
|
5192
|
+
*
|
|
5193
|
+
* @example
|
|
5194
|
+
* ```html
|
|
5195
|
+
* <ui5-segmented-button>
|
|
5196
|
+
* <div slot="header">Custom header content</div>
|
|
5197
|
+
* <p>Default slot content</p>
|
|
5198
|
+
* </ui5-segmented-button>
|
|
5199
|
+
* ```
|
|
5200
|
+
*
|
|
5201
|
+
* @readonly
|
|
5202
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
5203
|
+
*/
|
|
5204
|
+
readonly slots: {
|
|
5205
|
+
name: string;
|
|
5206
|
+
description: string;
|
|
5207
|
+
}[];
|
|
3911
5208
|
elementRef: ElementRef<_SegmentedButton>;
|
|
3912
5209
|
injector: Injector;
|
|
3913
5210
|
private _selectedItemsSignal;
|
|
@@ -3958,6 +5255,31 @@ declare class SegmentedButtonItem implements AfterViewInit {
|
|
|
3958
5255
|
See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
3959
5256
|
*/
|
|
3960
5257
|
icon: _angular_core.InputSignal<string | undefined>;
|
|
5258
|
+
/**
|
|
5259
|
+
* Available slots for content projection in this component.
|
|
5260
|
+
*
|
|
5261
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
5262
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
5263
|
+
*
|
|
5264
|
+
* - **(default)**: Defines the text of the component.
|
|
5265
|
+
|
|
5266
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
5267
|
+
*
|
|
5268
|
+
* @example
|
|
5269
|
+
* ```html
|
|
5270
|
+
* <ui5-segmented-button-item>
|
|
5271
|
+
* <div slot="header">Custom header content</div>
|
|
5272
|
+
* <p>Default slot content</p>
|
|
5273
|
+
* </ui5-segmented-button-item>
|
|
5274
|
+
* ```
|
|
5275
|
+
*
|
|
5276
|
+
* @readonly
|
|
5277
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
5278
|
+
*/
|
|
5279
|
+
readonly slots: {
|
|
5280
|
+
name: string;
|
|
5281
|
+
description: string;
|
|
5282
|
+
}[];
|
|
3961
5283
|
elementRef: ElementRef<_SegmentedButtonItem>;
|
|
3962
5284
|
injector: Injector;
|
|
3963
5285
|
get element(): _SegmentedButtonItem;
|
|
@@ -4054,6 +5376,56 @@ declare class Select implements AfterViewInit {
|
|
|
4054
5376
|
* Fired after the component's dropdown menu closes.
|
|
4055
5377
|
*/
|
|
4056
5378
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Select, "close">>;
|
|
5379
|
+
/**
|
|
5380
|
+
* Available slots for content projection in this component.
|
|
5381
|
+
*
|
|
5382
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
5383
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
5384
|
+
*
|
|
5385
|
+
* - **(default)**: Defines the component options.
|
|
5386
|
+
|
|
5387
|
+
**Note:** Only one selected option is allowed.
|
|
5388
|
+
If more than one option is defined as selected, the last one would be considered as the selected one.
|
|
5389
|
+
|
|
5390
|
+
**Note:** Use the `ui5-option` component to define the desired options.
|
|
5391
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
5392
|
+
|
|
5393
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
5394
|
+
|
|
5395
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
5396
|
+
when the component is in `Information`, `Critical` or `Negative` value state.
|
|
5397
|
+
|
|
5398
|
+
**Note:** If the component has `suggestionItems`,
|
|
5399
|
+
the `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.
|
|
5400
|
+
* - **label**: Defines the HTML element that will be displayed in the component input part,
|
|
5401
|
+
representing the selected option.
|
|
5402
|
+
|
|
5403
|
+
**Note:** If not specified and `ui5-option-custom` is used,
|
|
5404
|
+
either the option's `display-text` or its textContent will be displayed.
|
|
5405
|
+
|
|
5406
|
+
**Note:** If not specified and `ui5-option` is used,
|
|
5407
|
+
the option's textContent will be displayed.
|
|
5408
|
+
*
|
|
5409
|
+
* @example
|
|
5410
|
+
* ```html
|
|
5411
|
+
* <ui5-select>
|
|
5412
|
+
* <div slot="header">Custom header content</div>
|
|
5413
|
+
* <p>Default slot content</p>
|
|
5414
|
+
* </ui5-select>
|
|
5415
|
+
* ```
|
|
5416
|
+
*
|
|
5417
|
+
* @readonly
|
|
5418
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
5419
|
+
*/
|
|
5420
|
+
readonly slots: ({
|
|
5421
|
+
name: string;
|
|
5422
|
+
description: string;
|
|
5423
|
+
since?: undefined;
|
|
5424
|
+
} | {
|
|
5425
|
+
name: string;
|
|
5426
|
+
description: string;
|
|
5427
|
+
since: string;
|
|
5428
|
+
})[];
|
|
4057
5429
|
elementRef: ElementRef<_Select>;
|
|
4058
5430
|
injector: Injector;
|
|
4059
5431
|
private _selectedOptionSignal;
|
|
@@ -4212,6 +5584,31 @@ declare class SplitButton implements AfterViewInit {
|
|
|
4212
5584
|
* Fired when the user clicks on the arrow action.
|
|
4213
5585
|
*/
|
|
4214
5586
|
ui5ArrowClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_SplitButton, "arrow-click">>;
|
|
5587
|
+
/**
|
|
5588
|
+
* Available slots for content projection in this component.
|
|
5589
|
+
*
|
|
5590
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
5591
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
5592
|
+
*
|
|
5593
|
+
* - **(default)**: Defines the text of the component.
|
|
5594
|
+
|
|
5595
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
5596
|
+
*
|
|
5597
|
+
* @example
|
|
5598
|
+
* ```html
|
|
5599
|
+
* <ui5-split-button>
|
|
5600
|
+
* <div slot="header">Custom header content</div>
|
|
5601
|
+
* <p>Default slot content</p>
|
|
5602
|
+
* </ui5-split-button>
|
|
5603
|
+
* ```
|
|
5604
|
+
*
|
|
5605
|
+
* @readonly
|
|
5606
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
5607
|
+
*/
|
|
5608
|
+
readonly slots: {
|
|
5609
|
+
name: string;
|
|
5610
|
+
description: string;
|
|
5611
|
+
}[];
|
|
4215
5612
|
elementRef: ElementRef<_SplitButton>;
|
|
4216
5613
|
injector: Injector;
|
|
4217
5614
|
get element(): _SplitButton;
|
|
@@ -4293,6 +5690,34 @@ declare class StepInput implements AfterViewInit {
|
|
|
4293
5690
|
prevented, the component will not update the value state.
|
|
4294
5691
|
*/
|
|
4295
5692
|
ui5ValueStateChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_StepInput, "value-state-change">>;
|
|
5693
|
+
/**
|
|
5694
|
+
* Available slots for content projection in this component.
|
|
5695
|
+
*
|
|
5696
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
5697
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
5698
|
+
*
|
|
5699
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
5700
|
+
|
|
5701
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
5702
|
+
|
|
5703
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
5704
|
+
when the component is in `Information`, `Critical` or `Negative` value state.
|
|
5705
|
+
*
|
|
5706
|
+
* @example
|
|
5707
|
+
* ```html
|
|
5708
|
+
* <ui5-step-input>
|
|
5709
|
+
* <div slot="header">Custom header content</div>
|
|
5710
|
+
* <p>Default slot content</p>
|
|
5711
|
+
* </ui5-step-input>
|
|
5712
|
+
* ```
|
|
5713
|
+
*
|
|
5714
|
+
* @readonly
|
|
5715
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
5716
|
+
*/
|
|
5717
|
+
readonly slots: {
|
|
5718
|
+
name: string;
|
|
5719
|
+
description: string;
|
|
5720
|
+
}[];
|
|
4296
5721
|
elementRef: ElementRef<_StepInput>;
|
|
4297
5722
|
injector: Injector;
|
|
4298
5723
|
get element(): _StepInput;
|
|
@@ -4324,6 +5749,29 @@ declare class SuggestionItemCustom implements AfterViewInit {
|
|
|
4324
5749
|
**Note:** The text property is considered only for autocomplete.
|
|
4325
5750
|
*/
|
|
4326
5751
|
text: _angular_core.InputSignal<string | undefined>;
|
|
5752
|
+
/**
|
|
5753
|
+
* Available slots for content projection in this component.
|
|
5754
|
+
*
|
|
5755
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
5756
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
5757
|
+
*
|
|
5758
|
+
* - **(default)**: Defines the content of the component.
|
|
5759
|
+
*
|
|
5760
|
+
* @example
|
|
5761
|
+
* ```html
|
|
5762
|
+
* <ui5-suggestion-item-custom>
|
|
5763
|
+
* <div slot="header">Custom header content</div>
|
|
5764
|
+
* <p>Default slot content</p>
|
|
5765
|
+
* </ui5-suggestion-item-custom>
|
|
5766
|
+
* ```
|
|
5767
|
+
*
|
|
5768
|
+
* @readonly
|
|
5769
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
5770
|
+
*/
|
|
5771
|
+
readonly slots: {
|
|
5772
|
+
name: string;
|
|
5773
|
+
description: string;
|
|
5774
|
+
}[];
|
|
4327
5775
|
elementRef: ElementRef<_SuggestionItemCustom>;
|
|
4328
5776
|
injector: Injector;
|
|
4329
5777
|
get element(): _SuggestionItemCustom;
|
|
@@ -4367,6 +5815,32 @@ declare class SuggestionItemGroup implements AfterViewInit {
|
|
|
4367
5815
|
**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
|
|
4368
5816
|
*/
|
|
4369
5817
|
ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_SuggestionItemGroup, "move">>;
|
|
5818
|
+
/**
|
|
5819
|
+
* Available slots for content projection in this component.
|
|
5820
|
+
*
|
|
5821
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
5822
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
5823
|
+
*
|
|
5824
|
+
* - **(default)**: Defines the items of the <code>ui5-suggestion-item-group</code>.
|
|
5825
|
+
* - **header**: Defines the header of the component.
|
|
5826
|
+
|
|
5827
|
+
**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.
|
|
5828
|
+
*
|
|
5829
|
+
* @example
|
|
5830
|
+
* ```html
|
|
5831
|
+
* <ui5-suggestion-item-group>
|
|
5832
|
+
* <div slot="header">Custom header content</div>
|
|
5833
|
+
* <p>Default slot content</p>
|
|
5834
|
+
* </ui5-suggestion-item-group>
|
|
5835
|
+
* ```
|
|
5836
|
+
*
|
|
5837
|
+
* @readonly
|
|
5838
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
5839
|
+
*/
|
|
5840
|
+
readonly slots: {
|
|
5841
|
+
name: string;
|
|
5842
|
+
description: string;
|
|
5843
|
+
}[];
|
|
4370
5844
|
elementRef: ElementRef<_SuggestionItemGroup>;
|
|
4371
5845
|
injector: Injector;
|
|
4372
5846
|
get element(): _SuggestionItemGroup;
|
|
@@ -4495,6 +5969,32 @@ declare class Tab implements AfterViewInit {
|
|
|
4495
5969
|
* Defines if the tab is movable.
|
|
4496
5970
|
*/
|
|
4497
5971
|
movable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5972
|
+
/**
|
|
5973
|
+
* Available slots for content projection in this component.
|
|
5974
|
+
*
|
|
5975
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
5976
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
5977
|
+
*
|
|
5978
|
+
* - **(default)**: Holds the content associated with this tab.
|
|
5979
|
+
* - **items**: Defines hierarchies with nested sub tabs.
|
|
5980
|
+
|
|
5981
|
+
**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.
|
|
5982
|
+
*
|
|
5983
|
+
* @example
|
|
5984
|
+
* ```html
|
|
5985
|
+
* <ui5-tab>
|
|
5986
|
+
* <div slot="header">Custom header content</div>
|
|
5987
|
+
* <p>Default slot content</p>
|
|
5988
|
+
* </ui5-tab>
|
|
5989
|
+
* ```
|
|
5990
|
+
*
|
|
5991
|
+
* @readonly
|
|
5992
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
5993
|
+
*/
|
|
5994
|
+
readonly slots: {
|
|
5995
|
+
name: string;
|
|
5996
|
+
description: string;
|
|
5997
|
+
}[];
|
|
4498
5998
|
elementRef: ElementRef<_Tab>;
|
|
4499
5999
|
injector: Injector;
|
|
4500
6000
|
get element(): _Tab;
|
|
@@ -4562,6 +6062,40 @@ declare class TabContainer implements AfterViewInit {
|
|
|
4562
6062
|
**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
|
|
4563
6063
|
*/
|
|
4564
6064
|
ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_TabContainer, "move">>;
|
|
6065
|
+
/**
|
|
6066
|
+
* Available slots for content projection in this component.
|
|
6067
|
+
*
|
|
6068
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
6069
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
6070
|
+
*
|
|
6071
|
+
* - **(default)**: Defines the tabs.
|
|
6072
|
+
|
|
6073
|
+
**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.
|
|
6074
|
+
* - **overflowButton**: Defines the button which will open the overflow menu. If nothing is provided to this slot,
|
|
6075
|
+
the default button will be used.
|
|
6076
|
+
* - **startOverflowButton**: Defines the button which will open the start overflow menu if available. If nothing is provided to this slot,
|
|
6077
|
+
the default button will be used.
|
|
6078
|
+
*
|
|
6079
|
+
* @example
|
|
6080
|
+
* ```html
|
|
6081
|
+
* <ui5-tabcontainer>
|
|
6082
|
+
* <div slot="header">Custom header content</div>
|
|
6083
|
+
* <p>Default slot content</p>
|
|
6084
|
+
* </ui5-tabcontainer>
|
|
6085
|
+
* ```
|
|
6086
|
+
*
|
|
6087
|
+
* @readonly
|
|
6088
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
6089
|
+
*/
|
|
6090
|
+
readonly slots: ({
|
|
6091
|
+
name: string;
|
|
6092
|
+
description: string;
|
|
6093
|
+
since?: undefined;
|
|
6094
|
+
} | {
|
|
6095
|
+
name: string;
|
|
6096
|
+
description: string;
|
|
6097
|
+
since: string;
|
|
6098
|
+
})[];
|
|
4565
6099
|
elementRef: ElementRef<_TabContainer>;
|
|
4566
6100
|
injector: Injector;
|
|
4567
6101
|
get element(): _TabContainer;
|
|
@@ -4652,6 +6186,36 @@ declare class Table implements AfterViewInit {
|
|
|
4652
6186
|
* Fired when a row action is clicked.
|
|
4653
6187
|
*/
|
|
4654
6188
|
ui5RowActionClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_Table, "row-action-click">>;
|
|
6189
|
+
/**
|
|
6190
|
+
* Available slots for content projection in this component.
|
|
6191
|
+
*
|
|
6192
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
6193
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
6194
|
+
*
|
|
6195
|
+
* - **(default)**: Defines the rows of the component.
|
|
6196
|
+
|
|
6197
|
+
**Note:** Use `ui5-table-row` for the intended design.
|
|
6198
|
+
* - **headerRow**: Defines the header row of the component.
|
|
6199
|
+
|
|
6200
|
+
**Note:** Use `ui5-table-header-row` for the intended design.
|
|
6201
|
+
* - **noData**: Defines the custom visualization if there is no data available.
|
|
6202
|
+
* - **features**: Defines the features of the component.
|
|
6203
|
+
*
|
|
6204
|
+
* @example
|
|
6205
|
+
* ```html
|
|
6206
|
+
* <ui5-table>
|
|
6207
|
+
* <div slot="header">Custom header content</div>
|
|
6208
|
+
* <p>Default slot content</p>
|
|
6209
|
+
* </ui5-table>
|
|
6210
|
+
* ```
|
|
6211
|
+
*
|
|
6212
|
+
* @readonly
|
|
6213
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
6214
|
+
*/
|
|
6215
|
+
readonly slots: {
|
|
6216
|
+
name: string;
|
|
6217
|
+
description: string;
|
|
6218
|
+
}[];
|
|
4655
6219
|
elementRef: ElementRef<_Table>;
|
|
4656
6220
|
injector: Injector;
|
|
4657
6221
|
get element(): _Table;
|
|
@@ -4665,6 +6229,29 @@ declare class TableCell implements AfterViewInit {
|
|
|
4665
6229
|
* Determines the horizontal alignment of table cells.
|
|
4666
6230
|
*/
|
|
4667
6231
|
horizontalAlign: _angular_core.InputSignal<"Start" | "End" | "Center" | "Left" | "Right" | undefined>;
|
|
6232
|
+
/**
|
|
6233
|
+
* Available slots for content projection in this component.
|
|
6234
|
+
*
|
|
6235
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
6236
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
6237
|
+
*
|
|
6238
|
+
* - **(default)**: Defines the content of the component.
|
|
6239
|
+
*
|
|
6240
|
+
* @example
|
|
6241
|
+
* ```html
|
|
6242
|
+
* <ui5-table-cell>
|
|
6243
|
+
* <div slot="header">Custom header content</div>
|
|
6244
|
+
* <p>Default slot content</p>
|
|
6245
|
+
* </ui5-table-cell>
|
|
6246
|
+
* ```
|
|
6247
|
+
*
|
|
6248
|
+
* @readonly
|
|
6249
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
6250
|
+
*/
|
|
6251
|
+
readonly slots: {
|
|
6252
|
+
name: string;
|
|
6253
|
+
description: string;
|
|
6254
|
+
}[];
|
|
4668
6255
|
elementRef: ElementRef<_TableCell>;
|
|
4669
6256
|
injector: Injector;
|
|
4670
6257
|
get element(): _TableCell;
|
|
@@ -4761,6 +6348,37 @@ declare class TableHeaderCell implements AfterViewInit {
|
|
|
4761
6348
|
* Determines the horizontal alignment of table cells.
|
|
4762
6349
|
*/
|
|
4763
6350
|
horizontalAlign: _angular_core.InputSignal<"Start" | "End" | "Center" | "Left" | "Right" | undefined>;
|
|
6351
|
+
/**
|
|
6352
|
+
* Available slots for content projection in this component.
|
|
6353
|
+
*
|
|
6354
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
6355
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
6356
|
+
*
|
|
6357
|
+
* - **action**: Defines the action of the column.
|
|
6358
|
+
|
|
6359
|
+
**Note:** While multiple actions are technically possible, this is not supported.
|
|
6360
|
+
* - **(default)**: Defines the content of the component.
|
|
6361
|
+
*
|
|
6362
|
+
* @example
|
|
6363
|
+
* ```html
|
|
6364
|
+
* <ui5-table-header-cell>
|
|
6365
|
+
* <div slot="header">Custom header content</div>
|
|
6366
|
+
* <p>Default slot content</p>
|
|
6367
|
+
* </ui5-table-header-cell>
|
|
6368
|
+
* ```
|
|
6369
|
+
*
|
|
6370
|
+
* @readonly
|
|
6371
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
6372
|
+
*/
|
|
6373
|
+
readonly slots: ({
|
|
6374
|
+
name: string;
|
|
6375
|
+
description: string;
|
|
6376
|
+
since: string;
|
|
6377
|
+
} | {
|
|
6378
|
+
name: string;
|
|
6379
|
+
description: string;
|
|
6380
|
+
since?: undefined;
|
|
6381
|
+
})[];
|
|
4764
6382
|
elementRef: ElementRef<_TableHeaderCell>;
|
|
4765
6383
|
injector: Injector;
|
|
4766
6384
|
get element(): _TableHeaderCell;
|
|
@@ -4789,6 +6407,31 @@ declare class TableHeaderRow implements AfterViewInit {
|
|
|
4789
6407
|
Note: If used in combination with overflowMode "Scroll", the table needs a defined height for the sticky header to work as expected.
|
|
4790
6408
|
*/
|
|
4791
6409
|
sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6410
|
+
/**
|
|
6411
|
+
* Available slots for content projection in this component.
|
|
6412
|
+
*
|
|
6413
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
6414
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
6415
|
+
*
|
|
6416
|
+
* - **(default)**: Defines the cells of the component.
|
|
6417
|
+
|
|
6418
|
+
**Note:** Use `ui5-table-header-cell` for the intended design.
|
|
6419
|
+
*
|
|
6420
|
+
* @example
|
|
6421
|
+
* ```html
|
|
6422
|
+
* <ui5-table-header-row>
|
|
6423
|
+
* <div slot="header">Custom header content</div>
|
|
6424
|
+
* <p>Default slot content</p>
|
|
6425
|
+
* </ui5-table-header-row>
|
|
6426
|
+
* ```
|
|
6427
|
+
*
|
|
6428
|
+
* @readonly
|
|
6429
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
6430
|
+
*/
|
|
6431
|
+
readonly slots: {
|
|
6432
|
+
name: string;
|
|
6433
|
+
description: string;
|
|
6434
|
+
}[];
|
|
4792
6435
|
elementRef: ElementRef<_TableHeaderRow>;
|
|
4793
6436
|
injector: Injector;
|
|
4794
6437
|
get element(): _TableHeaderRow;
|
|
@@ -4820,6 +6463,39 @@ declare class TableRow implements AfterViewInit {
|
|
|
4820
6463
|
* Defines whether the row is movable.
|
|
4821
6464
|
*/
|
|
4822
6465
|
movable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6466
|
+
/**
|
|
6467
|
+
* Available slots for content projection in this component.
|
|
6468
|
+
*
|
|
6469
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
6470
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
6471
|
+
*
|
|
6472
|
+
* - **(default)**: Defines the cells of the component.
|
|
6473
|
+
|
|
6474
|
+
**Note:** Use `ui5-table-cell` for the intended design.
|
|
6475
|
+
* - **actions**: Defines the actions of the component.
|
|
6476
|
+
|
|
6477
|
+
**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.
|
|
6478
|
+
*
|
|
6479
|
+
* @example
|
|
6480
|
+
* ```html
|
|
6481
|
+
* <ui5-table-row>
|
|
6482
|
+
* <div slot="header">Custom header content</div>
|
|
6483
|
+
* <p>Default slot content</p>
|
|
6484
|
+
* </ui5-table-row>
|
|
6485
|
+
* ```
|
|
6486
|
+
*
|
|
6487
|
+
* @readonly
|
|
6488
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
6489
|
+
*/
|
|
6490
|
+
readonly slots: ({
|
|
6491
|
+
name: string;
|
|
6492
|
+
description: string;
|
|
6493
|
+
since?: undefined;
|
|
6494
|
+
} | {
|
|
6495
|
+
name: string;
|
|
6496
|
+
description: string;
|
|
6497
|
+
since: string;
|
|
6498
|
+
})[];
|
|
4823
6499
|
elementRef: ElementRef<_TableRow>;
|
|
4824
6500
|
injector: Injector;
|
|
4825
6501
|
get element(): _TableRow;
|
|
@@ -5019,6 +6695,32 @@ declare class Tag implements AfterViewInit {
|
|
|
5019
6695
|
**Note:** The event will be fired if the `interactive` property is `true`
|
|
5020
6696
|
*/
|
|
5021
6697
|
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tag, "click">>;
|
|
6698
|
+
/**
|
|
6699
|
+
* Available slots for content projection in this component.
|
|
6700
|
+
*
|
|
6701
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
6702
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
6703
|
+
*
|
|
6704
|
+
* - **(default)**: Defines the text of the component.
|
|
6705
|
+
|
|
6706
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
6707
|
+
* - **icon**: Defines the icon to be displayed in the component.
|
|
6708
|
+
*
|
|
6709
|
+
* @example
|
|
6710
|
+
* ```html
|
|
6711
|
+
* <ui5-tag>
|
|
6712
|
+
* <div slot="header">Custom header content</div>
|
|
6713
|
+
* <p>Default slot content</p>
|
|
6714
|
+
* </ui5-tag>
|
|
6715
|
+
* ```
|
|
6716
|
+
*
|
|
6717
|
+
* @readonly
|
|
6718
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
6719
|
+
*/
|
|
6720
|
+
readonly slots: {
|
|
6721
|
+
name: string;
|
|
6722
|
+
description: string;
|
|
6723
|
+
}[];
|
|
5022
6724
|
elementRef: ElementRef<_Tag>;
|
|
5023
6725
|
injector: Injector;
|
|
5024
6726
|
get element(): _Tag;
|
|
@@ -5036,6 +6738,29 @@ declare class Text implements AfterViewInit {
|
|
|
5036
6738
|
* Specifies if an empty indicator should be displayed when there is no text.
|
|
5037
6739
|
*/
|
|
5038
6740
|
emptyIndicatorMode: _angular_core.InputSignal<"Off" | "On" | undefined>;
|
|
6741
|
+
/**
|
|
6742
|
+
* Available slots for content projection in this component.
|
|
6743
|
+
*
|
|
6744
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
6745
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
6746
|
+
*
|
|
6747
|
+
* - **(default)**: Defines the text of the component.
|
|
6748
|
+
*
|
|
6749
|
+
* @example
|
|
6750
|
+
* ```html
|
|
6751
|
+
* <ui5-text>
|
|
6752
|
+
* <div slot="header">Custom header content</div>
|
|
6753
|
+
* <p>Default slot content</p>
|
|
6754
|
+
* </ui5-text>
|
|
6755
|
+
* ```
|
|
6756
|
+
*
|
|
6757
|
+
* @readonly
|
|
6758
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
6759
|
+
*/
|
|
6760
|
+
readonly slots: {
|
|
6761
|
+
name: string;
|
|
6762
|
+
description: string;
|
|
6763
|
+
}[];
|
|
5039
6764
|
elementRef: ElementRef<_Text>;
|
|
5040
6765
|
injector: Injector;
|
|
5041
6766
|
get element(): _Text;
|
|
@@ -5149,6 +6874,36 @@ declare class TextArea implements AfterViewInit {
|
|
|
5149
6874
|
* Fired when textarea is scrolled.
|
|
5150
6875
|
*/
|
|
5151
6876
|
ui5Scroll: _angular_core.OutputEmitterRef<UI5CustomEvent<_TextArea, "scroll">>;
|
|
6877
|
+
/**
|
|
6878
|
+
* Available slots for content projection in this component.
|
|
6879
|
+
*
|
|
6880
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
6881
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
6882
|
+
*
|
|
6883
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
6884
|
+
The value state message slot should contain only one root element.
|
|
6885
|
+
|
|
6886
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
6887
|
+
|
|
6888
|
+
**Note:** The `valueStateMessage` would be displayed if the component has
|
|
6889
|
+
`valueState` of type `Information`, `Critical` or `Negative`.
|
|
6890
|
+
*
|
|
6891
|
+
* @example
|
|
6892
|
+
* ```html
|
|
6893
|
+
* <ui5-textarea>
|
|
6894
|
+
* <div slot="header">Custom header content</div>
|
|
6895
|
+
* <p>Default slot content</p>
|
|
6896
|
+
* </ui5-textarea>
|
|
6897
|
+
* ```
|
|
6898
|
+
*
|
|
6899
|
+
* @readonly
|
|
6900
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
6901
|
+
*/
|
|
6902
|
+
readonly slots: {
|
|
6903
|
+
name: string;
|
|
6904
|
+
description: string;
|
|
6905
|
+
since: string;
|
|
6906
|
+
}[];
|
|
5152
6907
|
elementRef: ElementRef<_TextArea>;
|
|
5153
6908
|
injector: Injector;
|
|
5154
6909
|
get element(): _TextArea;
|
|
@@ -5243,6 +6998,35 @@ declare class TimePicker implements AfterViewInit {
|
|
|
5243
6998
|
* Fired after the value-help dialog of the component is closed.
|
|
5244
6999
|
*/
|
|
5245
7000
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_TimePicker, "close">>;
|
|
7001
|
+
/**
|
|
7002
|
+
* Available slots for content projection in this component.
|
|
7003
|
+
*
|
|
7004
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
7005
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
7006
|
+
*
|
|
7007
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the `ui5-time-picker`.
|
|
7008
|
+
|
|
7009
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
7010
|
+
|
|
7011
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
7012
|
+
when the `ui5-time-picker` is in `Information`, `Critical` or `Negative` value state.
|
|
7013
|
+
*
|
|
7014
|
+
* @example
|
|
7015
|
+
* ```html
|
|
7016
|
+
* <ui5-time-picker>
|
|
7017
|
+
* <div slot="header">Custom header content</div>
|
|
7018
|
+
* <p>Default slot content</p>
|
|
7019
|
+
* </ui5-time-picker>
|
|
7020
|
+
* ```
|
|
7021
|
+
*
|
|
7022
|
+
* @readonly
|
|
7023
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
7024
|
+
*/
|
|
7025
|
+
readonly slots: {
|
|
7026
|
+
name: string;
|
|
7027
|
+
description: string;
|
|
7028
|
+
since: string;
|
|
7029
|
+
}[];
|
|
5246
7030
|
elementRef: ElementRef<_TimePicker>;
|
|
5247
7031
|
injector: Injector;
|
|
5248
7032
|
get element(): _TimePicker;
|
|
@@ -5270,6 +7054,32 @@ declare class Title implements AfterViewInit {
|
|
|
5270
7054
|
Available options are: `"H6"` to `"H1"`.
|
|
5271
7055
|
*/
|
|
5272
7056
|
size: _angular_core.InputSignal<"H1" | "H2" | "H3" | "H4" | "H5" | "H6" | undefined>;
|
|
7057
|
+
/**
|
|
7058
|
+
* Available slots for content projection in this component.
|
|
7059
|
+
*
|
|
7060
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
7061
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
7062
|
+
*
|
|
7063
|
+
* - **(default)**: Defines the text of the component.
|
|
7064
|
+
This component supports nesting a `Link` component inside.
|
|
7065
|
+
|
|
7066
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
7067
|
+
*
|
|
7068
|
+
* @example
|
|
7069
|
+
* ```html
|
|
7070
|
+
* <ui5-title>
|
|
7071
|
+
* <div slot="header">Custom header content</div>
|
|
7072
|
+
* <p>Default slot content</p>
|
|
7073
|
+
* </ui5-title>
|
|
7074
|
+
* ```
|
|
7075
|
+
*
|
|
7076
|
+
* @readonly
|
|
7077
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
7078
|
+
*/
|
|
7079
|
+
readonly slots: {
|
|
7080
|
+
name: string;
|
|
7081
|
+
description: string;
|
|
7082
|
+
}[];
|
|
5273
7083
|
elementRef: ElementRef<_Title>;
|
|
5274
7084
|
injector: Injector;
|
|
5275
7085
|
get element(): _Title;
|
|
@@ -5299,6 +7109,31 @@ declare class Toast implements AfterViewInit {
|
|
|
5299
7109
|
* Fired after the component is auto closed.
|
|
5300
7110
|
*/
|
|
5301
7111
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Toast, "close">>;
|
|
7112
|
+
/**
|
|
7113
|
+
* Available slots for content projection in this component.
|
|
7114
|
+
*
|
|
7115
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
7116
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
7117
|
+
*
|
|
7118
|
+
* - **(default)**: Defines the text of the component.
|
|
7119
|
+
|
|
7120
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
7121
|
+
*
|
|
7122
|
+
* @example
|
|
7123
|
+
* ```html
|
|
7124
|
+
* <ui5-toast>
|
|
7125
|
+
* <div slot="header">Custom header content</div>
|
|
7126
|
+
* <p>Default slot content</p>
|
|
7127
|
+
* </ui5-toast>
|
|
7128
|
+
* ```
|
|
7129
|
+
*
|
|
7130
|
+
* @readonly
|
|
7131
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
7132
|
+
*/
|
|
7133
|
+
readonly slots: {
|
|
7134
|
+
name: string;
|
|
7135
|
+
description: string;
|
|
7136
|
+
}[];
|
|
5302
7137
|
elementRef: ElementRef<_Toast>;
|
|
5303
7138
|
injector: Injector;
|
|
5304
7139
|
get element(): _Toast;
|
|
@@ -5414,6 +7249,37 @@ declare class ToggleButton implements AfterViewInit {
|
|
|
5414
7249
|
**Note:** The event will not be fired if the `disabled` property is set to `true`.
|
|
5415
7250
|
*/
|
|
5416
7251
|
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ToggleButton, "click">>;
|
|
7252
|
+
/**
|
|
7253
|
+
* Available slots for content projection in this component.
|
|
7254
|
+
*
|
|
7255
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
7256
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
7257
|
+
*
|
|
7258
|
+
* - **(default)**: Defines the text of the component.
|
|
7259
|
+
|
|
7260
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
7261
|
+
* - **badge**: Adds a badge to the button.
|
|
7262
|
+
*
|
|
7263
|
+
* @example
|
|
7264
|
+
* ```html
|
|
7265
|
+
* <ui5-toggle-button>
|
|
7266
|
+
* <div slot="header">Custom header content</div>
|
|
7267
|
+
* <p>Default slot content</p>
|
|
7268
|
+
* </ui5-toggle-button>
|
|
7269
|
+
* ```
|
|
7270
|
+
*
|
|
7271
|
+
* @readonly
|
|
7272
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
7273
|
+
*/
|
|
7274
|
+
readonly slots: ({
|
|
7275
|
+
name: string;
|
|
7276
|
+
description: string;
|
|
7277
|
+
since?: undefined;
|
|
7278
|
+
} | {
|
|
7279
|
+
name: string;
|
|
7280
|
+
description: string;
|
|
7281
|
+
since: string;
|
|
7282
|
+
})[];
|
|
5417
7283
|
elementRef: ElementRef<_ToggleButton>;
|
|
5418
7284
|
injector: Injector;
|
|
5419
7285
|
get element(): _ToggleButton;
|
|
@@ -5431,6 +7297,31 @@ declare class Token implements AfterViewInit {
|
|
|
5431
7297
|
* Defines whether the component is selected or not.
|
|
5432
7298
|
*/
|
|
5433
7299
|
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
7300
|
+
/**
|
|
7301
|
+
* Available slots for content projection in this component.
|
|
7302
|
+
*
|
|
7303
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
7304
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
7305
|
+
*
|
|
7306
|
+
* - **closeIcon**: Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.
|
|
7307
|
+
Accepts `ui5-icon`.
|
|
7308
|
+
*
|
|
7309
|
+
* @example
|
|
7310
|
+
* ```html
|
|
7311
|
+
* <ui5-token>
|
|
7312
|
+
* <div slot="header">Custom header content</div>
|
|
7313
|
+
* <p>Default slot content</p>
|
|
7314
|
+
* </ui5-token>
|
|
7315
|
+
* ```
|
|
7316
|
+
*
|
|
7317
|
+
* @readonly
|
|
7318
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
7319
|
+
*/
|
|
7320
|
+
readonly slots: {
|
|
7321
|
+
name: string;
|
|
7322
|
+
description: string;
|
|
7323
|
+
since: string;
|
|
7324
|
+
}[];
|
|
5434
7325
|
elementRef: ElementRef<_Token>;
|
|
5435
7326
|
injector: Injector;
|
|
5436
7327
|
get element(): _Token;
|
|
@@ -5489,6 +7380,29 @@ declare class Tokenizer implements AfterViewInit {
|
|
|
5489
7380
|
* Fired when token selection is changed by user interaction
|
|
5490
7381
|
*/
|
|
5491
7382
|
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tokenizer, "selection-change">>;
|
|
7383
|
+
/**
|
|
7384
|
+
* Available slots for content projection in this component.
|
|
7385
|
+
*
|
|
7386
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
7387
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
7388
|
+
*
|
|
7389
|
+
* - **(default)**: Defines the tokens to be displayed.
|
|
7390
|
+
*
|
|
7391
|
+
* @example
|
|
7392
|
+
* ```html
|
|
7393
|
+
* <ui5-tokenizer>
|
|
7394
|
+
* <div slot="header">Custom header content</div>
|
|
7395
|
+
* <p>Default slot content</p>
|
|
7396
|
+
* </ui5-tokenizer>
|
|
7397
|
+
* ```
|
|
7398
|
+
*
|
|
7399
|
+
* @readonly
|
|
7400
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
7401
|
+
*/
|
|
7402
|
+
readonly slots: {
|
|
7403
|
+
name: string;
|
|
7404
|
+
description: string;
|
|
7405
|
+
}[];
|
|
5492
7406
|
elementRef: ElementRef<_Tokenizer>;
|
|
5493
7407
|
injector: Injector;
|
|
5494
7408
|
get element(): _Tokenizer;
|
|
@@ -5514,6 +7428,31 @@ declare class Toolbar implements AfterViewInit {
|
|
|
5514
7428
|
* Defines the toolbar design.
|
|
5515
7429
|
*/
|
|
5516
7430
|
design: _angular_core.InputSignal<"Transparent" | "Solid" | undefined>;
|
|
7431
|
+
/**
|
|
7432
|
+
* Available slots for content projection in this component.
|
|
7433
|
+
*
|
|
7434
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
7435
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
7436
|
+
*
|
|
7437
|
+
* - **(default)**: Defines the items of the component.
|
|
7438
|
+
|
|
7439
|
+
**Note:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here.
|
|
7440
|
+
*
|
|
7441
|
+
* @example
|
|
7442
|
+
* ```html
|
|
7443
|
+
* <ui5-toolbar>
|
|
7444
|
+
* <div slot="header">Custom header content</div>
|
|
7445
|
+
* <p>Default slot content</p>
|
|
7446
|
+
* </ui5-toolbar>
|
|
7447
|
+
* ```
|
|
7448
|
+
*
|
|
7449
|
+
* @readonly
|
|
7450
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
7451
|
+
*/
|
|
7452
|
+
readonly slots: {
|
|
7453
|
+
name: string;
|
|
7454
|
+
description: string;
|
|
7455
|
+
}[];
|
|
5517
7456
|
elementRef: ElementRef<_Toolbar>;
|
|
5518
7457
|
injector: Injector;
|
|
5519
7458
|
get element(): _Toolbar;
|
|
@@ -5668,6 +7607,41 @@ declare class ToolbarSelect implements AfterViewInit {
|
|
|
5668
7607
|
* Fired after the component's dropdown menu closes.
|
|
5669
7608
|
*/
|
|
5670
7609
|
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ToolbarSelect, "close">>;
|
|
7610
|
+
/**
|
|
7611
|
+
* Available slots for content projection in this component.
|
|
7612
|
+
*
|
|
7613
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
7614
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
7615
|
+
*
|
|
7616
|
+
* - **(default)**: Defines the component options.
|
|
7617
|
+
|
|
7618
|
+
**Note:** Only one selected option is allowed.
|
|
7619
|
+
If more than one option is defined as selected, the last one would be considered as the selected one.
|
|
7620
|
+
|
|
7621
|
+
**Note:** Use the `ui5-toolbar-select-option` component to define the desired options.
|
|
7622
|
+
* - **label**: Defines the HTML element that will be displayed in the component input part,
|
|
7623
|
+
representing the selected option.
|
|
7624
|
+
*
|
|
7625
|
+
* @example
|
|
7626
|
+
* ```html
|
|
7627
|
+
* <ui5-toolbar-select>
|
|
7628
|
+
* <div slot="header">Custom header content</div>
|
|
7629
|
+
* <p>Default slot content</p>
|
|
7630
|
+
* </ui5-toolbar-select>
|
|
7631
|
+
* ```
|
|
7632
|
+
*
|
|
7633
|
+
* @readonly
|
|
7634
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
7635
|
+
*/
|
|
7636
|
+
readonly slots: ({
|
|
7637
|
+
name: string;
|
|
7638
|
+
description: string;
|
|
7639
|
+
since?: undefined;
|
|
7640
|
+
} | {
|
|
7641
|
+
name: string;
|
|
7642
|
+
description: string;
|
|
7643
|
+
since: string;
|
|
7644
|
+
})[];
|
|
5671
7645
|
elementRef: ElementRef<_ToolbarSelect>;
|
|
5672
7646
|
injector: Injector;
|
|
5673
7647
|
get element(): _ToolbarSelect;
|
|
@@ -5681,6 +7655,31 @@ declare class ToolbarSelectOption implements AfterViewInit {
|
|
|
5681
7655
|
* Defines the selected state of the component.
|
|
5682
7656
|
*/
|
|
5683
7657
|
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
7658
|
+
/**
|
|
7659
|
+
* Available slots for content projection in this component.
|
|
7660
|
+
*
|
|
7661
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
7662
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
7663
|
+
*
|
|
7664
|
+
* - **(default)**: Defines the text of the component.
|
|
7665
|
+
|
|
7666
|
+
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
7667
|
+
*
|
|
7668
|
+
* @example
|
|
7669
|
+
* ```html
|
|
7670
|
+
* <ui5-toolbar-select-option>
|
|
7671
|
+
* <div slot="header">Custom header content</div>
|
|
7672
|
+
* <p>Default slot content</p>
|
|
7673
|
+
* </ui5-toolbar-select-option>
|
|
7674
|
+
* ```
|
|
7675
|
+
*
|
|
7676
|
+
* @readonly
|
|
7677
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
7678
|
+
*/
|
|
7679
|
+
readonly slots: {
|
|
7680
|
+
name: string;
|
|
7681
|
+
description: string;
|
|
7682
|
+
}[];
|
|
5684
7683
|
elementRef: ElementRef<_ToolbarSelectOption>;
|
|
5685
7684
|
injector: Injector;
|
|
5686
7685
|
get element(): _ToolbarSelectOption;
|
|
@@ -5813,6 +7812,35 @@ declare class Tree implements AfterViewInit {
|
|
|
5813
7812
|
**Note:** The `move` event is fired only if there was a preceding `move-over` event with prevented default action.
|
|
5814
7813
|
*/
|
|
5815
7814
|
ui5MoveOver: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tree, "move-over">>;
|
|
7815
|
+
/**
|
|
7816
|
+
* Available slots for content projection in this component.
|
|
7817
|
+
*
|
|
7818
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
7819
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
7820
|
+
*
|
|
7821
|
+
* - **(default)**: Defines the items of the component. Tree items may have other tree items as children.
|
|
7822
|
+
|
|
7823
|
+
**Note:** Use `ui5-tree-item` for the intended design.
|
|
7824
|
+
* - **header**: Defines the component header.
|
|
7825
|
+
|
|
7826
|
+
**Note:** When the `header` slot is set, the
|
|
7827
|
+
`headerText` property is ignored.
|
|
7828
|
+
*
|
|
7829
|
+
* @example
|
|
7830
|
+
* ```html
|
|
7831
|
+
* <ui5-tree>
|
|
7832
|
+
* <div slot="header">Custom header content</div>
|
|
7833
|
+
* <p>Default slot content</p>
|
|
7834
|
+
* </ui5-tree>
|
|
7835
|
+
* ```
|
|
7836
|
+
*
|
|
7837
|
+
* @readonly
|
|
7838
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
7839
|
+
*/
|
|
7840
|
+
readonly slots: {
|
|
7841
|
+
name: string;
|
|
7842
|
+
description: string;
|
|
7843
|
+
}[];
|
|
5816
7844
|
elementRef: ElementRef<_Tree>;
|
|
5817
7845
|
injector: Injector;
|
|
5818
7846
|
get element(): _Tree;
|
|
@@ -5915,6 +7943,45 @@ declare class TreeItem implements AfterViewInit {
|
|
|
5915
7943
|
* Fired when the user clicks on the detail button when type is `Detail`.
|
|
5916
7944
|
*/
|
|
5917
7945
|
ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_TreeItem, "detail-click">>;
|
|
7946
|
+
/**
|
|
7947
|
+
* Available slots for content projection in this component.
|
|
7948
|
+
*
|
|
7949
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
7950
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
7951
|
+
*
|
|
7952
|
+
* - **(default)**: Defines the items of the component.
|
|
7953
|
+
|
|
7954
|
+
**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`
|
|
7955
|
+
* - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
|
|
7956
|
+
design guidelines, please use the `ui5-avatar` with size XS.
|
|
7957
|
+
|
|
7958
|
+
**Note:** If bigger `ui5-avatar` needs to be used, then the size of the
|
|
7959
|
+
`ui5-tree-item` should be customized in order to fit.
|
|
7960
|
+
* - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
|
|
7961
|
+
**Note:** While the slot allows custom buttons, to match
|
|
7962
|
+
design guidelines, please use the `ui5-button` component.
|
|
7963
|
+
**Note:** When the slot is not present, a built-in delete button will be displayed.
|
|
7964
|
+
*
|
|
7965
|
+
* @example
|
|
7966
|
+
* ```html
|
|
7967
|
+
* <ui5-tree-item>
|
|
7968
|
+
* <div slot="header">Custom header content</div>
|
|
7969
|
+
* <p>Default slot content</p>
|
|
7970
|
+
* </ui5-tree-item>
|
|
7971
|
+
* ```
|
|
7972
|
+
*
|
|
7973
|
+
* @readonly
|
|
7974
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
7975
|
+
*/
|
|
7976
|
+
readonly slots: ({
|
|
7977
|
+
name: string;
|
|
7978
|
+
description: string;
|
|
7979
|
+
since?: undefined;
|
|
7980
|
+
} | {
|
|
7981
|
+
name: string;
|
|
7982
|
+
description: string;
|
|
7983
|
+
since: string;
|
|
7984
|
+
})[];
|
|
5918
7985
|
elementRef: ElementRef<_TreeItem>;
|
|
5919
7986
|
injector: Injector;
|
|
5920
7987
|
get element(): _TreeItem;
|
|
@@ -6013,6 +8080,46 @@ declare class TreeItemCustom implements AfterViewInit {
|
|
|
6013
8080
|
* Fired when the user clicks on the detail button when type is `Detail`.
|
|
6014
8081
|
*/
|
|
6015
8082
|
ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_TreeItemCustom, "detail-click">>;
|
|
8083
|
+
/**
|
|
8084
|
+
* Available slots for content projection in this component.
|
|
8085
|
+
*
|
|
8086
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
8087
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
8088
|
+
*
|
|
8089
|
+
* - **content**: Defines the content of the `ui5-tree-item`.
|
|
8090
|
+
* - **(default)**: Defines the items of the component.
|
|
8091
|
+
|
|
8092
|
+
**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`
|
|
8093
|
+
* - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
|
|
8094
|
+
design guidelines, please use the `ui5-avatar` with size XS.
|
|
8095
|
+
|
|
8096
|
+
**Note:** If bigger `ui5-avatar` needs to be used, then the size of the
|
|
8097
|
+
`ui5-tree-item` should be customized in order to fit.
|
|
8098
|
+
* - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
|
|
8099
|
+
**Note:** While the slot allows custom buttons, to match
|
|
8100
|
+
design guidelines, please use the `ui5-button` component.
|
|
8101
|
+
**Note:** When the slot is not present, a built-in delete button will be displayed.
|
|
8102
|
+
*
|
|
8103
|
+
* @example
|
|
8104
|
+
* ```html
|
|
8105
|
+
* <ui5-tree-item-custom>
|
|
8106
|
+
* <div slot="header">Custom header content</div>
|
|
8107
|
+
* <p>Default slot content</p>
|
|
8108
|
+
* </ui5-tree-item-custom>
|
|
8109
|
+
* ```
|
|
8110
|
+
*
|
|
8111
|
+
* @readonly
|
|
8112
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
8113
|
+
*/
|
|
8114
|
+
readonly slots: ({
|
|
8115
|
+
name: string;
|
|
8116
|
+
description: string;
|
|
8117
|
+
since?: undefined;
|
|
8118
|
+
} | {
|
|
8119
|
+
name: string;
|
|
8120
|
+
description: string;
|
|
8121
|
+
since: string;
|
|
8122
|
+
})[];
|
|
6016
8123
|
elementRef: ElementRef<_TreeItemCustom>;
|
|
6017
8124
|
injector: Injector;
|
|
6018
8125
|
get element(): _TreeItemCustom;
|