npm - @fundamental-ngx/ui5-webcomponents - Versions diffs - 0.58.0-rc.51 → 0.58.0-rc.53 - Mend

@fundamental-ngx/ui5-webcomponents 0.58.0-rc.51 → 0.58.0-rc.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (253) hide show

package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs CHANGED Viewed

@@ -365,6 +365,47 @@ class Avatar {
       property is set to `true`.
          */
         this.ui5Click = output();
+        /**
+         * 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)**: Receives the desired `<img>` tag
+      **Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>
+      `ui5-avatar:not(:defined) {`<br/>
+      &nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>
+      `}`
+         * - **badge**: Defines the optional badge that will be used for visual affordance.
+      **Note:** While the slot allows for custom badges, to achieve
+      the Fiori design, you can use the `ui5-tag` with `ui5-icon`
+      in the corresponding `icon` slot, without text nodes.
+         *
+         * @example
+         * ```html
+         * <ui5-avatar>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-avatar>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Receives the desired `<img>` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>\n`ui5-avatar:not(:defined) {`<br/>\n&nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>\n`}`",
+                "since": "1.0.0-rc.15"
+            },
+            {
+                "name": "badge",
+                "description": "Defines the optional badge that will be used for visual affordance.\n\n**Note:** While the slot allows for custom badges, to achieve\nthe Fiori design, you can use the `ui5-tag` with `ui5-icon`\nin the corresponding `icon` slot, without text nodes.",
+                "since": "1.7.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -467,6 +508,46 @@ class AvatarGroup {
       component has changed
          */
         this.ui5Overflow = output();
+        /**
+         * 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. Use the `ui5-avatar` component as an item.
+      **Note:** The UX guidelines recommends using avatars with "Circle" shape.
+      Moreover, if you use avatars with "Square" shape, there will be visual inconsistency
+      as the built-in overflow action has "Circle" shape.
+         * - **overflowButton**: Defines the overflow button of the component.
+      **Note:** We recommend using the `ui5-button` component.
+      **Note:** If this slot is not used, the component will display the built-in overflow button.
+         *
+         * @example
+         * ```html
+         * <ui5-avatar-group>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-avatar-group>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of the component. Use the `ui5-avatar` component as an item.\n\n**Note:** The UX guidelines recommends using avatars with \"Circle\" shape.\n\nMoreover, if you use avatars with \"Square\" shape, there will be visual inconsistency\nas the built-in overflow action has \"Circle\" shape."
+            },
+            {
+                "name": "overflowButton",
+                "description": "Defines the overflow button of the component.\n\n**Note:** We recommend using the `ui5-button` component.\n\n**Note:** If this slot is not used, the component will display the built-in overflow button.",
+                "since": "1.0.0-rc.13"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -560,6 +641,41 @@ class Bar {
       - If there is only one or no active element, it is recommended to avoid using the "toolbar" role, as it implies a grouping of multiple interactive controls.
          */
         this.accessibleRole = input("Toolbar", ...(ngDevMode ? [{ debugName: "accessibleRole" }] : [])); // className is now passed
+        /**
+         * 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.
+         *
+         * - **startContent**: Defines the content at the start of the bar.
+         * - **(default)**: Defines the content in the middle of the bar.
+         * - **endContent**: Defines the content at the end of the bar.
+         *
+         * @example
+         * ```html
+         * <ui5-bar>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-bar>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "startContent",
+                "description": "Defines the content at the start of the bar."
+            },
+            {
+                "name": "default",
+                "description": "Defines the content in the middle of the bar."
+            },
+            {
+                "name": "endContent",
+                "description": "Defines the content at the end of the bar."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -625,6 +741,33 @@ class Breadcrumbs {
       **Note:** You can prevent browser location change by calling `event.preventDefault()`.
          */
         this.ui5ItemClick = output();
+        /**
+         * 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:** Use the `ui5-breadcrumbs-item` component to define the desired items.
+         *
+         * @example
+         * ```html
+         * <ui5-breadcrumbs>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-breadcrumbs>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the component items.\n\n**Note:** Use the `ui5-breadcrumbs-item` component to define the desired items."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -711,6 +854,33 @@ class BreadcrumbsItem {
          * Defines the accessible ARIA name of the item.
          */
         this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : [])); // className is now passed
+        /**
+         * 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-breadcrumbs-item>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-breadcrumbs-item>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -779,6 +949,31 @@ class BusyIndicator {
          * Defines the placement of the text.
          */
         this.textPlacement = input("Bottom", ...(ngDevMode ? [{ debugName: "textPlacement" }] : [])); // className is now passed
+        /**
+         * 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)**: Determines the content over which the component will appear.
+         *
+         * @example
+         * ```html
+         * <ui5-busy-indicator>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-busy-indicator>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Determines the content over which the component will appear."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -931,6 +1126,39 @@ class Button {
       **Note:** The event will not be fired if the `disabled` property is set to `true`.
          */
         this.ui5Click = output();
+        /**
+         * 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.
+         * - **badge**: Adds a badge to the button.
+         *
+         * @example
+         * ```html
+         * <ui5-button>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-button>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            },
+            {
+                "name": "badge",
+                "description": "Adds a badge to the button.",
+                "since": "2.7.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -1129,6 +1357,45 @@ class Calendar {
       create instances of `ui5-date` for the newly selected dates. In that case you should do this manually.
          */
         this.ui5SelectionChange = output();
