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

package/table-row/index.d.ts

@@ -25,6 +25,39 @@ declare class TableRow implements AfterViewInit {
      * Defines whether the row is movable.
      */
     movable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the cells of the component.
+  
+  **Note:** Use `ui5-table-cell` for the intended design.
+     * - **actions**: Defines the actions of the component.
+  
+  **Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-table-row>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-table-row>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: ({
+        name: string;
+        description: string;
+        since?: undefined;
+    } | {
+        name: string;
+        description: string;
+        since: string;
+    })[];
     elementRef: ElementRef<_TableRow>;
     injector: Injector;
     get element(): _TableRow;

package/tag/index.d.ts

@@ -39,6 +39,32 @@ declare class Tag implements AfterViewInit {
   **Note:** The event will be fired if the `interactive` property is `true`
      */
     ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tag, "click">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the text of the component.
+  
+  **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     * - **icon**: Defines the icon to be displayed in the component.
+     *
+     * @example
+     * ```html
+     * <ui5-tag>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-tag>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_Tag>;
     injector: Injector;
     get element(): _Tag;

package/text/index.d.ts

@@ -11,6 +11,29 @@ declare class Text implements AfterViewInit {
      * Specifies if an empty indicator should be displayed when there is no text.
      */
     emptyIndicatorMode: _angular_core.InputSignal<"Off" | "On" | undefined>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the text of the component.
+     *
+     * @example
+     * ```html
+     * <ui5-text>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-text>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_Text>;
     injector: Injector;
     get element(): _Text;

package/text-area/index.d.ts

@@ -109,6 +109,36 @@ declare class TextArea implements AfterViewInit {
      * Fired when textarea is scrolled.
      */
     ui5Scroll: _angular_core.OutputEmitterRef<UI5CustomEvent<_TextArea, "scroll">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
+  The value state message slot should contain only one root element.
+   
+  **Note:** If not specified, a default text (in the respective language) will be displayed.
+  
+  **Note:** The `valueStateMessage` would be displayed if the component has
+  `valueState` of type `Information`, `Critical` or `Negative`.
+     *
+     * @example
+     * ```html
+     * <ui5-textarea>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-textarea>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+        since: string;
+    }[];
     elementRef: ElementRef<_TextArea>;
     injector: Injector;
     get element(): _TextArea;

package/time-picker/index.d.ts

@@ -90,6 +90,35 @@ declare class TimePicker implements AfterViewInit {
      * Fired after the value-help dialog of the component is closed.
      */
     ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_TimePicker, "close">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the `ui5-time-picker`.
+  
+  **Note:** If not specified, a default text (in the respective language) will be displayed.
+  
+  **Note:** The `valueStateMessage` would be displayed,
+  when the `ui5-time-picker` is in `Information`, `Critical` or `Negative` value state.
+     *
+     * @example
+     * ```html
+     * <ui5-time-picker>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-time-picker>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+        since: string;
+    }[];
     elementRef: ElementRef<_TimePicker>;
     injector: Injector;
     get element(): _TimePicker;

package/title/index.d.ts

@@ -21,6 +21,32 @@ declare class Title implements AfterViewInit {
   Available options are: `"H6"` to `"H1"`.
      */
     size: _angular_core.InputSignal<"H1" | "H2" | "H3" | "H4" | "H5" | "H6" | undefined>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the text of the component.
+  This component supports nesting a `Link` component inside.
+  
+  **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-title>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-title>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_Title>;
     injector: Injector;
     get element(): _Title;

package/toast/index.d.ts

@@ -24,6 +24,31 @@ declare class Toast implements AfterViewInit {
      * Fired after the component is auto closed.
      */
     ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Toast, "close">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the text of the component.
+  
+  **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-toast>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-toast>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_Toast>;
     injector: Injector;
     get element(): _Toast;

package/toggle-button/index.d.ts

@@ -111,6 +111,37 @@ declare class ToggleButton implements AfterViewInit {
   **Note:** The event will not be fired if the `disabled` property is set to `true`.
      */
     ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ToggleButton, "click">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the text of the component.
+  
+  **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     * - **badge**: Adds a badge to the button.
+     *
+     * @example
+     * ```html
+     * <ui5-toggle-button>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-toggle-button>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: ({
+        name: string;
+        description: string;
+        since?: undefined;
+    } | {
+        name: string;
+        description: string;
+        since: string;
+    })[];
     elementRef: ElementRef<_ToggleButton>;
     injector: Injector;
     get element(): _ToggleButton;

package/token/index.d.ts

@@ -11,6 +11,31 @@ declare class Token implements AfterViewInit {
      * Defines whether the component is selected or not.
      */
     selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **closeIcon**: Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.
+  Accepts `ui5-icon`.
+     *
+     * @example
+     * ```html
+     * <ui5-token>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-token>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+        since: string;
+    }[];
     elementRef: ElementRef<_Token>;
     injector: Injector;
     get element(): _Token;

package/tokenizer/index.d.ts

@@ -53,6 +53,29 @@ declare class Tokenizer implements AfterViewInit {
      * Fired when token selection is changed by user interaction
      */
     ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tokenizer, "selection-change">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the tokens to be displayed.
+     *
+     * @example
+     * ```html
+     * <ui5-tokenizer>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-tokenizer>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_Tokenizer>;
     injector: Injector;
     get element(): _Tokenizer;

package/toolbar/index.d.ts

@@ -19,6 +19,31 @@ declare class Toolbar implements AfterViewInit {
      * Defines the toolbar design.
      */
     design: _angular_core.InputSignal<"Solid" | "Transparent" | undefined>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the items of the component.
+  
+  **Note:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here.
+     *
+     * @example
+     * ```html
+     * <ui5-toolbar>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-toolbar>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_Toolbar>;
     injector: Injector;
     get element(): _Toolbar;

package/toolbar-button/index.d.ts

@@ -2,6 +2,7 @@ import * as _ui5_webcomponents_dist_Button_js from '@ui5/webcomponents/dist/Butt
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _ToolbarButton from '@ui5/webcomponents/dist/ToolbarButton.js';
+export { ToolbarButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/ToolbarButton.js';
 import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class ToolbarButton implements AfterViewInit {
@@ -67,6 +68,15 @@ declare class ToolbarButton implements AfterViewInit {
      * Button text
      */
     text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the button text should only be displayed in the overflow popover.
+  
+  When set to `true`, the button appears as icon-only in the main toolbar,
+  but shows both icon and text when moved to the overflow popover.
+  
+  **Note:** This property only takes effect when the `text` property is also set.
+     */
+    showOverflowText: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Defines the width of the button.
   
@@ -96,7 +106,7 @@ declare class ToolbarButton implements AfterViewInit {
     get element(): _ToolbarButton;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarButton, never>;
-    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>;
+    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>;
 }
 
 export { ToolbarButton };

package/toolbar-select/index.d.ts

@@ -54,6 +54,41 @@ declare class ToolbarSelect implements AfterViewInit {
      * Fired after the component's dropdown menu closes.
      */
     ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ToolbarSelect, "close">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the component options.
+  
+  **Note:** Only one selected option is allowed.
+  If more than one option is defined as selected, the last one would be considered as the selected one.
+  
+  **Note:** Use the `ui5-toolbar-select-option` component to define the desired options.
+     * - **label**: Defines the HTML element that will be displayed in the component input part,
+  representing the selected option.
+     *
+     * @example
+     * ```html
+     * <ui5-toolbar-select>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-toolbar-select>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: ({
+        name: string;
+        description: string;
+        since?: undefined;
+    } | {
+        name: string;
+        description: string;
+        since: string;
+    })[];
     elementRef: ElementRef<_ToolbarSelect>;
     injector: Injector;
     get element(): _ToolbarSelect;

package/toolbar-select-option/index.d.ts

@@ -7,6 +7,31 @@ declare class ToolbarSelectOption implements AfterViewInit {
      * Defines the selected state of the component.
      */
     selected: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the text of the component.
+  
+  **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-toolbar-select-option>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-toolbar-select-option>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_ToolbarSelectOption>;
     injector: Injector;
     get element(): _ToolbarSelectOption;

package/tree/index.d.ts

@@ -83,6 +83,35 @@ declare class Tree implements AfterViewInit {
   **Note:** The `move` event is fired only if there was a preceding `move-over` event with prevented default action.
      */
     ui5MoveOver: _angular_core.OutputEmitterRef<UI5CustomEvent<_Tree, "move-over">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the items of the component. Tree items may have other tree items as children.
+  
+  **Note:** Use `ui5-tree-item` for the intended design.
+     * - **header**: Defines the component header.
+  
+  **Note:** When the `header` slot is set, the
+  `headerText` property is ignored.
+     *
+     * @example
+     * ```html
+     * <ui5-tree>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-tree>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_Tree>;
     injector: Injector;
     get element(): _Tree;

package/tree-item/index.d.ts

@@ -98,6 +98,45 @@ declare class TreeItem implements AfterViewInit {
      * Fired when the user clicks on the detail button when type is `Detail`.
      */
     ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_TreeItem, "detail-click">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the items of the component.
+  
+  **Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`
+     * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
+  design guidelines, please use the `ui5-avatar` with size XS.
+  
+  **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
+  `ui5-tree-item` should be customized in order to fit.
+     * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
+  **Note:** While the slot allows custom buttons, to match
+  design guidelines, please use the `ui5-button` component.
+  **Note:** When the slot is not present, a built-in delete button will be displayed.
+     *
+     * @example
+     * ```html
+     * <ui5-tree-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-tree-item>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: ({
+        name: string;
+        description: string;
+        since?: undefined;
+    } | {
+        name: string;
+        description: string;
+        since: string;
+    })[];
     elementRef: ElementRef<_TreeItem>;
     injector: Injector;
     get element(): _TreeItem;

package/tree-item-custom/index.d.ts

@@ -94,6 +94,46 @@ declare class TreeItemCustom implements AfterViewInit {
      * Fired when the user clicks on the detail button when type is `Detail`.
      */
     ui5DetailClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_TreeItemCustom, "detail-click">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **content**: Defines the content of the `ui5-tree-item`.
+     * - **(default)**: Defines the items of the component.
+  
+  **Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`
+     * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
+  design guidelines, please use the `ui5-avatar` with size XS.
+  
+  **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
+  `ui5-tree-item` should be customized in order to fit.
+     * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
+  **Note:** While the slot allows custom buttons, to match
+  design guidelines, please use the `ui5-button` component.
+  **Note:** When the slot is not present, a built-in delete button will be displayed.
+     *
+     * @example
+     * ```html
+     * <ui5-tree-item-custom>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-tree-item-custom>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: ({
+        name: string;
+        description: string;
+        since?: undefined;
+    } | {
+        name: string;
+        description: string;
+        since: string;
+    })[];
     elementRef: ElementRef<_TreeItemCustom>;
     injector: Injector;
     get element(): _TreeItemCustom;