@ui5/webcomponents-fiori 0.0.0-e818f286e → 0.0.0-ee3bbe46b

package/dist/Interfaces.d.ts

@@ -0,0 +1,113 @@
+/**
+ * Interface for components that may be slotted inside <code>ui5-page</code> as header and footer.
+ *
+ * @name sap.ui.webc.fiori.IBar
+ * @interface
+ * @public
+ */
+declare const IBar = "sap.ui.webc.fiori.IBar";
+/**
+ * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as filter items
+ *
+ * @name sap.ui.webc.fiori.IFilterItem
+ * @interface
+ * @public
+ */
+declare const IFilterItem = "sap.ui.webc.fiori.IFilterItem";
+/**
+ * Interface for components that may be slotted inside <code>ui5-filter-item</code> as values
+ *
+ * @name sap.ui.webc.fiori.IFilterItemOption
+ * @interface
+ * @public
+ */
+declare const IFilterItemOption = "sap.ui.webc.fiori.IFilterItemOption";
+/**
+ * Interface for components that can be slotted inside <code>ui5-media-gallery</code> as items.
+ *
+ * @name sap.ui.webc.fiori.IMediaGalleryItem
+ * @interface
+ * @public
+ */
+declare const IMediaGalleryItem = "sap.ui.webc.fiori.IMediaGalleryItem";
+/**
+ * Interface for components that may be slotted as an action inside <code>ui5-li-notification</code> and <code>ui5-li-notification-group</code>
+ *
+ * @name sap.ui.webc.fiori.INotificationAction
+ * @interface
+ * @public
+ */
+declare const INotificationAction = "sap.ui.webc.fiori.INotificationAction";
+/**
+ * Interface for components that may be slotted inside a notification list
+ *
+ * @name sap.ui.webc.fiori.INotificationListItem
+ * @interface
+ * @public
+ */
+declare const INotificationListItem = "sap.ui.webc.fiori.INotificationListItem";
+/**
+ * Interface for components that may be slotted inside <code>ui5-product-switch</code> as items
+ *
+ * @name sap.ui.webc.fiori.IProductSwitchItem
+ * @interface
+ * @public
+ */
+declare const IProductSwitchItem = "sap.ui.webc.fiori.IProductSwitchItem";
+/**
+ * Interface for components that may be slotted inside <code>ui5-shellbar</code> as items
+ *
+ * @name sap.ui.webc.fiori.IShellBarItem
+ * @interface
+ * @public
+ */
+declare const IShellBarItem = "sap.ui.webc.fiori.IShellBarItem";
+/**
+ * Interface for components that may be slotted inside <code>ui5-side-navigation</code> as items
+ *
+ * @name sap.ui.webc.fiori.ISideNavigationItem
+ * @interface
+ * @public
+ */
+declare const ISideNavigationItem = "sap.ui.webc.fiori.ISideNavigationItem";
+/**
+ * Interface for components that may be slotted inside <code>ui5-side-navigation-item</code> as sub-items
+ *
+ * @name sap.ui.webc.fiori.ISideNavigationSubItem
+ * @interface
+ * @public
+ */
+declare const ISideNavigationSubItem = "sap.ui.webc.fiori.ISideNavigationSubItem";
+/**
+ * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as sort items
+ *
+ * @name sap.ui.webc.fiori.ISortItem
+ * @interface
+ * @public
+ */
+declare const ISortItem = "sap.ui.webc.fiori.ISortItem";
+/**
+ * Interface for components that may be slotted inside <code>ui5-timeline</code> as items
+ *
+ * @name sap.ui.webc.fiori.ITimelineItem
+ * @interface
+ * @public
+ */
+declare const ITimelineItem = "sap.ui.webc.fiori.ITimelineItem";
+/**
+ * Interface for components that may be slotted inside <code>ui5-upload-collection</code> as items
+ *
+ * @name sap.ui.webc.fiori.IUploadCollectionItem
+ * @interface
+ * @public
+ */
+declare const IUploadCollectionItem = "sap.ui.webc.fiori.IUploadCollectionItem";
+/**
+ * Interface for components that may be slotted inside <code>ui5-wizard</code> as wizard steps
+ *
+ * @name sap.ui.webc.fiori.IWizardStep
+ * @interface
+ * @public
+ */
+declare const IWizardStep = "sap.ui.webc.fiori.IWizardStep";
+export { IBar, IFilterItem, IFilterItemOption, IMediaGalleryItem, INotificationAction, INotificationListItem, IProductSwitchItem, IShellBarItem, ISideNavigationItem, ISideNavigationSubItem, ISortItem, ITimelineItem, IUploadCollectionItem, IWizardStep, };

