@ui5/webcomponents-fiori 1.7.1 → 1.9.0

package/src/IllustratedMessage.js

@@ -1,6 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-import { getIllustrationDataSync } from "@ui5/webcomponents-base/dist/asset-registries/Illustrations.js";
+import { getIllustrationDataSync, getIllustrationData } from "@ui5/webcomponents-base/dist/asset-registries/Illustrations.js";
+import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AriaLabelHelper.js";
 
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import Title from "@ui5/webcomponents/dist/Title.js";
@@ -23,6 +24,19 @@ const metadata = {
 	languageAware: true,
 	managedSlots: true,
 	properties: /** @lends sap.ui.webcomponents.fiori.IllustratedMessage.prototype */ {
+
+		/**
+		 * Receives id(or many ids) of the elements that label the component.
+		 *
+		 * @type {string}
+		 * @defaultvalue ""
+		 * @public
+		 * @since 1.7.0
+		 */
+		 accessibleNameRef: {
+			type: String,
+			defaultValue: "",
+		},
 		/**
 		 * Defines the title of the component.
 		 * <br><br>
@@ -166,7 +180,7 @@ const metadata = {
 		 * You can import them removing the <code>Tnt</code> prefix like this:
 		 * <br>
 		 * <code>import "@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js";</code>
-		 * @type {IllustrationMessageType}
+		 * @type {sap.ui.webcomponents.fiori.types.IllustrationMessageType}
 		 * @defaultvalue "BeforeSearch"
 		 * @public
 		 */
@@ -189,7 +203,7 @@ const metadata = {
 		 * As <code>IllustratedMessage</code> adapts itself around the <code>Illustration</code>, the other
 		 * elements of the component are displayed differently on the different breakpoints/illustration sizes.
 		 *
-		 * @type {IllustrationMessageSize}
+		 * @type {sap.ui.webcomponents.fiori.types.IllustrationMessageSize}
 		 * @defaultvalue "Auto"
 		 * @public
 		 * @since 1.5.0
@@ -198,6 +212,36 @@ const metadata = {
 			type: IllustrationMessageSize,
 			defaultValue: IllustrationMessageSize.Auto,
 		},
+		/**
+		* Illustration breakpoint variant for the <code>Dialog</code> size.
+		*
+		* @private
+		* @type {String}
+		* @since 1.9.0
+		*/
+		dialogSvg: {
+			type: String,
+		},
+		/**
+		* Illustration breakpoint variant for the <code>Scene</code> size.
+		*
+		* @private
+		* @type {String}
+		* @since 1.9.0
+		*/
+		sceneSvg: {
+			type: String,
+		},
+		/**
+		* Illustration breakpoint variant for the <code>Spot</code> size.
+		*
+		* @private
+		* @type {String}
+		* @since 1.9.0
+		*/
+		spotSvg: {
+			type: String,
+		},
 	},
 	slots: /** @lends sap.ui.webcomponents.fiori.IllustratedMessage.prototype */ {
 		/**
@@ -282,7 +326,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.IllustratedMessage
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-illustrated-message
  * @public
  * @since 1.0.0-rc.15
@@ -292,6 +336,7 @@ class IllustratedMessage extends UI5Element {
 		super();
 
 		this._handleResize = this.handleResize.bind(this);
+		this._lastKnownOffsetWidthForMedia = {}; // this will store the last known offsetWidth of the IllustratedMessage DOM node for a given media (e.g. "Spot")
 	}
 
 	static get metadata() {
@@ -335,15 +380,19 @@ class IllustratedMessage extends UI5Element {
 		return [Title];
 	}
 
-	onBeforeRendering() {
-		const illustrationData = getIllustrationDataSync(this.name);
+	async onBeforeRendering() {
+		let illustrationData = getIllustrationDataSync(this.name);
+
+		if (illustrationData === undefined) {
+			illustrationData = await getIllustrationData(this.name);
+		}
 
 		if (illustrationData === ILLUSTRATION_NOT_FOUND) {
 			this.invalid = true;
 			const illustrationPath = this.name.includes("Tnt") ? `tnt/${this.name.replace("Tnt", "")}` : this.name;
 
 			/* eslint-disable-next-line */
-			return console.warn(`Required illustration is not registered. You can either import the illustration as a module in order to use it e.g. "@ui5/webcomponents-fiori/dist/illustrations/${illustrationPath}.js".`);
+			return console.warn(`Required illustration is not registered. You can either import the specific illustration as a module - e.g. "@ui5/webcomponents-fiori/dist/illustrations/${illustrationPath}.js" or import the "@ui5/webcomponents-fiori/dist/illustrations/AllIllustrations.js" module to fetch any existing illustration on demand`);
 		}
 
 		this.invalid = false;
@@ -372,17 +421,40 @@ class IllustratedMessage extends UI5Element {
 			return;
 		}
 
+		this._applyMedia();
+	}
+
+	_applyMedia() {
+		const currOffsetWidth = this.offsetWidth;
+		let newMedia = "";
+
 		if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.BASE) {
-			this.media = IllustratedMessage.MEDIA.BASE;
+			newMedia = IllustratedMessage.MEDIA.BASE;
 		} else if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.SPOT) {
-			this.media = IllustratedMessage.MEDIA.SPOT;
+			newMedia = IllustratedMessage.MEDIA.SPOT;
 		} else if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.DIALOG) {
-			this.media = IllustratedMessage.MEDIA.DIALOG;
+			newMedia = IllustratedMessage.MEDIA.DIALOG;
 		} else {
-			this.media = IllustratedMessage.MEDIA.SCENE;
+			newMedia = IllustratedMessage.MEDIA.SCENE;
+		}
+		const lastKnownOffsetWidth = this._lastKnownOffsetWidthForMedia[newMedia];
+		if (!(lastKnownOffsetWidth && currOffsetWidth === lastKnownOffsetWidth)) { // prevents infinite resize
+			this.media = newMedia;
+			this._lastKnownOffsetWidthForMedia[newMedia] = currOffsetWidth;
+		}
+	}
+
+	_setSVGAccAttrs() {
+		const svg = this.shadowRoot.querySelector(".ui5-illustrated-message-illustration svg");
+		if (svg && this.ariaLabelText !== "") {
+			svg.setAttribute("aria-label", this.ariaLabelText);
 		}
 	}
 
