@sapui5/sap.ushell 1.112.3 → 1.114.0

package/src/main/js/sap/ushell/themes/sap_horizon_hcb/SearchCEP.less

@@ -32,9 +32,6 @@
   margin-top: 0.1rem;
 }
 
-#SearchFieldCustom {
-}
-
 // Placeholder SearchField - placholder text
 #PlaceHolderSearchField-I::placeholder {
   font-weight: normal;
@@ -126,34 +123,6 @@
   }
 }
 
-#SearchFieldCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
-#SearchHistoryCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
-#FreqUsedAppCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
-#FreqUsedProductCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
-#SearchResultCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
-#SearchResultProductCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
-#ExternalSearchAppsCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
 #CEPSearchField.sapMSFVal>.sapMSFF .sapMSFS {
   color: @sapShell_InteractiveTextColor;
   border: 0.0625px solid @sapShell_InteractiveBorderColor;
@@ -187,10 +156,6 @@
   box-shadow: inset 0 -0.0625rem transparent;
 }
 
-//#SearchHistoryCustom>#SearchHistoryList>.sapMListShowSeparatorsNone .sapMLIBShowSeparator:hover {
-//  box-shadow: inset 0 -0.0625rem #fff;
-//}
-
 #SearchFieldList #SearchHistoryList>.sapMListShowSeparatorsNone .sapMLIBShowSeparator:hover {
   box-shadow: inset 0 -0.0625rem @sapUiContentFocusColor;
 }
@@ -207,11 +172,6 @@
   box-shadow: inset 0 -0.0625rem @sapUiContentFocusColor;
 }
 
-.sapUiCEPSearchSFCustom{
-  margin-right: 0.38rem !important;
-  margin-left: 0.42rem !important;
-}
-
 .sapUshellCEPSearchFieldMargin {
   margin-top: 0.1rem;
 }
@@ -268,30 +228,55 @@
   font-weight: normal;
   text-align: left;
   font-size: .9rem;
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
 }
 
 #FrequentlyUsedAppsList-triggerText {
   font-weight: normal;
   text-align: left;
   font-size: .9rem;
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
 }
 
 #SearchResultList-triggerText {
   font-weight: normal !important;
   text-align: left !important;
   font-size: .9rem !important;
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
 }
 
 #ProductsList-triggerText {
   font-weight: normal !important;
   text-align: left !important;
   font-size: .9rem !important;
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
 }
 
-#ExternalSearchAppsList-triggerList {
+#ExternalSearchAppsList-triggerText {
   font-weight: normal;
   text-align: left;
   font-size: .9rem;
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
 }
 /*
  */

package/src/main/js/sap/ushell/themes/sap_horizon_hcb/ShellLayout.less

@@ -1,3 +1,3 @@
-.sapUshellShellCanvas {
-  top: 3.25rem;
-}
+/* =================================== */
+/* CSS for the layout of the ShellView */
+/* =================================== */

package/src/main/js/sap/ushell/themes/sap_horizon_hcb/SidePane.less

@@ -0,0 +1,7 @@
+/* ============================================== */
+/* CSS for control "sap.ushell.ui.shell.SidePane" */
+/* ============================================== */
+
+.sapUshellSidePane {
+ background-color: @sapUiHcStandardBackground;
+}

package/src/main/js/sap/ushell/themes/sap_horizon_hcb/SysInfoBar.less

@@ -0,0 +1,42 @@
+/* ===================================================== */
+/* CSS for control "sap.ushell.ui.shell.SysInfoBar"      */
+/* ======================================================*/
+
+.sapUshellSysInfoBarCustom {
+  background-color: transparent !important;
+}
+
+.sapUshellSysInfoBarOrange {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory3BorderColor;
+}
+
+.sapUshellSysInfoBarRed {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory11BorderColor;
+}
+
+.sapUshellSysInfoBarPink {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory13BorderColor;
+}
+
+.sapUshellSysInfoBarViolet {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory12BorderColor;
+}
+
+.sapUshellSysInfoBarBlue {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory9BorderColor;
+}
+
+.sapUshellSysInfoBarGreen {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory16BorderColor;
+}
+
+.sapUshellSysInfoBarGrey {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory15BorderColor;
+}

package/src/main/js/sap/ushell/themes/sap_horizon_hcb/library.source.less

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+ * Copyright (c) 2009-2023 SAP SE, All Rights Reserved
  */
 @import "../base/library.source.less";
 