+        /**
+         * 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.
+         *
+         * - **calendarLegend**: Defines the calendar legend of the component.
+         * - **(default)**: Defines the selected date or dates (depending on the `selectionMode` property)
+      for this calendar as instances of `ui5-date` or `ui5-date-range`.
+      Use `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection.
+         * - **specialDates**: Defines the special dates, visually emphasized in the calendar.
+         *
+         * @example
+         * ```html
+         * <ui5-calendar>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-calendar>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "calendarLegend",
+                "description": "Defines the calendar legend of the component.",
+                "since": "1.23.0"
+            },
+            {
+                "name": "default",
+                "description": "Defines the selected date or dates (depending on the `selectionMode` property)\nfor this calendar as instances of `ui5-date` or `ui5-date-range`.\nUse `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection."
+            },
+            {
+                "name": "specialDates",
+                "description": "Defines the special dates, visually emphasized in the calendar.",
+                "since": "1.23.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -1323,6 +1590,31 @@ class CalendarLegend {
          * Hides the Working day item in the legend.
          */
         this.hideWorkingDay = input(false, ...(ngDevMode ? [{ debugName: "hideWorkingDay", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed
+        /**
+         * 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-calendar-legend>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-calendar-legend>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of the component."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -1445,6 +1737,39 @@ class Card {
          * Defines the delay in milliseconds, after which the loading indicator will show up for this card.
          */
         this.loadingDelay = input(1000, ...(ngDevMode ? [{ debugName: "loadingDelay" }] : [])); // className is now passed
+        /**
+         * 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.
+         * - **header**: Defines the header of the component.
+      **Note:** Use `ui5-card-header` for the intended design.
+         *
+         * @example
+         * ```html
+         * <ui5-card>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-card>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the content of the component."
+            },
+            {
+                "name": "header",
+                "description": "Defines the header of the component.\n\n**Note:** Use `ui5-card-header` for the intended design.",
+                "since": "1.0.0-rc.15"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -1517,6 +1842,36 @@ class CardHeader {
       **Note:** The event would be fired only if the `interactive` property is set to true.
          */
         this.ui5Click = output();
+        /**
+         * 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 an avatar image, displayed in the left most part of the header.
+         * - **action**: Defines an action, displayed in the right most part of the header.
+         *
+         * @example
+         * ```html
+         * <ui5-card-header>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-card-header>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "avatar",
+                "description": "Defines an avatar image, displayed in the left most part of the header."
+            },
+            {
+                "name": "action",
+                "description": "Defines an action, displayed in the right most part of the header."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -1649,6 +2004,34 @@ class Carousel {
       based on the `items-per-page` property.
          */
         this.ui5Navigate = output();
+        /**
+         * 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.
+      **Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.
+      They will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items).
+         *
+         * @example
+         * ```html
+         * <ui5-carousel>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-carousel>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the content of the component.\n\n**Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.\nThey will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items)."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -1898,6 +2281,31 @@ class ColorPalette {
          * Fired when the user selects a color.
          */
         this.ui5ItemClick = output();
+        /**
+         * 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 `ui5-color-palette-item` elements.
+         *
+         * @example
+         * ```html
+         * <ui5-color-palette>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-color-palette>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the `ui5-color-palette-item` elements."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -2034,6 +2442,31 @@ class ColorPalettePopover {
          * Fired when the `ui5-color-palette-popover` is closed due to user interaction.
          */
         this.ui5Close = output();
+        /**
+         * 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-color-palette-popover>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-color-palette-popover>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the content of the component."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -2270,6 +2703,49 @@ class ComboBox {
          * Fired when selection is changed by user interaction
          */
         this.ui5SelectionChange = output();
+        /**
+         * 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.
+         * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
+      The value state message slot should contain only one root element.
+      **Note:** If not specified, a default text (in the respective language) will be displayed.
+      **Note:** The `valueStateMessage` would be displayed,
+      when the `ui5-combobox` is in `Information`, `Critical` or `Negative` value state.
+         * - **icon**: Defines the icon to be displayed in the input field.
+         *
+         * @example
+         * ```html
+         * <ui5-combobox>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-combobox>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the component items."
+            },
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the `ui5-combobox` is in `Information`, `Critical` or `Negative` value state.",
+                "since": "1.0.0-rc.9"
+            },
+            {
+                "name": "icon",
+                "description": "Defines the icon to be displayed in the input field.",
+                "since": "1.0.0-rc.9"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -2438,6 +2914,38 @@ class ComboBoxItemGroup {
       **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
          */
         this.ui5Move = output();
+        /**
+         * 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-cb-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-cb-item-group>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-cb-item-group>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of the <code>ui5-cb-item-group</code>."
+            },
+            {
+                "name": "header",
+                "description": "Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -2624,6 +3132,37 @@ class DatePicker {
          * Fired after the component's picker is closed.
          */
         this.ui5Close = output();
+        /**
+         * 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-date-picker>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-date-picker>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
+                "since": "1.0.0-rc.7"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -2844,6 +3383,37 @@ class DateRangePicker {
          * Fired after the component's picker is closed.
          */
         this.ui5Close = output();
+        /**
+         * 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-daterange-picker>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-daterange-picker>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
+                "since": "1.0.0-rc.7"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -3081,6 +3651,37 @@ class DateTimePicker {
          * Fired after the component's picker is closed.
          */
         this.ui5Close = output();
+        /**
+         * 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-datetime-picker>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-datetime-picker>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
+                "since": "1.0.0-rc.7"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -3271,6 +3872,48 @@ class Dialog {
          * Fired after the component is closed.
          */
         this.ui5Close = output();
+        /**
+         * 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.
+      **Note:** When a `ui5-bar` is used in the header, you should remove the default dialog's paddings.
+      **Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.
+      `accessibleName` should be used.
+         * - **footer**: Defines the footer HTML Element.
+      **Note:** When a `ui5-bar` is used in the footer, you should remove the default dialog's paddings.
+         * - **(default)**: Defines the content of the Popup.
+         *
+         * @example
+         * ```html
+         * <ui5-dialog>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-dialog>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "header",
+                "description": "Defines the header HTML Element.\n\n**Note:** When a `ui5-bar` is used in the header, you should remove the default dialog's paddings.\n\n**Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.\n`accessibleName` should be used."
+            },
+            {
+                "name": "footer",
+                "description": "Defines the footer HTML Element.\n\n**Note:** When a `ui5-bar` is used in the footer, you should remove the default dialog's paddings."
+            },
+            {
+                "name": "default",
+                "description": "Defines the content of the Popup."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -3568,6 +4211,47 @@ class FileUploader {
          * Event is fired when the size of a file is above the `maxFileSize` property value.
          */
         this.ui5FileSizeExceed = output();
+        /**
+         * 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)**: This slot allows you to add custom content to the component, such as a button or any other interactive element to trigger the file selection dialog.
+      **Note:** For best accessibility experience, set a `tabindex` of "-1" on your interactive element, or it will be set automatically.
+      This slot is intended for use cases where you want a button-only file uploader.
+      It is recommended to set `hideInput` property to "true" when using this slot.
+      Not setting `hideInput` may negatively impact the screen reader users.
+         * - **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-file-uploader>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-file-uploader>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "This slot allows you to add custom content to the component, such as a button or any other interactive element to trigger the file selection dialog.\n\n**Note:** For best accessibility experience, set a `tabindex` of \"-1\" on your interactive element, or it will be set automatically.\nThis slot is intended for use cases where you want a button-only file uploader.\nIt is recommended to set `hideInput` property to \"true\" when using this slot.\nNot setting `hideInput` may negatively impact the screen reader users."
+            },
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
+                "since": "1.0.0-rc.9"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
         // Internal signal to track files from change events
@@ -3736,6 +4420,41 @@ class Form {
       to avoid "jumping" effect, caused by the hight difference between texts in "display"("non-edit") mode and the input fields in "edit" mode.
          */
         this.itemSpacing = input("Normal", ...(ngDevMode ? [{ debugName: "itemSpacing" }] : [])); // className is now passed
+        /**
+         * 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 component header area.
+      **Note:** When a `header` is provided, the `headerText` property is ignored.
+         * - **(default)**: Defines the component content - FormGroups or FormItems.
+      **Note:** Mixing FormGroups and standalone FormItems (not belonging to a group) is not supported.
+      Either use FormGroups and make sure all FormItems are part of a FormGroup, or use just FormItems without any FormGroups.
+         *
+         * @example
+         * ```html
+         * <ui5-form>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-form>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "header",
+                "description": "Defines the component header area.\n\n**Note:** When a `header` is provided, the `headerText` property is ignored."
+            },
+            {
+                "name": "default",
+                "description": "Defines the component content - FormGroups or FormItems.\n\n**Note:** Mixing FormGroups and standalone FormItems (not belonging to a group) is not supported.\nEither use FormGroups and make sure all FormItems are part of a FormGroup, or use just FormItems without any FormGroups."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -3812,6 +4531,31 @@ class FormGroup {
          * Defines id (or many ids) of the element (or elements) that label the component.
          */
         this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : [])); // className is now passed
+        /**
+         * 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-form-group>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-form-group>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of the component."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -3871,11 +4615,42 @@ class FormItem {
       A number bigger than the available columns won't take effect.
          */
         this.columnSpan = input(...(ngDevMode ? [undefined, { debugName: "columnSpan" }] : [])); // className is now passed
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-    }
-    get element() {
-        return this.elementRef.nativeElement;
+        /**
+         * 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.
+         *
+         * - **labelContent**: Defines the label of the component.
+         * - **(default)**: Defines the content of the component,
+      associated to `labelContent`.
+         *
+         * @example
+         * ```html
+         * <ui5-form-item>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-form-item>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "labelContent",
+                "description": "Defines the label of the component."
+            },
+            {
+                "name": "default",
+                "description": "Defines the content of the component,\nassociated to `labelContent`."
+            }
+        ];
+        this.elementRef = inject(ElementRef);
+        this.injector = inject(Injector);
+    }
+    get element() {
+        return this.elementRef.nativeElement;
     }
     ngAfterViewInit() {
         const wcElement = this.element;
@@ -4149,6 +4924,56 @@ class Input {
          * Fired when the suggestions picker is closed.
          */
         this.ui5Close = output();
+        /**
+         * 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 suggestion items.
+      **Note:** The suggestions would be displayed only if the `showSuggestions`
+      property is set to `true`.
+      **Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
+         * - **icon**: Defines the icon to be displayed in the component.
+         * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
+      The value state message slot should contain only one root element.
+      **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.
+         *
+         * @example
+         * ```html
+         * <ui5-input>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-input>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items."
+            },
+            {
+                "name": "icon",
+                "description": "Defines the icon to be displayed in the component."
+            },
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.",
+                "since": "1.0.0-rc.6"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -4258,6 +5083,33 @@ class Label {
       **Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
          */
         this.wrappingType = input("Normal", ...(ngDevMode ? [{ debugName: "wrappingType" }] : [])); // className is now passed
+        /**
+         * 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-label>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-label>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -4415,6 +5267,33 @@ class Link {
       or by using the Enter key.
          */
         this.ui5Click = output();
+        /**
+         * 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-link>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-link>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -4629,6 +5508,41 @@ class List {
       **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
          */
         this.ui5Move = output();
+        /**
+         * 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.
+      **Note:** Use `ui5-li`, `ui5-li-custom`, and `ui5-li-group` for the intended design.
+         * - **header**: Defines the component header.
+      **Note:** When `header` is set, the
+      `headerText` property is ignored.
+         *
+         * @example
+         * ```html
+         * <ui5-list>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-list>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of the component.\n\n**Note:** Use `ui5-li`, `ui5-li-custom`, and `ui5-li-group` for the intended design."
+            },
+            {
+                "name": "header",
+                "description": "Defines the component header.\n\n**Note:** When `header` is set, the\n`headerText` property is ignored."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -4770,6 +5684,40 @@ class ListItemCustom {
          * Fired when the user clicks on the detail button when type is `Detail`.
          */
         this.ui5DetailClick = output();
+        /**
+         * 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.
+         * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
+      **Note:** While the slot allows custom buttons, to match
+      design guidelines, please use the `ui5-button` component.
+      **Note:** When the slot is not present, a built-in delete button will be displayed.
+         *
+         * @example
+         * ```html
+         * <ui5-li-custom>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-li-custom>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the content of the component."
+            },
+            {
+                "name": "deleteButton",
+                "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+                "since": "1.9.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -4872,6 +5820,38 @@ class ListItemGroup {
       **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
          */
         this.ui5Move = output();
+        /**
+         * 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-li-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-li-group>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-li-group>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of the <code>ui5-li-group</code>."
+            },
+            {
+                "name": "header",
+                "description": "Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -5030,6 +6010,57 @@ class ListItemStandard {
          * Fired when the user clicks on the detail button when type is `Detail`.
          */
         this.ui5DetailClick = output();
+        /**
+         * 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 custom formatted text of the component.
+      **Note:** For optimal text wrapping and a consistent layout, it is strongly recommended to use the `text` property.
+      Use the `default` slot only when custom formatting with HTML elements (e.g., `<b>`, `<i>`) is required.
+      Be aware that wrapping (via `wrappingType="Normal"`) may not function correctly with custom HTML content in the `default` slot.
+      If both `text` and `default` slot are used, the `text` property takes precedence.
+         * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
+      design guidelines, please use the `ui5-avatar` with it's default size - S.
+      **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
+      `ui5-li` should be customized in order to fit.
+         * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
+      **Note:** While the slot allows custom buttons, to match
+      design guidelines, please use the `ui5-button` component.
+      **Note:** When the slot is not present, a built-in delete button will be displayed.
+         *
+         * @example
+         * ```html
+         * <ui5-li>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-li>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the custom formatted text of the component.\n\n**Note:** For optimal text wrapping and a consistent layout, it is strongly recommended to use the `text` property.\n\nUse the `default` slot only when custom formatting with HTML elements (e.g., `<b>`, `<i>`) is required.\nBe aware that wrapping (via `wrappingType=\"Normal\"`) may not function correctly with custom HTML content in the `default` slot.\n\nIf both `text` and `default` slot are used, the `text` property takes precedence."
+            },
+            {
+                "name": "image",
+                "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit.",
+                "since": "2.0.0"
+            },
+            {
+                "name": "deleteButton",
+                "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+                "since": "1.9.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -5159,6 +6190,33 @@ class Menu {
          * Fired after the menu is closed.
          */
         this.ui5Close = output();
+        /**
+         * 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 this component.
+      **Note:** Use `ui5-menu-item` and `ui5-menu-separator` for their intended design.
+         *
+         * @example
+         * ```html
+         * <ui5-menu>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-menu>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of this component.\n\n**Note:** Use `ui5-menu-item` and `ui5-menu-separator` for their intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -5343,6 +6401,67 @@ class MenuItem {
          * Fired when the user clicks on the detail button when type is `Detail`.
          */
         this.ui5DetailClick = output();
+        /**
+         * 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 this component.
+      **Note:** The slot can hold menu item and menu separator items.
+      If there are items added to this slot, an arrow will be displayed at the end
+      of the item in order to indicate that there are items added. In that case components added
+      to `endContent` slot or `additionalText` content will not be displayed.
+      The priority of what will be displayed at the end of the menu item is as follows:
+      sub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.
+         * - **endContent**: Defines the components that should be displayed at the end of the menu item.
+      **Note:** It is highly recommended to slot only components of type `ui5-button`,`ui5-link`
+      or `ui5-icon` in order to preserve the intended design. If there are components added to this slot,
+      and there is text set in `additionalText`, it will not be displayed. If there are items added to `items` slot,
+      nether `additionalText` nor components added to this slot would be displayed.
+      The priority of what will be displayed at the end of the menu item is as follows:
+      sub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.
+      Application developers are responsible for ensuring that interactive elements placed in the `endContent` slot
+      have the correct accessibility behaviour, including their enabled or disabled states.
+      The menu does not manage these aspects when the menu item state changes.
+         * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
+      **Note:** While the slot allows custom buttons, to match
+      design guidelines, please use the `ui5-button` component.
+      **Note:** When the slot is not present, a built-in delete button will be displayed.
+         *
+         * @example
+         * ```html
+         * <ui5-menu-item>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-menu-item>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of this component.\n\n**Note:** The slot can hold menu item and menu separator items.\n\nIf there are items added to this slot, an arrow will be displayed at the end\nof the item in order to indicate that there are items added. In that case components added\nto `endContent` slot or `additionalText` content will not be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`."
+            },
+            {
+                "name": "endContent",
+                "description": "Defines the components that should be displayed at the end of the menu item.\n\n**Note:** It is highly recommended to slot only components of type `ui5-button`,`ui5-link`\nor `ui5-icon` in order to preserve the intended design. If there are components added to this slot,\nand there is text set in `additionalText`, it will not be displayed. If there are items added to `items` slot,\nnether `additionalText` nor components added to this slot would be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.\n\nApplication developers are responsible for ensuring that interactive elements placed in the `endContent` slot\nhave the correct accessibility behaviour, including their enabled or disabled states.\nThe menu does not manage these aspects when the menu item state changes.",
+                "since": "2.0.0"
+            },
+            {
+                "name": "deleteButton",
+                "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+                "since": "1.9.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -5426,6 +6545,32 @@ class MenuItemGroup {
          * Defines the component's check mode.
          */
         this.checkMode = input("None", ...(ngDevMode ? [{ debugName: "checkMode" }] : [])); // className is now passed
+        /**
+         * 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 this component.
+      **Note:** The slot can hold any combination of components of type `ui5-menu-item` or `ui5-menu-separator` or both.
+         *
+         * @example
+         * ```html
+         * <ui5-menu-item-group>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-menu-item-group>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of this component.\n**Note:** The slot can hold any combination of components of type `ui5-menu-item` or `ui5-menu-separator` or both."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -5524,6 +6669,43 @@ class MessageStrip {
       click/tap or by using the Enter or Space key.
          */
         this.ui5Close = output();
+        /**
+         * 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.
+         * - **icon**: Defines the content to be displayed as graphical element within the component.
+      **Note:** If no icon is given, the default icon for the component type will be used.
+      The SAP-icons font provides numerous options.
+      See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+         *
+         * @example
+         * ```html
+         * <ui5-message-strip>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-message-strip>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            },
+            {
+                "name": "icon",
+                "description": "Defines the content to be displayed as graphical element within the component.\n\n**Note:** If no icon is given, the default icon for the component type will be used.\nThe SAP-icons font provides numerous options.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html)."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -5680,6 +6862,49 @@ class MultiComboBox {
          * Fired when selection is changed by user interaction.
          */
         this.ui5SelectionChange = output();
+        /**
+         * 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.
+         * - **icon**: Defines the icon to be displayed in the component.
+         * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
+      The value state message slot should contain only one root element.
+      **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-multi-combobox>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-multi-combobox>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the component items."
+            },
+            {
+                "name": "icon",
+                "description": "Defines the icon to be displayed in the component.",
+                "since": "1.0.0-rc.9"
+            },
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
+                "since": "1.0.0-rc.9"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -5854,6 +7079,38 @@ class MultiComboBoxItemGroup {
       **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
          */
         this.ui5Move = output();
+        /**
+         * 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-mcb-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-mcb-item-group>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-mcb-item-group>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of the <code>ui5-mcb-item-group</code>."
+            },
+            {
+                "name": "header",
+                "description": "Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -6049,6 +7306,61 @@ class MultiInput {
          * Fired when the suggestions picker is closed.
          */
         this.ui5Close = output();
+        /**
+         * 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.
+         *
+         * - **tokens**: Defines the component tokens.
+         * - **(default)**: Defines the suggestion items.
+      **Note:** The suggestions would be displayed only if the `showSuggestions`
+      property is set to `true`.
+      **Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
+         * - **icon**: Defines the icon to be displayed in the component.
+         * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
+      The value state message slot should contain only one root element.
+      **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.
+         *
+         * @example
+         * ```html
+         * <ui5-multi-input>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-multi-input>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "tokens",
+                "description": "Defines the component tokens."
+            },
+            {
+                "name": "default",
+                "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items."
+            },
+            {
+                "name": "icon",
+                "description": "Defines the icon to be displayed in the component."
+            },
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.",
+                "since": "1.0.0-rc.6"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -6160,6 +7472,33 @@ class Option {
          * Defines the selected state of the component.
          */
         this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed
+        /**
+         * 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-option>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-option>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -6228,6 +7567,31 @@ class OptionCustom {
          * Defines the selected state of the component.
          */
         this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed
+        /**
+         * 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-option-custom>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-option-custom>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the content of the component."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -6323,6 +7687,38 @@ class Panel {
          * Fired when the component is expanded/collapsed by user interaction.
          */
         this.ui5Toggle = output();
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the content of the component. The content is visible only when the component is expanded."
+            },
+            {
+                "name": "header",
+                "description": "Defines the component header area.\n\n**Note:** When a header is provided, the `headerText` property is ignored."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -6486,6 +7882,41 @@ class Popover {
          * Fired after the component is closed.
          */
         this.ui5Close = output();
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "header",
+                "description": "Defines the header HTML Element."
+            },
+            {
+                "name": "footer",
+                "description": "Defines the footer HTML Element."
+            },
+            {
+                "name": "default",
+                "description": "Defines the content of the Popup."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -7147,6 +8578,41 @@ class ResponsivePopover {
          * Fired after the component is closed.
          */
         this.ui5Close = output();
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "header",
+                "description": "Defines the header HTML Element."
+            },
+            {
+                "name": "footer",
+                "description": "Defines the footer HTML Element."
+            },
+            {
+                "name": "default",
+                "description": "Defines the content of the Popup."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -7264,6 +8730,35 @@ class SegmentedButton {
          * Fired when the selected item changes.
          */
         this.ui5SelectionChange = output();
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of `ui5-segmented-button`.\n\n**Note:** Multiple items are allowed.\n\n**Note:** Use the `ui5-segmented-button-item` for the intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
         // Internal signal to track selectedItems from selection-change events
@@ -7392,6 +8887,33 @@ class SegmentedButtonItem {
       See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
          */
         this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : [])); // className is now passed
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -7532,6 +9054,62 @@ class Select {
          * Fired after the component's dropdown menu closes.
          */
         this.ui5Close = output();
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-option` component to define the desired options."
+            },
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone."
+            },
+            {
+                "name": "label",
+                "description": "Defines the HTML element that will be displayed in the component input part,\nrepresenting the selected option.\n\n**Note:** If not specified and `ui5-option-custom` is used,\neither the option's `display-text` or its textContent will be displayed.\n\n**Note:** If not specified and `ui5-option` is used,\nthe option's textContent will be displayed.",
+                "since": "1.17.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
         // Internal signal to track selectedOption from change events
@@ -7887,6 +9465,33 @@ class SplitButton {
          * Fired when the user clicks on the arrow action.
          */
         this.ui5ArrowClick = output();
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -8026,6 +9631,36 @@ class StepInput {
       prevented, the component will not update the value state.
          */
         this.ui5ValueStateChange = output();
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -8161,6 +9796,31 @@ class SuggestionItemCustom {
       **Note:** The text property is considered only for autocomplete.
          */
         this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : [])); // className is now passed
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the content of the component."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -8241,6 +9901,38 @@ class SuggestionItemGroup {
       **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
          */
         this.ui5Move = output();
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of the <code>ui5-suggestion-item-group</code>."
+            },
+            {
+                "name": "header",
+                "description": "Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -8487,6 +10179,38 @@ class Tab {
          * Defines if the tab is movable.
          */
         this.movable = input(false, ...(ngDevMode ? [{ debugName: "movable", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Holds the content associated with this tab."
+            },
+            {
+                "name": "items",
+                "description": "Defines hierarchies with nested sub tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -8591,6 +10315,47 @@ class TabContainer {
       **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
          */
         this.ui5Move = output();
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design."
+            },
+            {
+                "name": "overflowButton",
+                "description": "Defines the button which will open the overflow menu. If nothing is provided to this slot,\nthe default button will be used.",
+                "since": "1.0.0-rc.9"
+            },
+            {
+                "name": "startOverflowButton",
+                "description": "Defines the button which will open the start overflow menu if available. If nothing is provided to this slot,\nthe default button will be used.",
+                "since": "1.1.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -8765,6 +10530,50 @@ class Table {
          * Fired when a row action is clicked.
          */
         this.ui5RowActionClick = output();
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the rows of the component.\n\n**Note:** Use `ui5-table-row` for the intended design."
+            },
+            {
+                "name": "headerRow",
+                "description": "Defines the header row of the component.\n\n**Note:** Use `ui5-table-header-row` for the intended design."
+            },
+            {
+                "name": "noData",
+                "description": "Defines the custom visualization if there is no data available."
+            },
+            {
+                "name": "features",
+                "description": "Defines the features of the component."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -8840,6 +10649,31 @@ class TableCell {
          * Determines the horizontal alignment of table cells.
          */
         this.horizontalAlign = input(...(ngDevMode ? [undefined, { debugName: "horizontalAlign" }] : [])); // className is now passed
+        /**
+         * 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}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the content of the component."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -9027,6 +10861,39 @@ class TableHeaderCell {
          * Determines the horizontal alignment of table cells.
          */
         this.horizontalAlign = input(...(ngDevMode ? [undefined, { debugName: "horizontalAlign" }] : [])); // className is now passed
+        /**
+         * 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.
+         *
+         * - **action**: Defines the action of the column.
+      **Note:** While multiple actions are technically possible, this is not supported.
+         * - **(default)**: Defines the content of the component.
+         *
+         * @example
+         * ```html
+         * <ui5-table-header-cell>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-table-header-cell>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "action",
+                "description": "Defines the action of the column.\n\n**Note:** While multiple actions are technically possible, this is not supported.",
+                "since": "2.8.0"
+            },
+            {
+                "name": "default",
+                "description": "Defines the content of the component."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -9130,6 +10997,33 @@ class TableHeaderRow {
       Note: If used in combination with overflowMode "Scroll", the table needs a defined height for the sticky header to work as expected.
          */
         this.sticky = input(false, ...(ngDevMode ? [{ debugName: "sticky", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed
+        /**
+         * 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 cells of the component.
+      **Note:** Use `ui5-table-header-cell` for the intended design.
+         *
+         * @example
+         * ```html
+         * <ui5-table-header-row>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-table-header-row>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the cells of the component.\n\n**Note:** Use `ui5-table-header-cell` for the intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -9198,6 +11092,41 @@ class TableRow {
          * Defines whether the row is movable.
          */
         this.movable = input(false, ...(ngDevMode ? [{ debugName: "movable", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed
+        /**
+         * 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 cells of the component.
+      **Note:** Use `ui5-table-cell` for the intended design.
+         * - **actions**: Defines the actions of the component.
+      **Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.
+         *
+         * @example
+         * ```html
+         * <ui5-table-row>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-table-row>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design."
+            },
+            {
+                "name": "actions",
+                "description": "Defines the actions of the component.\n\n**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.",
+                "since": "2.7.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -9759,6 +11688,38 @@ class Tag {
       **Note:** The event will be fired if the `interactive` property is `true`
          */
         this.ui5Click = output();
+        /**
+         * 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.
+         * - **icon**: Defines the icon to be displayed in the component.
+         *
+         * @example
+         * ```html
+         * <ui5-tag>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-tag>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            },
+            {
+                "name": "icon",
+                "description": "Defines the icon to be displayed in the component."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -9833,6 +11794,31 @@ class Text {
          * Specifies if an empty indicator should be displayed when there is no text.
          */
         this.emptyIndicatorMode = input("Off", ...(ngDevMode ? [{ debugName: "emptyIndicatorMode" }] : [])); // className is now passed
+        /**
+         * 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.
+         *
+         * @example
+         * ```html
+         * <ui5-text>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-text>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -9984,6 +11970,38 @@ class TextArea {
          * Fired when textarea is scrolled.
          */
         this.ui5Scroll = output();
+        /**
+         * 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.
+      The value state message slot should contain only one root element.
+      **Note:** If not specified, a default text (in the respective language) will be displayed.
+      **Note:** The `valueStateMessage` would be displayed if the component has
+      `valueState` of type `Information`, `Critical` or `Negative`.
+         *
+         * @example
+         * ```html
+         * <ui5-textarea>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-textarea>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n \n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed if the component has\n`valueState` of type `Information`, `Critical` or `Negative`.",
+                "since": "1.0.0-rc.7"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -10144,6 +12162,37 @@ class TimePicker {
          * Fired after the value-help dialog of the component is closed.
          */
         this.ui5Close = output();
+        /**
+         * 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 `ui5-time-picker`.
+      **Note:** If not specified, a default text (in the respective language) will be displayed.
+      **Note:** The `valueStateMessage` would be displayed,
+      when the `ui5-time-picker` is in `Information`, `Critical` or `Negative` value state.
+         *
+         * @example
+         * ```html
+         * <ui5-time-picker>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-time-picker>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "valueStateMessage",
+                "description": "Defines the value state message that will be displayed as pop up under the `ui5-time-picker`.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the `ui5-time-picker` is in `Information`, `Critical` or `Negative` value state.",
+                "since": "1.0.0-rc.8"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -10246,6 +12295,34 @@ class Title {
       Available options are: `"H6"` to `"H1"`.
          */
         this.size = input("H5", ...(ngDevMode ? [{ debugName: "size" }] : [])); // className is now passed
+        /**
+         * 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.
+      This component supports nesting a `Link` component inside.
+      **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-title>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-title>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\nThis component supports nesting a `Link` component inside.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -10314,6 +12391,33 @@ class Toast {
          * Fired after the component is auto closed.
          */
         this.ui5Close = output();
+        /**
+         * 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-toast>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-toast>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -10483,6 +12587,39 @@ class ToggleButton {
       **Note:** The event will not be fired if the `disabled` property is set to `true`.
          */
         this.ui5Click = output();
+        /**
+         * 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.
+         * - **badge**: Adds a badge to the button.
+         *
+         * @example
+         * ```html
+         * <ui5-toggle-button>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-toggle-button>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            },
+            {
+                "name": "badge",
+                "description": "Adds a badge to the button.",
+                "since": "2.7.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -10566,6 +12703,33 @@ class Token {
          * Defines whether the component is selected or not.
          */
         this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed
+        /**
+         * 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.
+         *
+         * - **closeIcon**: Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.
+      Accepts `ui5-icon`.
+         *
+         * @example
+         * ```html
+         * <ui5-token>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-token>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "closeIcon",
+                "description": "Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.\nAccepts `ui5-icon`.",
+                "since": "1.0.0-rc.9"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -10662,6 +12826,31 @@ class Tokenizer {
          * Fired when token selection is changed by user interaction
          */
         this.ui5SelectionChange = output();
+        /**
+         * 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 tokens to be displayed.
+         *
+         * @example
+         * ```html
+         * <ui5-tokenizer>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-tokenizer>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the tokens to be displayed."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -10746,6 +12935,33 @@ class Toolbar {
          * Defines the toolbar design.
          */
         this.design = input("Solid", ...(ngDevMode ? [{ debugName: "design" }] : [])); // className is now passed
+        /**
+         * 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.
+      **Note:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here.
+         *
+         * @example
+         * ```html
+         * <ui5-toolbar>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-toolbar>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of the component.\n\n**Note:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -11003,6 +13219,43 @@ class ToolbarSelect {
          * Fired after the component's dropdown menu closes.
          */
         this.ui5Close = output();
+        /**
+         * 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-toolbar-select-option` component to define the desired options.
+         * - **label**: Defines the HTML element that will be displayed in the component input part,
+      representing the selected option.
+         *
+         * @example
+         * ```html
+         * <ui5-toolbar-select>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-toolbar-select>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-toolbar-select-option` component to define the desired options."
+            },
+            {
+                "name": "label",
+                "description": "Defines the HTML element that will be displayed in the component input part,\nrepresenting the selected option.",
+                "since": "2.15.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -11077,6 +13330,33 @@ class ToolbarSelectOption {
          * Defines the selected state of the component.
          */
         this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed
+        /**
+         * 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-toolbar-select-option>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-toolbar-select-option>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -11323,6 +13603,41 @@ class Tree {
       **Note:** The `move` event is fired only if there was a preceding `move-over` event with prevented default action.
          */
         this.ui5MoveOver = output();
+        /**
+         * 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. Tree items may have other tree items as children.
+      **Note:** Use `ui5-tree-item` for the intended design.
+         * - **header**: Defines the component header.
+      **Note:** When the `header` slot is set, the
+      `headerText` property is ignored.
+         *
+         * @example
+         * ```html
+         * <ui5-tree>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-tree>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of the component. Tree items may have other tree items as children.\n\n**Note:** Use `ui5-tree-item` for the intended design."
+            },
+            {
+                "name": "header",
+                "description": "Defines the component header.\n\n**Note:** When the `header` slot is set, the\n`headerText` property is ignored."
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -11491,6 +13806,52 @@ class TreeItem {
          * Fired when the user clicks on the detail button when type is `Detail`.
          */
         this.ui5DetailClick = output();
+        /**
+         * 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.
+      **Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`
+         * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
+      design guidelines, please use the `ui5-avatar` with size XS.
+      **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
+      `ui5-tree-item` should be customized in order to fit.
+         * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
+      **Note:** While the slot allows custom buttons, to match
+      design guidelines, please use the `ui5-button` component.
+      **Note:** When the slot is not present, a built-in delete button will be displayed.
+         *
+         * @example
+         * ```html
+         * <ui5-tree-item>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-tree-item>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "default",
+                "description": "Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`"
+            },
+            {
+                "name": "image",
+                "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.",
+                "since": "2.10.0"
+            },
+            {
+                "name": "deleteButton",
+                "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+                "since": "1.9.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }
@@ -11655,6 +14016,57 @@ class TreeItemCustom {
          * Fired when the user clicks on the detail button when type is `Detail`.
          */
         this.ui5DetailClick = output();
+        /**
+         * 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.
+         *
+         * - **content**: Defines the content of the `ui5-tree-item`.
+         * - **(default)**: Defines the items of the component.
+      **Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`
+         * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
+      design guidelines, please use the `ui5-avatar` with size XS.
+      **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
+      `ui5-tree-item` should be customized in order to fit.
+         * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
+      **Note:** While the slot allows custom buttons, to match
+      design guidelines, please use the `ui5-button` component.
+      **Note:** When the slot is not present, a built-in delete button will be displayed.
+         *
+         * @example
+         * ```html
+         * <ui5-tree-item-custom>
+         *   <div slot="header">Custom header content</div>
+         *   <p>Default slot content</p>
+         * </ui5-tree-item-custom>
+         * ```
+         *
+         * @readonly
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+         */
+        this.slots = [
+            {
+                "name": "content",
+                "description": "Defines the content of the `ui5-tree-item`."
+            },
+            {
+                "name": "default",
+                "description": "Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`"
+            },
+            {
+                "name": "image",
+                "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.",
+                "since": "2.10.0"
+            },
+            {
+                "name": "deleteButton",
+                "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
+                "since": "1.9.0"
+            }
+        ];
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
     }