@fundamental-ngx/ui5-webcomponents 0.58.0-rc.8 → 0.58.0-rc.81

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@fundamental-ngx/ui5-webcomponents",
-  "version": "0.58.0-rc.8",
+  "version": "0.58.0-rc.81",
   "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"
@@ -20,14 +20,14 @@
     "@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"
+    "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": {
@@ -55,14 +55,14 @@
       "types": "./bar/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs"
     },
-    "./breadcrumbs": {
-      "types": "./breadcrumbs/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs"
-    },
     "./breadcrumbs-item": {
       "types": "./breadcrumbs-item/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs"
     },
+    "./breadcrumbs": {
+      "types": "./breadcrumbs/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs"
+    },
     "./busy-indicator": {
       "types": "./busy-indicator/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs"
@@ -147,14 +147,14 @@
       "types": "./date-range-picker/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs"
     },
-    "./dialog": {
-      "types": "./dialog/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs"
-    },
     "./date-time-picker": {
       "types": "./date-time-picker/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs"
     },
+    "./dialog": {
+      "types": "./dialog/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs"
+    },
     "./dynamic-date-range": {
       "types": "./dynamic-date-range/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs"
@@ -259,10 +259,6 @@
       "types": "./panel/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs"
     },
-    "./popover": {
-      "types": "./popover/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs"
-    },
     "./progress-indicator": {
       "types": "./progress-indicator/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs"
@@ -315,10 +311,6 @@
       "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-group": {
       "types": "./suggestion-item-group/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs"
@@ -327,6 +319,10 @@
       "types": "./switch/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs"
     },
+    "./suggestion-item-custom": {
+      "types": "./suggestion-item-custom/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs"
+    },
     "./tab": {
       "types": "./tab/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs"
@@ -387,17 +383,17 @@
       "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"
+    "./text": {
+      "types": "./text/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs"
     },
     "./tag": {
       "types": "./tag/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs"
     },
-    "./text": {
-      "types": "./text/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs"
+    "./table-virtualizer": {
+      "types": "./table-virtualizer/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs"
     },
     "./text-area": {
       "types": "./text-area/index.d.ts",
@@ -411,10 +407,6 @@
       "types": "./time-picker/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs"
     },
-    "./title": {
-      "types": "./title/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs"
-    },
     "./toast": {
       "types": "./toast/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs"
@@ -423,13 +415,17 @@
       "types": "./toggle-button/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs"
     },
+    "./tokenizer": {
+      "types": "./tokenizer/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs"
+    },
     "./token": {
       "types": "./token/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs"
     },
-    "./tokenizer": {
-      "types": "./tokenizer/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs"
+    "./title": {
+      "types": "./title/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs"
     },
     "./toolbar": {
       "types": "./toolbar/index.d.ts",
@@ -451,6 +447,10 @@
       "types": "./toolbar-separator/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs"
     },
+    "./tree": {
+      "types": "./tree/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs"
+    },
     "./toolbar-spacer": {
       "types": "./toolbar-spacer/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs"
@@ -459,10 +459,6 @@
       "types": "./tree-item/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs"
     },
-    "./tree": {
-      "types": "./tree/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs"
-    },
     "./tree-item-custom": {
       "types": "./tree-item-custom/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs"
@@ -474,6 +470,10 @@
     "./utils": {
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-utils.mjs"
+    },
+    "./popover": {
+      "types": "./popover/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-popover.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;

package/tab-container/index.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _TabContainer, { ITab } from '@ui5/webcomponents/dist/TabContainer.js';
+export { ITab } from '@ui5/webcomponents/dist/TabContainer.js';
 import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class TabContainer implements AfterViewInit {
@@ -62,6 +63,40 @@ declare class TabContainer implements AfterViewInit {
   **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
      */
     ui5Move: _angular_core.OutputEmitterRef<UI5CustomEvent<_TabContainer, "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 tabs.
+  
+  **Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.
+     * - **overflowButton**: Defines the button which will open the overflow menu. If nothing is provided to this slot,
+  the default button will be used.
+     * - **startOverflowButton**: Defines the button which will open the start overflow menu if available. If nothing is provided to this slot,
+  the default button will be used.
+     *
+     * @example
+     * ```html
+     * <ui5-tabcontainer>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-tabcontainer>
+     * ```
+     *
+     * @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<_TabContainer>;
     injector: Injector;
     get element(): _TabContainer;