@@ -24,10 +24,23 @@
 @import "ShellAppTitle.less";
 @import "ShellHeader.less";
 @import "ShellLayout.less";
-@import "SplitContainer.less";
+@import "SidePane.less";
+@import "SysInfoBar.less";
 @import "Tile.less";
 @import "TileBase.less";
 @import "TileContainer.less";
 @import "TileState.less";
 @import "ActionMode.less";
 @import "WorkPageCell.less";
+
+@font-face {
+  font-family: 'BusinessSuiteInAppSymbols';
+  src: url("../base/fonts/horizon/BusinessSuiteInAppSymbols.eot"),/* use locally installed font when untrusted font is disabled */
+  url("../base/fonts/horizon/BusinessSuiteInAppSymbols.eot?#iefix") format('embedded-opentype'),/*?#iefix is required to be added to the end of the path of eot file here:*/
+  url("../base/fonts/horizon/BusinessSuiteInAppSymbols.ttf") format('truetype'),
+  url("../base/fonts/horizon/BusinessSuiteInAppSymbols.woff") format('woff'),
+  url("../base/fonts/horizon/BusinessSuiteInAppSymbols.woff2") format('woff2'),
+  local('BusinessSuiteInAppSymbols');
+  font-weight: normal;
+  font-style: normal;
+}

package/src/main/js/sap/ushell/themes/sap_horizon_hcw/SearchCEP.less

@@ -32,9 +32,6 @@
   margin-top: 0.1rem;
 }
 
-#SearchFieldCustom {
-}
-
 // Placeholder SearchField - placholder text
 #PlaceHolderSearchField-I::placeholder {
   font-weight: normal;
@@ -126,34 +123,6 @@
   }
 }
 
-#SearchFieldCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
-#SearchHistoryCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
-#FreqUsedAppCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
-#FreqUsedProductCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
-#SearchResultCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
-#SearchResultProductCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
-#ExternalSearchAppsCustom.sapMLIBFocusable:focus {
-  outline-color: transparent;
-}
-
 #CEPSearchField.sapMSFVal>.sapMSFF .sapMSFS {
   color: @sapShell_InteractiveTextColor;
   border: 0.0625px solid @sapShell_InteractiveBorderColor;
@@ -223,11 +192,6 @@
   }
 }
 
-.sapUiCEPSearchSFCustom{
-  margin-right: 0.38rem !important;
-  margin-left: 0.42rem !important;
-}
-
 .sapUshellCEPSearchFieldMargin {
   margin-top: 0.1rem;
 }
@@ -258,30 +222,55 @@
   font-weight: normal;
   text-align: left;
   font-size: .9rem;
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
 }
 
 #FrequentlyUsedAppsList-triggerText {
   font-weight: normal;
   text-align: left;
   font-size: .9rem;
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
 }
 
 #SearchResultList-triggerText {
   font-weight: normal !important;
   text-align: left !important;
   font-size: .9rem !important;
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
 }
 
 #ProductsList-triggerText {
   font-weight: normal !important;
   text-align: left !important;
   font-size: .9rem !important;
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
 }
 
-#ExternalSearchAppsList-triggerList {
+#ExternalSearchAppsList-triggerText {
   font-weight: normal;
   text-align: left;
   font-size: .9rem;
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
 }
 /*
  */

package/src/main/js/sap/ushell/themes/sap_horizon_hcw/ShellLayout.less

@@ -1,3 +1,3 @@
-.sapUshellShellCanvas {
-  top: 3.25rem;
-}
+/* =================================== */
+/* CSS for the layout of the ShellView */
+/* =================================== */

package/src/main/js/sap/ushell/themes/sap_horizon_hcw/SidePane.less

@@ -0,0 +1,7 @@
+/* ============================================== */
+/* CSS for control "sap.ushell.ui.shell.SidePane" */
+/* ============================================== */
+
+.sapUshellSidePane {
+  background-color: @sapUiHcStandardBackground;
+}

package/src/main/js/sap/ushell/themes/sap_horizon_hcw/SysInfoBar.less

