@sapui5/sap.ushell 1.114.0 → 1.115.0

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

@@ -8,6 +8,7 @@ sap.ui.define([
     "sap/m/Button",
     "sap/ui/core/Configuration",
     "sap/ui/core/Core",
+    "sap/ui/core/ResizeHandler",
     "sap/ui/Device",
     "sap/ui/thirdparty/jquery",
     "sap/ushell/library", // css style dependency
@@ -19,6 +20,7 @@ sap.ui.define([
     Button,
     Configuration,
     Core,
+    ResizeHandler,
     Device,
     jQuery,
     ushellLibrary,
@@ -64,7 +66,6 @@ sap.ui.define([
      * @private
      */
     AnchorNavigationBar.prototype.init = function () {
-        Device.resize.attachHandler(this.reArrangeNavigationBarElements, this);
         this.bGroupWasPressed = false;
         this.bIsRtl = Configuration.getRTL();
         this._bIsRenderedCompletely = false;
@@ -74,6 +75,10 @@ sap.ui.define([
     };
 
     AnchorNavigationBar.prototype.onBeforeRendering = function () {
+        if (this._sResizeListenerId) {
+            ResizeHandler.deregister(this._sResizeListenerId);
+            this._sResizeListenerId = null;
+        }
         var oScrollItem = window.document.getElementsByClassName("sapUshellAnchorNavigationBarItemsScroll")[0];
         if (oScrollItem) {
             oScrollItem.removeEventListener("scroll", this.fnNavigationBarItemsVisibility);
@@ -81,6 +86,8 @@ sap.ui.define([
     };
 
     AnchorNavigationBar.prototype.onAfterRendering = function () {
+        var oDomRef = this.getDomRef();
+
         if (this._bIsRenderedCompletely) {
             this.reArrangeNavigationBarElements();
             this.adjustVisibleAnchorItemsAccessibility();
@@ -89,6 +96,11 @@ sap.ui.define([
             if (oScrollItem) {
                 oScrollItem.addEventListener("scroll", this.fnNavigationBarItemsVisibility);
             }
+
+            //listen to resize
+            if (oDomRef) { // onAfterRendering test does not actually render the AnchorNavigationBar
+                this._sResizeListenerId = ResizeHandler.register(oDomRef, this.reArrangeNavigationBarElements.bind(this));
+            }
         }
     };
 
@@ -460,6 +472,11 @@ sap.ui.define([
         if (Bar.prototype.exit) {
             Bar.prototype.exit.apply(this, arguments);
         }
+
+        if (this._sResizeListenerId) {
+            ResizeHandler.deregister(this._sResizeListenerId);
+            this._sResizeListenerId = null;
+        }
     };
 
     return AnchorNavigationBar;

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

@@ -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.114.0
+ * @version 1.115.0
  */
 sap.ui.define([
     "sap/ui/base/ManagedObject",

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

@@ -51,7 +51,7 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      * @author SAP SE
-     * @version 1.114.0
+     * @version 1.115.0
      *
      * @private
      * @alias sap.ushell.ui.launchpad.Page

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

@@ -3,7 +3,7 @@
 /**
  * @fileOverview Provides control sap.ushell.ui.launchpad.Section
  *
- * @version 1.114.0
+ * @version 1.115.0
  */
 sap.ui.define([
     "sap/base/Log",
@@ -117,7 +117,7 @@ sap.ui.define([
      * @extends sap.ui.core.XMLComposite
      *
      * @author SAP SE
-     * @version 1.114.0
+     * @version 1.115.0
      *
      * @private
      * @alias sap.ushell.ui.launchpad.Section
@@ -510,14 +510,22 @@ sap.ui.define([
      */
     Section.prototype.getVisualizations = function () {
         var aVisualizations = this.getAllItems();
+
         aVisualizations.sort(function (oViz1, oViz2) {
             var sPath = oViz1.getBindingContext().getPath();
             var iIndex1 = parseInt(sPath.split("/").pop(), 10);
             sPath = oViz2.getBindingContext().getPath();
             var iIndex2 = parseInt(sPath.split("/").pop(), 10);
 
-            return iIndex1 < iIndex2 ? -1 : 1;
+            // If the index of the binding is the same, sort by array the index.
+            if (iIndex1 === iIndex2) {
+                iIndex1 = aVisualizations.indexOf(oViz1);
+                iIndex2 = aVisualizations.indexOf(oViz2);
+            }
+
+            return (iIndex1 < iIndex2) ? -1 : 1;
         });
+
         return aVisualizations;
     };
 

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

@@ -3,7 +3,7 @@
 /**
  * @fileOverview Provides control sap.ushell.ui.launchpad.section.CompactArea
  *
- * @version 1.114.0
+ * @version 1.115.0
  */
 
 sap.ui.define([

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

@@ -63,6 +63,16 @@ sap.ui.define([
         this.oStorage = new Storage(Storage.Type.local, "com.sap.ushell.adapters.local.FloatingContainer");
     };
 
+    FloatingContainer.prototype.onAfterRendering = function () {
+        if (this._bFirstRenderingDone) {
+            return;
+        }
+
+        this._bFirstRenderingDone = true;
+        // old css styles might not fit the new screen size after first rendering
+        this.adjustPosition();
+    };
+
     FloatingContainer.prototype._getWindowHeight = function () {
         return jQuery(window).height();
     };
@@ -99,8 +109,7 @@ sap.ui.define([
 
         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);
+            this.adjustPosition(oEvent);
 
         } else if (bHasWrapper && bIsDocked) {
             var sDockingDirection = this._getDockingDirection();
@@ -133,7 +142,11 @@ sap.ui.define([
         Measurement.end("FLP:FloatingContainer_handleResize");
     };
 
-    FloatingContainer.prototype.adjustPosition = function (oEvent, bIsSSize) {
+    FloatingContainer.prototype._isSSize = function () {
+        return window.matchMedia ? window.matchMedia("(max-width: 417px)").matches : false;
+    };
+
+    FloatingContainer.prototype.adjustPosition = function (oEvent) {
         var iWindowWidth = oEvent ? oEvent.width : jQuery(window).width();
         var iWindowHeight = oEvent ? oEvent.height : jQuery(window).height();
         var oDomRef = this.getDomRef();
@@ -145,7 +158,7 @@ sap.ui.define([
             iTopPos;
         var isRTL = Configuration.getRTL();
 
-        bIsSSize = bIsSSize !== undefined ? bIsSSize : false;
+        var bIsSSize = this._isSSize();
 
         var oWrapper = this._getWrapper();
         if (oWrapper) {

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

@@ -30,7 +30,7 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      * @author SAP SE
-     * @version 1.114.0
+     * @version 1.115.0
      *
      * @constructor
      * @private

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

@@ -521,6 +521,20 @@ sap.ui.define([
             jQuery(jqMiniTiles[i]).attr("aria-setsize", jqMiniTiles.length);
             jQuery(jqMiniTiles[i]).attr("aria-posinset", i + 1);
         }
+
+        // Only if the App Title is truncated add a tooltip
+        var oTitleDomRef = this.oTitle.getDomRef();
+        if (oTitleDomRef) {
+            var oTitleInnerSpanDomRef = oTitleDomRef.firstChild;
+            if (oTitleInnerSpanDomRef) {
+                var bTruncated = oTitleDomRef.getBoundingClientRect().right < oTitleInnerSpanDomRef.getBoundingClientRect().right;
+                var sNewTooltip = bTruncated ? this.getTitle() : null;
+                if (this.oTitle.getTooltip() !== sNewTooltip) {
+                    this.oTitle.setTooltip(sNewTooltip);
+                    this.oTitle.rerender();
+                }
+            }
+        }
     };
 
     return ShellNavigationMenu;

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

@@ -54,10 +54,7 @@ sap.ui.define([
     };
 
     SidePane.prototype._handleResize = function () {
-        this.applyContentSize(this._getContentWidth());
-    };
-
-    SidePane.prototype.applyContentSize = function (sContentWidth) {
+        var sContentWidth = this._getContentWidth();
         var oDomRef = this.getDomRef();
 
         if (oDomRef) {
@@ -66,5 +63,10 @@ sap.ui.define([
         }
     };
 
+
+    SidePane.prototype.exit = function () {
+        Device.resize.detachHandler(this._handleResize, this);
+    };
+
     return SidePane;
 });

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

@@ -44,7 +44,7 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      * @author SAP SE
-     * @version 1.114.0
+     * @version 1.115.0
      *
      * @private
      * @alias sap.ushell.ui.shell.SysInfoBar

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

@@ -18,7 +18,7 @@ sap.ui.define([
      * A control to be placed in the tool area
      * @extends sap.ui.core.Control
      *
-     * @version 1.114.0
+     * @version 1.115.0
      *
      * @constructor
      * @public

package/src/main/js/sap/ushell/ui/utils.js

@@ -6,7 +6,7 @@
  * This is a utility module that collects common activities implemented
  * by controllers of different ui components.
  *
- * @version 1.114.0
+ * @version 1.115.0
  * @private
  */
 

package/src/main/js/sap/ushell/ui5service/ShellUIService.js

@@ -3,7 +3,7 @@
 /**
  * @fileOverview The ShellUIService UI5 service
  *
- * @version 1.114.0
+ * @version 1.115.0
  */
 
 /**

package/src/main/js/sap/ushell/ui5service/UserStatus.js

@@ -3,7 +3,7 @@
 /**
  * @fileOverview The UserStatus UI5 service
  *
- * @version 1.114.0
+ * @version 1.115.0
  */
 
 /**

package/src/main/js/sap/ushell/utils/UrlShortening.js

@@ -5,7 +5,7 @@
  *
  * This module is for internal Shell usage only
  *
- * @version 1.114.0
+ * @version 1.115.0
  */
  sap.ui.define(["sap/base/Log", "sap/ushell/utils/UrlParsing"], function (Log, urlParsing) {
     "use strict";

package/src/test/js/sap/ushell/bootstrap/sandbox.js

@@ -3,7 +3,7 @@
 /**
  * @fileOverview The Unified Shell's bootstrap code for development sandbox scenarios.
  *
- * @version 1.114.0
+ * @version 1.115.0
  */
 
 (function () {

package/src/main/js/sap/ushell/themes/base/ContentFinderAppBox.less

@@ -1,182 +0,0 @@
-/* =========================================================== */
-/* CSS for control "sap.ushell.ui.contentFinder.AppBox" (base) */
-/* =========================================================== */
-
-.sapUshellContentFinderAppBox {
-  display: flex;
-  list-style: none;
-  background-color: @sapUiTileBackground;
-  border-radius: 1rem;
-  box-shadow: @sapUiContentShadow0;
-
-  &.sapUshellContentFinderAppBoxSelected {
-    background-color: @sapUiListSelectionBackgroundColor;
-  }
-
-  &:active {
-    background-color: @sapUiTileActiveBackground;
-  }
-
-  &:focus {
-    outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-  }
-
-  &:hover {
-    box-shadow: @sapUiContentShadow2;
-  }
-
-  &.sapUshellContentFinderAppBoxDisabled {
-    background-color: @sapUiListAlternatingBackground;
-
-    .sapUshellContentFinderAppBoxHeader,
-    .sapUshellContentFinderAppBoxInfo {
-      opacity: 0.5;
-    }
-  }
-}
-
-.sapUshellContentFinderAppBoxSideBar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-direction: column;
-  border-right: 0.125rem solid @sapUiListBorderColor;
-  padding: 1rem 0.5rem;
-}
-
-.sapUshellContentFinderAppBoxMain {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-}
-
-.sapUshellContentFinderAppBoxHeader {
-  display: flex;
-  height: 4rem;
-  padding: 1rem 1rem 0 0.5rem;
-
-  &.sapUshellContentFinderAppBoxHeaderNoIcon {
-    padding-left: 1rem;
-  }
-}
-
-.sapUshellContentFinderAppBoxIcon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 2rem;
-  height: 2rem;
-  padding-right: 0.375rem;
-}
-
-.sapUshellContentFinderAppBoxTitle,
-.sapUshellContentFinderAppBoxTitleOnly,
-.sapUshellContentFinderAppBoxSubtitle,
-.sapUshellContentFinderAppBoxSubtitleOnly {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  font-style: normal;
-  font-size: 0.875rem;
-  height: 1rem;
-  line-height: 1rem;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.sapUshellContentFinderAppBoxTitle,
-.sapUshellContentFinderAppBoxTitleOnly {
-  color: @sapUiTileTitleTextColor;
-  font-weight: 700;
-}
-
-.sapUshellContentFinderAppBoxTitle {
-  margin-bottom: 0.25rem;
-  -webkit-line-clamp: 2;
-
-  &.sapUshellContentFinderAppBoxTitleMoreLines {
-    height: 2rem;
-  }
-}
-
-.sapUshellContentFinderAppBoxTitleOnly {
-  margin: 0.5rem 0 0.25rem 0;
-  -webkit-line-clamp: 3;
-
-  &.sapUshellContentFinderAppBoxTitleMoreLines {
-    margin: 0;
-    height: 3rem;
-  }
-}
-
-.sapUshellContentFinderAppBoxSubtitle,
-.sapUshellContentFinderAppBoxSubtitleOnly {
-  color: @sapUiTileTextColor;
-  font-weight: 400;
-  -webkit-line-clamp: 1;
-}
-
-.sapUshellContentFinderAppBoxSubtitle.sapUshellContentFinderAppBoxSubtitleMoreLines {
-  height: 2rem;
-  -webkit-line-clamp: 2;
-}
-
-.sapUshellContentFinderAppBoxSubtitleOnly {
-  margin: 0.5rem 0 0 0;
-  -webkit-line-clamp: 3;
-
-  &.sapUshellContentFinderAppBoxSubtitleMoreLines {
-    margin: 0;
-    height: 3rem;
-  }
-}
-
-.sapUshellContentFinderAppBoxInfo {
-  display: flex;
-  flex-direction: column;
-  padding: 0 1rem;
-  margin: 0rem;
-
-  &.sapUshellContentFinderAppBoxInfoNoPreview :last-child {
-    padding-bottom: 0;
-  }
-}
-
-.sapUshellContentFinderAppBoxInfoLine {
-  list-style: none;
-  line-height: 1rem;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.875rem;
-
-  height: 0.875rem;
-  padding-bottom: 0.5rem;
-
-  span {
-    color: @sapTextColor;
-    display: inline-block;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-
-  :first-child {
-    color: @sapUiContentLabelColor;
-    width: 5rem;
-    padding-right: 0.75rem;
-  }
-}
-
-.sapUshellContentFinderAppBoxPreview {
-  flex-grow: 1;
-  padding: 0 1rem;
-}
-
-.sapUshellContentFinderAppBoxFooter {
-  display: flex;
-  justify-content: space-between;
-  padding: 0.75rem 1rem 1rem 1rem;
-
-  &.sapUshellContentFinderAppBoxFooterOnlyPreview {
-    flex-direction: row-reverse;
-  }
-}