@sapui5/sap.ushell 1.124.2 → 1.125.0

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

@@ -0,0 +1,64 @@
+/*!
+ * Copyright (c) 2009-2023 SAP SE, All Rights Reserved
+ */
+@import "../../../../sap/ui/core/themes/base/base.less";
+@import "../../../../sap/ui/core/themes/base/global.less";
+@import "shared.less";
+
+@import "ActionMode.less";
+@import "AddBookmarkButton.less";
+@import "AnchorItem.less";
+@import "AnchorNavigationBar.less";
+@import "AppearanceView.less";
+@import "ApplicationContainer.less";
+@import "Catalog.less";
+@import "ContentFinder.less";
+@import "ContactSupport.less";
+@import "CustomGroupHeaderListItem.less";
+@import "Dashboard.less";
+@import "DynamicTile.less";
+@import "Factsheet.less";
+@import "FloatingContainer.less";
+@import "FlpSettings.less";
+@import "GroupList.less";
+@import "GroupListItem.less";
+@import "IconFonts.less";
+@import "ImageTile.less";
+@import "LoadingDialog.less";
+@import "MenuBar.less";
+@import "Notifications.less";
+@import "Page.less";
+@import "PictureTile.less";
+@import "PictureViewer.less";
+@import "PlusTile.less";
+@import "QuickAccess.less";
+@import "RightFloatingContainerItem.less";
+@import "SearchFLP.less";
+@import "SearchCEP.less";
+@import "Section.less";
+@import "ShellFloatingAction.less";
+@import "ShellFloatingActions.less";
+@import "ShellHeader.less";
+@import "ShellAppTitle.less";
+@import "ShellLayout.less";
+@import "SidePane.less";
+@import "StaticTile.less";
+@import "SubHeader.less";
+@import "SysInfoBar.less";
+@import "TargetMappingConfiguration.less";
+@import "Tile.less";
+@import "TileBase.less";
+@import "TileContainer.less";
+@import "TilePlaceholder.less";
+@import "TileState.less";
+@import "ToolAreaItem.less";
+@import "UserActionsMenu.less";
+@import "UserConsentDialog.less";
+@import "UserSettings.less";
+@import "ViewPortContainer.less";
+@import "WorkPage.less";
+@import "WorkPageButton.less";
+@import "WorkPageRow.less";
+@import "WorkPageColumn.less";
+@import "WorkPageCell.less";
+@import "WorkPageColumnResizer.less";

package/src/main/js/sap/ushell/themes/sap_belize_base/shared.less

@@ -0,0 +1,40 @@
+/* =============================================== */
+/* Shared styles for all other CSS of this library */
+/* =============================================== */
+
+/* In order to override any unwanted scrolling, overflow should be hidden */
+html {
+  overflow: hidden;
+}
+
+/* Shared between ShellLayout and ShellHeader */
+@_sap_ushell_ShellHeader_BarHeight: 2.75rem;
+@_sap_ushell_CoPilot_DockingWidth: 26rem;
+
+/* For cross-browser compatible animations */
+.opacity(@opacity: 0.5) {
+  opacity: @opacity;
+}
+
+.transition(...) {
+  -webkit-transition: @arguments;
+  -moz-transition: @arguments;
+  transition: @arguments;
+}
+
+.sapUshellIframeDialog .sapMDialogScrollCont {
+  height: 100%;
+}
+
+.sapUShellFullHeight {
+  height: 100%;
+  overflow-y: hidden;
+}
+
+.sapUshellFullWidth {
+  width: 100%
+}
+
+.sapUshellZeroOpacity {
+  opacity: 0;
+}

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

@@ -1,7 +1,16 @@
 /*!
  * Copyright (c) 2009-2023 SAP SE, All Rights Reserved
  */
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../sap/ui/core/themes/sap_belize_hcb/base.less";
 @import "../../../../sap/ui/core/themes/sap_belize_hcb/global.less";
 

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

@@ -1,7 +1,16 @@
 /*!
  * Copyright (c) 2009-2023 SAP SE, All Rights Reserved
  */
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../sap/ui/core/themes/sap_belize_hcw/base.less";
 @import "../../../../sap/ui/core/themes/sap_belize_hcw/global.less";
 

package/src/main/js/sap/ushell/themes/sap_horizon/ShellHeader.less

@@ -1,9 +1,7 @@
-/* ======================================= */
-/* CSS for control sap.ushell/ShellHeader  */
-/* Horizon theme                           */
-/* ======================================= */
+/* ========================================================= */
+/* CSS for control "sap.ushell.ui.ShellHeader" (sap_horizon) */
+/* ========================================================= */
 