@@ -0,0 +1,42 @@
+/* ===================================================== */
+/* CSS for control "sap.ushell.ui.shell.SysInfoBar"      */
+/* ======================================================*/
+
+.sapUshellSysInfoBarCustom {
+  background-color: transparent !important;
+}
+
+.sapUshellSysInfoBarOrange {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory3BorderColor;
+}
+
+.sapUshellSysInfoBarRed {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory11BorderColor;
+}
+
+.sapUshellSysInfoBarPink {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory13BorderColor;
+}
+
+.sapUshellSysInfoBarViolet {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory12BorderColor;
+}
+
+.sapUshellSysInfoBarBlue {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory9BorderColor;
+}
+
+.sapUshellSysInfoBarGreen {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory16BorderColor;
+}
+
+.sapUshellSysInfoBarGrey {
+  background-color: transparent;
+  border: 0.125rem solid @sapUiShellCategory15BorderColor;
+}

package/src/main/js/sap/ushell/themes/sap_horizon_hcw/library.source.less

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+ * Copyright (c) 2009-2023 SAP SE, All Rights Reserved
  */
 @import "../base/library.source.less";
 
@@ -24,10 +24,23 @@
 @import "ShellAppTitle.less";
 @import "ShellHeader.less";
 @import "ShellLayout.less";
-@import "SplitContainer.less";
+@import "SidePane.less";
+@import "SysInfoBar.less";
 @import "Tile.less";
 @import "TileBase.less";
 @import "TileContainer.less";
 @import "TileState.less";
 @import "ActionMode.less";
 @import "WorkPageCell.less";
+
+@font-face {
+  font-family: 'BusinessSuiteInAppSymbols';
+  src: url("../base/fonts/horizon/BusinessSuiteInAppSymbols.eot"),/* use locally installed font when untrusted font is disabled */
+  url("../base/fonts/horizon/BusinessSuiteInAppSymbols.eot?#iefix") format('embedded-opentype'),/*?#iefix is required to be added to the end of the path of eot file here:*/
+  url("../base/fonts/horizon/BusinessSuiteInAppSymbols.ttf") format('truetype'),
+  url("../base/fonts/horizon/BusinessSuiteInAppSymbols.woff") format('woff'),
+  url("../base/fonts/horizon/BusinessSuiteInAppSymbols.woff2") format('woff2'),
+  local('BusinessSuiteInAppSymbols');
+  font-weight: normal;
+  font-style: normal;
+}

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

