@fundamental-ngx/ui5-webcomponents 0.58.0-rc.51 → 0.58.0-rc.53

package/table/index.d.ts

@@ -76,6 +76,36 @@ declare class Table implements AfterViewInit {
      * Fired when a row action is clicked.
      */
     ui5RowActionClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_Table, "row-action-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 rows of the component.
+  
+  **Note:** Use `ui5-table-row` for the intended design.
+     * - **headerRow**: Defines the header row of the component.
+  
+  **Note:** Use `ui5-table-header-row` for the intended design.
+     * - **noData**: Defines the custom visualization if there is no data available.
+     * - **features**: Defines the features of the component.
+     *
+     * @example
+     * ```html
+     * <ui5-table>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-table>
+     * ```
+     *
+     * @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<_Table>;
     injector: Injector;
     get element(): _Table;

package/table-cell/index.d.ts

@@ -7,6 +7,29 @@ declare class TableCell implements AfterViewInit {
      * Determines the horizontal alignment of table cells.
      */
     horizontalAlign: i0.InputSignal<"Left" | "Start" | "Right" | "End" | "Center" | 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 content of the component.
+     *
+     * @example
+     * ```html
+     * <ui5-table-cell>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-table-cell>
+     * ```
+     *
+     * @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<_TableCell>;
     injector: Injector;
     get element(): _TableCell;

package/table-header-cell/index.d.ts

@@ -53,6 +53,37 @@ declare class TableHeaderCell implements AfterViewInit {
      * Determines the horizontal alignment of table cells.
      */
     horizontalAlign: _angular_core.InputSignal<"Left" | "Start" | "Right" | "End" | "Center" | 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.
+     *
+     * - **action**: Defines the action of the column.
+  
+  **Note:** While multiple actions are technically possible, this is not supported.
+     * - **(default)**: Defines the content of the component.
+     *
+     * @example
+     * ```html
+     * <ui5-table-header-cell>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-table-header-cell>
+     * ```
+     *
+     * @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;
+    } | {
+        name: string;
+        description: string;
+        since?: undefined;
+    })[];
     elementRef: ElementRef<_TableHeaderCell>;
     injector: Injector;
     get element(): _TableHeaderCell;

package/table-header-row/index.d.ts

@@ -9,6 +9,31 @@ declare class TableHeaderRow implements AfterViewInit {
   Note: If used in combination with overflowMode "Scroll", the table needs a defined height for the sticky header to work as expected.
      */
     sticky: 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 cells of the component.
+  
+  **Note:** Use `ui5-table-header-cell` for the intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-table-header-row>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-table-header-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;
+    }[];
     elementRef: ElementRef<_TableHeaderRow>;
     injector: Injector;
     get element(): _TableHeaderRow;

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-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;