@openui5/sap.ui.webc.fiori 1.119.1 → 1.120.1

package/THIRDPARTY.txt

@@ -179,7 +179,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/caja-html-sanitizer.js
 
-Component: Unicode Common Locale Data Repository, version: 41
+Component: Unicode Common Locale Data Repository, version: 43
 Copyright: 1991-2014 Unicode, Inc.
 License: Unicode-DFS-2015
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Unicode-DFS-2015.txt
@@ -334,7 +334,7 @@ License: ISC
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/ISC.txt
 Contained in: src/sap.ui.core/src/sap/ui/core/cache/LRUPersistentCache.js
 
-Component: Time Zone Database, version: 2022a
+Component: Time Zone Database, version: 2023c
 Copyright: Arthur David Olson, Paul Eggert and other contributors
 License: LicenseRef-tzdata-PublicDomain
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-tzdata-PublicDomain.txt
@@ -416,7 +416,7 @@ Contained in: src/sap.ui.integration/test/sap/ui/integration/demokit/cardExplore
 
 Library: sap.ui.webc.common:
 
-Component: UI5 Web Components, version: 1.5.0
+Component: UI5 Web Components, version: 1.18.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -436,13 +436,13 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/
 
 Library: sap.ui.webc.fiori:
 
-Component: UI5 Web Components, version: 1.5.0
+Component: UI5 Web Components, version: 1.18.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
 
-Component: ZXing, version: 0.19.1
+Component: ZXing, version: 0.17.1
 Copyright: 2005 Sun Microsystems, Inc.; 2010-2014 University of Manchester; 2010-2015 Stian Soiland-Reyes; 2015 Peter Hull
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -451,7 +451,7 @@ Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/lib/zxing.js
 
 Library: sap.ui.webc.main:
 
-Component: UI5 Web Components, version: 1.5.0
+Component: UI5 Web Components, version: 1.18.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.webc.fiori",
-  "version": "1.119.1",
+  "version": "1.120.1",
   "description": "OpenUI5 UI Library sap.ui.webc.fiori",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -20,8 +20,8 @@
     "generate": "ui5-webc-generate"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.119.1",
-    "@openui5/sap.ui.webc.main": "1.119.1",
-    "@openui5/sap.ui.webc.common": "1.119.1"
+    "@openui5/sap.ui.core": "1.120.1",
+    "@openui5/sap.ui.webc.main": "1.120.1",
+    "@openui5/sap.ui.webc.common": "1.120.1"
   }
 }

package/src/sap/ui/webc/fiori/.library

@@ -3,7 +3,7 @@
 
 	<name>sap.ui.webc.fiori</name>
 	<vendor>SAP SE</vendor>
-	<version>1.119.1</version>
+	<version>1.120.1</version>
 	<copyright>OpenUI5
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
@@ -35,12 +35,12 @@
 		</jscoverage>
 		<!-- Thirdparty references -->
 		<thirdparty xmlns="http://www.sap.com/ui5/buildext/thirdparty" >