+	onAfterRendering() {
+		this._setSVGAccAttrs();
+	}
+
 	/**
 	 * Modifies the IM styles in accordance to the `size` property's value.
 	 * Note: The resize handler has no effect when size is different than "Auto".
@@ -405,6 +477,10 @@ class IllustratedMessage extends UI5Element {
 		}
 	}
 
+	get ariaLabelText() {
+		return getEffectiveAriaLabelText(this);
+	}
+
 	get effectiveIllustration() {
 		switch (this.media) {
 		case IllustratedMessage.MEDIA.SPOT:

package/src/MediaGallery.js

@@ -95,7 +95,7 @@ const metadata = {
 		 * <li><code>Horizontal</code></li>
 		 * </ul>
 		 *
-		 * @type {MediaGalleryLayout}
+		 * @type {sap.ui.webcomponents.fiori.types.MediaGalleryLayout}
 		 * @defaultvalue "Auto"
 		 * @public
 		 */
@@ -114,7 +114,7 @@ const metadata = {
 		 * <li><code>Right</code></li>
 		 * </ul>
 		 *
-		 * @type {MediaGalleryMenuHorizontalAlign}
+		 * @type {sap.ui.webcomponents.fiori.types.MediaGalleryMenuHorizontalAlign}
 		 * @defaultvalue "Left"
 		 * @public
 		 */
@@ -133,7 +133,7 @@ const metadata = {
 		 * <li><code>Bottom</code></li>
 		 * </ul>
 		 *
-		 * @type {MediaGalleryMenuVerticalAlign}
+		 * @type {sap.ui.webcomponents.fiori.types.MediaGalleryMenuVerticalAlign}
 		 * @defaultvalue "Bottom"
 		 * @public
 		 */
@@ -153,7 +153,7 @@ const metadata = {
 		 * <li><code>Horizontal</code></li>
 		 * </ul>
 		 *
-		 * @type {MediaGalleryLayout}
+		 * @type {sap.ui.webcomponents.fiori.types.MediaGalleryLayout}
 		 * @defaultvalue "Vertical"
 		 * @private
 		 */
@@ -254,7 +254,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.MediaGallery
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-media-gallery
  * @appenddocs MediaGalleryItem
  * @public

package/src/MediaGalleryItem.js

@@ -49,7 +49,7 @@ const metadata = {
 		 * <li><code>Wide</code></li>
 		 * </ul>
 		 *
-		 * @type {MediaGalleryItemLayout}
+		 * @type {sap.ui.webcomponents.fiori.types.MediaGalleryItemLayout}
 		 * @defaultvalue "Square"
 		 * @public
 		 */

package/src/NotificationAction.js

@@ -44,7 +44,7 @@ const metadata = {
 		 * <li><code>Transparent</code></li>
 		 * </ul>
 		 *
-		 * @type {ButtonDesign}
+		 * @type {sap.ui.webcomponents.main.types.ButtonDesign}
 		 * @defaultvalue "Transparent"
 		 * @public
 		 */
@@ -83,7 +83,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.NotificationAction
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-notification-action
  * @implements sap.ui.webcomponents.fiori.INotificationAction
  * @public

package/src/NotificationListGroupItem.js

@@ -6,6 +6,11 @@ import Icon from "@ui5/webcomponents/dist/Icon.js";
 import Popover from "@ui5/webcomponents/dist/Popover.js";
 import NotificationListItemBase from "./NotificationListItemBase.js";
 
+// Icons
+import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+import "@ui5/webcomponents-icons/dist/overflow.js";
+import "@ui5/webcomponents-icons/dist/decline.js";
+
 // Texts
 import {
 	NOTIFICATION_LIST_GROUP_ITEM_TXT,
@@ -120,7 +125,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.NotificationListGroupItem
- * @extends NotificationListItemBase
+ * @extends sap.ui.webcomponents.fiori.NotificationListItemBase
  * @tagname ui5-li-notification-group
  * @since 1.0.0-rc.8
  * @appenddocs NotificationAction

package/src/NotificationListItem.js

@@ -10,6 +10,10 @@ import Popover from "@ui5/webcomponents/dist/Popover.js";
 import WrappingType from "@ui5/webcomponents/dist/types/WrappingType.js";
 import NotificationListItemBase from "./NotificationListItemBase.js";
 
+// Icons
+import "@ui5/webcomponents-icons/dist/overflow.js";
+import "@ui5/webcomponents-icons/dist/decline.js";
+
 // Texts
 import {
 	NOTIFICATION_LIST_ITEM_TXT,
@@ -46,7 +50,7 @@ const metadata = {
 		 * <br><br>
 		 * <b>Note:</b> by default the <code>titleText</code> and <code>decription</code>,
 		 * and a <code>ShowMore/Less</code> button would be displayed.
-		 * @type {WrappingType}
+		 * @type {sap.ui.webcomponents.main.types.WrappingType}
 		 * @defaultvalue "None"
 		 * @public
 		 * @since 1.0.0-rc.15
@@ -164,7 +168,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.NotificationListItem
- * @extends NotificationListItemBase
+ * @extends sap.ui.webcomponents.fiori.NotificationListItemBase
  * @tagname ui5-li-notification
  * @appenddocs NotificationAction
  * @since 1.0.0-rc.8

package/src/NotificationListItemBase.js

@@ -17,6 +17,15 @@ import NotificationOverflowActionsPopoverTemplate from "./generated/templates/No
 // Styles
 import NotificationOverflowActionsPopoverCss from "./generated/themes/NotificationOverflowActionsPopover.css.js";
 
+/**
+ * Defines the icons corresponding to the notification's priority.
+ */
+const ICON_PER_PRIORITY = {
+	[Priority.High]: "message-error",
+	[Priority.Medium]: "message-warning",
+	[Priority.Low]: "message-success",
+};
+
 /**
  * @public
  */
@@ -43,7 +52,7 @@ const metadata = {
 		 * <li><code>Medium</code></li>
 		 * <li><code>High</code></li>
 		 * </ul>
-		 * @type {Priority}
+		 * @type {sap.ui.webcomponents.main.types.Priority}
 		 * @defaultvalue "None"
 		 * @public
 		 */
@@ -89,7 +98,7 @@ const metadata = {
 		/**
 		 * Defines the delay in milliseconds, after which the busy indicator will show up for this component.
 		 *
-		 * @type {Integer}
+		 * @type {sap.ui.webcomponents.base.types.Integer}
 		 * @defaultValue 1000
 		 * @public
 		 */
@@ -133,7 +142,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.NotificationListItemBase
- * @extends ListItemBase
+ * @extends sap.ui.webcomponents.main.ListItemBase
  * @tagname ui5-li-notification-group
  * @since 1.0.0-rc.8
  * @appenddocs NotificationAction
@@ -152,14 +161,6 @@ class NotificationListItemBase extends ListItemBase {
 		return NotificationOverflowActionsPopoverCss;
 	}
 
-	static priorityIconsMappings() {
-		return {
-			"High": "message-error",
-			"Medium": "message-warning",
-			"Low": "message-success",
-		};
-	}
-
 	get hasTitleText() {
 		return !!this.titleText.length;
 	}
@@ -169,7 +170,7 @@ class NotificationListItemBase extends ListItemBase {
 	}
 
 	get priorityIcon() {
-		return NotificationListItemBase.priorityIconsMappings()[this.priority];
+		return ICON_PER_PRIORITY[this.priority];
 	}
 
 	get overflowButtonDOM() {

package/src/Page.js

@@ -30,12 +30,12 @@ const metadata = {
 		 * <li><code>Transparent</code></li>
 		 * <li><code>List</code></li>
 		 * </ul>
-		 * @type {PageBackgroundDesign}
+		 * @type {sap.ui.webcomponents.fiori.types.PageBackgroundDesign}
 		 * @defaultvalue "Solid"
 		 * @public
 		 */
 		backgroundDesign: {
-			type: String,
+			type: PageBackgroundDesign,
 			defaultValue: PageBackgroundDesign.Solid,
 		},
 
@@ -154,7 +154,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.Page
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-page
  * @since 1.0.0-rc.12
  * @public

package/src/ShellBar.js

@@ -812,7 +812,7 @@ class ShellBar extends UI5Element {
 
 	/**
 	 * Returns the <code>logo</code> DOM ref.
-	 * @type { HTMLElement }
+	 * @type {HTMLElement}
 	 * @public
 	 * @readonly
 	 * @since 1.0.0-rc.16
@@ -823,7 +823,7 @@ class ShellBar extends UI5Element {
 
 	/**
 	 * Returns the <code>copilot</code> DOM ref.
-	 * @type { HTMLElement }
+	 * @type {HTMLElement}
 	 * @public
 	 * @readonly
 	 * @since 1.0.0-rc.16
@@ -834,7 +834,7 @@ class ShellBar extends UI5Element {
 
 	/**
 	 * Returns the <code>notifications</code> icon DOM ref.
-	 * @type { HTMLElement }
+	 * @type {HTMLElement}
 	 * @public
 	 * @readonly
 	 * @since 1.0.0-rc.16
@@ -845,7 +845,7 @@ class ShellBar extends UI5Element {
 
 	/**
 	 * Returns the <code>overflow</code> icon DOM ref.
-	 * @type { HTMLElement }
+	 * @type {HTMLElement}
 	 * @public
 	 * @readonly
 	 * @since 1.0.0-rc.16
@@ -856,7 +856,7 @@ class ShellBar extends UI5Element {
 
 	/**
 	 * Returns the <code>profile</code> icon DOM ref.
-	 * @type { HTMLElement }
+	 * @type {HTMLElement}
 	 * @public
 	 * @readonly
 	 * @since 1.0.0-rc.16
@@ -867,7 +867,7 @@ class ShellBar extends UI5Element {
 
 	/**
 	 * Returns the <code>product-switch</code> icon DOM ref.
-	 * @type { HTMLElement }
+	 * @type {HTMLElement}
 	 * @public
 	 * @readonly
 	 * @since 1.0.0-rc.16

package/src/SideNavigation.js

@@ -141,7 +141,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.SideNavigation
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-side-navigation
  * @since 1.0.0-rc.8
  * @appenddocs SideNavigationItem SideNavigationSubItem

package/src/SideNavigationItem.js

@@ -115,7 +115,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.SideNavigationItem
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-side-navigation-item
  * @public
  * @since 1.0.0-rc.8

package/src/SideNavigationSubItem.js

@@ -73,7 +73,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.SideNavigationSubItem
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-side-navigation-sub-item
  * @public
  * @since 1.0.0-rc.8

package/src/SortItem.js

@@ -51,7 +51,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.SortItem
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @since 1.0.0-rc.16
  * @tagname ui5-sort-item
  * @implements sap.ui.webcomponents.fiori.ISortItem

package/src/Timeline.js

@@ -34,7 +34,7 @@ const metadata = {
 	 	* <li><code>Horizontal</code></li>
 		 * </ul>
 		 *
-		 * @type {TimelineLayout}
+		 * @type {sap.ui.webcomponents.fiori.types.TimelineLayout}
 		 * @defaultvalue "Vertical"
 		 * @since 1.0.0-rc.15
 		 * @public
@@ -87,7 +87,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.Timeline
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-timeline
  * @appenddocs TimelineItem
  * @public

package/src/TimelineItem.js

@@ -95,7 +95,7 @@ const metadata = {
 		/**
 		 * Defines the items orientation.
 		 *
-		 * @type {TimelineLayout}
+		 * @type {sap.ui.webcomponents.fiori.types.TimelineLayout}
 		 * @defaultvalue "Vertical"
 		 * @private
 		 */
@@ -139,7 +139,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.TimelineItem
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-timeline-item
  * @implements sap.ui.webcomponents.fiori.ITimelineItem
  * @public

package/src/UploadCollection.js

@@ -47,7 +47,7 @@ const metadata = {
 		 * <li><code>Delete</code></li>
 		 * </ul>
 		 *
-		 * @type {ListMode}
+		 * @type {sap.ui.webcomponents.main.types.ListMode}
 		 * @defaultvalue "None"
 		 * @public
 		 */
@@ -96,12 +96,12 @@ const metadata = {
 		/**
 		 * Indicates what overlay to show when files are being dragged.
 		 *
-		 * @type {UploadCollectionDnDOverlayMode}
+		 * @type {sap.ui.webcomponents.fiori.types.UploadCollectionDnDOverlayMode}
 		 * @defaultvalue "None"
 		 * @private
 		 */
 		_dndOverlayMode: {
-			type: String,
+			type: UploadCollectionDnDOverlayMode,
 			defaultValue: UploadCollectionDnDOverlayMode.None,
 		},
 
@@ -207,7 +207,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.UploadCollection
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-upload-collection
  * @appenddocs UploadCollectionItem
  * @public

package/src/UploadCollectionItem.js

@@ -121,7 +121,7 @@ const metadata = {
 		 * <br><br>
 		 * <b>Note:</b> Expected values are in the interval [0, 100].
 		 *
-		 * @type {Integer}
+		 * @type {sap.ui.webcomponents.base.types.Integer}
 		 * @defaultvalue 0
 		 * @public
 		 */
@@ -135,7 +135,7 @@ const metadata = {
 		 * Also if set to <code>Error</code>, a refresh button is shown. When this icon is pressed <code>retry</code> event is fired.
 		 * If set to <code>Uploading</code>, a terminate button is shown. When this icon is pressed <code>terminate</code> event is fired.
 		 *
-		 * @type {UploadState}
+		 * @type {sap.ui.webcomponents.fiori.types.UploadState}
 		 * @defaultvalue "Ready"
 		 * @public
 		 */
@@ -243,7 +243,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.UploadCollectionItem
- * @extends ListItem
+ * @extends sap.ui.webcomponents.main.ListItem
  * @tagname ui5-upload-collection-item
  * @public
  * @implements sap.ui.webcomponents.fiori.IUploadCollectionItem

package/src/ViewSettingsDialog.js

@@ -56,7 +56,7 @@ const metadata = {
 		/**
 		 * Keeps recently focused list in order to focus it on next dialog open.
 		 *
-		 * @type {Object}
+		 * @type {object}
 		 * @private
 		 */
 		 _recentlyFocused: {
@@ -66,7 +66,7 @@ const metadata = {
 		/**
 		 * Stores settings of the dialog before the initial open.
 		 *
-		 * @type {Object}
+		 * @type {object}
 		 * @private
 		 */
 		 _initialSettings: {
@@ -76,7 +76,7 @@ const metadata = {
 		/**
 		 * Stores settings of the dialog after confirmation.
 		 *
-		 * @type {Object}
+		 * @type {object}
 		 * @private
 		 */
 		 _confirmedSettings: {
@@ -86,7 +86,7 @@ const metadata = {
 		/**
 		 * Stores current settings of the dialog.
 		 *
-		 * @type {Object}
+		 * @type {object}
 		 * @private
 		 */
 		 _currentSettings: {
@@ -220,7 +220,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.ViewSettingsDialog
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-view-settings-dialog
  * @appenddocs SortItem FilterItem FilterItemOption
  * @since 1.0.0-rc.16

package/src/Wizard.js

@@ -79,7 +79,7 @@ const metadata = {
 		 * <b>Note:</b> Supported values are between 0.5 and 1
 		 * and values out of the range will be normalized to 0.5 and 1 respectively.
 		 * @private
-		 * @type {Float}
+		 * @type {sap.ui.webcomponents.base.types.Float}
 		 * @defaultvalue 0.7
 		 * @since 1.0.0-rc.13
 		 */
@@ -224,7 +224,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.Wizard
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-wizard
  * @since 1.0.0-rc.10
  * @appenddocs WizardStep

package/src/WizardStep.js

@@ -138,7 +138,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.WizardStep
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-wizard-step
  * @since 1.0.0-rc.10
  * @implements sap.ui.webcomponents.fiori.IWizardStep

package/src/WizardTab.js

@@ -147,7 +147,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.fiori.WizardTab
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-wizard-tab
  * @private
  */

package/src/illustrations/AllIllustrations.js

@@ -0,0 +1 @@
+import "@ui5/webcomponents-fiori/dist/generated/js-imports/Illustrations.js"; // eslint-disable-line

package/src/themes/IllustratedMessage.css

@@ -101,7 +101,7 @@
 }
 
 .ui5-illustrated-message-util {
-    position: absolute;
+    position: fixed;
     top: -9999px;
     left: -9999px;
 }