-// ShellHeader in general
 .sapUshellShellHeader {
   background-color: @sapUiShellColor;
   height: 3.25rem;
@@ -33,23 +31,23 @@
   box-shadow: none;
 }
 
-.sapUshellShellHeadItm:hover>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:hover > .sapUshellShellHeadItmCntnt {
   box-shadow: @sapUiContentInteractionShadow;
   background-color: @sapUiShellHoverBackground;
 }
 
-.sapUshellShellHeadItm:focus:not(:focus-visible)>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:focus:not(:focus-visible) > .sapUshellShellHeadItmCntnt {
   background-color: @sapUiShellHoverBackground;
   border-color: @sapUiButtonLiteBorderColor;
 }
 
-.sapUshellShellHeadItm:focus-visible>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:focus-visible > .sapUshellShellHeadItmCntnt {
   outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
-.sapUshellShellHeadItm:active>.sapUshellShellHeadItmCntnt,
-.sapUshellShellHeadItm:focus:active>.sapUshellShellHeadItmCntnt,
-.sapUshellShellHeadItm:focus-visible:active>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:active > .sapUshellShellHeadItmCntnt,
+.sapUshellShellHeadItm:focus:active > .sapUshellShellHeadItmCntnt,
+.sapUshellShellHeadItm:focus-visible:active > .sapUshellShellHeadItmCntnt {
   color: @sapUiShellActiveTextColor;
   background-color: @sapUiShellActiveBackground;
   border-color: @sapUiButtonLiteActiveBorderColor;
@@ -69,12 +67,6 @@
 
 /** Logo **/
 
-// Image of the Logo Control
-#shell-header-icon {
-  max-height: 2rem;
-  border: none;
-}
-
 // CSS class for the Logo control itself.
 .sapUshellShellIco {
   height: inherit;
@@ -131,7 +123,6 @@
   box-shadow: @sapUiContentInteractionShadow;
 }
 
-
 #userActionsMenuHeaderButton:focus:not(:focus-visible) {
   border-color: @sapUiButtonLiteBorderColor;
   outline: none;

package/src/main/js/sap/ushell/themes/sap_horizon_dark/ShellHeader.less

@@ -1,9 +1,7 @@
-/* ======================================= */
-/* CSS for control sap.ushell/ShellHeader  */
-/* Horizon Dark Theme                      */
-/* ======================================= */
+/* ============================================================== */
+/* CSS for control "sap.ushell.ui.ShellHeader" (sap_horizon_dark) */
+/* ============================================================== */
 
-// ShellHeader in general
 .sapUshellShellHeader {
   background-color: @sapUiShellColor;
   height: 3.25rem;
@@ -33,23 +31,23 @@
   box-shadow: none;
 }
 
-.sapUshellShellHeadItm:hover>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:hover > .sapUshellShellHeadItmCntnt {
   box-shadow: @sapUiContentInteractionShadow;
   background-color: @sapUiShellHoverBackground;
 }
 
-.sapUshellShellHeadItm:focus:not(:focus-visible)>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:focus:not(:focus-visible) > .sapUshellShellHeadItmCntnt {
   background-color: @sapUiShellHoverBackground;
   border-color: @sapUiButtonLiteBorderColor;
 }
 
-.sapUshellShellHeadItm:focus-visible>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:focus-visible > .sapUshellShellHeadItmCntnt {
   outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
-.sapUshellShellHeadItm:active>.sapUshellShellHeadItmCntnt,
-.sapUshellShellHeadItm:focus:active>.sapUshellShellHeadItmCntnt,
-.sapUshellShellHeadItm:focus-visible:active>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:active > .sapUshellShellHeadItmCntnt,
+.sapUshellShellHeadItm:focus:active > .sapUshellShellHeadItmCntnt,
+.sapUshellShellHeadItm:focus-visible:active > .sapUshellShellHeadItmCntnt {
   color: @sapUiShellActiveTextColor;
   background-color: @sapUiShellActiveBackground;
   border-color: @sapUiButtonLiteActiveBorderColor;
@@ -69,12 +67,6 @@
 
 /** Logo **/
 
-// Image of the Logo Control
-#shell-header-icon {
-  max-height: 2rem;
-  border: none;
-}
-
 // CSS class for the Logo control itself.
 .sapUshellShellIco {
   height: inherit;
@@ -131,7 +123,6 @@
   box-shadow: @sapUiContentInteractionShadow;
 }
 
-
 #userActionsMenuHeaderButton:focus:not(:focus-visible) {
   border-color: @sapUiButtonLiteBorderColor;
   outline: none;

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

@@ -1,9 +1,7 @@
-/* ======================================= */
-/* CSS for control sap.ushell/ShellHeader  */
-/* Horizon HCB theme                       */
-/* ======================================= */
+/* ============================================================= */
+/* CSS for control "sap.ushell.ui.ShellHeader" (sap_horizon_hcb) */
+/* ============================================================= */
 
-// Shell header in general
 .sapUshellShellHeader {
   height: 3.25rem;
   line-height: 2.75rem;
@@ -32,20 +30,20 @@
   border: 1px @sapDefault_BorderStyle @sapUiContentFocusColor;
 }
 
-.sapUshellShellHeadItm:hover>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:hover > .sapUshellShellHeadItmCntnt {
   background-color: @sapUiShellHoverBackground;
 }
 
-.sapUshellShellHeadItm:focus:not(:focus-visible)>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:focus:not(:focus-visible) > .sapUshellShellHeadItmCntnt {
   background-color: @sapUiShellHoverBackground;
   border-color: @sapUiButtonLiteBorderColor;
 }
 
-.sapUshellShellHeadItm:focus-visible>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:focus-visible > .sapUshellShellHeadItmCntnt {
   outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
-.sapUshellShellHeadItm:active>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:active > .sapUshellShellHeadItmCntnt {
   background-color: @sapUiButtonHoverBackground;
 }
 
@@ -56,11 +54,6 @@
 
 /** Logo **/
 
-// Image of the Logo Control
-#shell-header-icon {
-  max-height: 2rem;
-}
-
 .sapUshellShellIco {
   height: inherit;
 }

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

@@ -1,9 +1,7 @@
-/* ======================================= */
-/* CSS for control sap.ushell/ShellHeader  */
-/* Horizon HCW theme                       */
-/* ======================================= */
+/* ============================================================= */
+/* CSS for control "sap.ushell.ui.ShellHeader" (sap_horizon_hcw) */
+/* ============================================================= */
 
-// Shell header in general
 .sapUshellShellHeader {
   height: 3.25rem;
   line-height: 2.75rem;
@@ -32,20 +30,20 @@
   border: 1px @sapDefault_BorderStyle @sapUiContentFocusColor;
 }
 
-.sapUshellShellHeadItm:hover>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:hover > .sapUshellShellHeadItmCntnt {
   background-color: @sapUiShellHoverBackground;
 }
 
-.sapUshellShellHeadItm:focus:not(:focus-visible)>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:focus:not(:focus-visible) > .sapUshellShellHeadItmCntnt {
   background-color: @sapUiShellHoverBackground;
   border-color: @sapUiButtonLiteBorderColor;
 }
 
-.sapUshellShellHeadItm:focus-visible>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:focus-visible > .sapUshellShellHeadItmCntnt {
   outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
-.sapUshellShellHeadItm:active>.sapUshellShellHeadItmCntnt {
+.sapUshellShellHeadItm:active > .sapUshellShellHeadItmCntnt {
   background-color: @sapUiButtonHoverBackground;
 }
 
@@ -56,11 +54,6 @@
 
 /** Logo **/
 
-// Image of the Logo Control
-#shell-header-icon {
-  max-height: 2rem;
-}
-
 .sapUshellShellIco {
   height: inherit;
 }

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

@@ -7,14 +7,16 @@ sap.ui.define([
     "sap/ui/Device",
     "sap/base/Log",
     "./AppContainerRenderer",
-    "sap/ui/core/RenderManager"
+    "sap/ui/core/RenderManager",
+    "sap/ushell/Container"
 ], function (
     Control,
     Element,
     Device,
     Log,
     AppContainerRenderer,
-    RenderManager
+    RenderManager,
+    Container
 ) {
     "use strict";
 
@@ -99,7 +101,7 @@ sap.ui.define([
         var oTargetPage = Element.getElementById(pageId),
             sCurrentPageId = this.getCurrentCenterPage(),
             oCurrentPage = Element.getElementById(sCurrentPageId) || null,
-            oHomeContainer = sap.ushell.Container.getRendererInternal("fiori2").byId("Shell-home-component-container"),
+            oHomeContainer = Container.getRendererInternal("fiori2").byId("Shell-home-component-container"),
             sHomeContainerId = oHomeContainer && oHomeContainer.getId(),
             bNavFromHome = sCurrentPageId && (sHomeContainerId === sCurrentPageId),
             bNavToHome = sHomeContainerId === pageId;

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

@@ -1,31 +1,43 @@
 // Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 sap.ui.define([
+    "./ContentNodeSelectorRenderer",
     "sap/base/util/deepClone",
+    "sap/m/Column",
+    "sap/m/ColumnListItem",
+    "sap/m/Label",
+    "sap/m/MultiInput",
     "sap/m/Token",
     "sap/ui/core/Element",
     "sap/ui/core/Fragment",
-    "sap/ui/core/XMLComposite",
+    "sap/ui/core/Control",
     "sap/ui/Device",
     "sap/ui/model/Filter",
     "sap/ui/model/FilterOperator",
     "sap/ui/model/json/JSONModel",
     "sap/ushell/Config",
+    "sap/ushell/Container",
     "sap/ushell/library",
     "sap/ushell/resources"
 ], function (
+    ContentNodeSelectorRenderer,
     deepClone,
+    Column,
+    ColumnListItem,
+    Label,
+    MultiInput,
     Token,
     Element,
     Fragment,
-    XMLComposite,
+    Control,
     Device,
     Filter,
     FilterOperator,
     JSONModel,
     Config,
+    Container,
     ushellLibrary,
-    resources
+    ushellResources
 ) {
     "use strict";
 
@@ -41,15 +53,22 @@ sap.ui.define([
      * @param {string} [sId] ID for the new control, generated automatically if no ID is given
      * @param {object} [mSettings] Initial settings for the new control
      *
-     * @extends sap.ui.core.XMLComposite
+     * @extends sap.ui.core.Control
      *
      * @since 1.81
      *
      * @private
      */
-    var ContentNodeSelector = XMLComposite.extend("sap.ushell.ui.ContentNodeSelector", /** @lends sap.ushell.ui.ContentNodeSelector.prototype */ {
+    var ContentNodeSelector = Control.extend("sap.ushell.ui.ContentNodeSelector", /** @lends sap.ushell.ui.ContentNodeSelector.prototype */ {
         metadata: {
             library: "sap.ushell",
+            aggregations: {
+                content: {
+                    type: "sap.m.MultiInput",
+                    multiple: false,
+                    visibility: "hidden"
+                }
+            },
             associations: {
                 labelId: {
                     type: "sap.ui.core.Control",
@@ -64,7 +83,8 @@ sap.ui.define([
                 selectionChanged: {},
                 valueHelpEndButtonPressed: {}
             }
-        }
+        },
+        renderer: ContentNodeSelectorRenderer
     });
 
     ContentNodeSelector.prototype.init = function () {
@@ -77,19 +97,56 @@ sap.ui.define([
 
         this.setModel(this._oModel, "_internal");
         this.setModel(this._oDeviceModel, "_device");
-        this.setModel(resources.getTranslationModel(), "_i18n");
+        this.setModel(ushellResources.getTranslationModel(), "_i18n");
 
-        var oMultiInput = this.getAggregation("_content");
-        oMultiInput.addValidator(this._validateItem.bind(this));
+
+        if (!this.getAggregation("content")) {
+            const oMultiInput = this._createMultiInput();
+            this.setAggregation("content", oMultiInput);
+        }
 
         this.setBusyIndicatorDelay(0); // TODO: the busy indicator delay should never be changed (this line should be removed)
         this._loadContentNodes()
             .then(this._overwriteLabel.bind(this));
     };
 
-    ContentNodeSelector.prototype.onAfterRendering = function () {
-        var oDomRef = this.getDomRef();
-        oDomRef.removeAttribute("aria-required");
+    ContentNodeSelector.prototype._createMultiInput = function () {
+        const oMultiInput = new MultiInput({
+            ariaLabelledBy: "ContentNodeLabel",
+            valueHelpRequest: this._showValueHelp.bind(this),
+            tokenUpdate: this._onTokenUpdate.bind(this),
+            required: true,
+            suggestionColumns: [
+                new Column({
+                    header: new Label({
+                        text: "{= ${_internal>/isSpaces} ? ${_i18n>contentNodeSelectorPage} : ${_i18n>contentNodeSelectorHomepageGroup}}"
+                    })
+                }),
+                new Column({
+                    visible: "{= ${_internal>/isSpaces}}",
+                    header: new Label({
+                        text: "{_i18n>contentNodeSelectorSpace}"
+                    })
+                })
+            ],
+            suggestionRows: {
+                path: "_internal>/suggestions",
+                template: new ColumnListItem({
+                    cells: [
+                        new Label({
+                            text: "{_internal>label}"
+                        }),
+                        new Label({
+                            visible: "{_internal>/isSpaces}",
+                            text: "{= ${_internal>spaceTitles}.join(', ')}"
+                        })
+                    ]
+                }),
+                templateShareable: false
+            }
+        });
+        oMultiInput.addValidator(this._validateItem.bind(this));
+        return oMultiInput;
     };
 
     /**
@@ -104,9 +161,9 @@ sap.ui.define([
 
         if (oLabel && typeof oLabel.setText === "function") {
             if (this._oModel.getProperty("/isSpaces")) {
-                oLabel.setText(resources.i18n.getText("contentNodeSelectorHomepagePages"));
+                oLabel.setText(ushellResources.i18n.getText("contentNodeSelectorHomepagePages"));
             } else {
-                oLabel.setText(resources.i18n.getText("contentNodeSelectorHomepageGroups"));
+                oLabel.setText(ushellResources.i18n.getText("contentNodeSelectorHomepageGroups"));
             }
         }
 
@@ -129,7 +186,7 @@ sap.ui.define([
      * @returns {object[]} All selected content nodes
      */
     ContentNodeSelector.prototype.getSelectedContentNodes = function () {
-        var oMultiInput = this.getAggregation("_content");
+        var oMultiInput = this.getAggregation("content");
         var aTokens = oMultiInput.getTokens();
 
         return aTokens.map(function (oToken) {
@@ -154,7 +211,7 @@ sap.ui.define([
     ContentNodeSelector.prototype._getMyHomeEnablement = function () {
         return new Promise(function (resolve, reject) {
             var bMyHomeEnabled = Config.last("/core/spaces/myHome/enabled");
-            var bUserMyHome = sap.ushell.Container.getUser().getShowMyHome();
+            var bUserMyHome = Container.getUser().getShowMyHome();
             resolve(bMyHomeEnabled && bUserMyHome);
         });
     };
@@ -199,7 +256,7 @@ sap.ui.define([
         this.setBusy(true);
 
         return Promise.all([
-            sap.ushell.Container.getServiceAsync("BookmarkV2"),
+            Container.getServiceAsync("BookmarkV2"),
             this._getMyHomeEnablement()
         ]).then(function (aResult) {
             var oBookmarkService = aResult[0];
@@ -302,7 +359,7 @@ sap.ui.define([
 
         var aSelectedContextsPaths = oTree.getSelectedContextPaths();
 
-        var oMultiInput = this.getAggregation("_content");
+        var oMultiInput = this.getAggregation("content");
         oMultiInput.destroyTokens();
 
         var oToken;
@@ -519,7 +576,7 @@ sap.ui.define([
      * @since 1.86.0
      */
     ContentNodeSelector.prototype.clearSelection = function () {
-        var oMultiInput = this.getAggregation("_content");
+        var oMultiInput = this.getAggregation("content");
         var aTokens = oMultiInput.getTokens();
 
         aTokens.forEach(function (oToken) {
@@ -541,7 +598,7 @@ sap.ui.define([
      * @since 1.86.0
      */
     ContentNodeSelector.prototype.setValueState = function (valueState) {
-        var oMultiInput = this.getAggregation("_content");
+        var oMultiInput = this.getAggregation("content");
         oMultiInput.setValueState(valueState);
     };
 
@@ -555,7 +612,7 @@ sap.ui.define([
      * @since 1.86.0
      */
     ContentNodeSelector.prototype.setValueStateText = function (valueStateText) {
-        var oMultiInput = this.getAggregation("_content");
+        var oMultiInput = this.getAggregation("content");
         oMultiInput.setValueStateText(valueStateText);
     };
 

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

@@ -0,0 +1,32 @@
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
+
+sap.ui.define([
+], function (
+) {
+    "use strict";
+
+    /**
+     * ContentNodeSelector renderer.
+     * @namespace
+     */
+    var ContentNodeSelectorRenderer = {
+        apiVersion: 2
+    };
+
+    /**
+     * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
+     *
+     * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
+     * @param {sap.ushell.ui.ContentNodeSelector} oSelector The control.
+     */
+    ContentNodeSelectorRenderer.render = function (oRenderManager, oSelector) {
+        oRenderManager.openStart("div", oSelector);
+        oRenderManager.openEnd(); // div - tag
+
+        oRenderManager.renderControl(oSelector.getAggregation("content"));
+
+        oRenderManager.close("div");
+    };
+
+    return ContentNodeSelectorRenderer;
+});