@sapui5/sap.ushell 1.112.3 → 1.114.0

package/src/main/js/sap/ushell/ui/launchpad/DashboardGroupsContainer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 sap.ui.define([
     "sap/ui/base/ManagedObject",

package/src/main/js/sap/ushell/ui/launchpad/DashboardGroupsContainerRenderer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 sap.ui.define([
     "sap/ushell/utils"
 ], function (utils) {

package/src/main/js/sap/ushell/ui/launchpad/ExtendedChangeDetection.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 /**
  * @fileOverview Enables the Extended Change Detection for a control and implements the specific updateAggregation.
@@ -7,7 +7,7 @@
  * of recreating them. Items which get removed from the aggregation get destroyed and items which get added to the
  * aggregation get created.
  *
- * @version 1.112.3
+ * @version 1.114.0
  */
 sap.ui.define([
     "sap/ui/base/ManagedObject",
@@ -66,12 +66,11 @@ sap.ui.define([
      * @since 1.84
      * @private
      */
-    // eslint-disable-next-line complexity
     ExtendedChangeDetection.prototype._updateAggregation = function () {
         var oBindingInfo = this._oControl.getBindingInfo(this._sAggregationName);
         var oBinding = oBindingInfo.binding;
 
-        var bUpdateFromSibling = this._isUpdateFromSibiling();
+        var bUpdateFromSibling = this._isUpdateFromSibling();
 
         // It's important to call getContexts after lastContextData was evaluated
         // because it overrides the aLastContextData cache
@@ -92,7 +91,6 @@ sap.ui.define([
         });
 
         var aDiff = aContexts.diff;
-        var oDiff;
         var i;
         var aInsertedItems = [];
         var aRemovedItems = [];
@@ -101,7 +99,7 @@ sap.ui.define([
         var bItemsAdded = false;
         if (aDiff) {
             for (i = 0; i < aDiff.length; i++) {
-                oDiff = aDiff[i];
+                var oDiff = aDiff[i];
 
                 if (oDiff.type === "insert") {
                     aInsertedItems.push({
@@ -126,14 +124,11 @@ sap.ui.define([
             }
 
             // Secondly, insert changed items at their new positions after the items have been removed.
-            var oInsertedItem;
-            var oRemovedControl;
             for (i = 0; i < aInsertedItems.length; i++) {
-                oInsertedItem = aInsertedItems[i];
-                oRemovedControl = oRemovedControls[oInsertedItem.item];
+                var oInsertedItem = aInsertedItems[i];
+                var oRemovedControl = oRemovedControls[oInsertedItem.item];
 
-                // This second check is needed to force creation of visualizations
-                // when their dispayFormat changed.
+                // this second check is needed to force creation of visualizations when their displayFormat changed
                 if (oRemovedControl && !(aDiff.length >= 2 && aDiff[0].index === aDiff[1].index)) {
                     this._oControl.insertAggregation(this._sAggregationName, oRemovedControl, oInsertedItem.index, true);
                     delete oRemovedControls[oInsertedItem.item];
@@ -193,7 +188,7 @@ sap.ui.define([
      * @since 1.85
      * @private
      */
-    ExtendedChangeDetection.prototype._isUpdateFromSibiling = function () {
+    ExtendedChangeDetection.prototype._isUpdateFromSibling = function () {
         var sIdentifier = this._oControl.getId() + ":" + this._sAggregationName;
         if (ExtendedChangeDetection.oUpdateFromSiblingCache[sIdentifier]) {
             delete ExtendedChangeDetection.oUpdateFromSiblingCache[sIdentifier];

package/src/main/js/sap/ushell/ui/launchpad/FailedTileDialog.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 /**
  * @file Provides functionality for "sap/ushell/ui/launchpad/FailedTileDialog.fragment.xml"

package/src/main/js/sap/ushell/ui/launchpad/GroupHeaderActions.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 // Provides control sap.ushell.ui.launchpad.GroupHeaderActions.
 sap.ui.define([

package/src/main/js/sap/ushell/ui/launchpad/GroupListItem.js

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+ * Copyright (c) 2009-2023 SAP SE, All Rights Reserved
  */
 
 // Provides control sap.ushell.ui.launchpad.GroupListItem.

package/src/main/js/sap/ushell/ui/launchpad/GroupListItemRenderer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 /**
  * @class GroupListItem renderer.

package/src/main/js/sap/ushell/ui/launchpad/LinkTileWrapper.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 /**
  * @file Provides control "sap.ushell.ui.launchpad.LinkTileWrapper"
@@ -47,6 +47,8 @@ sap.ui.define([
                     { type: "string", group: "Misc", defaultValue: null },
                 tileCatalogId:
                     { type: "string", group: "Misc", defaultValue: null },
+                tileCatalogIdStable:
+                    { type: "string", group: "Misc", defaultValue: null },
                 target: // hyperlink target
                     { type: "string", group: "Misc", defaultValue: null },
                 visible:

package/src/main/js/sap/ushell/ui/launchpad/LinkTileWrapperRenderer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 sap.ui.define([
     "sap/base/Log",
@@ -70,6 +70,9 @@ sap.ui.define([
             // currently only the Tile (and the Tile's footer) has a data attribute in teh xRay integration
             // (as using this value as a class value instead as done in all of the static elements causes parsing errors in the xRay hotspot definition flow)
             oRm.attr("data-help-id", oControl.getTileCatalogId());// xRay support
+            if (oControl.getTileCatalogIdStable()) {
+                oRm.attr("data-help-id2", oControl.getTileCatalogIdStable());
+            }
         }
         oRm.class("sapUshellLinkTile");
         if (!oControl.getVisible()) {

package/src/main/js/sap/ushell/ui/launchpad/LoadingDialog.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 // Provides control sap.ushell.ui.launchpad.LoadingDialog.
 sap.ui.define([

package/src/main/js/sap/ushell/ui/launchpad/LoadingDialogRenderer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 sap.ui.define([], function () {
     "use strict";

package/src/main/js/sap/ushell/ui/launchpad/Page.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 // Provides control sap.ushell.ui.launchpad.Page.
 sap.ui.define([
@@ -51,7 +51,7 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      * @author SAP SE
-     * @version 1.112.3
+     * @version 1.114.0
      *
      * @private
      * @alias sap.ushell.ui.launchpad.Page

package/src/main/js/sap/ushell/ui/launchpad/PageRenderer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 sap.ui.define([], function () {
     "use strict";

package/src/main/js/sap/ushell/ui/launchpad/PlusTile.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 // Provides control sap.ushell.ui.launchpad.PlusTile.
 sap.ui.define([

package/src/main/js/sap/ushell/ui/launchpad/PlusTileRenderer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 sap.ui.define([
     "sap/ushell/resources",

package/src/main/js/sap/ushell/ui/launchpad/Section.js

@@ -1,9 +1,9 @@
-//Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+//Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 /**
  * @fileOverview Provides control sap.ushell.ui.launchpad.Section
  *
- * @version 1.112.3
+ * @version 1.114.0
  */
 sap.ui.define([
     "sap/base/Log",
@@ -117,7 +117,7 @@ sap.ui.define([
      * @extends sap.ui.core.XMLComposite
      *
      * @author SAP SE
-     * @version 1.112.3
+     * @version 1.114.0
      *
      * @private
      * @alias sap.ushell.ui.launchpad.Section

package/src/main/js/sap/ushell/ui/launchpad/Tile.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 sap.ui.define([
     "sap/base/Log",
     "sap/m/Text",
@@ -57,6 +57,11 @@ sap.ui.define([
                     group: "Misc",
                     defaultValue: null
                 },
+                tileCatalogIdStable: {
+                    type: "string",
+                    group: "Misc",
+                    defaultValue: null
+                },
                 isCustomTile: {
                     type: "boolean",
                     group: "Misc",
@@ -144,13 +149,7 @@ sap.ui.define([
     Tile.prototype.init = function () {
         this.addDelegate({
             onsapenter: this._launchTileViaKeyboard,
-            onsapspace: this._launchTileViaKeyboard,
-            ontap: function () {
-                // dump debug info when tile is clicked
-                Log.info("Tile clicked:", this.getDebugInfo(), "sap.ushell.ui.launchpad.Tile");
-
-                this.firePress();
-            }
+            onsapspace: this._launchTileViaKeyboard
         }, this);
     };
 
@@ -189,6 +188,12 @@ sap.ui.define([
         return this.actionSheetIcon;
     };
 
+    Tile.prototype.ontap = function () {
+        // dump debug info when tile is clicked
+        Log.info("Tile clicked:", this.getDebugInfo(), "sap.ushell.ui.launchpad.Tile");
+
+        this.firePress();
+    };
     Tile.prototype.destroy = function (bSuppressInvalidate) {
         this.destroyTileViews();
         Control.prototype.destroy.call(this, bSuppressInvalidate);

package/src/main/js/sap/ushell/ui/launchpad/TileContainer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 // Provides control sap.ushell.ui.launchpad.TileContainer.
 sap.ui.define([

package/src/main/js/sap/ushell/ui/launchpad/TileContainerRenderer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 sap.ui.define([
     "sap/ushell/resources",
@@ -265,6 +265,10 @@ sap.ui.define([
                             oCustomData.setValue(link.getBindingContext() && link.getBindingContext().getProperty("tileCatalogId"));
                             oCustomData.setWriteToDom(true);
                             bLinkDataHelpIdFound = true;
+                        } else if (oCustomData.getKey() === "help-id2") {
+                            oCustomData.setValue(link.getBindingContext() && link.getBindingContext().getProperty("tileCatalogIdStable"));
+                            oCustomData.setWriteToDom(true);
+                            bLinkDataHelpIdFound = true;
                         }
                     });
                     if (!bLinkPosInsetFound) {
@@ -287,6 +291,11 @@ sap.ui.define([
                             value: link.getBindingContext() && link.getBindingContext().getProperty("tileCatalogId"),
                             writeToDom: true
                         }));
+                        link.addCustomData(new CustomData({
+                            key: "help-id2",
+                            value: link.getBindingContext() && link.getBindingContext().getProperty("tileCatalogIdStable"),
+                            writeToDom: true
+                        }));
                     }
                     link.addStyleClass("sapUshellLinkTile");
                     if (tileContainer.getIsGroupLocked()) {

package/src/main/js/sap/ushell/ui/launchpad/TileContainerUtils.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 /**
  * @fileOverview This file contains miscellaneous utility functions.

package/src/main/js/sap/ushell/ui/launchpad/TileRenderer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 sap.ui.define([
     "sap/base/Log",
@@ -44,6 +44,9 @@ sap.ui.define([
             // (as using this value as a class value instead as done in all of the static elements causes
             // parsing errors in the xRay hotspot definition flow)
             rm.attr("data-help-id", tile.getTileCatalogId()); // xRay support
+            if (tile.getTileCatalogIdStable()) {
+                rm.attr("data-help-id2", tile.getTileCatalogIdStable());
+            }
         }
         rm.class("sapUshellTile");
 

package/src/main/js/sap/ushell/ui/launchpad/TileState.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 /**
  * @file Provides control "sap.ushell.ui.launchpad.TileState"

package/src/main/js/sap/ushell/ui/launchpad/TileStateRenderer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 sap.ui.define([], function () {
     "use strict";

package/src/main/js/sap/ushell/ui/launchpad/ViewPortState.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 /**
  * @name sap.ushell.ui.launchpad.ViewPortState
  *

package/src/main/js/sap/ushell/ui/launchpad/section/CompactArea.js

@@ -1,9 +1,9 @@
-//Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+//Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 /**
  * @fileOverview Provides control sap.ushell.ui.launchpad.section.CompactArea
  *
- * @version 1.112.3
+ * @version 1.114.0
  */
 
 sap.ui.define([

package/src/main/js/sap/ushell/ui/launchpad/section/CompactAreaRenderer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 sap.ui.define(["sap/ushell/resources"], function (resources) {
     "use strict";

package/src/main/js/sap/ushell/ui/shell/ContentRenderer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 /**
  * Initialization Code and shared classes of library sap.ushell.ui.shell.ContentRenderer

package/src/main/js/sap/ushell/ui/shell/FloatingContainer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 /**
  * An invisible container,
@@ -31,7 +31,9 @@ sap.ui.define([
     var FloatingContainer = Control.extend("sap.ushell.ui.shell.FloatingContainer", {
         metadata: {
             library: "sap.ushell",
-            properties: {},
+            properties: {
+                visible: { type: "boolean", defaultValue: true }
+            },
             aggregations: {
                 content: { type: "sap.ui.core.Control", multiple: true }
             }
@@ -41,6 +43,11 @@ sap.ui.define([
             render: function (rm, oContainer) {
                 rm.openStart("div", oContainer);
                 rm.class("sapUshellFloatingContainer");
+
+                if (!oContainer.getVisible()) {
+                    rm.class("sapUshellShellHidden");
+                }
+
                 rm.openEnd();
 
                 if (oContainer.getContent() && oContainer.getContent().length) {
@@ -53,6 +60,7 @@ sap.ui.define([
 
     FloatingContainer.prototype.init = function () {
         Device.resize.attachHandler(FloatingContainer.prototype._handleResize, this);
+        this.oStorage = new Storage(Storage.Type.local, "com.sap.ushell.adapters.local.FloatingContainer");
     };
 
     FloatingContainer.prototype._getWindowHeight = function () {
@@ -63,112 +71,126 @@ sap.ui.define([
         oContainer.css("max-height", iFinalHeight);
     };
 
+    FloatingContainer.prototype._getWrapper = function () {
+        return this.getDomRef() && this.getDomRef().parentNode;
+    };
+
+    FloatingContainer.prototype._isDocked = function () {
+        var oWrapper = this._getWrapper();
+        return oWrapper && oWrapper.classList.contains("sapUshellContainerDocked");
+    };
+
+    FloatingContainer.prototype._getDockingDirection = function () {
+        var bIsDocked = this._isDocked();
+        if (!bIsDocked) {
+            return null;
+        }
+        var oWrapper = this._getWrapper();
+        return oWrapper.classList.contains("sapUshellContainerDockedStart") ? "start" : "end";
+    };
+
     FloatingContainer.prototype._handleResize = function (oEvent) {
         Measurement.start("FLP:FloatingContainer_handleResize", "resizing floating container", "FLP");
-        if (jQuery(".sapUshellFloatingContainer").parent()[0] && (jQuery(".sapUshellContainerDocked").length === 0)) {
-            this.oWrapper = jQuery(".sapUshellFloatingContainer").parent()[0];
-            this.oWrapper.style.cssText = this.oStorage.get("floatingContainerStyle");
+
+        var iWindowWidth = jQuery(window).width();
+        var oWrapper = this._getWrapper();
+        var bHasWrapper = !!oWrapper;
+        var bIsDocked = this._isDocked();
+
+        if (bHasWrapper && !bIsDocked) {
+            oWrapper.style.cssText = this.oStorage.get("floatingContainerStyle");
             var bIsSSize = window.matchMedia ? window.matchMedia("(max-width: 417px)").matches : false;
             this.adjustPosition(oEvent, bIsSSize);
-        } else if (jQuery(".sapUshellFloatingContainer").parent()[0] && jQuery(".sapUshellContainerDocked").length) {
+
+        } else if (bHasWrapper && bIsDocked) {
+            var sDockingDirection = this._getDockingDirection();
             // when copilot is docked to the left and window is resized - we need to align his left
-            if (jQuery("#canvas").hasClass("sapUshellContainer-Narrow-Right")) {
+            if (sDockingDirection === "end") {
                 var iUpdatedLeft;
                 if (Configuration.getRTL()) {
-                    jQuery("#sapUshellFloatingContainerWrapper").css("left", (416 / jQuery(window).width() * 100) + "%");
-                    iUpdatedLeft = 416 / jQuery(window).width() * 100 + "%;";
+                    jQuery(oWrapper).css("left", (416 / iWindowWidth * 100) + "%");
+                    iUpdatedLeft = 416 / iWindowWidth * 100 + "%;";
                 } else {
-                    jQuery("#sapUshellFloatingContainerWrapper").css("left", 100 - 416 / jQuery(window).width() * 100 + "%");
-                    iUpdatedLeft = 100 - 416 / jQuery(window).width() * 100 + "%;";
+                    jQuery(oWrapper).css("left", 100 - 416 / iWindowWidth * 100 + "%");
+                    iUpdatedLeft = 100 - 416 / iWindowWidth * 100 + "%;";
                 }
-                this.oWrapper.style.cssText = "left:" + iUpdatedLeft + this.oWrapper.style.cssText.substring(this.oWrapper.style.cssText.indexOf("top"));
+                oWrapper.style.cssText = "left:" + iUpdatedLeft + oWrapper.style.cssText.substring(oWrapper.style.cssText.indexOf("top"));
 
-                this.oStorage.put("floatingContainerStyle", this.oWrapper.style.cssText);
+                this.oStorage.put("floatingContainerStyle", oWrapper.style.cssText);
             }
-        } if (jQuery(".sapUshellContainerDocked").length > 0) {
+        }
+
+        if (bIsDocked) {
             Core.getEventBus().publish("launchpad", "shellFloatingContainerDockedIsResize");
             EventHub.emit("ShellFloatingContainerDockedIsResized", Date.now());
         }
 
         // handle case when co-pilot is dock but screen is less then desktop or landscape tablet
         var sDevice = Device.media.getCurrentRange(Device.media.RANGESETS.SAP_STANDARD);
-        if (sDevice.name !== "Desktop" && (jQuery(".sapUiMedia-Std-Desktop").width() - 416 < sDevice.from) && (jQuery(".sapUshellContainerDocked").length)) {
-            jQuery("#canvas, .sapUshellShellHead").removeClass("sapUshellContainerDocked");
-            if (jQuery("#canvas").hasClass("sapUshellContainer-Narrow-Right")) {
-                jQuery("#canvas").removeClass("sapUshellContainer-Narrow-Right sapUshellMoveCanvasRight");
-            } else {
-                jQuery("#canvas").removeClass("sapUshellContainer-Narrow-Left sapUshellMoveCanvasLeft");
-            }
-            jQuery(".sapUshellShellFloatingContainerFullHeight").removeClass("sapUshellShellFloatingContainerFullHeight");
-            Core.byId("mainShell").getController()._handleAnimations(false);
-            var oStorage = new Storage(Storage.Type.local, "com.sap.ushell.adapters.local.CopilotLastState");
-            if (oStorage) {
-                oStorage.put("lastState", "floating");
-            }
-            Core.getEventBus().publish("launchpad", "shellFloatingContainerIsUnDockedOnResize");
-            jQuery("#sapUshellFloatingContainerWrapper").removeClass("sapUshellContainerDocked sapUshellContainerDockedMinimizeCoPilot sapUshellContainerDockedExtendCoPilot");
-            var oViewPortContainer = Core.byId("viewPortContainer");
-            if (oViewPortContainer) {
-                oViewPortContainer._handleSizeChange();
-            }
-        } Measurement.end("FLP:FloatingContainer_handleResize");
+        if (sDevice.name !== "Desktop" && bIsDocked) {
+            EventHub.emit("ShellFloatingContainerUndockOnResize", Date.now());
+        }
+        Measurement.end("FLP:FloatingContainer_handleResize");
     };
 
     FloatingContainer.prototype.adjustPosition = function (oEvent, bIsSSize) {
-        var iWindowCurrentWidth = oEvent ? oEvent.width : jQuery(window).width(),
-            iWindowCurrentHeight = oEvent ? oEvent.height : jQuery(window).height(),
-            iContainerWidth = this.oContainer.width(),
-            iContainerHeight = this.oContainer.height(),
-            bContainerPosExceedWindowWidth,
+        var iWindowWidth = oEvent ? oEvent.width : jQuery(window).width();
+        var iWindowHeight = oEvent ? oEvent.height : jQuery(window).height();
+        var oDomRef = this.getDomRef();
+        var iContainerWidth = jQuery(oDomRef).width();
+        var iContainerHeight = jQuery(oDomRef).height();
+        var bContainerPosExceedWindowWidth,
             bContainerPosExceedWindowHeight,
             iLeftPos,
-            iTopPos,
-            isRTL = Configuration.getRTL();
+            iTopPos;
+        var isRTL = Configuration.getRTL();
 
         bIsSSize = bIsSSize !== undefined ? bIsSSize : false;
 
-        if (this.oWrapper) {
-            iLeftPos = this.oWrapper.style.left.replace("%", "");
-            iLeftPos = iWindowCurrentWidth * iLeftPos / 100;
-            iTopPos = this.oWrapper.style.top.replace("%", "");
-            iTopPos = iWindowCurrentHeight * iTopPos / 100;
+        var oWrapper = this._getWrapper();
+        if (oWrapper) {
+            iLeftPos = oWrapper.style.left.replace("%", "");
+            iLeftPos = iWindowWidth * iLeftPos / 100;
+            iTopPos = oWrapper.style.top.replace("%", "");
+            iTopPos = iWindowHeight * iTopPos / 100;
 
             //If we are in the S size screen defined as 417 px, then there is a css class applied to  the container
             //And we want to preserve the position before going into S size in case the screen is resized back.
             if (!isNaN(iLeftPos) && !isNaN(iTopPos) && !bIsSSize) { //check if iTopPos or iLeftPos is NaN
                 if (isRTL) {
-                    bContainerPosExceedWindowWidth = (iLeftPos < iContainerWidth) || (iLeftPos > iWindowCurrentWidth);
+                    bContainerPosExceedWindowWidth = (iLeftPos < iContainerWidth) || (iLeftPos > iWindowWidth);
                     if (bContainerPosExceedWindowWidth) {
-                        iLeftPos = iLeftPos < iContainerWidth ? iContainerWidth : iWindowCurrentWidth;
+                        iLeftPos = iLeftPos < iContainerWidth ? iContainerWidth : iWindowWidth;
                     }
                 } else {
-                    bContainerPosExceedWindowWidth = (iLeftPos < 0) || (iWindowCurrentWidth < (iLeftPos + iContainerWidth));
+                    bContainerPosExceedWindowWidth = (iLeftPos < 0) || (iWindowWidth < (iLeftPos + iContainerWidth));
                     if (bContainerPosExceedWindowWidth) {
-                        iLeftPos = iLeftPos < 0 ? 0 : (iWindowCurrentWidth - iContainerWidth);
+                        iLeftPos = iLeftPos < 0 ? 0 : (iWindowWidth - iContainerWidth);
                     }
-                } bContainerPosExceedWindowHeight = (iTopPos < 0) || (iWindowCurrentHeight < (iTopPos + iContainerHeight));
+                } bContainerPosExceedWindowHeight = (iTopPos < 0) || (iWindowHeight < (iTopPos + iContainerHeight));
 
                 if (bContainerPosExceedWindowHeight) {
-                    iTopPos = iTopPos < 0 ? 0 : (iWindowCurrentHeight - iContainerHeight);
+                    iTopPos = iTopPos < 0 ? 0 : (iWindowHeight - iContainerHeight);
                 }
 
                 if (!bContainerPosExceedWindowWidth && !bContainerPosExceedWindowHeight) {
-                    this.oWrapper.style.left = iLeftPos * 100 / iWindowCurrentWidth + "%";
-                    this.oWrapper.style.top = iTopPos * 100 / iWindowCurrentHeight + "%";
-                    this.oWrapper.style.position = "absolute";
+                    oWrapper.style.left = iLeftPos * 100 / iWindowWidth + "%";
+                    oWrapper.style.top = iTopPos * 100 / iWindowHeight + "%";
+                    oWrapper.style.position = "absolute";
                     return;
                 }
-                this.oWrapper.style.left = iLeftPos * 100 / iWindowCurrentWidth + "%";
-                this.oWrapper.style.top = iTopPos * 100 / iWindowCurrentHeight + "%";
-                this.oWrapper.style.position = "absolute";
+                oWrapper.style.left = iLeftPos * 100 / iWindowWidth + "%";
+                oWrapper.style.top = iTopPos * 100 / iWindowHeight + "%";
+                oWrapper.style.position = "absolute";
             }
         }
     };
 
     FloatingContainer.prototype.handleDrop = function () {
-        if (this.oWrapper) {
+        var oWrapper = this._getWrapper();
+        if (oWrapper) {
             this.adjustPosition();
-            this.oStorage.put("floatingContainerStyle", this.oWrapper.style.cssText);
+            this.oStorage.put("floatingContainerStyle", oWrapper.style.cssText);
         }
     };
 
@@ -182,10 +204,15 @@ sap.ui.define([
         this.setAggregation("content", aContent, true);
     };
 
-    FloatingContainer.prototype.onAfterRendering = function () {
-        this.oStorage = this.oStorage || new Storage(Storage.Type.local, "com.sap.ushell.adapters.local.FloatingContainer");
-        this.oContainer = jQuery(".sapUshellFloatingContainer");
-        this.oWrapper = jQuery(".sapUshellFloatingContainer").parent()[0];
+    FloatingContainer.prototype.setVisible = function (bVisible) {
+        var oDomRef = this.getDomRef();
+        if (oDomRef) {
+            oDomRef.classList.toggle("sapUshellShellHidden", !bVisible);
+        }
+        if (bVisible && !this._isDocked()) {
+            this._handleResize();
+        }
+        this.setProperty("visible", bVisible, true);
     };
 
     FloatingContainer.prototype.exit = function () {

package/src/main/js/sap/ushell/ui/shell/NavigationMiniTile.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 /**
  * Provides control sap.ushell.ui.shell.ShellNavigationMenu

package/src/main/js/sap/ushell/ui/shell/OverflowListItem.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 sap.ui.define([
     "sap/m/StandardListItem",