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