@fundamental-ngx/ui5-webcomponents 0.58.0-rc.7 → 0.58.0-rc.71

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@fundamental-ngx/ui5-webcomponents",
-  "version": "0.58.0-rc.7",
+  "version": "0.58.0-rc.71",
   "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": {
@@ -75,18 +75,14 @@
       "types": "./button-badge/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs"
     },
-    "./calendar": {
-      "types": "./calendar/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-calendar.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-date-range": {
-      "types": "./calendar-date-range/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs"
-    },
     "./calendar-legend": {
       "types": "./calendar-legend/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs"
@@ -219,6 +215,10 @@
       "types": "./menu-item/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs"
     },
+    "./calendar": {
+      "types": "./calendar/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs"
+    },
     "./menu-item-group": {
       "types": "./menu-item-group/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs"
@@ -243,10 +243,6 @@
       "types": "./multi-combo-box-item-group/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs"
     },
-    "./multi-input": {
-      "types": "./multi-input/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs"
-    },
     "./option": {
       "types": "./option/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs"
@@ -255,6 +251,10 @@
       "types": "./option-custom/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs"
     },
+    "./multi-input": {
+      "types": "./multi-input/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs"
+    },
     "./panel": {
       "types": "./panel/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs"
@@ -379,10 +379,6 @@
       "types": "./table-selection/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs"
     },
-    "./table-selection-multi": {
-      "types": "./table-selection-multi/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs"
-    },
     "./table-selection-single": {
       "types": "./table-selection-single/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs"
@@ -395,6 +391,10 @@
       "types": "./tag/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs"
     },
+    "./table-selection-multi": {
+      "types": "./table-selection-multi/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs"
+    },
     "./text": {
       "types": "./text/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs"
@@ -403,14 +403,14 @@
       "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"
-    },
     "./time-picker": {
       "types": "./time-picker/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs"
     },
+    "./theming": {
+      "types": "./theming/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs"
+    },
     "./title": {
       "types": "./title/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-title.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;

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;