@fundamental-ngx/ui5-webcomponents 0.58.0-rc.1 → 0.58.0-rc.100

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;