-			<lib name="ui5-web-components" displayName="UI5 Web Components" npmName="@ui5/webcomponents" version="1.5.0" homepage="https://sap.github.io/ui5-webcomponents/">
+			<lib name="ui5-web-components" displayName="UI5 Web Components" npmName="@ui5/webcomponents" version="1.18.0" homepage="https://sap.github.io/ui5-webcomponents/">
 				<license url="https://github.com/SAP/ui5-webcomponents/blob/master/LICENSE.txt" type="Apache-2.0"></license>
 				<copyright>SAP</copyright>
 				<pattern>sap/ui/webc/fiori/thirdparty/*.*</pattern>
 			</lib>
-			<lib name="ZXing" displayName="ZXing" version="0.19.1" npmName="@zxing/library" hash="04a591028fe34e77e20809744ac5af56" homepage="https://zxing-js.github.io/library/">
+			<lib name="ZXing" displayName="ZXing" version="0.17.1" npmName="@zxing/library" hash="04a591028fe34e77e20809744ac5af56" homepage="https://zxing-js.github.io/library/">
 				<license url="https://github.com/zxing-js/library/blob/master/LICENSE" type="Apache-2.0"></license>
 				<copyright>2005 Sun Microsystems, Inc.; 2010-2014 University of Manchester; 2010-2015 Stian Soiland-Reyes; 2015 Peter Hull</copyright>
 				<pattern>sap/ui/webc/fiori/lib/zxing.js</pattern>

package/src/sap/ui/webc/fiori/Bar.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * <h3>Keyboard Handling</h3>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -61,16 +61,6 @@ sap.ui.define([
 
 				/**
 				 * Defines the component's design.
-				 *
-				 * <br>
-				 * <br>
-				 * <b>Note:</b> Available options are:
-				 * <ul>
-				 *     <li><code>Header</code></li>
-				 *     <li><code>Subheader</code></li>
-				 *     <li><code>Footer</code></li>
-				 *     <li><code>FloatingFooter</code></li>
-				 * </ul>
 				 */
 				design: {
 					type: "sap.ui.webc.fiori.BarDesign",
@@ -89,7 +79,7 @@ sap.ui.define([
 			aggregations: {
 
 				/**
-				 * Defines the content at the end of the bar
+				 * Defines the content at the end of the bar.
 				 */
 				endContent: {
 					type: "sap.ui.core.Control",
@@ -98,7 +88,7 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines the content in the middle of the bar
+				 * Defines the content in the middle of the bar.
 				 */
 				middleContent: {
 					type: "sap.ui.core.Control",
@@ -106,7 +96,7 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines the content at the start of the bar
+				 * Defines the content at the start of the bar.
 				 */
 				startContent: {
 					type: "sap.ui.core.Control",

package/src/sap/ui/webc/fiori/BarcodeScannerDialog.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * For a list of supported barcode formats, see the {@link https://github.com/zxing-js/library zxing-js/library} documentation.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/DynamicSideContent.js

@@ -70,7 +70,7 @@ sap.ui.define([
 	 *             A special case allows switching the comparison mode between the main and side content. In this case, the screen is split into 50:50 percent for main vs. side content. The responsive behavior of the equal split is the same as in the standard view - the side content disappears on screen widths of less than 720 px and can only be viewed by triggering it.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/FilterItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * <h3>Usage</h3>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/FilterItemOption.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * <h3>Usage</h3>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/FlexibleColumnLayout.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * <h3>Keyboard Handling</h3>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/IllustratedMessage.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * <h3>Usage</h3> <code>sap.ui.webc.fiori.IllustratedMessage</code> is meant to be used inside container component, for example a <code>sap.ui.webc.main.Card</code>, a <code>sap.ui.webc.main.Dialog</code> or a <code>sap.ui.webc.fiori.Page</code>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/MediaGallery.js

@@ -45,7 +45,7 @@ sap.ui.define([
 	 * </ul> <br>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/MediaGalleryItem.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/NotificationAction.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.fiori.NotificationAction</code> represents an abstract action, used in the <code>sap.ui.webc.fiori.NotificationListItem</code> and the <code>sap.ui.webc.fiori.NotificationListGroupItem</code> items.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -48,17 +48,6 @@ sap.ui.define([
 
 				/**
 				 * Defines the action design.
-				 *
-				 * <br>
-				 * <br>
-				 * <b>Note:</b>
-				 * <ul>
-				 *     <li><code>Default</code></li>
-				 *     <li><code>Emphasized</code></li>
-				 *     <li><code>Positive</code></li>
-				 *     <li><code>Negative</code></li>
-				 *     <li><code>Transparent</code></li>
-				 * </ul>
 				 */
 				design: {
 					type: "sap.ui.webc.main.ButtonDesign",

package/src/sap/ui/webc/fiori/NotificationListGroupItem.js

@@ -47,7 +47,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -90,13 +90,7 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines the <code>priority</code> of the item. Available options are:
-				 * <ul>
-				 *     <li><code>None</code></li>
-				 *     <li><code>Low</code></li>
-				 *     <li><code>Medium</code></li>
-				 *     <li><code>High</code></li>
-				 * </ul>
+				 * Defines the <code>priority</code> of the item.
 				 */
 				priority: {
 					type: "sap.ui.webc.main.Priority",
@@ -113,6 +107,14 @@ sap.ui.define([
 					defaultValue: false
 				},
 
+				/**
+				 * Defines the selected state of the <code>ListItem</code>.
+				 */
+				selected: {
+					type: "boolean",
+					defaultValue: false
+				},
+
 				/**
 				 * Defines if the <code>close</code> button would be displayed.
 				 */

package/src/sap/ui/webc/fiori/NotificationListItem.js

@@ -49,7 +49,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -94,13 +94,7 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines the <code>priority</code> of the item. Available options are:
-				 * <ul>
-				 *     <li><code>None</code></li>
-				 *     <li><code>Low</code></li>
-				 *     <li><code>Medium</code></li>
-				 *     <li><code>High</code></li>
-				 * </ul>
+				 * Defines the <code>priority</code> of the item.
 				 */
 				priority: {
 					type: "sap.ui.webc.main.Priority",
@@ -117,6 +111,14 @@ sap.ui.define([
 					defaultValue: false
 				},
 
+				/**
+				 * Defines the selected state of the <code>ListItem</code>.
+				 */
+				selected: {
+					type: "boolean",
+					defaultValue: false
+				},
+
 				/**
 				 * Defines if the <code>close</code> button would be displayed.
 				 */

package/src/sap/ui/webc/fiori/Page.js

@@ -30,8 +30,16 @@ sap.ui.define([
 	 *
 	 * <b>Note:</b> <code>sap.ui.webc.fiori.Page</code> occipues the whole available space of its parent. In order to achieve the intended design you have to make sure that there is enough space for the <code>sap.ui.webc.fiori.Page</code> to be rendered. <b>Note:</b> In order for the <code>sap.ui.webc.fiori.Page</code> to be displayed, the parent element should have fixed height.
 	 *
+	 * <h3>CSS Shadow Parts</h3>
+	 *
+	 * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/::part CSS Shadow Parts} allow developers to style elements inside the Shadow DOM. <br>
+	 * The <code>sap.ui.webc.fiori.Page</code> exposes the following CSS Shadow Parts:
+	 * <ul>
+	 *     <li>content - Used to style the content section of the component</li>
+	 * </ul>
+	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -50,11 +58,6 @@ sap.ui.define([
 				 * <br>
 				 * <b>Note:</b> When a ui5-list is placed inside the page, we recommend using “List” to ensure better color contrast. <br>
 				 * <br>
-				 * Available options are:
-				 * <ul>
-				 *     <li><code>Solid</code></li> (default) <li><code>Transparent</code></li>
-				 *     <li><code>List</code></li>
-				 * </ul>
 				 */
 				backgroundDesign: {
 					type: "sap.ui.webc.fiori.PageBackgroundDesign",

package/src/sap/ui/webc/fiori/ProductSwitch.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * <br>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/ProductSwitchItem.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/ShellBar.js

@@ -50,7 +50,7 @@ sap.ui.define([
 	 * <h3>Keyboard Handling</h3>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/ShellBarItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 *
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -59,7 +59,9 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines the item text.
+				 * Defines the item text. <br>
+				 * <br>
+				 * <b>Note:</b> The text is only displayed inside the overflow popover list view.
 				 */
 				text: {
 					type: "string",

package/src/sap/ui/webc/fiori/SideNavigation.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * <h3>Keyboard Handling</h3>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/SideNavigationItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.fiori.SideNavigationItem</code> is used within <code>sap.ui.webc.fiori.SideNavigation</code> only. Via the <code>sap.ui.webc.fiori.SideNavigationItem</code> you control the content of the <code>SideNavigation</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/SideNavigationSubItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.fiori.SideNavigationSubItem</code> is intended to be used inside a <code>sap.ui.webc.fiori.SideNavigationItem</code> only.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/SortItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * <h3>Usage</h3>
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/Timeline.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.fiori.Timeline</code> component shows entries (such as objects, events, or posts) in chronological order. A common use case is to provide information about changes to an object, or events related to an object. These entries can be generated by the system (for example, value XY changed from A to B), or added manually. There are two distinct variants of the timeline: basic and social. The basic timeline is read-only, while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/TimelineItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * An entry posted on the timeline.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/UploadCollection.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * <h3>Overview</h3> This component allows you to represent files before uploading them to a server, with the help of <code>sap.ui.webc.fiori.UploadCollectionItem</code>. It also allows you to show already uploaded files.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -71,14 +71,7 @@ sap.ui.define([
 				 * Defines the mode of the <code>sap.ui.webc.fiori.UploadCollection</code>.
 				 *
 				 * <br>
-				 * <br>
-				 * <b>Note:</b>
-				 * <ul>
-				 *     <li><code>None</code></li>
-				 *     <li><code>SingleSelect</code></li>
-				 *     <li><code>MultiSelect</code></li>
-				 *     <li><code>Delete</code></li>
-				 * </ul>
+				 * <b>Note:</b> Mode "Delete" has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>
 				 */
 				mode: {
 					type: "sap.ui.webc.main.ListMode",
@@ -151,14 +144,12 @@ sap.ui.define([
 				},
 
 				/**
-				 * Fired when the Delete button of any item is pressed. <br>
-				 * <br>
-				 * <b>Note:</b> A Delete button is displayed on each item, when the <code>sap.ui.webc.fiori.UploadCollection</code> <code>mode</code> property is set to <code>Delete</code>.
+				 * Fired when the delete button of any item is pressed.
 				 */
 				itemDelete: {
 					parameters: {
 						/**
-						 * The <code>sap.ui.webc.fiori.UploadCollectionItem</code> which was renamed.
+						 * The <code>sap.ui.webc.fiori.UploadCollectionItem</code> which was deleted.
 						 */
 						item: {
 							type: "HTMLElement"

package/src/sap/ui/webc/fiori/UploadCollectionItem.js

@@ -8,11 +8,13 @@
 sap.ui.define([
 	"sap/ui/core/webc/WebComponent",
 	"./library",
+	"sap/ui/webc/main/library",
 	"./thirdparty/UploadCollectionItem"
-], function(WebComponent, library) {
+], function(WebComponent, library, mainLibrary) {
 	"use strict";
 
 	var UploadState = library.UploadState;
+	var ListItemType = mainLibrary.ListItemType;
 
 	/**
 	 * Constructor for a new <code>UploadCollectionItem</code>.
@@ -26,7 +28,7 @@ sap.ui.define([
 	 * <h3>Overview</h3> A component to be used within the <code>sap.ui.webc.fiori.UploadCollection</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -44,6 +46,22 @@ sap.ui.define([
 			],
 			properties: {
 
+				/**
+				 * An object of strings that defines several additional accessibility attribute values for customization depending on the use case.
+				 *
+				 * It supports the following fields:
+				 *
+				 *
+				 * <ul>
+				 *     <li><code>ariaSetsize</code>: Defines the number of items in the current set of listitems or treeitems when not all items in the set are present in the DOM. The value of each <code>aria-setsize</code> is an integer reflecting number of items in the complete set. <b>Note: </b> If the size of the entire set is unknown, set <code>aria-setsize="-1"</code>. </li>
+				 *     <li><code>ariaPosinset</code>: Defines an element's number or position in the current set of listitems or treeitems when not all items are present in the DOM. The value of each <code>aria-posinset</code> is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known. </li>
+				 * </ul>
+				 */
+				accessibilityAttributes: {
+					type: "object",
+					defaultValue: {}
+				},
+
 				/**
 				 * Disables the delete button.
 				 */
@@ -76,6 +94,14 @@ sap.ui.define([
 					defaultValue: false
 				},
 
+				/**
+				 * By default, the delete button will always be shown, regardless of the <code>sap.ui.webc.fiori.UploadCollection</code>'s property <code>mode</code>. Setting this property to <code>true</code> will hide the delete button.
+				 */
+				hideDeleteButton: {
+					type: "boolean",
+					defaultValue: false
+				},
+
 				/**
 				 * Hides the retry button when <code>uploadState</code> property is <code>Error</code>.
 				 */
@@ -92,6 +118,13 @@ sap.ui.define([
 					defaultValue: false
 				},
 
+				/**
+				 * The navigated state of the list item. If set to <code>true</code>, a navigation indicator is displayed at the end of the list item.
+				 */
+				navigated: {
+					type: "boolean"
+				},
+
 				/**
 				 * The upload progress in percentage. <br>
 				 * <br>
@@ -102,6 +135,24 @@ sap.ui.define([
 					defaultValue: 0
 				},
 
+				/**
+				 * Defines the selected state of the <code>ListItem</code>.
+				 */
+				selected: {
+					type: "boolean",
+					defaultValue: false
+				},
+
+				/**
+				 * Defines the visual indication and behavior of the list items. Available options are <code>Active</code> (by default), <code>Inactive</code>, <code>Detail</code> and <code>Navigation</code>. <br>
+				 * <br>
+				 * <b>Note:</b> When set to <code>Active</code> or <code>Navigation</code>, the item will provide visual response upon press and hover, while with type <code>Inactive</code> and <code>Detail</code> - will not.
+				 */
+				type: {
+					type: "sap.ui.webc.main.ListItemType",
+					defaultValue: ListItemType.Active
+				},
+
 				/**
 				 * If set to <code>Uploading</code> or <code>Error</code>, a progress indicator showing the <code>progress</code> is displayed. 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.
 				 */
@@ -121,6 +172,15 @@ sap.ui.define([
 					multiple: true
 				},
 
+				/**
+				 * Defines the delete button, displayed in "Delete" mode. <b>Note:</b> While the slot allows custom buttons, to match design guidelines, please use the <code>sap.ui.webc.main.Button</code> component. <b>Note:</b> When the slot is not present, a built-in delete button will be displayed.
+				 */
+				deleteButton: {
+					type: "sap.ui.webc.main.IButton",
+					multiple: false,
+					slot: "deleteButton"
+				},
+
 				/**
 				 * A thumbnail, which will be shown in the beginning of the <code>sap.ui.webc.fiori.UploadCollectionItem</code>. <br>
 				 * <br>
@@ -134,6 +194,13 @@ sap.ui.define([
 			},
 			events: {
 
+				/**
+				 * Fired when the user clicks on the detail button when type is <code>Detail</code>.
+				 */
+				detailClick: {
+					parameters: {}
+				},
+
 				/**
 				 * Fired when the file name is clicked. <br>
 				 * <br>