package/dist/Interfaces.js

@@ -1,142 +1,114 @@
 /**
  * Interface for components that may be slotted inside <code>ui5-page</code> as header and footer.
  *
- * @name sap.ui.webcomponents.fiori.IBar
+ * @name sap.ui.webc.fiori.IBar
  * @interface
  * @public
  */
-const IBar = "sap.ui.webcomponents.fiori.IBar";
-
+const IBar = "sap.ui.webc.fiori.IBar";
 /**
  * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as filter items
  *
- * @name sap.ui.webcomponents.fiori.IFilterItem
+ * @name sap.ui.webc.fiori.IFilterItem
  * @interface
  * @public
  */
-const IFilterItem = "sap.ui.webcomponents.fiori.IFilterItem";
-
+const IFilterItem = "sap.ui.webc.fiori.IFilterItem";
 /**
  * Interface for components that may be slotted inside <code>ui5-filter-item</code> as values
  *
- * @name sap.ui.webcomponents.fiori.IFilterItemOption
+ * @name sap.ui.webc.fiori.IFilterItemOption
  * @interface
  * @public
  */
-const IFilterItemOption = "sap.ui.webcomponents.fiori.IFilterItemOption";
-
+const IFilterItemOption = "sap.ui.webc.fiori.IFilterItemOption";
 /**
  * Interface for components that can be slotted inside <code>ui5-media-gallery</code> as items.
  *
- * @name sap.ui.webcomponents.fiori.IMediaGalleryItem
+ * @name sap.ui.webc.fiori.IMediaGalleryItem
  * @interface
  * @public
  */
-const IMediaGalleryItem = "sap.ui.webcomponents.fiori.IMediaGalleryItem";
-
+const IMediaGalleryItem = "sap.ui.webc.fiori.IMediaGalleryItem";
 /**
  * Interface for components that may be slotted as an action inside <code>ui5-li-notification</code> and <code>ui5-li-notification-group</code>
  *
- * @name sap.ui.webcomponents.fiori.INotificationAction
+ * @name sap.ui.webc.fiori.INotificationAction
  * @interface
  * @public
  */
-const INotificationAction = "sap.ui.webcomponents.fiori.INotificationAction";
-
+const INotificationAction = "sap.ui.webc.fiori.INotificationAction";
 /**
  * Interface for components that may be slotted inside a notification list
  *
- * @name sap.ui.webcomponents.fiori.INotificationListItem
+ * @name sap.ui.webc.fiori.INotificationListItem
  * @interface
  * @public
  */
-const INotificationListItem = "sap.ui.webcomponents.fiori.INotificationListItem";
-
+const INotificationListItem = "sap.ui.webc.fiori.INotificationListItem";
 /**
  * Interface for components that may be slotted inside <code>ui5-product-switch</code> as items
  *
- * @name sap.ui.webcomponents.fiori.IProductSwitchItem
+ * @name sap.ui.webc.fiori.IProductSwitchItem
  * @interface
  * @public
  */
