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

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

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * <h3>Responsive Behavior</h3> <code>sap.ui.webc.fiori.ViewSettingsDialog</code> stretches on full screen on phones.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public
@@ -170,7 +170,19 @@ sap.ui.define([
 	});
 
 	/**
-	 * Sets a JavaScript object, as settings to the <code>sap.ui.webc.fiori.ViewSettingsDialog</code>. This method can be used after the dialog is initially open, as the dialog need to set its initial settings. The <code>sap.ui.webc.fiori.ViewSettingsDialog</code> throws an event called "before-open", this can be used as trigger point. The object should have the following format: <code> {sortOrder: "Ascending", sortBy: "Name", filters: [{"Filter 1": ["Some filter 1", "Some filter 2"]}, {"Filter 2": ["Some filter 4"]}]} </code>
+	 * Sets a JavaScript object, as settings to the <code>sap.ui.webc.fiori.ViewSettingsDialog</code>. This method can be used after the dialog is initially open, as the dialog needs to set its initial settings.<br>
+	 * The <code>sap.ui.webc.fiori.ViewSettingsDialog</code> throws an event called "before-open", which can be used as a trigger point.<br>
+	 * The object should have the following format:<br>
+	 * <pre>
+	 * {
+	 * 	sortOrder: "Ascending",
+	 * 	sortBy: "Name",
+	 * 	filters: [
+	 * 		{"Filter 1": ["Some filter 1", "Some filter 2"]},
+	 * 		{"Filter 2": ["Some filter 4"]},
+	 * 	]
+	 * }
+	 * </pre>
 	 * @param {object} settings predefined settings.
 	 * @public
 	 * @name sap.ui.webc.fiori.ViewSettingsDialog#setConfirmedSettings

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

@@ -88,7 +88,7 @@ sap.ui.define([
 	 * <h3>Responsive Behavior</h3> On small widths the step's titleText, subtitleText and separators in the navigation area shrink and from particular point the steps are grouped together and overlap. Tapping on them will show a popover to select the step to navigate to. On mobile device, the grouped steps are presented within a dialog.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * <h3>Usage</h3> The <code>sap.ui.webc.fiori.WizardStep</code> component should be used only as slot of the <code>sap.ui.webc.fiori.Wizard</code> component and should not be used standalone.
 	 *
 	 * @author SAP SE
-	 * @version 1.119.1
+	 * @version 1.120.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/fiori/designtime/messagebundle_mk.properties

@@ -0,0 +1,28 @@
+
+NOTIFICATION_LIST_ITEM_NAME=\u0421\u0442\u0430\u0432\u043A\u0430 \u043E\u0434 \u0441\u043F\u0438\u0441\u043E\u043A\u043E\u0442 \u0441\u043E \u0438\u0437\u0432\u0435\u0441\u0442\u0443\u0432\u0430\u045A\u0430
+
+NOTIFICATION_LIST_ITEM_NAME_PLURAL=\u0421\u0442\u0430\u0432\u043A\u0438 \u043E\u0434 \u0441\u043F\u0438\u0441\u043E\u043A\u043E\u0442 \u0441\u043E \u0438\u0437\u0432\u0435\u0441\u0442\u0443\u0432\u0430\u045A\u0430
+
+PAGE_NAME=\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430
+
+PAGE_NAME_PLURAL=\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0438
+
+SIDE_NAVIGATION_NAME=\u0421\u0442\u0440\u0430\u043D\u0438\u0447\u043D\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0458\u0430
+
+SIDE_NAVIGATION_NAME_PLURAL=\u0421\u0442\u0440\u0430\u043D\u0438\u0447\u043D\u0438 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438
+
+SIDE_NAVIGATION_ITEM_NAME=\u0421\u0442\u0430\u0432\u043A\u0430 \u043E\u0434 \u0441\u0442\u0440\u0430\u043D\u0438\u0447\u043D\u0430\u0442\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0458\u0430
+
+SIDE_NAVIGATION_ITEM_NAME_PLURAL=\u0421\u0442\u0430\u0432\u043A\u0438 \u043E\u0434 \u0441\u0442\u0440\u0430\u043D\u0438\u0447\u043D\u0430\u0442\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0458\u0430
+
+SIDE_NAVIGATION_SUB_ITEM_NAME=\u041F\u043E\u0442\u0441\u0442\u0430\u0432\u043A\u0430 \u043E\u0434 \u0441\u0442\u0440\u0430\u043D\u0438\u0447\u043D\u0430\u0442\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0458\u0430
+
+SIDE_NAVIGATION_SUB_ITEM_NAME_PLURAL=\u041F\u043E\u0442\u0441\u0442\u0430\u0432\u043A\u0438 \u043E\u0434 \u0441\u0442\u0440\u0430\u043D\u0438\u0447\u043D\u0430\u0442\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0458\u0430
+
+UPLOAD_COLLECTION_NAME=\u041F\u043E\u0441\u0442\u0430\u0432\u0438 \u0458\u0430 \u043A\u043E\u043B\u0435\u043A\u0446\u0438\u0458\u0430\u0442\u0430
+
+UPLOAD_COLLECTION_NAME_PLURAL=\u041F\u043E\u0441\u0442\u0430\u0432\u0438 \u0433\u0438 \u043A\u043E\u043B\u0435\u043A\u0446\u0438\u0438\u0442\u0435
+
+UPLOAD_COLLECTION_ITEM_NAME=\u041F\u043E\u0441\u0442\u0430\u0432\u0438 \u0458\u0430 \u0441\u0442\u0430\u0432\u043A\u0430\u0442\u0430 \u043E\u0434 \u043A\u043E\u043B\u0435\u043A\u0446\u0438\u0458\u0430\u0442\u0430
+
+UPLOAD_COLLECTION_ITEM_NAME_PLURAL=\u041F\u043E\u0441\u0442\u0430\u0432\u0438 \u0433\u0438 \u0441\u0442\u0430\u0432\u043A\u0438\u0442\u0435 \u043E\u0434 \u043A\u043E\u043B\u0435\u043A\u0446\u0438\u0458\u0430\u0442\u0430

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

@@ -23,14 +23,14 @@ sap.ui.define([
 		 * @namespace
 		 * @alias sap.ui.webc.fiori
 		 * @author SAP SE
-		 * @version 1.119.1
+		 * @version 1.120.1
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
 		 */
 		var thisLib = Library.init({
 			name: "sap.ui.webc.fiori",
-			version: "1.119.1",
+			version: "1.120.1",
 			dependencies: ["sap.ui.core", "sap.ui.webc.common"],
 			noLibraryCSS: true,
 			designtime: "sap/ui/webc/fiori/designtime/library.designtime",

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

@@ -22,6 +22,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
+
+  // Template
+
+  // Styles
+
   /**
    * @class
    *
@@ -95,10 +100,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-    onBeforeRendering() {
-      // Next row is specific for IE11. Please remove after stop support and edit css file
-      [...this.startContent, ...this.middleContent, ...this.endContent].forEach(element => element.classList.add("ui5-bar-content"));
-    }
     onEnterDOM() {
       _ResizeHandler.default.register(this, this._handleResizeBound);
       this.getDomRef().querySelectorAll(".ui5-bar-content-container").forEach(child => {

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

@@ -27,6 +27,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var BarcodeScannerDialog_1;
+
+  // Texts
+
+  // Template
+
+  // Styles
+
   // some tools handle named exports from UMD files and the window object is not assigned but the imports work (vitejs)
   // other tools do not handle named exports (they are undefined after the import), but the window global is assigned and can be used (web dev server)
   const effectiveZXing = {

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

@@ -26,6 +26,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var DynamicSideContent_1;
+
+  // Styles
+
+  // Texts
+
   // Breakpoint-related constants
   const S_M_BREAKPOINT = 720,
     // Breakpoint between S and M screen sizes

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

@@ -28,6 +28,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var FlexibleColumnLayout_1;
+
+  // Texts
+
+  // Template
+
+  // Styles
+
   var MEDIA;
   (function (MEDIA) {
     MEDIA["PHONE"] = "phone";

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

@@ -25,6 +25,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var IllustratedMessage_1;
+
+  // Styles
+
+  // Template
+
   /**
    * @class
    *
@@ -262,6 +267,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   IllustratedMessage = IllustratedMessage_1 = __decorate([(0, _customElement.default)({
     tag: "ui5-illustrated-message",
     languageAware: true,
+    themeAware: true,
     renderer: _LitRenderer.default,
     styles: _IllustratedMessage.default,
     template: _IllustratedMessageTemplate.default,

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

@@ -34,6 +34,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/delegate/ItemNavig
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var MediaGallery_1;
+
+  // Styles
+
+  // Template
+
   // The allowed number of thumbnail columns on each size
   // (relevant when <code>showAllThumbnails</code> is enabled)
   const COLUMNS_COUNT = {

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

@@ -22,6 +22,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
+
+  // Styles
+
+  // Template
+
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>

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

@@ -27,6 +27,15 @@ sap.ui.define(["exports", "sap/ui/webc/main/thirdparty/types/Priority", "sap/ui/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var NotificationListGroupItem_1;
+
+  // Icons
+
+  // Texts
+
+  // Templates
+
+  // Styles
+
   /**
    * @class
    *

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

@@ -29,6 +29,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var NotificationListItem_1;
+
+  // Icons
+
+  // Texts
+
+  // Templates
+
+  // Styles
+
   /**
    * @class
    *

package/src/sap/ui/webc/fiori/thirdparty/NotificationListItemBase.js

@@ -23,6 +23,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customE
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var NotificationListItemBase_1;
+
+  // Icons
+
+  // Templates
+
+  // Styles
+
   /**
    * Defines the icons corresponding to the notification's priority.
    */

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

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/MediaRange", "./types/PageBackgroundDesign", "./generated/templates/PageTemplate.lit", "./generated/themes/Page.css"], function (_exports, _UI5Element, _customElement, _property, _slot, _LitRenderer, _ResizeHandler, _MediaRange, _PageBackgroundDesign, _PageTemplate, _Page) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/MediaRange", "sap/ui/webc/main/thirdparty/generated/themes/BrowserScrollbar.css", "./types/PageBackgroundDesign", "./generated/templates/PageTemplate.lit", "./generated/themes/Page.css"], function (_exports, _UI5Element, _customElement, _property, _slot, _LitRenderer, _ResizeHandler, _MediaRange, _BrowserScrollbar, _PageBackgroundDesign, _PageTemplate, _Page) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -12,6 +12,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _ResizeHandler = _interopRequireDefault(_ResizeHandler);
   _MediaRange = _interopRequireDefault(_MediaRange);
+  _BrowserScrollbar = _interopRequireDefault(_BrowserScrollbar);
   _PageBackgroundDesign = _interopRequireDefault(_PageBackgroundDesign);
   _PageTemplate = _interopRequireDefault(_PageTemplate);
   _Page = _interopRequireDefault(_Page);
@@ -23,6 +24,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
+
+  // Template
+
+  // Styles
+
   /**
    * @class
    *
@@ -44,6 +50,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * that there is enough space for the <code>ui5-page</code> to be rendered.
    * <b>Note:</b> In order for the <code>ui5-page</code> to be displayed, the parent element should have fixed height.
    *
+   * <h3>CSS Shadow Parts</h3>
+   *
+   * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
+   * <br>
+   * The <code>ui5-page</code> exposes the following CSS Shadow Parts:
+   * <ul>
+   * <li>content - Used to style the content section of the component</li>
+   * </ul>
    *
    * <h3>ES6 Module Import</h3>
    *
@@ -115,7 +129,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     tag: "ui5-page",
     languageAware: true,
     renderer: _LitRenderer.default,
-    styles: _Page.default,
+    styles: [_BrowserScrollbar.default, _Page.default],
     template: _PageTemplate.default
   })], Page);
   Page.define();

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

@@ -24,6 +24,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var ProductSwitch_1;
+
+  // Styles
+
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>

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

@@ -21,6 +21,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
+
+  // Styles
+
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>

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

@@ -31,6 +31,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var ShellBar_1;
+
+  // Templates
+
+  // Styles
+
   const HANDLE_RESIZE_DEBOUNCE_RATE = 200; // ms
   /**
    * @class
@@ -229,7 +234,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     _handleBarBreakpoints() {
       const width = this.getBoundingClientRect().width;
       const breakpoints = ShellBar_1.FIORI_3_BREAKPOINTS;
-      const size = breakpoints.find(bp1 => width < bp1) || ShellBar_1.FIORI_3_BREAKPOINTS[ShellBar_1.FIORI_3_BREAKPOINTS.length - 1];
+      const size = breakpoints.find(bp1 => width <= bp1) || ShellBar_1.FIORI_3_BREAKPOINTS[ShellBar_1.FIORI_3_BREAKPOINTS.length - 1];
       const mappedSize = ShellBar_1.FIORI_3_BREAKPOINTS_MAP[size];
       if (this.breakpointSize !== mappedSize) {
         this.breakpointSize = mappedSize;
@@ -446,7 +451,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       let domOrder = -1;
       const items = [{
         icon: "search",
-        text: "Search",
+        text: this._searchText,
         classes: `${this.searchField.length ? "" : "ui5-shellbar-invisible-button"} ui5-shellbar-search-button ui5-shellbar-button`,
         priority: 4,
         domOrder: this.searchField.length ? ++domOrder : -1,
@@ -478,7 +483,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         };
       }), {
         icon: "bell",
-        text: "Notifications",
+        text: this._notificationsText,
         classes: `${this.showNotifications ? "" : "ui5-shellbar-invisible-button"} ui5-shellbar-bell-button ui5-shellbar-button`,
         priority: 3,
         styles: {
@@ -515,7 +520,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         press: this._handleProfilePress.bind(this)
       }, {
         icon: "grid",
-        text: "Product Switch",
+        text: this._productsText,
         classes: `${this.showProductSwitch ? "" : "ui5-shellbar-invisible-button"} ui5-shellbar-button ui5-shellbar-button-product-switch`,
         priority: 2,
         styles: {

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

@@ -55,7 +55,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @allowPreventDefault
    * @param {HTMLElement} targetRef DOM ref of the clicked element
    * @public
-   * @native
    */, (0, _event.default)("click", {
     detail: {
       targetRef: {

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

@@ -31,6 +31,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var SideNavigation_1;
+
+  // Styles
+
   /**
    * @class
    *

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

@@ -25,6 +25,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var Timeline_1;
+
+  // Styles
+
   const SHORT_LINE_WIDTH = "ShortLineWidth";
   const LARGE_LINE_WIDTH = "LargeLineWidth";
   /**

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

@@ -23,6 +23,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
+
+  // Styles
+
   const SHORT_LINE_WIDTH = "ShortLineWidth";
   const LARGE_LINE_WIDTH = "LargeLineWidth";
   /**

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

@@ -29,6 +29,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var UploadCollection_1;
+
+  // Template
+
+  // Styles
+
   /**
    * @class
    *
@@ -107,7 +112,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     }
     _onItemDelete(e) {
       this.fireEvent("item-delete", {
-        item: e.detail.item
+        item: e.target
       });
     }
     _onSelectionChange(e) {
@@ -201,12 +206,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @native
    */, (0, _event.default)("drop")
   /**
-   * 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>ui5-upload-collection</code> <code>mode</code> property is set to <code>Delete</code>.
+   * Fired when the delete button of any item is pressed.
+   *
    * @event sap.ui.webc.fiori.UploadCollection#item-delete
-   * @param {HTMLElement} item The <code>ui5-upload-collection-item</code> which was renamed.
+   * @param {HTMLElement} item The <code>ui5-upload-collection-item</code> which was deleted.
    * @public
    */, (0, _event.default)("item-delete", {
     detail: {

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

@@ -31,6 +31,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customE
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var UploadCollectionItem_1;
+
+  // Template
+
+  // Styles
+
   /**
    * @class
    *
@@ -54,10 +59,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customE
     static async onDefine() {
       [UploadCollectionItem_1.i18nFioriBundle] = await Promise.all([(0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori"), super.onDefine()]);
     }
-    onBeforeRendering() {
-      // In the base class the item can become "actionable",
-      // that's why we are overriding this method.
-    }
     /**
      * @override
      */
@@ -143,6 +144,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customE
         this._onTerminate();
       }
     }
+    _onDelete() {
+      this.fireEvent("_uci-delete");
+    }
     getFocusDomRef() {
       return this.getDomRef();
     }
@@ -163,21 +167,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customE
     /**
      * @override
      */
-    get renderDeleteButton() {
+    get renderUploadCollectionDeleteButton() {
       return !this.hideDeleteButton;
     }
-    /**
-     * @override
-     */
-    get placeSelectionElementAfter() {
-      return true;
-    }
-    /**
-     * @override
-     */
-    get placeSelectionElementBefore() {
-      return false;
-    }
     get _fileNameWithoutExtension() {
       return this.fileName.substring(0, this.fileName.length - this._fileExtension.length);
     }
@@ -317,7 +309,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customE
    *
    * @event
    * @private
-   */, (0, _event.default)("_focus-requested")], UploadCollectionItem);
+   */, (0, _event.default)("_focus-requested")
+  /**
+   * @private
+   */, (0, _event.default)("_uci-delete")], UploadCollectionItem);
   UploadCollectionItem.define();
   var _default = UploadCollectionItem;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/ViewSettingsDialog.js

@@ -33,6 +33,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/propert
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var ViewSettingsDialog_1;
+
+  // Template
+
+  // Styles
+
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>
@@ -414,12 +419,21 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/propert
     }
     /**
      * Sets a JavaScript object, as settings to the <code>ui5-view-settings-dialog</code>.
-     * This method can be used after the dialog is initially open, as the dialog need to set its initial settings.
-     * The <code>ui5-view-settings-dialog</code> throws an event called "before-open", this can be used as trigger point.
-     * The object should have the following format:
-     * <code>
-     *  {sortOrder: "Ascending", sortBy: "Name", filters: [{"Filter 1": ["Some filter 1", "Some filter 2"]}, {"Filter 2": ["Some filter 4"]}]}
-     * </code>
+     * This method can be used after the dialog is initially open, as the dialog needs
+     * to set its initial settings.<br>
+     * The <code>ui5-view-settings-dialog</code> throws an event called "before-open",
+     * which can be used as a trigger point.<br>
+     * The object should have the following format:<br>
+     * <pre>
+     * {
+     *	sortOrder: "Ascending",
+     *	sortBy: "Name",
+     *	filters: [
+     *		{"Filter 1": ["Some filter 1", "Some filter 2"]},
+     *		{"Filter 2": ["Some filter 4"]},
+     *	]
+     * }
+     * </pre>
      * @param {Object} settings - predefined settings.
      * @param {string} settings.sortOrder - sort order
      * @param {string} settings.sortBy - sort by

package/src/sap/ui/webc/fiori/thirdparty/Wizard.js

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation", "sap/ui/webc/common/thirdparty/base/types/NavigationMode", "sap/ui/webc/common/thirdparty/base/types/Float", "sap/ui/webc/common/thirdparty/base/util/clamp", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/util/debounce", "sap/ui/webc/common/thirdparty/base/util/FocusableElements", "sap/ui/webc/main/thirdparty/Button", "sap/ui/webc/main/thirdparty/ResponsivePopover", "./types/WizardContentLayout", "./generated/i18n/i18n-defaults", "./WizardTab", "./WizardStep", "./generated/templates/WizardTemplate.lit", "./generated/templates/WizardPopoverTemplate.lit", "./generated/themes/Wizard.css", "./generated/themes/WizardPopover.css"], function (_exports, _UI5Element, _property, _slot, _event, _customElement, _LitRenderer, _i18nBundle, _ItemNavigation, _NavigationMode, _Float, _clamp, _ResizeHandler, _Device, _debounce, _FocusableElements, _Button, _ResponsivePopover, _WizardContentLayout, _i18nDefaults, _WizardTab, _WizardStep, _WizardTemplate, _WizardPopoverTemplate, _Wizard, _WizardPopover) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation", "sap/ui/webc/common/thirdparty/base/types/NavigationMode", "sap/ui/webc/common/thirdparty/base/types/Float", "sap/ui/webc/common/thirdparty/base/util/clamp", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/util/debounce", "sap/ui/webc/common/thirdparty/base/util/FocusableElements", "sap/ui/webc/main/thirdparty/Button", "sap/ui/webc/main/thirdparty/ResponsivePopover", "sap/ui/webc/main/thirdparty/generated/themes/BrowserScrollbar.css", "./types/WizardContentLayout", "./generated/i18n/i18n-defaults", "./WizardTab", "./WizardStep", "./generated/templates/WizardTemplate.lit", "./generated/templates/WizardPopoverTemplate.lit", "./generated/themes/Wizard.css", "./generated/themes/WizardPopover.css"], function (_exports, _UI5Element, _property, _slot, _event, _customElement, _LitRenderer, _i18nBundle, _ItemNavigation, _NavigationMode, _Float, _clamp, _ResizeHandler, _Device, _debounce, _FocusableElements, _Button, _ResponsivePopover, _BrowserScrollbar, _WizardContentLayout, _i18nDefaults, _WizardTab, _WizardStep, _WizardTemplate, _WizardPopoverTemplate, _Wizard, _WizardPopover) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -19,6 +19,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _debounce = _interopRequireDefault(_debounce);
   _Button = _interopRequireDefault(_Button);
   _ResponsivePopover = _interopRequireDefault(_ResponsivePopover);
+  _BrowserScrollbar = _interopRequireDefault(_BrowserScrollbar);
   _WizardContentLayout = _interopRequireDefault(_WizardContentLayout);
   _WizardTab = _interopRequireDefault(_WizardTab);
   _WizardStep = _interopRequireDefault(_WizardStep);
@@ -35,6 +36,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var Wizard_1;
+
+  // Texts
+
+  // Step in header and content
+
+  // Template and Styles
+
   const MIN_STEP_WIDTH_NO_TITLE = 64;
   const MIN_STEP_WIDTH_WITH_TITLE = 200;
   const EXPANDED_STEP = "data-ui5-wizard-expanded-tab";
@@ -785,7 +793,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     }
   };
   __decorate([(0, _property.default)({
-    validator: String,
+    type: _WizardContentLayout.default,
     defaultValue: _WizardContentLayout.default.MultipleSteps
   })], Wizard.prototype, "contentLayout", void 0);
   __decorate([(0, _property.default)({
@@ -814,7 +822,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     languageAware: true,
     fastNavigation: true,
     renderer: _LitRenderer.default,
-    styles: _Wizard.default,
+    styles: [_BrowserScrollbar.default, _Wizard.default],
     staticAreaStyles: _WizardPopover.default,
     template: _WizardTemplate.default,
     staticAreaTemplate: _WizardPopoverTemplate.default,

package/src/sap/ui/webc/fiori/thirdparty/css/themes/Bar.css

@@ -1 +1 @@
-:host{background-color:var(--sapPageHeader_Background);box-shadow:inset 0 -.0625rem var(--sapPageHeader_BorderColor);display:block;height:var(--_ui5_bar_base_height);width:100%}.ui5-bar-root{align-items:center;background-color:inherit;border-radius:inherit;box-shadow:inherit;display:flex;height:inherit;justify-content:space-between;width:inherit}.ui5-bar-root .ui5-bar-startcontent-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding-inline-start:.5rem}.ui5-bar-root .ui5-bar-content-container{min-width:30%}.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container{height:100%;min-width:0;overflow:hidden}.ui5-bar-root .ui5-bar-endcontent-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;padding-inline-end:.5rem}.ui5-bar-root .ui5-bar-midcontent-container{align-items:center;display:flex;flex-direction:row;justify-content:center;padding-left:.5rem;padding-right:.5rem}:host([design=Footer]){background-color:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);box-shadow:none}:host([design=Subheader]){height:var(--_ui5_bar_subheader_height)}:host([design=FloatingFooter]){background-color:var(--sapPageFooter_Background);border:none;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow1)}::slotted(*){margin:0 .25rem}
+:host{background-color:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:block;height:var(--_ui5-v1-18-0_bar_base_height);width:100%}.ui5-bar-root{align-items:center;background-color:inherit;border-radius:inherit;box-shadow:inherit;display:flex;height:inherit;justify-content:space-between;width:inherit}.ui5-bar-root .ui5-bar-startcontent-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding-inline-start:var(--_ui5-v1-18-0_bar-start-container-padding-start)}.ui5-bar-root .ui5-bar-content-container{min-width:calc(30% - var(--_ui5-v1-18-0_bar-start-container-padding-start) - var(--_ui5-v1-18-0_bar-end-container-padding-end) - var(--_ui5-v1-18-0_bar-mid-container-padding-start-end)*2)}.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container{height:100%;min-width:0;overflow:hidden}.ui5-bar-root .ui5-bar-endcontent-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;padding-inline-end:var(--_ui5-v1-18-0_bar-end-container-padding-end)}.ui5-bar-root .ui5-bar-midcontent-container{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:0 var(--_ui5-v1-18-0_bar-mid-container-padding-start-end)}:host([design=Footer]){background-color:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);box-shadow:none}:host([design=Subheader]){height:var(--_ui5-v1-18-0_bar_subheader_height)}:host([design=FloatingFooter]){background-color:var(--sapPageFooter_Background);border:none;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow1)}::slotted(*){margin:0 .25rem}