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

package/media-gallery/index.d.ts

@@ -46,6 +46,33 @@ declare class MediaGallery implements AfterViewInit {
   the enlarged content of the currently selected item.
      */
     ui5DisplayAreaClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_MediaGallery, "display-area-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 component items.
+  
+  **Note:** Only one selected item is allowed.
+  
+  **Note:** Use the `ui5-media-gallery-item` component to define the desired items.
+     *
+     * @example
+     * ```html
+     * <ui5-media-gallery>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-media-gallery>
+     * ```
+     *
+     * @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<_MediaGallery>;
     injector: Injector;
     get element(): _MediaGallery;

package/media-gallery-item/index.d.ts

@@ -15,6 +15,30 @@ declare class MediaGalleryItem implements AfterViewInit {
      * Determines the layout of the item container.
      */
     layout: _angular_core.InputSignal<"Square" | "Wide" | 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.
+     * - **thumbnail**: Defines the content of the thumbnail.
+     *
+     * @example
+     * ```html
+     * <ui5-media-gallery-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-media-gallery-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<_MediaGalleryItem>;
     injector: Injector;
     get element(): _MediaGalleryItem;

package/navigation-layout/index.d.ts

@@ -7,6 +7,31 @@ declare class NavigationLayout implements AfterViewInit {
      * Specifies the navigation layout mode.
      */
     mode: i0.InputSignal<"Auto" | "Collapsed" | "Expanded" | 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.
+     *
+     * - **header**: Defines the header.
+     * - **sideContent**: Defines the side content.
+     * - **(default)**: Defines the content.
+     *
+     * @example
+     * ```html
+     * <ui5-navigation-layout>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-navigation-layout>
+     * ```
+     *
+     * @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<_NavigationLayout>;
     injector: Injector;
     get element(): _NavigationLayout;

package/notification-list/index.d.ts

@@ -20,6 +20,29 @@ declare class NotificationList implements AfterViewInit {
      * Fired when an item is toggled.
      */
     ui5ItemToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationList, "item-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 items of the component.
+     *
+     * @example
+     * ```html
+     * <ui5-notification-list>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-notification-list>
+     * ```
+     *
+     * @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<_NotificationList>;
     injector: Injector;
     get element(): _NotificationList;

package/notification-list-group-item/index.d.ts

@@ -40,6 +40,30 @@ declare class NotificationListGroupItem implements AfterViewInit {
      * Fired when additional items are requested.
      */
     ui5LoadMore: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationListGroupItem, "load-more">>;
+    /**
+     * 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 `ui5-li-notification-group`,
+  usually `ui5-li-notification` items.
+     *
+     * @example
+     * ```html
+     * <ui5-li-notification-group>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-li-notification-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<_NotificationListGroupItem>;
     injector: Injector;
     get element(): _NotificationListGroupItem;

package/notification-list-item/index.d.ts

@@ -47,6 +47,45 @@ declare class NotificationListItem implements AfterViewInit {
      * Fired when the `Close` button is pressed.
      */
     ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationListItem, "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.
+     *
+     * - **avatar**: Defines the avatar, displayed in the `ui5-li-notification`.
+  
+  **Note:** Consider using the `ui5-avatar` to display icons, initials or images.
+  
+  **Note:** In order to be complaint with the UX guidlines and for best experience,
+  we recommend using avatars with 2rem X 2rem in size (32px X 32px). In case you are using the `ui5-avatar`
+  you can set its `size` property to `XS` to get the required size - `<ui5-avatar size="XS"></ui5-avatar>`.
+     * - **menu**: Defines the menu, displayed in the `ui5-li-notification`.
+  
+  **Note:** Use this for implementing actions.
+  
+  **Note:** Should be used instead `u5-notification-action`, which is deprecated as of version 2.0.
+     * - **footnotes**: Defines the elements, displayed in the footer of the of the component.
+     * - **(default)**: Defines the content of the `ui5-li-notification`,
+  usually a description of the notification.
+  
+  **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-li-notification>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-li-notification>
+     * ```
+     *
+     * @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<_NotificationListItem>;
     injector: Injector;
     get element(): _NotificationListItem;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@fundamental-ngx/ui5-webcomponents-fiori",
-  "version": "0.58.0-rc.7",
+  "version": "0.58.0-rc.70",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - UI5 Webcomponents Fiori",
   "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,7 +20,7 @@
     "@angular/forms": "^20.0.0",
     "@angular/platform-browser": "^20.0.0",
     "@angular/router": "^20.0.0",
-    "@fundamental-ngx/ui5-webcomponents": "0.58.0-rc.7",
+    "@fundamental-ngx/ui5-webcomponents": "0.58.0-rc.70",
     "fundamental-styles": "0.40.1",
     "rxjs": "^7.8.0"
   },
@@ -228,6 +228,10 @@
       "types": "./user-menu-item-group/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item-group.mjs"
     },
+    "./user-settings-account-view": {
+      "types": "./user-settings-account-view/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-account-view.mjs"
+    },
     "./user-settings-dialog": {
       "types": "./user-settings-dialog/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-dialog.mjs"

package/page/index.d.ts

@@ -24,6 +24,31 @@ declare class Page implements AfterViewInit {
      * Defines the footer visibility.
      */
     hideFooter: _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.
+     *
+     * - **header**: Defines the header HTML Element.
+     * - **(default)**: Defines the content HTML Element.
+     * - **footer**: Defines the footer HTML Element.
+     *
+     * @example
+     * ```html
+     * <ui5-page>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-page>
+     * ```
+     *
+     * @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<_Page>;
     injector: Injector;
     get element(): _Page;

package/product-switch/index.d.ts

@@ -3,6 +3,29 @@ import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _ProductSwitch from '@ui5/webcomponents-fiori/dist/ProductSwitch.js';
 
 declare class ProductSwitch implements AfterViewInit {
+    /**
+     * 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 `ui5-product-switch`.
+     *
+     * @example
+     * ```html
+     * <ui5-product-switch>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-product-switch>
+     * ```
+     *
+     * @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<_ProductSwitch>;
     injector: Injector;
     get element(): _ProductSwitch;

package/product-switch-item/index.d.ts

@@ -45,6 +45,33 @@ declare class ProductSwitchItem implements AfterViewInit {
   click/tap or by using the Enter or Space key.
      */
     ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ProductSwitchItem, "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.
+     *
+     * - **image**: Defines an image to be displayed instead of the standard icon.
+  
+  **Note:** The image slot takes precedence over the icon property.
+  **Note:** We recommend using non-interactive ui5-avatar with size S, Square shape and Transparent colorScheme for best alignment.
+     *
+     * @example
+     * ```html
+     * <ui5-product-switch-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-product-switch-item>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+        since: string;
+    }[];
     elementRef: ElementRef<_ProductSwitchItem>;
     injector: Injector;
     get element(): _ProductSwitchItem;

package/search/index.d.ts

@@ -59,6 +59,42 @@ declare class Search implements AfterViewInit {
      * Fired when the user has triggered search with Enter key or Search Button press.
      */
     ui5Search: _angular_core.OutputEmitterRef<UI5CustomEvent<_Search, "search">>;
+    /**
+     * 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 Search suggestion items.
+     * - **action**: Defines the popup footer action button.
+     * - **illustration**: Defines the illustrated message to be shown in the popup.
+     * - **messageArea**: Defines the illustrated message to be shown in the popup.
+     * - **scopes**: Defines the component scope options.
+     * - **filterButton**: Defines the filter button slot, used to display an additional filtering button.
+  This slot is intended for passing a `ui5-button` with a filter icon to provide extended filtering options.
+  
+  **Note:** Scope button and Filter button are mutually exclusive.
+     *
+     * @example
+     * ```html
+     * <ui5-search>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-search>
+     * ```
+     *
+     * @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<_Search>;
     injector: Injector;
     get element(): _Search;

package/search-item/index.d.ts

@@ -33,6 +33,37 @@ declare class SearchItem implements AfterViewInit {
      * Fired when delete button is pressed.
      */
     ui5Delete: _angular_core.OutputEmitterRef<UI5CustomEvent<_SearchItem, "delete">>;
+    /**
+     * 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.
+     *
+     * - **image**: **Note:** While the slot allows the option of setting a custom avatar, to comply with the
+  design guidelines, use the `ui5-avatar` with size - XS.
+     * - **actions**: Defines the actionable elements.
+  This slot allows placing additional interactive elements (such as buttons, icons, or tags)
+  next to the delete button, providing flexible customization for various user actions.
+  
+  **Note:** While the slot is flexible, for consistency with design guidelines,
+  it's recommended to use `ui5-button` with `Transparent` design or `ui5-icon` elements.
+     *
+     * @example
+     * ```html
+     * <ui5-search-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-search-item>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+        since: string;
+    }[];
     elementRef: ElementRef<_SearchItem>;
     injector: Injector;
     get element(): _SearchItem;

package/search-item-show-more/index.d.ts

@@ -6,8 +6,8 @@ import { UI5CustomEvent } from '@ui5/webcomponents-base';
 declare class SearchItemShowMore implements AfterViewInit {
     /**
      * Specifies the number of additional items available to show.
-  This value replaces the placeholder (N) in the "Show more (N)" text.
-  If not set, the placeholder will remain as (N).
+  If no value is defined, the control shows "Show more" (without any counter).
+  If a number is provided, it displays "Show more (N)", where N is that number.
      */
     itemsToShowCount: _angular_core.InputSignal<number | undefined>;
     /**

package/shell-bar/index.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _ShellBar, { ShellBarAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBar.js';
+export { ShellBarAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBar.js';
 import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class ShellBar implements AfterViewInit {
@@ -149,6 +150,63 @@ declare class ShellBar implements AfterViewInit {
   **Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change.
      */
     ui5ContentItemVisibilityChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "content-item-visibility-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.
+     *
+     * - **assistant**: Defines the assistant slot.
+     * - **branding**: Defines the branding slot.
+  The `ui5-shellbar-branding` component is intended to be placed inside this slot.
+  Content placed here takes precedence over the `primaryTitle` property and the `logo` content slot.
+  
+  **Note:** The `branding` slot is in an experimental state and is a subject to change.
+     * - **(default)**: Defines the `ui5-shellbar` additional items.
+  
+  **Note:**
+  You can use the `<ui5-shellbar-item></ui5-shellbar-item>`.
+     * - **profile**: You can pass `ui5-avatar` to set the profile image/icon.
+  If no profile slot is set - profile will be excluded from actions.
+  
+  **Note:** We recommend not using the `size` attribute of `ui5-avatar` because
+  it should have specific size by design in the context of `ui5-shellbar` profile.
+     * - **logo**: Defines the logo of the `ui5-shellbar`.
+  For example, you can use `ui5-avatar` or `img` elements as logo.
+     * - **menuItems**: Defines the items displayed in menu after a click on a start button.
+  
+  **Note:** You can use the  `<ui5-li></ui5-li>` and its ancestors.
+     * - **searchField**: Defines the `ui5-input`, that will be used as a search field.
+     * - **startButton**: Defines a `ui5-button` in the bar that will be placed in the beginning.
+  We encourage this slot to be used for a menu button.
+  It gets overstyled to match ShellBar's styling.
+     * - **content**: Define the items displayed in the content area.
+  
+  Use the `data-hide-order` attribute with numeric value to specify the order of the items to be hidden when the space is not enough.
+  Lower values will be hidden first.
+  
+  **Note:** The `content` slot is in an experimental state and is a subject to change.
+     *
+     * @example
+     * ```html
+     * <ui5-shellbar>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-shellbar>
+     * ```
+     *
+     * @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: string;
+    } | {
+        name: string;
+        description: string;
+        since?: undefined;
+    })[];
     elementRef: ElementRef<_ShellBar>;
     injector: Injector;
     get element(): _ShellBar;

package/shell-bar-branding/index.d.ts

@@ -33,6 +33,33 @@ declare class ShellBarBranding implements AfterViewInit {
      * Fired, when the logo is activated.
      */
     ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarBranding, "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 title for the ui5-shellbar-branding component.
+  
+  **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     * - **logo**: Defines the logo of the `ui5-shellbar`.
+  For example, you can use `ui5-avatar` or `img` elements as logo.
+     *
+     * @example
+     * ```html
+     * <ui5-shellbar-branding>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-shellbar-branding>
+     * ```
+     *
+     * @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<_ShellBarBranding>;
     injector: Injector;
     get element(): _ShellBarBranding;

package/shell-bar-item/index.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _ShellBarItem, { ShellBarItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBarItem.js';
+export { ShellBarItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBarItem.js';
 import { UI5CustomEvent } from '@ui5/webcomponents-base';
 
 declare class ShellBarItem implements AfterViewInit {

package/shell-bar-search/index.d.ts

@@ -63,6 +63,42 @@ declare class ShellBarSearch implements AfterViewInit {
      * Fired when the user has triggered search with Enter key or Search Button press.
      */
     ui5Search: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarSearch, "search">>;
+    /**
+     * 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 Search suggestion items.
+     * - **action**: Defines the popup footer action button.
+     * - **illustration**: Defines the illustrated message to be shown in the popup.
+     * - **messageArea**: Defines the illustrated message to be shown in the popup.
+     * - **scopes**: Defines the component scope options.
+     * - **filterButton**: Defines the filter button slot, used to display an additional filtering button.
+  This slot is intended for passing a `ui5-button` with a filter icon to provide extended filtering options.
+  
+  **Note:** Scope button and Filter button are mutually exclusive.
+     *
+     * @example
+     * ```html
+     * <ui5-shellbar-search>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-shellbar-search>
+     * ```
+     *
+     * @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<_ShellBarSearch>;
     injector: Injector;
     get element(): _ShellBarSearch;

package/side-navigation/index.d.ts

@@ -22,6 +22,40 @@ declare class SideNavigation implements AfterViewInit {
      * Fired when the selection has changed via user interaction
      */
     ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_SideNavigation, "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 main items of the component.
+     * - **fixedItems**: Defines the fixed items at the bottom of the component.
+  
+  **Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items "flat" (do not pass sub-items)
+     * - **header**: Defines the header of the `ui5-side-navigation`.
+  
+  **Note:** The header is displayed when the component is expanded - the property `collapsed` is false;
+     *
+     * @example
+     * ```html
+     * <ui5-side-navigation>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-side-navigation>
+     * ```
+     *
+     * @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<_SideNavigation>;
     injector: Injector;
     get element(): _SideNavigation;

package/side-navigation-group/index.d.ts

@@ -24,6 +24,29 @@ declare class SideNavigationGroup implements AfterViewInit {
   when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
      */
     tooltip: _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 nested items by passing `ui5-side-navigation-item` to the default slot.
+     *
+     * @example
+     * ```html
+     * <ui5-side-navigation-group>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-side-navigation-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<_SideNavigationGroup>;
     injector: Injector;
     get element(): _SideNavigationGroup;