-const IProductSwitchItem = "sap.ui.webcomponents.fiori.IProductSwitchItem";
-
+const IProductSwitchItem = "sap.ui.webc.fiori.IProductSwitchItem";
 /**
  * Interface for components that may be slotted inside <code>ui5-shellbar</code> as items
  *
- * @name sap.ui.webcomponents.fiori.IShellBarItem
+ * @name sap.ui.webc.fiori.IShellBarItem
  * @interface
  * @public
  */
-const IShellBarItem = "sap.ui.webcomponents.fiori.IShellBarItem";
-
+const IShellBarItem = "sap.ui.webc.fiori.IShellBarItem";
 /**
  * Interface for components that may be slotted inside <code>ui5-side-navigation</code> as items
  *
- * @name sap.ui.webcomponents.fiori.ISideNavigationItem
+ * @name sap.ui.webc.fiori.ISideNavigationItem
  * @interface
  * @public
  */
-const ISideNavigationItem = "sap.ui.webcomponents.fiori.ISideNavigationItem";
-
+const ISideNavigationItem = "sap.ui.webc.fiori.ISideNavigationItem";
 /**
  * Interface for components that may be slotted inside <code>ui5-side-navigation-item</code> as sub-items
  *
- * @name sap.ui.webcomponents.fiori.ISideNavigationSubItem
+ * @name sap.ui.webc.fiori.ISideNavigationSubItem
  * @interface
  * @public
  */
-const ISideNavigationSubItem = "sap.ui.webcomponents.fiori.ISideNavigationSubItem";
-
+const ISideNavigationSubItem = "sap.ui.webc.fiori.ISideNavigationSubItem";
 /**
  * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as sort items
  *
- * @name sap.ui.webcomponents.fiori.ISortItem
+ * @name sap.ui.webc.fiori.ISortItem
  * @interface
  * @public
  */
-const ISortItem = "sap.ui.webcomponents.fiori.ISortItem";
-
+const ISortItem = "sap.ui.webc.fiori.ISortItem";
 /**
  * Interface for components that may be slotted inside <code>ui5-timeline</code> as items
  *
- * @name sap.ui.webcomponents.fiori.ITimelineItem
+ * @name sap.ui.webc.fiori.ITimelineItem
  * @interface
  * @public
  */
-const ITimelineItem = "sap.ui.webcomponents.fiori.ITimelineItem";
-
+const ITimelineItem = "sap.ui.webc.fiori.ITimelineItem";
 /**
  * Interface for components that may be slotted inside <code>ui5-upload-collection</code> as items
  *
- * @name sap.ui.webcomponents.fiori.IUploadCollectionItem
+ * @name sap.ui.webc.fiori.IUploadCollectionItem
  * @interface
  * @public
  */
-const IUploadCollectionItem = "sap.ui.webcomponents.fiori.IUploadCollectionItem";
-
+const IUploadCollectionItem = "sap.ui.webc.fiori.IUploadCollectionItem";
 /**
  * Interface for components that may be slotted inside <code>ui5-wizard</code> as wizard steps
  *
- * @name sap.ui.webcomponents.fiori.IWizardStep
+ * @name sap.ui.webc.fiori.IWizardStep
  * @interface
  * @public
  */
-const IWizardStep = "sap.ui.webcomponents.fiori.IWizardStep";
-
-export {
-	IBar,
-	IFilterItem,
-	IFilterItemOption,
-	IMediaGalleryItem,
-	INotificationAction,
-	INotificationListItem,
-	IProductSwitchItem,
-	IShellBarItem,
-	ISideNavigationItem,
-	ISideNavigationSubItem,
-	ISortItem,
-	ITimelineItem,
-	IUploadCollectionItem,
-	IWizardStep,
-};
+const IWizardStep = "sap.ui.webc.fiori.IWizardStep";
+export { IBar, IFilterItem, IFilterItemOption, IMediaGalleryItem, INotificationAction, INotificationListItem, IProductSwitchItem, IShellBarItem, ISideNavigationItem, ISideNavigationSubItem, ISortItem, ITimelineItem, IUploadCollectionItem, IWizardStep, };
+//# sourceMappingURL=Interfaces.js.map

