@fundamental-ngx/ui5-webcomponents 0.58.0-rc.6 → 0.58.0-rc.60

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@fundamental-ngx/ui5-webcomponents",
-  "version": "0.58.0-rc.6",
+  "version": "0.58.0-rc.60",
   "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": {
@@ -47,6 +47,10 @@
       "types": "./avatar/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs"
     },
+    "./avatar-group": {
+      "types": "./avatar-group/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs"
+    },
     "./bar": {
       "types": "./bar/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs"
@@ -55,10 +59,6 @@
       "types": "./breadcrumbs/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs"
     },
-    "./avatar-group": {
-      "types": "./avatar-group/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs"
-    },
     "./breadcrumbs-item": {
       "types": "./breadcrumbs-item/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs"
@@ -131,38 +131,38 @@
       "types": "./combo-box/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs"
     },
-    "./combo-box-item": {
-      "types": "./combo-box-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs"
+    "./date-picker": {
+      "types": "./date-picker/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs"
     },
     "./combo-box-item-group": {
       "types": "./combo-box-item-group/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs"
     },
-    "./date-picker": {
-      "types": "./date-picker/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs"
-    },
-    "./date-range-picker": {
-      "types": "./date-range-picker/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs"
+    "./combo-box-item": {
+      "types": "./combo-box-item/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs"
     },
     "./date-time-picker": {
       "types": "./date-time-picker/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs"
     },
+    "./date-range-picker": {
+      "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"
     },
-    "./dynamic-date-range": {
-      "types": "./dynamic-date-range/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs"
-    },
     "./expandable-text": {
       "types": "./expandable-text/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs"
     },
+    "./dynamic-date-range": {
+      "types": "./dynamic-date-range/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs"
+    },
     "./file-uploader": {
       "types": "./file-uploader/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs"
@@ -179,10 +179,6 @@
       "types": "./form-item/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs"
     },
-    "./icon": {
-      "types": "./icon/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs"
-    },
     "./input": {
       "types": "./input/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs"
@@ -271,6 +267,10 @@
       "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"
+    },
     "./rating-indicator": {
       "types": "./rating-indicator/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs"
@@ -279,10 +279,6 @@
       "types": "./responsive-popover/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs"
     },
-    "./range-slider": {
-      "types": "./range-slider/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs"
-    },
     "./segmented-button": {
       "types": "./segmented-button/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs"
@@ -371,6 +367,10 @@
       "types": "./table-row-action/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs"
     },
+    "./icon": {
+      "types": "./icon/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs"
+    },
     "./table-row-action-navigation": {
       "types": "./table-row-action-navigation/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs"
@@ -431,14 +431,14 @@
       "types": "./tokenizer/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs"
     },
-    "./toolbar-button": {
-      "types": "./toolbar-button/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs"
-    },
     "./toolbar": {
       "types": "./toolbar/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs"
     },
+    "./toolbar-button": {
+      "types": "./toolbar-button/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs"
+    },
     "./toolbar-select": {
       "types": "./toolbar-select/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs"

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;

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;