@sapudex/web-components 2.52.0 → 2.54.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "2.52.0",
+  "version": "2.54.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -357,7 +357,7 @@
             {
               "name": "fallback-icon",
               "description": "Defines the name of the fallback icon.",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string", "default": "\"employee\"" }
             },
             {
               "name": "icon",
@@ -6107,7 +6107,7 @@
         },
         {
           "name": "udex-media-player-vimeo",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-vimeo</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayerVimeo.js\";</code>\n---\n\n\n### **Events:**\n - **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n- **ready** - Fires when video is ready\n\n### **Methods:**\n - **getPlayer(): _VimeoPlayer_** - Returns video element",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-vimeo</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayerVimeo.js\";</code>\n---\n\n\n### **Events:**\n - **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n- **ready** - Fires when video is ready\n- **videoStart** - Fires when video starts playing for the first time or is replayed after ending\n\n### **Methods:**\n - **getPlayer(): _VimeoPlayer_** - Returns video element",
           "doc-url": "",
           "attributes": [
             {
@@ -6148,7 +6148,11 @@
               "name": "playing",
               "description": "Fires when video watching progress changed"
             },
-            { "name": "ready", "description": "Fires when video is ready" }
+            { "name": "ready", "description": "Fires when video is ready" },
+            {
+              "name": "videoStart",
+              "description": "Fires when video starts playing for the first time or is replayed after ending"
+            }
           ],
           "js": {
             "properties": [
@@ -6190,13 +6194,17 @@
                 "name": "playing",
                 "description": "Fires when video watching progress changed"
               },
-              { "name": "ready", "description": "Fires when video is ready" }
+              { "name": "ready", "description": "Fires when video is ready" },
+              {
+                "name": "videoStart",
+                "description": "Fires when video starts playing for the first time or is replayed after ending"
+              }
             ]
           }
         },
         {
           "name": "udex-media-player-youtube",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-youtube</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayerYoutube.js\";</code>\n---\n\n\n### **Events:**\n - **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n- **ready** - Fires when video is ready\n\n### **Methods:**\n - **getPlayer(): _YoutubePlayer | null_** - Returns video element",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-youtube</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayerYoutube.js\";</code>\n---\n\n\n### **Events:**\n - **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n- **ready** - Fires when video is ready\n- **videoStart** - Fires when video starts playing for the first time or is replayed after ending\n\n### **Methods:**\n - **getPlayer(): _YoutubePlayer | null_** - Returns video element",
           "doc-url": "",
           "attributes": [
             {
@@ -6235,7 +6243,11 @@
               "name": "playing",
               "description": "Fires when video watching progress changed"
             },
-            { "name": "ready", "description": "Fires when video is ready" }
+            { "name": "ready", "description": "Fires when video is ready" },
+            {
+              "name": "videoStart",
+              "description": "Fires when video starts playing for the first time or is replayed after ending"
+            }
           ],
           "js": {
             "properties": [
@@ -6274,7 +6286,11 @@
                 "name": "playing",
                 "description": "Fires when video watching progress changed"
               },
-              { "name": "ready", "description": "Fires when video is ready" }
+              { "name": "ready", "description": "Fires when video is ready" },
+              {
+                "name": "videoStart",
+                "description": "Fires when video starts playing for the first time or is replayed after ending"
+              }
             ]
           }
         },