package/dist/Interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Interfaces.js","sourceRoot":"","sources":["../src/Interfaces.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,IAAI,GAAG,wBAAwB,CAAC;AAEtC;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,+BAA+B,CAAC;AAEpD;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,qCAAqC,CAAC;AAEhE;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,qCAAqC,CAAC;AAEhE;;;;;;GAMG;AACH,MAAM,mBAAmB,GAAG,uCAAuC,CAAC;AAEpE;;;;;;GAMG;AACH,MAAM,qBAAqB,GAAG,yCAAyC,CAAC;AAExE;;;;;;GAMG;AACH,MAAM,kBAAkB,GAAG,sCAAsC,CAAC;AAElE;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,iCAAiC,CAAC;AAExD;;;;;;GAMG;AACH,MAAM,mBAAmB,GAAG,uCAAuC,CAAC;AAEpE;;;;;;GAMG;AACH,MAAM,sBAAsB,GAAG,0CAA0C,CAAC;AAE1E;;;;;;GAMG;AACH,MAAM,SAAS,GAAG,6BAA6B,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,iCAAiC,CAAC;AAExD;;;;;;GAMG;AACH,MAAM,qBAAqB,GAAG,yCAAyC,CAAC;AAExE;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,+BAA+B,CAAC;AAEpD,OAAO,EACN,IAAI,EACJ,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,sBAAsB,EACtB,SAAS,EACT,aAAa,EACb,qBAAqB,EACrB,WAAW,GACX,CAAC"}

package/dist/MediaGallery.js

