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

package/package.json

@@ -1,33 +1,33 @@
 {
   "name": "@fundamental-ngx/ui5-webcomponents",
-  "version": "0.58.0-rc.1",
+  "version": "0.58.0-rc.100",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - UI5 Webcomponents Base",
   "license": "Apache-2.0",
   "homepage": "https://sap.github.io/fundamental-ngx",
   "repository": {
     "type": "git",
-    "url": "https://github.com/SAP/fundamental-ngx"
+    "url": "git+https://github.com/SAP/fundamental-ngx.git"
   },
   "engine": {
     "node": ">= 10"
   },
   "peerDependencies": {
-    "@angular/animations": "ANGULAR_VER_PLACEHOLDER",
-    "@angular/cdk": "ANGULAR_VER_PLACEHOLDER",
-    "@angular/common": "ANGULAR_VER_PLACEHOLDER",
-    "@angular/core": "ANGULAR_VER_PLACEHOLDER",
-    "@angular/forms": "ANGULAR_VER_PLACEHOLDER",
-    "@angular/platform-browser": "ANGULAR_VER_PLACEHOLDER",
-    "@angular/router": "ANGULAR_VER_PLACEHOLDER",
-    "fundamental-styles": "FDSTYLES_VER_PLACEHOLDER",
-    "rxjs": "RXJS_VER_PLACEHOLDER"
+    "@angular/animations": "^20.0.0",
+    "@angular/cdk": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/router": "^20.0.0",
+    "fundamental-styles": "0.40.1",
+    "rxjs": "^7.8.0"
   },
   "dependencies": {
-    "@sap-theming/theming-base-content": "THEMING_VER_PLACEHOLDER",
-    "compare-versions": "COMPARE_VERSIONS_VER_PLACEHOLDER",
-    "fast-deep-equal": "FAST_DEEP_EQUAL_VER_PLACEHOLDER",
-    "lodash-es": "LODASH_ES_VER_PLACEHOLDER",
+    "@sap-theming/theming-base-content": "^11.31.0",
+    "compare-versions": "^6.1.0",
+    "fast-deep-equal": "3.1.3",
+    "lodash-es": "^4.17.0",
     "tslib": "^2.0.0"
   },
   "ng-add": {
@@ -63,14 +63,14 @@
       "types": "./breadcrumbs-item/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs"
-    },
     "./busy-indicator": {
       "types": "./busy-indicator/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs"
+    },
     "./button-badge": {
       "types": "./button-badge/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs"
@@ -79,14 +79,14 @@
       "types": "./calendar/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs"
     },
-    "./calendar-date": {
-      "types": "./calendar-date/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs"
-    },
     "./calendar-date-range": {
       "types": "./calendar-date-range/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs"
     },
+    "./calendar-date": {
+      "types": "./calendar-date/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs"
+    },
     "./calendar-legend": {
       "types": "./calendar-legend/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs"
@@ -115,10 +115,6 @@
       "types": "./color-palette/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs"
     },
-    "./color-palette-item": {
-      "types": "./color-palette-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs"
-    },
     "./color-palette-popover": {
       "types": "./color-palette-popover/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs"
@@ -127,14 +123,18 @@
       "types": "./color-picker/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs"
     },
-    "./combo-box": {
-      "types": "./combo-box/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs"
+    "./color-palette-item": {
+      "types": "./color-palette-item/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs"
     },
     "./combo-box-item": {
       "types": "./combo-box-item/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs"
     },
+    "./combo-box": {
+      "types": "./combo-box/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs"
+    },
     "./combo-box-item-group": {
       "types": "./combo-box-item-group/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs"
@@ -267,14 +267,14 @@
       "types": "./progress-indicator/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs"
     },
-    "./radio-button": {
-      "types": "./radio-button/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs"
-    },
     "./range-slider": {
       "types": "./range-slider/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs"
     },
+    "./radio-button": {
+      "types": "./radio-button/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs"
+    },
     "./rating-indicator": {
       "types": "./rating-indicator/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs"
@@ -311,26 +311,26 @@
       "types": "./step-input/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs"
     },
-    "./suggestion-item": {
-      "types": "./suggestion-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs"
-    },
     "./suggestion-item-custom": {
       "types": "./suggestion-item-custom/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs"
     },
+    "./suggestion-item": {
+      "types": "./suggestion-item/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs"
+    },
     "./suggestion-item-group": {
       "types": "./suggestion-item-group/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs"
     },
-    "./switch": {
-      "types": "./switch/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs"
-    },
     "./tab": {
       "types": "./tab/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs"
     },
+    "./switch": {
+      "types": "./switch/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs"
+    },
     "./tab-container": {
       "types": "./tab-container/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs"
@@ -387,18 +387,22 @@
       "types": "./table-selection-single/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs"
     },
+    "./table-virtualizer": {
+      "types": "./table-virtualizer/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs"
+    },
     "./tag": {
       "types": "./tag/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs"
     },
-    "./text-area": {
-      "types": "./text-area/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs"
-    },
     "./text": {
       "types": "./text/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs"
     },
+    "./text-area": {
+      "types": "./text-area/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs"
+    },
     "./theming": {
       "types": "./theming/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs"
@@ -455,14 +459,14 @@
       "types": "./tree/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs"
     },
-    "./tree-item": {
-      "types": "./tree-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs"
-    },
     "./tree-item-custom": {
       "types": "./tree-item-custom/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs"
     },
+    "./tree-item": {
+      "types": "./tree-item/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs"
+    },
     "./types": {
       "types": "./types/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-types.mjs"
@@ -470,10 +474,6 @@
     "./utils": {
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-utils.mjs"
-    },
-    "./table-virtualizer": {
-      "types": "./table-virtualizer/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs"
     }
   },
   "sideEffects": false

package/panel/index.d.ts

@@ -50,6 +50,32 @@ declare class Panel implements AfterViewInit {
      * Fired when the component is expanded/collapsed by user interaction.
      */
     ui5Toggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_Panel, "toggle">>;
+    /**
+     * 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. The content is visible only when the component is expanded.
+     * - **header**: Defines the component header area.
+  
+  **Note:** When a header is provided, the `headerText` property is ignored.
+     *
+     * @example
+     * ```html
+     * <ui5-panel>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-panel>
+     * ```
+     *
+     * @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<_Panel>;
     injector: Injector;
     get element(): _Panel;

package/popover/index.d.ts

@@ -99,6 +99,31 @@ declare class Popover implements AfterViewInit {
      * Fired after the component is closed.
      */
     ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Popover, "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.
+     *
+     * - **header**: Defines the header HTML Element.
+     * - **footer**: Defines the footer HTML Element.
+     * - **(default)**: Defines the content of the Popup.
+     *
+     * @example
+     * ```html
+     * <ui5-popover>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-popover>
+     * ```
+     *
+     * @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<_Popover>;
     injector: Injector;
     get element(): _Popover;

package/responsive-popover/index.d.ts

@@ -99,6 +99,31 @@ declare class ResponsivePopover implements AfterViewInit {
      * Fired after the component is closed.
      */
     ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ResponsivePopover, "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.
+     *
+     * - **header**: Defines the header HTML Element.
+     * - **footer**: Defines the footer HTML Element.
+     * - **(default)**: Defines the content of the Popup.
+     *
+     * @example
+     * ```html
+     * <ui5-responsive-popover>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-responsive-popover>
+     * ```
+     *
+     * @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<_ResponsivePopover>;
     injector: Injector;
     get element(): _ResponsivePopover;

package/segmented-button/index.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _SegmentedButton, { ISegmentedButtonItem } from '@ui5/webcomponents/dist/SegmentedButton.js';
+export { ISegmentedButtonItem } from '@ui5/webcomponents/dist/SegmentedButton.js';
 import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class SegmentedButton implements AfterViewInit {
@@ -41,6 +42,33 @@ declare class SegmentedButton implements AfterViewInit {
      * Fired when the selected item changes.
      */
     ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_SegmentedButton, "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 items of `ui5-segmented-button`.
+  
+  **Note:** Multiple items are allowed.
+  
+  **Note:** Use the `ui5-segmented-button-item` for the intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-segmented-button>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-segmented-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;
+    }[];
     elementRef: ElementRef<_SegmentedButton>;
     injector: Injector;
     private _selectedItemsSignal;

package/segmented-button-item/index.d.ts

@@ -43,6 +43,31 @@ declare class SegmentedButtonItem implements AfterViewInit {
   See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
      */
     icon: _angular_core.InputSignal<string | 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.
+  
+  **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-segmented-button-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-segmented-button-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;
+    }[];
     elementRef: ElementRef<_SegmentedButtonItem>;
     injector: Injector;
     get element(): _SegmentedButtonItem;

package/select/index.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _Select, { IOption } from '@ui5/webcomponents/dist/Select.js';
+export { IOption } from '@ui5/webcomponents/dist/Select.js';
 import { UI5CustomEvent } from '@ui5/webcomponents-base';
 import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
 
@@ -92,6 +93,56 @@ declare class Select implements AfterViewInit {
      * Fired after the component's dropdown menu closes.
      */
     ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Select, "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-option` component to define the desired options.
+     * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
+  
+  **Note:** If not specified, a default text (in the respective language) will be displayed.
+  
+  **Note:** The `valueStateMessage` would be displayed,
+  when the component is in `Information`, `Critical` or `Negative` value state.
+  
+  **Note:** If the component has `suggestionItems`,
+  the `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.
+     * - **label**: Defines the HTML element that will be displayed in the component input part,
+  representing the selected option.
+  
+  **Note:** If not specified and `ui5-option-custom` is used,
+  either the option's `display-text` or its textContent will be displayed.
+  
+  **Note:** If not specified and `ui5-option` is used,
+  the option's textContent will be displayed.
+     *
+     * @example
+     * ```html
+     * <ui5-select>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-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<_Select>;
     injector: Injector;
     private _selectedOptionSignal;

package/split-button/index.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _SplitButton, { SplitButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/SplitButton.js';
+export { SplitButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/SplitButton.js';
 import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class SplitButton implements AfterViewInit {
@@ -59,6 +60,31 @@ declare class SplitButton implements AfterViewInit {
      * Fired when the user clicks on the arrow action.
      */
     ui5ArrowClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_SplitButton, "arrow-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.
+     *
+     * @example
+     * ```html
+     * <ui5-split-button>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-split-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;
+    }[];
     elementRef: ElementRef<_SplitButton>;
     injector: Injector;
     get element(): _SplitButton;

package/step-input/index.d.ts

@@ -76,6 +76,34 @@ declare class StepInput implements AfterViewInit {
   prevented, the component will not update the value state.
      */
     ui5ValueStateChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_StepInput, "value-state-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.
+     *
+     * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
+  
+  **Note:** If not specified, a default text (in the respective language) will be displayed.
+  
+  **Note:** The `valueStateMessage` would be displayed,
+  when the component is in `Information`, `Critical` or `Negative` value state.
+     *
+     * @example
+     * ```html
+     * <ui5-step-input>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-step-input>
+     * ```
+     *
+     * @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<_StepInput>;
     injector: Injector;
     get element(): _StepInput;

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

@@ -8,6 +8,29 @@ declare class SuggestionItemCustom implements AfterViewInit {
   **Note:** The text property is considered only for autocomplete.
      */
     text: i0.InputSignal<string | 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-suggestion-item-custom>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-suggestion-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;
+    }[];
     elementRef: ElementRef<_SuggestionItemCustom>;
     injector: Injector;
     get element(): _SuggestionItemCustom;

package/suggestion-item-group/index.d.ts

@@ -38,6 +38,32 @@ declare class SuggestionItemGroup implements AfterViewInit {
   **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
      */
     ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_SuggestionItemGroup, "move">>;
+    /**
+     * 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 <code>ui5-suggestion-item-group</code>.
+     * - **header**: Defines the header of the component.
+  
+  **Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.
+     *
+     * @example
+     * ```html
+     * <ui5-suggestion-item-group>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-suggestion-item-group>
+     * ```
+     *
+     * @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<_SuggestionItemGroup>;
     injector: Injector;
     get element(): _SuggestionItemGroup;

package/tab/index.d.ts

@@ -43,6 +43,32 @@ declare class Tab implements AfterViewInit {
      * Defines if the tab 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)**: Holds the content associated with this tab.
+     * - **items**: Defines hierarchies with nested sub tabs.
+  
+  **Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-tab>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-tab>
+     * ```
+     *
+     * @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<_Tab>;
     injector: Injector;
     get element(): _Tab;