@@ -8021,7 +8037,7 @@
         },
         {
           "name": "udex-select-box",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>\n---\n\n\n### **Events:**\n - **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **remove** - Fired event when the user remove tag.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user clicks on the Select All header.\n- **selection-change** - \n- **show-more** - Fired event when the user clicks on the More button.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\n- **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.\n- **footer** - Defines the footer content for the component dropdown.\nPlace any content (e.g. an action button) here. Clicking footer content does not close the dropdown —\nuse the <code>close</code> method if needed.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>\n---\n\n\n### **Events:**\n - **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **remove** - Fired event when the user remove tag.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user clicks on the Select All header.\n- **selection-change** - \n- **show-more** - Fired event when the user clicks on the More button.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\n- **focus(): _Promise<void>_** - Focuses the inner search input.\n- **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.\n- **footer** - Defines the footer content for the component dropdown.\nPlace any content (e.g. an action button) here. Clicking footer content does not close the dropdown —\nuse the <code>close</code> method if needed.",
           "doc-url": "",
           "attributes": [
             {

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@sapudex/web-components",
-  "version": "2.52.0",
+  "version": "2.54.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/src/Accordion.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 event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";

package/src/AccordionItem.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 event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";

package/src/Avatar.ts

@@ -1,15 +1,16 @@
 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 jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.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 i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { ATTENTION_BADGE, AVATAR_TEXT, DISABLED } from "./generated/i18n/i18n-defaults.js";
 import type AvatarColorScheme from "@ui5/webcomponents/dist/types/AvatarColorScheme.js";
 import translate from "./utils/translate.js";
+import "@ui5/webcomponents-icons/dist/employee.js";
 
 // Template
 import AvatarTemplate from "./AvatarTemplate.js";
@@ -148,11 +149,11 @@ class UDExAvatar extends UI5Element {
   /**
    * Defines the name of the fallback icon.
    *
-   * @default ""
+   * @default "employee"
    * @public
    */
   @property({ type: String })
-    fallbackIcon: string = "";
+    fallbackIcon: string = "employee";
 
   /**
    * Defines the name of the UI5 Icon, that will be displayed.
@@ -206,13 +207,61 @@ class UDExAvatar extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    badge!: Array<HTMLElement>;
+    badge!: Slot<HTMLElement>;
+
+  /**
+   * @private
+   */
+  @property({ noAttribute: true })
+    _imageErrored: boolean = false;
 
   @i18n("@sapudex/web-components")
   static i18nBundle: I18nBundle;
 
+  private _trackedImageElement: HTMLImageElement | null = null;
+
+  private _handleImageError = (): void => {
+    this._imageErrored = true;
+  };
+
+  private _handleImageLoad = (): void => {
+    if (this._imageErrored) {
+      this._imageErrored = false;
+    }
+  };
+
+  private _syncImageListener(): void {
+    const newImage = this.image.find((el): el is HTMLImageElement => el instanceof HTMLImageElement) ?? null;
+
+    if (newImage === this._trackedImageElement) {
+      return;
+    }
+
+    if (this._trackedImageElement) {
+      this._trackedImageElement.removeEventListener("error", this._handleImageError);
+      this._trackedImageElement.removeEventListener("load", this._handleImageLoad);
+    }
+
+    this._trackedImageElement = newImage;
+
+    if (newImage) {
+      newImage.addEventListener("error", this._handleImageError);
+      newImage.addEventListener("load", this._handleImageLoad);
+
+      if (newImage.complete && newImage.src) {
+        this._imageErrored = !newImage.naturalWidth;
+        return;
+      }
+    }
+
+    if (this._imageErrored) {
+      this._imageErrored = false;
+    }
+  }
+
   onAfterRendering(): void {
     this.title = this.initials;
+    this._syncImageListener();
   }
   handleClick(e: Event) {
     e.stopPropagation();
@@ -258,7 +307,7 @@ class UDExAvatar extends UI5Element {
   get udexAvatarClass(): string {
     let avatarClass = "udex-avatar";
 
-    if (this.imageSlot) {
+    if (this.imageSlot && !this._imageErrored) {
       avatarClass += " udex-avatar--with-image";
     }
 

package/src/AvatarTemplate.tsx

@@ -12,10 +12,10 @@ export default function AvatarTemplate(this: Avatar) {
       initials={this.initials}
       interactive={this.interactive}
       fallbackIcon={this.fallbackIcon}
-      icon={this.icon}
+      icon={this._imageErrored ? this.fallbackIcon : this.icon}
       shape={this.shape}
       size={this.size}>
-      {this.imageSlot && <slot></slot>}
+      {this.imageSlot && !this._imageErrored && <slot></slot>}
       {this.badgeSlot && <slot name="badge" slot="badge"></slot>}
     </UI5Avatar>
   );

package/src/Badge.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/dist/renderer/JsxRenderer.js";
 import BadgeTemplate from "./BadgeTemplate.js";
 import UDExIconPlacement from "./types/IconPlacement.js";

package/src/Breadcrumbs.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 jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.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 { isTabNext, isTabPrevious } from "@ui5/webcomponents-base/dist/Keys.js";
 import UI5Icon from "@ui5/webcomponents/dist/Icon.js";

package/src/Carousel.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 event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";

package/src/Contact.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/dist/renderer/JsxRenderer.js";
 import ContactTemplate from "./ContactTemplate.js";
 import type UDExContactItem from "./ContactItem.js";

package/src/ContactItem.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/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/dist/renderer/JsxRenderer.js";

package/src/Feed.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 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 jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import UDExButtonDesign from "./types/ButtonDesign.js";
 import FeedItem from "./FeedItem.js";
@@ -57,7 +58,7 @@ class UDExFeed extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement, individualSlots: true })
-    items!: Array<UDExFeedItem>;
+    items!: Slot<UDExFeedItem>;
 
   /**
    * Defines the UI5 icon name in the pictogram section.

package/src/FeedItem.ts

@@ -1,9 +1,10 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import { UDExTarget } from "./types/common.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 i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
@@ -149,7 +150,7 @@ class UDExFeedItem extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    avatar!: Array<HTMLElement>;
+    avatar!: Slot<HTMLElement>;
 
   @i18n("@sapudex/web-components")
   static i18nBundle: I18nBundle;

package/src/FilterMenuGroupHeader.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 litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import UDExListGroupHeaderBase from "./ListGroupHeaderBase.js";
 import UDExFilterMenuItem from "./FilterMenuItem.js";

package/src/Footer.ts

@@ -1,9 +1,10 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.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 type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
@@ -232,7 +233,7 @@ class UDExFooter extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement, individualSlots: true })
-    customSocialLinks!: Array<UDExSocialMediaButton>;
+    customSocialLinks!: Slot<UDExSocialMediaButton>;
 
   /**
    * Defines the Logo default title

package/src/ImageGridCloud.ts

@@ -4,7 +4,7 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.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/dist/renderer/JsxRenderer.js";
 import ImageGridCloudTemplate from "./ImageGridCloudTemplate.js";
 import type UDExImageGridCloudItem from "./ImageGridCloudItem.js";

package/src/ImageGridTable.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 type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.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/dist/renderer/JsxRenderer.js";
 import type UDExImageGridTableItem from "./ImageGridTableItem.js";
 import ImageGridTableTemplate from "./ImageGridTableTemplate.js";

package/src/ImageGridTableItem.ts

@@ -4,7 +4,7 @@ import { isDesktop } from "@ui5/webcomponents-base/Device.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.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/dist/renderer/JsxRenderer.js";
 import { UDExTarget } from "./types/common.js";
 

package/src/ImageGridTicker.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 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 jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";

package/src/InputGroup.ts

@@ -3,7 +3,7 @@ import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.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 Icon from "@ui5/webcomponents/dist/Icon.js";
 import type UDExCheckbox from "./Checkbox.js";
 import type UDExRadioButton from "./RadioButton.js";

package/src/LinkList.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/dist/renderer/JsxRenderer.js";
 import type UDExLinkListItem from "./LinkListItem.js";
 import LinkListTemplate from "./LinkListTemplate.js";

package/src/List.ts

@@ -2,7 +2,7 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.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 {

package/src/ListGroupHeaderBase.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 litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import UDExListItemBase from "./ListItemBase.js";

package/src/ListItem.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 event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
@@ -28,7 +28,7 @@ import ListItemTemplate from "./generated/templates/ListItemTemplate.lit.js";
 
 // Styles
 import ListItemCss from "./generated/themes/ListItem.css.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 
 const listItemClass: string = "udex-list__item";
 const listItemRole: string = "option";
@@ -215,7 +215,7 @@ class UDExListItem extends UDExListItemBase {
    * @public
    */
   @slot({ type: UDExButton })
-    firstIcon!: Array<UDExButton>;
+    firstIcon!: Slot<UDExButton>;
 
   /**
    * Slot for second icon.
@@ -224,7 +224,7 @@ class UDExListItem extends UDExListItemBase {
    * @public
    */
   @slot({ type: UDExButton })
-    secondIcon!: Array<UDExButton>;
+    secondIcon!: Slot<UDExButton>;
 
   /**
   * Defines the role attribute of component

package/src/MastheadItem.ts

@@ -1,8 +1,8 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { DefaultSlot, ChangeInfo } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot, ChangeInfo } 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 i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
@@ -299,7 +299,7 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
    * @public
    */
   @slot({ type: HTMLElement })
-    dropdown?: Array<HTMLElement>;
+    dropdown!: Slot<HTMLElement>;
 
   /**
    * Slot for any content
@@ -308,7 +308,7 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
    * @public
    */
   @slot({ type: HTMLElement, "default": true })
-    content?: DefaultSlot<HTMLElement>;
+    content!: DefaultSlot<HTMLElement>;
 
   /**
    * Defines the prevents the item from losing focus.

package/src/MastheadMobileMenu.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 property from "@ui5/webcomponents-base/dist/decorators/property.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 event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
@@ -106,7 +106,7 @@ class UDExMastheadMobileMenu extends UI5Element {
    * @public
    */
   @slot({ type: Node })
-    search!: Array<Node>;
+    search!: Slot<Node>;
 
   /**
    * List of the menu items
@@ -124,7 +124,7 @@ class UDExMastheadMobileMenu extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    exploreSapMobileButton?: UDExMastheadItem;
+    exploreSapMobileButton!: Slot<UDExMastheadItem>;
 
   @property({ type: Boolean })
     _showCategories!: boolean;

package/src/MastheadProfileMenu.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 event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
@@ -215,7 +216,7 @@ class UDExMastheadProfileMenu extends UI5Element {
    * @public
    */
   @slot({ type: Node, "default": false })
-    message!: Array<Node>;
+    message!: Slot<Node>;
 
   /**
    * Slot for logout button.
@@ -223,7 +224,7 @@ class UDExMastheadProfileMenu extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    logoutButton!: Array<Node>;
+    logoutButton!: Slot<Node>;
 
   @i18n("@sapudex/web-components")
   static i18nBundle: I18nBundle;