@sapudex/web-components 2.53.0 → 2.55.0

package/src/MessageStrip.ts

@@ -1,6 +1,7 @@
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import MessageStrip from "@ui5/webcomponents/dist/MessageStrip.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
@@ -123,7 +124,7 @@ class UDExMessageStrip extends MessageStrip {
    * @slot
    * @public
    */
-  @slot({ type: Node }) default!: Node;
+  @slot({ type: Node }) default!: Slot<Node>;
 
   @i18n("@sapudex/web-components")
   static i18nBundle: I18nBundle;

package/src/Modal.ts

@@ -38,6 +38,7 @@ export enum UDExModalType {
     getEffectiveScrollbarStyle(),
   ],
 })
+
 class UDExModal extends Dialog {
   /**
   * Defines modal display type
@@ -51,12 +52,26 @@ class UDExModal extends Dialog {
     type: `${UDExModalType}` = UDExModalType.default;
 
   onAfterRendering() {
-    const content = this.shadowRoot?.querySelector<HTMLElement>(".ui5-popup-content");
+    super.onAfterRendering();
+    const content = this._getPopupContent();
+
     if (content) {
-      const gutterWidth = content.offsetWidth - content.clientWidth;
-      this.style.setProperty("--udex-modal-scrollbar-width", `${gutterWidth}px`);
+      this._setScrollbarWidth(content);
     }
   }
+
+  _setScrollbarWidth(content: HTMLElement) {
+    const scrollbarWidth = content.offsetWidth - content.clientWidth;
+
+    this.style.setProperty(
+      "--udex-modal-scrollbar-width",
+      `${scrollbarWidth}px`,
+    );
+  }
+
+  _getPopupContent(): HTMLElement | null {
+    return this.shadowRoot?.querySelector<HTMLElement>(".ui5-popup-content") ?? null;
+  }
 }
 
 UDExModal.define();

package/src/PromoTile.ts

@@ -1,8 +1,8 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
@@ -80,7 +80,7 @@ class UDExPromoTile extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    pictogram?: Array<HTMLElement>;
+    pictogram!: Slot<HTMLElement>;
 
   /**
    * Allows control over setting the CSS gradient.

package/src/Quote.ts

@@ -1,8 +1,8 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import QuoteTemplate from "./QuoteTemplate.js";
 
@@ -59,7 +59,7 @@ class UDExQuote extends UI5Element {
     * @public
   */
   @slot()
-    link!: Array<HTMLElement>;
+    link!: Slot<HTMLElement>;
 
   /**
     * Defines author's name and company
@@ -68,7 +68,7 @@ class UDExQuote extends UI5Element {
     * @slot
   */
   @slot()
-    author!: Array<HTMLElement>;
+    author!: Slot<HTMLElement>;
 
   /**
     * Defines image near quote text
@@ -77,7 +77,7 @@ class UDExQuote extends UI5Element {
     * @slot
   */
   @slot()
-    image!: Array<HTMLElement>;
+    image!: Slot<HTMLElement>;
 
   /**
     * Defines image (Avatar or company logo) size

package/src/Review.ts

@@ -1,8 +1,8 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
@@ -66,7 +66,7 @@ class UDExReview extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    reviewButton!: UDExButton;
+    reviewButton!: Slot<UDExButton>;
 
   /**
    * Slot for the default text when there are no reviews or rating.
@@ -75,7 +75,7 @@ class UDExReview extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    defaultText!: HTMLElement;
+    defaultText!: Slot<HTMLElement>;
 
   /**
    * Slot for rating bars.

package/src/ReviewItem.ts

@@ -1,8 +1,9 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
@@ -104,7 +105,7 @@ class UDExReviewItem extends UI5Element {
    * @slot
    */
   @slot()
-    author!: Array<HTMLElement>;
+    author!: Slot<HTMLElement>;
 
   /**
    * Defines the date of the review.
@@ -113,7 +114,7 @@ class UDExReviewItem extends UI5Element {
    * @slot
    */
   @slot()
-    date!: Array<HTMLElement>;
+    date!: Slot<HTMLElement>;
 
   /**
    * Slot for custom content.
@@ -121,7 +122,7 @@ class UDExReviewItem extends UI5Element {
    * @slot
    */
   @slot()
-    content?: Array<HTMLElement>;
+    content!: Slot<HTMLElement>;
 
   @i18n("@sapudex/web-components")
   static i18nBundle: I18nBundle;

package/src/Search.ts

@@ -1,7 +1,7 @@
 import type { DefaultSlot, ChangeInfo } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";

package/src/SearchableListBase.ts

@@ -2,7 +2,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { cleanLabel } from "./utils/listItemLabelUtils.js";
 import { UDExListMode, UDExListStyleType } from "./types/List.js";
@@ -531,6 +531,11 @@ class UDExSearchableListBase extends UI5Element {
       const item = this.items[i];
 
       if (item.isGroup) {
+        if (item._id === itemId) {
+          menuItem = item;
+          break;
+        }
+
         const groupItems = (item as UDExListGroupHeaderBase).getItems();
         menuItem = groupItems.find(({ _id }) => _id === itemId);
 

package/src/SecondaryNavigation.ts

@@ -1,9 +1,9 @@
-import type { ChangeInfo } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { ChangeInfo, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import { isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
@@ -145,7 +145,7 @@ class UDExSecondaryNavigation extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    breadcrumbs!: Array<HTMLElement>;
+    breadcrumbs!: Slot<HTMLElement>;
 
   /**
    * Slot for action buttons.
@@ -154,7 +154,7 @@ class UDExSecondaryNavigation extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    buttons!: Array<HTMLElement>;
+    buttons!: Slot<HTMLElement>;
 
   /**
    * Defines the heading of the component.

package/src/SecondaryNavigationItem.ts

@@ -1,6 +1,7 @@
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
@@ -109,7 +110,7 @@ class UDExSecondaryNavigationItem extends UDExSecondaryNavigationItemBase {
    * @public
    */
   @slot({ type: HTMLElement })
-    buttons!: Array<HTMLElement>;
+    buttons!: Slot<HTMLElement>;
 
   /**
    * List of the sub items

package/src/SelectBase.ts

@@ -1222,7 +1222,7 @@ class UDExSelectBase extends UDExSearchableListBase {
   }
 
   get listboxRole(): AriaHasPopup {
-    return this._listBoxRole;
+    return this.isTreeStructure ? "tree" : this._listBoxRole;
   }
 
   get listAriaControlsId(): string {

package/src/SelectBox.ts

@@ -232,6 +232,40 @@ class UDExSelectBox extends UDExSelectBase {
     const isSearchInput = relatedTarget === this._search;
     const hasTags = this.tokenizer?.tokens.length > 0;
 
+    // When focus moves to the body div of a collapsible single-select group header
+    // (which is focusable via tabindex="0" but has no click→header-press wiring),
+    // set it as the active descendant and redirect DOM focus back to the input so
+    // the combobox pattern is preserved and subsequent arrow navigation works.
+    //
+    // The focusout handler sits on div.udex-text-field__input (SelectBox's shadow DOM).
+    // Shadow DOM retargeting means relatedTarget is either:
+    //   (a) the body div itself (.udex-list__group-content) — if caught at a lower boundary
+    //   (b) the UDExListGroupHeader HOST — the common case when the event bubbles to this div
+    const rtAsItem = relatedTarget as UDExListItemBase | null;
+    const isGroupHeaderBodyDiv = this._popover?.open
+      && !!relatedTarget?.classList.contains("udex-list__group-content");
+    const isGroupHeaderHost = this._popover?.open
+      && !!rtAsItem?.isGroup
+      && !!rtAsItem?.collapsible
+      && !rtAsItem?.modeMultiSelect;
+    if (isGroupHeaderBodyDiv || isGroupHeaderHost) {
+      const groupHeaderHost: UDExListItemBase | null = isGroupHeaderBodyDiv
+        ? ((relatedTarget.getRootNode() as ShadowRoot | null)?.host as UDExListItemBase | null)
+        : rtAsItem;
+      if (groupHeaderHost?.isGroup) {
+        const navItems = this._list?.getKeyboardNavigationItems();
+        const tokenId = this.getDataTokenId(groupHeaderHost);
+        const renderedItem = navItems?.find(
+          i => (i.getAttribute("data-token-id") ?? i._id) === tokenId,
+        );
+        if (renderedItem) {
+          this._setActiveDescendant(renderedItem);
+        }
+      }
+      (this._search as HTMLElement).focus();
+      return;
+    }
+
     if (!isInsideComponent && !isFooterElement && !isIconButton && !isSearchInput) {
       this.closeDropdown();
       this.resetSearchState();

package/src/SelectBoxGroupHeader.ts

@@ -1,6 +1,6 @@
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import UDExListGroupHeaderBase from "./ListGroupHeaderBase.js";
 import UDExSelectBoxItem from "./SelectBoxItem.js";

package/src/SelectBoxItem.ts

@@ -1,11 +1,11 @@
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import UDExListItemBase from "./ListItemBase.js";
 import property from "@ui5/webcomponents-base/decorators/property.js";
 import { UDExAdditionalTextState } from "./types/List.js";
 import UDExButton from "./Button.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type UDExStatusBadgeValueState from "./types/StatusBadgeValueState.js";
 import UDExAvatar, { UDExAvatarShape, UDExAvatarSize } from "./Avatar.js";
 
@@ -126,7 +126,7 @@ class UDExSelectBoxItem extends UDExListItemBase {
    * @public
    */
   @slot({ type: UDExButton })
-    firstIcon!: Array<UDExButton>;
+    firstIcon!: Slot<UDExButton>;
 
   /**
    * Slot for second icon.
@@ -135,7 +135,7 @@ class UDExSelectBoxItem extends UDExListItemBase {
    * @public
    */
   @slot({ type: UDExButton })
-    secondIcon!: Array<UDExButton>;
+    secondIcon!: Slot<UDExButton>;
 
   /**
    * Slot for item content.

package/src/SelectBoxTemplate.tsx

@@ -7,6 +7,7 @@ import UI5Popover from "@ui5/webcomponents/dist/Popover.js";
 import UI5PopoverPlacement from "@ui5/webcomponents/dist/types/PopoverPlacement.js";
 import UI5PopoverHAlign from "@ui5/webcomponents/dist/types/PopoverHorizontalAlign.js";
 import { cleanLabel } from "./utils/listItemLabelUtils.js";
+import PopupAccessibleRole from "@ui5/webcomponents/dist/types/PopupAccessibleRole.js";
 
 export default function SelectBoxTemplate(this: UDExSelectBox) {
   return (
@@ -77,6 +78,7 @@ export default function SelectBoxTemplate(this: UDExSelectBox) {
             )}
             <UI5Popover
               id={this.popoverId}
+              accessibleRole={PopupAccessibleRole.None}
               allow-target-overlap={this.allowTargetOverlap}
               onKeyDown={this.handleKeyDownDropdown}
               {...({

package/src/SideNavigationMobile.ts

@@ -1,8 +1,8 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import UDExSideNavigation from "./SideNavigation.js";
@@ -74,7 +74,7 @@ class UDExSideNavigationMobile extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement, invalidateOnChildChange: true })
-    fixedItems!: Array<UDExSideNavigationItem | UDExSideNavigationGroup>;
+    fixedItems!: Slot<UDExSideNavigationItem | UDExSideNavigationGroup>;
 
   /**
    * Indicates selected item element

package/src/SocialMediaButton.ts

@@ -3,7 +3,7 @@ import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import SocialMediaButtonTemplate from "./SocialMediaButtonTemplate.js";
 import UDExSocialMediaButtonType from "./types/SocialMediaButtonType.js";

package/src/Tab.ts

@@ -1,8 +1,8 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import executeTemplate from "@ui5/webcomponents-base/dist/renderer/executeTemplate.js";
 import TabNavigation from "./TabNavigation.js";
@@ -266,7 +266,7 @@ class UDExTab extends UI5Element implements ITab {
    * @public
    */
   @slot({ type: HTMLElement })
-    link!: Array<HTMLElement>;
+    link!: Slot<HTMLElement>;
 
   @i18n("@sapudex/web-components")
   static i18nBundle: I18nBundle;

package/src/TabNavigation.ts

@@ -1,9 +1,9 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
@@ -266,7 +266,7 @@ class UDExTabNavigation extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    footer!: Array<HTMLElement>;
+    footer!: Slot<HTMLElement>;
 
   @i18n("@sapudex/web-components")
   static i18nBundle: I18nBundle;

package/src/Table.ts

@@ -1,7 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import {
@@ -132,28 +132,28 @@ class UDExTable extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    headerRow!: Array<UDExTableHeaderRow>;
+    headerRow!: Slot<UDExTableHeaderRow>;
 
   /**
    * Defines the actions of the table.
    * @public
    */
   @slot({ type: HTMLElement })
-    actions!: Array<HTMLElement>;
+    actions!: Slot<HTMLElement>;
 
   /**
    * Defines the custom visualization if there is no data available.
    * @public
    */
   @slot()
-    noData!: Array<HTMLElement>;
+    noData!: Slot<HTMLElement>;
 
   /**
    * Defines the footnotes of the table.
    * @public
    */
   @slot()
-    footnotes!: Array<HTMLElement>;
+    footnotes!: Slot<HTMLElement>;
 
   /**
    * Defines the rows of the table.

package/src/TableCellBase.ts

@@ -1,7 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import type UDExTableCellHorizontalAlign from "./types/Table.js";

package/src/TableGroupRow.ts

@@ -2,7 +2,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import { isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
 import type UDExTableRow from "./TableRow.js";

package/src/TableRowBase.ts

@@ -2,7 +2,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import type UDExTableCell from "./TableCell.js";
 import type UDExTableHeaderCell from "./TableHeaderCell.js";

package/src/TagGroup.ts

@@ -8,7 +8,7 @@ import {
   isEnter, isSpace, isEscape, isTabNext, isTabPrevious,
 } from "@ui5/webcomponents-base/dist/Keys.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import Token from "@ui5/webcomponents/dist/Token.js";

package/src/Tile.ts

@@ -1,7 +1,8 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import { isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
@@ -111,7 +112,7 @@ class UDExTile extends UI5Element {
    * @slot
    * @public
    */
-  @slot({ type: Node }) default!: Node;
+  @slot({ type: Node }) default!: Slot<Node>;
 
   onEnterDOM(): void {
     if (isDesktop()) {

package/src/Tooltip.ts

@@ -1,6 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
@@ -82,7 +83,7 @@ class UDExTooltip extends UI5Element {
    * @slot
    * @public
    */
-  @slot({ type: Node }) default!: Node;
+  @slot({ type: Node }) default!: Slot<Node>;
 
   /**
    * Defines the Tooltip title.

package/src/Wizard.ts

@@ -1,5 +1,5 @@
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import UI5Wizard from "@ui5/webcomponents-fiori/dist/Wizard.js";