@@ -35,7 +35,7 @@ const COLUMNS_COUNT = {
 const metadata = {
 	tag: "ui5-media-gallery",
 	managedSlots: true,
-	slots: /** @lends sap.ui.webcomponents.fiori.MediaGallery.prototype */ {
+	slots: /** @lends sap.ui.webc.fiori.MediaGallery.prototype */ {
 		/**
 		 * Defines the component items.
 		 *
@@ -45,7 +45,7 @@ const metadata = {
 		 * <br><br>
 		 * <b>Note:</b> Use the <code>ui5-media-gallery-item</code> component to define the desired items.
 		 *
-		 * @type {sap.ui.webcomponents.fiori.IMediaGalleryItem[]}
+		 * @type {sap.ui.webc.fiori.IMediaGalleryItem[]}
 		 * @slot items
 		 * @public
 		 */
@@ -56,7 +56,7 @@ const metadata = {
 			invalidateOnChildChange: true,
 		},
 	},
-	properties: /** @lends sap.ui.webcomponents.fiori.MediaGallery.prototype */ {
+	properties: /** @lends sap.ui.webc.fiori.MediaGallery.prototype */ {
 		/**
 		 * If set to <code>true</code>, all thumbnails are rendered in a scrollable container.
 		 * If <code>false</code>, only up to five thumbnails are rendered, followed by
@@ -95,7 +95,7 @@ const metadata = {
 		 * <li><code>Horizontal</code></li>
 		 * </ul>
 		 *
-		 * @type {MediaGalleryLayout}
+		 * @type {sap.ui.webc.fiori.types.MediaGalleryLayout}
 		 * @defaultvalue "Auto"
 		 * @public
 		 */
@@ -114,7 +114,7 @@ const metadata = {
 		 * <li><code>Right</code></li>
 		 * </ul>
 		 *
-		 * @type {MediaGalleryMenuHorizontalAlign}
+		 * @type {sap.ui.webc.fiori.types.MediaGalleryMenuHorizontalAlign}
 		 * @defaultvalue "Left"
 		 * @public
 		 */
@@ -133,7 +133,7 @@ const metadata = {
 		 * <li><code>Bottom</code></li>
 		 * </ul>
 		 *
-		 * @type {MediaGalleryMenuVerticalAlign}
+		 * @type {sap.ui.webc.fiori.types.MediaGalleryMenuVerticalAlign}
 		 * @defaultvalue "Bottom"
 		 * @public
 		 */
@@ -153,7 +153,7 @@ const metadata = {
 		 * <li><code>Horizontal</code></li>
 		 * </ul>
 		 *
-		 * @type {MediaGalleryLayout}
+		 * @type {sap.ui.webc.fiori.types.MediaGalleryLayout}
 		 * @defaultvalue "Vertical"
 		 * @private
 		 */
@@ -182,11 +182,11 @@ const metadata = {
 			defaultValue: 0,
 		},
 	},
-	events: /** @lends sap.ui.webcomponents.fiori.MediaGallery.prototype */ {
+	events: /** @lends sap.ui.webc.fiori.MediaGallery.prototype */ {
 		/**
 		 * Fired when selection is changed by user interaction.
 		 *
-		 * @event sap.ui.webcomponents.fiori.MediaGallery#selection-change
+		 * @event sap.ui.webc.fiori.MediaGallery#selection-change
 		 * @param {HTMLElement} item the selected item.
 		 * @public
 		 */
@@ -199,7 +199,7 @@ const metadata = {
 		/**
 		 * Fired when the thumbnails overflow button is clicked.
 		 *
-		 * @event sap.ui.webcomponents.fiori.MediaGallery#overflow-click
+		 * @event sap.ui.webc.fiori.MediaGallery#overflow-click
 		 * @public
 		 */
 		"overflow-click": {},
@@ -209,7 +209,7 @@ const metadata = {
 		 * The display area is the central area that contains
 		 * the enlarged content of the currently selected item.
 		 *
-		 * @event sap.ui.webcomponents.fiori.MediaGallery#display-area-click
+		 * @event sap.ui.webc.fiori.MediaGallery#display-area-click
 		 * @public
 		 */
 		"display-area-click": {},
@@ -253,8 +253,8 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.MediaGallery
- * @extends UI5Element
+ * @alias sap.ui.webc.fiori.MediaGallery
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-media-gallery
  * @appenddocs MediaGalleryItem
  * @public

package/dist/MediaGalleryItem.js

@@ -16,7 +16,7 @@ import MediaGalleryItemCss from "./generated/themes/MediaGalleryItem.css.js";
 const metadata = {
 	tag: "ui5-media-gallery-item",
 	managedSlots: true,
-	properties: /** @lends sap.ui.webcomponents.fiori.MediaGalleryItem.prototype */ {
+	properties: /** @lends sap.ui.webc.fiori.MediaGalleryItem.prototype */ {
 
 		/**
 		 * Defines the selected state of the component.
@@ -49,7 +49,7 @@ const metadata = {
 		 * <li><code>Wide</code></li>
 		 * </ul>
 		 *
-		 * @type {MediaGalleryItemLayout}
+		 * @type {sap.ui.webc.fiori.types.MediaGalleryItemLayout}
 		 * @defaultvalue "Square"
 		 * @public
 		 */
@@ -119,7 +119,7 @@ const metadata = {
 			defaultValue: "",
 		},
 	},
-	slots: /** @lends sap.ui.webcomponents.fiori.MediaGalleryItem.prototype */ {
+	slots: /** @lends sap.ui.webc.fiori.MediaGalleryItem.prototype */ {
 		/**
 		 * Defines the content of the component.
 		 *
@@ -168,11 +168,11 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.MediaGalleryItem
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.fiori.MediaGalleryItem
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-media-gallery-item
  * @public
- * @implements sap.ui.webcomponents.fiori.IMediaGalleryItem
+ * @implements sap.ui.webc.fiori.IMediaGalleryItem
  * @since 1.1.0
  */
 class MediaGalleryItem extends UI5Element {

package/dist/NotificationAction.js

@@ -6,7 +6,7 @@ import ButtonDesign from "@ui5/webcomponents/dist/types/ButtonDesign.js";
  */
 const metadata = {
 	tag: "ui5-notification-action",
-	properties: /** @lends sap.ui.webcomponents.fiori.NotificationAction.prototype */ {
+	properties: /** @lends sap.ui.webc.fiori.NotificationAction.prototype */ {
 		/**
 		 * Defines the text of the <code>ui5-notification-action</code>.
 		 *
@@ -44,7 +44,7 @@ const metadata = {
 		 * <li><code>Transparent</code></li>
 		 * </ul>
 		 *
-		 * @type {ButtonDesign}
+		 * @type {sap.ui.webc.main.types.ButtonDesign}
 		 * @defaultvalue "Transparent"
 		 * @public
 		 */
@@ -58,7 +58,7 @@ const metadata = {
 		 * <br><br>
 		 * <b>Note:</b>
 		 * SAP-icons font provides numerous built-in icons. To find all the available icons, see the
-		 * <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
+		 * <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
 		 *
 		 * @type {string}
 		 * @defaultvalue ""
@@ -68,9 +68,9 @@ const metadata = {
 			type: String,
 		},
 	},
-	slots: /** @lends sap.ui.webcomponents.fiori.NotificationAction.prototype */ {
+	slots: /** @lends sap.ui.webc.fiori.NotificationAction.prototype */ {
 	},
-	events: /** @lends sap.ui.webcomponents.fiori.NotificationAction.prototype */ {
+	events: /** @lends sap.ui.webc.fiori.NotificationAction.prototype */ {
 		click: {},
 	},
 };
@@ -82,10 +82,10 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.NotificationAction
- * @extends UI5Element
+ * @alias sap.ui.webc.fiori.NotificationAction
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-notification-action
- * @implements sap.ui.webcomponents.fiori.INotificationAction
+ * @implements sap.ui.webc.fiori.INotificationAction
  * @public
  */
 class NotificationAction extends UI5Element {

package/dist/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,
@@ -34,7 +39,7 @@ const metadata = {
 	tag: "ui5-li-notification-group",
 	languageAware: true,
 	managedSlots: true,
-	properties: /** @lends sap.ui.webcomponents.fiori.NotificationListGroupItem.prototype */ {
+	properties: /** @lends sap.ui.webc.fiori.NotificationListGroupItem.prototype */ {
 
 		/**
 		 * Defines if the group is collapsed or expanded.
@@ -56,13 +61,13 @@ const metadata = {
 			type: Boolean,
 		},
 	},
-	slots: /** @lends sap.ui.webcomponents.fiori.NotificationListGroupItem.prototype */ {
+	slots: /** @lends sap.ui.webc.fiori.NotificationListGroupItem.prototype */ {
 
 		/**
 		 * Defines the items of the <code>ui5-li-notification-group</code>,
 		 * usually <code>ui5-li-notification</code> items.
 		 *
-		 * @type {sap.ui.webcomponents.fiori.INotificationListItem[]}
+		 * @type {sap.ui.webc.fiori.INotificationListItem[]}
 		 * @slot items
 		 * @public
 		 */
@@ -71,7 +76,7 @@ const metadata = {
 			type: HTMLElement,
 		},
 	},
-	events: /** @lends sap.ui.webcomponents.fiori.NotificationListGroupItem.prototype */ {
+	events: /** @lends sap.ui.webc.fiori.NotificationListGroupItem.prototype */ {
 
 		/**
 		 * Fired when the <code>ui5-li-notification-group</code> is expanded/collapsed by user interaction.
@@ -119,12 +124,12 @@ const metadata = {
  * <code>import "@ui5/webcomponents/dist/NotificationAction.js";</code> (optional)
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.NotificationListGroupItem
- * @extends NotificationListItemBase
+ * @alias sap.ui.webc.fiori.NotificationListGroupItem
+ * @extends sap.ui.webc.fiori.NotificationListItemBase
  * @tagname ui5-li-notification-group
  * @since 1.0.0-rc.8
  * @appenddocs NotificationAction
- * @implements sap.ui.webcomponents.main.IListItem
+ * @implements sap.ui.webc.main.IListItem
  * @public
  */
 class NotificationListGroupItem extends NotificationListItemBase {

package/dist/NotificationListItem.js

@@ -1,6 +1,6 @@
 import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-
+import { getEventMark } from "@ui5/webcomponents-base/dist/MarkedEvents.js";
 import Priority from "@ui5/webcomponents/dist/types/Priority.js";
 import Button from "@ui5/webcomponents/dist/Button.js";
 import BusyIndicator from "@ui5/webcomponents/dist/BusyIndicator.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,
@@ -37,7 +41,7 @@ const metadata = {
 	tag: "ui5-li-notification",
 	languageAware: true,
 	managedSlots: true,
-	properties: /** @lends sap.ui.webcomponents.fiori.NotificationListItem.prototype */ {
+	properties: /** @lends sap.ui.webc.fiori.NotificationListItem.prototype */ {
 
 		/**
 		 * Defines if the <code>titleText</code> and <code>description</code> should wrap,
@@ -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.webc.main.types.WrappingType}
 		 * @defaultvalue "None"
 		 * @public
 		 * @since 1.0.0-rc.15
@@ -73,7 +77,7 @@ const metadata = {
 			type: Boolean,
 		},
 	},
-	slots: /** @lends sap.ui.webcomponents.fiori.NotificationListItem.prototype */ {
+	slots: /** @lends sap.ui.webc.fiori.NotificationListItem.prototype */ {
 
 		/**
 		 * Defines the avatar, displayed in the <code>ui5-li-notification</code>.
@@ -85,7 +89,7 @@ const metadata = {
 		 * we recommend using avatars with 2rem X 2rem in size (32px X 32px). In case you are using the <code>ui5-avatar</code>
 		 * you can set its <code>size</code> property to <code>XS</code> to get the required size - <code>&lt;ui5-avatar size="XS">&lt;/ui5-avatar></code>.
 		 *
-		 * @type {sap.ui.webcomponents.main.IAvatar}
+		 * @type {sap.ui.webc.main.IAvatar}
 		 * @slot
 		 * @public
 		 */
@@ -120,7 +124,7 @@ const metadata = {
 			type: Node,
 		},
 	},
-	events: /** @lends sap.ui.webcomponents.fiori.NotificationListItem.prototype */ {
+	events: /** @lends sap.ui.webc.fiori.NotificationListItem.prototype */ {
 		_press: {},
 	},
 };
@@ -163,12 +167,12 @@ const metadata = {
  * <code>import "@ui5/webcomponents/dist/NotificationAction.js";</code> (optional)
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.NotificationListItem
- * @extends NotificationListItemBase
+ * @alias sap.ui.webc.fiori.NotificationListItem
+ * @extends sap.ui.webc.fiori.NotificationListItemBase
  * @tagname ui5-li-notification
  * @appenddocs NotificationAction
  * @since 1.0.0-rc.8
- * @implements sap.ui.webcomponents.fiori.INotificationListItem, sap.ui.webcomponents.main.IListItem
+ * @implements sap.ui.webc.fiori.INotificationListItem, sap.ui.webc.main.IListItem
  * @public
  */
 class NotificationListItem extends NotificationListItemBase {
@@ -361,7 +365,7 @@ class NotificationListItem extends NotificationListItemBase {
 
 		const space = isSpace(event);
 
-		if (space && event.isMarked === "link") {
+		if (space && getEventMark(event) === "link") {
 			this._onShowMoreClick(event);
 			return;
 		}
@@ -375,7 +379,7 @@ class NotificationListItem extends NotificationListItemBase {
 	 * Private
 	 */
 	fireItemPress(event) {
-		if (event.isMarked === "button" || event.isMarked === "link") {
+		if (getEventMark(event) === "button" || getEventMark(event) === "link") {
 			return;
 		}