@@ -1,4 +1,4 @@
-// Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 // This control replaces the Fiori2 ViewPortContainer for the no-viewports scenario.
 sap.ui.define([

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

@@ -1,8 +1,12 @@
 /*!
- * Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+ * Copyright (c) 2009-2023 SAP SE, All Rights Reserved
  */
 
-sap.ui.define([], function () {
+sap.ui.define([
+    "sap/ushell/resources"
+], function (
+    ushellResources
+) {
     "use strict";
 
     /**
@@ -24,14 +28,16 @@ sap.ui.define([], function () {
             return;
         }
 
-        oRenderManager.openStart("div", oControl);
+        oRenderManager.openStart("main", oControl);
+        oRenderManager.attr("role", "main");
+        oRenderManager.attr("aria-label", ushellResources.i18n.getText("ShellContent.AriaLabel"));
         oRenderManager.openEnd();
 
         oControl.getPages().forEach(function (oPage) {
             oRenderManager.renderControl(oPage);
         });
 
-        oRenderManager.close("div");
+        oRenderManager.close("main");
     };
 
     return AppContainerRenderer;

package/src/main/js/sap/ushell/ui/ContentNodeSelector.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/util/deepClone",
@@ -29,6 +29,7 @@ sap.ui.define([
 ) {
     "use strict";
 
+    // shortcut for sap.ushell.ContentNodeType
     var ContentNodeType = ushellLibrary.ContentNodeType;
 
     /**
@@ -195,30 +196,30 @@ sap.ui.define([
             sap.ushell.Container.getServiceAsync("Bookmark"),
             this._getMyHomeEnablement()
         ]).then(function (aResult) {
-                var oBookmarkService = aResult[0];
-                var bMyHomeEnabled = aResult[1];
-                var bPersonalizationEnabled = Config.last("/core/shell/enablePersonalization");
-                this._bShowOnlyMyHome = !bPersonalizationEnabled && bMyHomeEnabled;
-                this._sMyHomeSpaceId = Config.last("/core/spaces/myHome/myHomeSpaceId");
-                this._sMyHomePageId = Config.last("/core/spaces/myHome/myHomePageId");
+            var oBookmarkService = aResult[0];
+            var bMyHomeEnabled = aResult[1];
+            var bPersonalizationEnabled = Config.last("/core/shell/enablePersonalization");
+            this._bShowOnlyMyHome = !bPersonalizationEnabled && bMyHomeEnabled;
+            this._sMyHomeSpaceId = Config.last("/core/spaces/myHome/myHomeSpaceId");
+            this._sMyHomePageId = Config.last("/core/spaces/myHome/myHomePageId");
 
-                return oBookmarkService.getContentNodes().then(function (aContentNodes) {
-                    aContentNodes = deepClone(aContentNodes);
-                    aContentNodes = this._filterPersonalizableContentNodes(aContentNodes);
+            return oBookmarkService.getContentNodes().then(function (aContentNodes) {
+                aContentNodes = deepClone(aContentNodes);
+                aContentNodes = this._filterPersonalizableContentNodes(aContentNodes);
 
-                    ContentNodeSelector._normalizeContentNodes(aContentNodes);
-                    this._oModel.setProperty("/items", aContentNodes);
+                ContentNodeSelector._normalizeContentNodes(aContentNodes);
+                this._oModel.setProperty("/items", aContentNodes);
 
-                    var aSuggestions = ContentNodeSelector._getSuggestions(aContentNodes);
+                var aSuggestions = ContentNodeSelector._getSuggestions(aContentNodes);
 
-                    for (var i = 0; i < aSuggestions.length; i++) {
-                        aSuggestions[i].selected = false;
-                    }
+                for (var i = 0; i < aSuggestions.length; i++) {
+                    aSuggestions[i].selected = false;
+                }
 
-                    this._oModel.setProperty("/suggestions", aSuggestions);
+                this._oModel.setProperty("/suggestions", aSuggestions);
 
-                    this.setBusy(false);
-                }.bind(this));
+                this.setBusy(false);
+            }.bind(this));
         }.bind(this));
     };
 
@@ -487,21 +488,17 @@ sap.ui.define([
      * @static
      */
     ContentNodeSelector._visitPages = function (contentNodes, callback) {
-        var oContentNode,
-            oPage;
-
         if (contentNodes === undefined || contentNodes === null) {
             return;
         }
 
         for (var i = 0; i < contentNodes.length; i++) {
-            oContentNode = contentNodes[i];
+            var oContentNode = contentNodes[i];
             if (oContentNode.type !== ContentNodeType.Space) {
                 return;
-            } else if (oContentNode.children) {
+            } if (oContentNode.children) {
                 for (var k = 0; k < oContentNode.children.length; k++) {
-                    oPage = oContentNode.children[k];
-
+                    var oPage = oContentNode.children[k];
                     oContentNode.children[k] = callback(oContentNode, oPage);
                 }
             }

package/src/main/js/sap/ushell/ui/ContentNodeTreeItem.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/StandardTreeItem"

package/src/main/js/sap/ushell/ui/CustomGroupHeaderListItem.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/GroupHeaderListItem",

package/src/main/js/sap/ushell/ui/CustomGroupHeaderListItemRenderer.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/core/library",

package/src/main/js/sap/ushell/ui/QuickAccess.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/core/Core",
@@ -25,6 +25,7 @@ sap.ui.define([
 ) {
     "use strict";
 
+    // shortcut for sap.ushell.AppType
     var AppType = ushellLibrary.AppType;
 
     var oQuickAccess = {
@@ -65,7 +66,7 @@ sap.ui.define([
                         }
                     }
                 }.bind(this));
-                Core.byId("shell").addDependent(this.oQuickAccessDialog);
+                Core.byId("mainShell").addDependent(this.oQuickAccessDialog);
                 return this.oQuickAccessDialog;
             }.bind(this));
         },
@@ -106,8 +107,7 @@ sap.ui.define([
                         );
                     })
                 ]);
-            })
-            .then(function (aResults) {
+            }).then(function (aResults) {
                 var aRecentActivities = aResults[0];
                 var aFrequentActivities = aResults[1];
                 this.oModel.setData({

package/src/main/js/sap/ushell/ui/RendererRootView.fragment.xml

@@ -0,0 +1,8 @@
+<core:FragmentDefinition
+    xmlns="sap.ushell.ui.shell"
+    xmlns:m="sap.m"
+    xmlns:core="sap.ui.core"
+    xmlns:ui="sap.ushell.ui"
+>
+    <ui:AppContainer id="viewPortContainer" beforeNavigate=".onBeforeNavigate" afterNavigate=".onAfterNavigate"/>
+</core:FragmentDefinition>