@sapui5/sap.cux.home 1.136.2 → 1.138.0

package/src/sap/cux/home/FavAppPanel.js

@@ -195,6 +195,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
   const MenuItem = _interopRequireDefault(__MenuItem);
   const RecommendedAppPanel = _interopRequireDefault(__RecommendedAppPanel);
   const checkPanelExists = ___utils_Accessibility["checkPanelExists"];
+  const getInvisibleText = ___utils_Accessibility["getInvisibleText"];
   const DEFAULT_BG_COLOR = ___utils_Constants["DEFAULT_BG_COLOR"];
   const END_USER_COLORS = ___utils_Constants["END_USER_COLORS"];
   const MYAPPS_SECTION_ID = ___utils_Constants["MYAPPS_SECTION_ID"];
@@ -228,7 +229,6 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
    * @since 1.121.0
    *
    * @internal
-   * @experimental Since 1.121
    * @public
    *
    * @alias sap.cux.home.FavAppPanel
@@ -845,15 +845,15 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _getDragDropInfo: function _getDragDropInfo(event, appGroupId) {
       try {
-        const _this10 = this;
+        const _this0 = this;
         const dragTile = event.getParameter?.("draggedControl"),
           dropTile = event.getParameter?.("droppedControl"),
           dropPosition = event.getParameter?.("dropPosition"),
           dropControl = dragTile.getParent(),
           dragItemIndex = dropControl.indexOfItem(dragTile),
           dropItemIndex = dropControl.indexOfItem(dropTile),
-          dragItem = _this10._getTileItem(dragTile, appGroupId),
-          dropItem = _this10._getTileItem(dropTile, appGroupId);
+          dragItem = _this0._getTileItem(dragTile, appGroupId),
+          dropItem = _this0._getTileItem(dropTile, appGroupId);
         const dragDropInfo = {
           dragItem: dragItem,
           dropItem: dropItem,
@@ -866,12 +866,12 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         const _temp9 = function () {
           if (dragItemIndex !== dropItemIndex) {
             const _temp8 = function () {
-              if (!dragItem?.isA("sap.cux.home.Group") && !dropItem?.isA("sap.cux.home.Group")) {
-                return Promise.resolve(_this10._adjustAppDragDropInfo(dragDropInfo, appGroupId)).then(function () {});
+              if (!(dragItem instanceof Group) && !(dropItem instanceof Group)) {
+                return Promise.resolve(_this0._adjustAppDragDropInfo(dragDropInfo, appGroupId)).then(function () {});
               } else {
                 const _temp7 = function () {
-                  if (dragItem?.isA("sap.cux.home.Group")) {
-                    return Promise.resolve(_this10._adjustGroupDragDropInfo(dragDropInfo)).then(function () {});
+                  if (dragItem instanceof Group) {
+                    return Promise.resolve(_this0._adjustGroupDragDropInfo(dragDropInfo)).then(function () {});
                   }
                 }();
                 if (_temp7 && _temp7.then) return _temp7.then(function () {});
@@ -895,12 +895,11 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _adjustAppDragDropInfo: function _adjustAppDragDropInfo(dragDropInfo, appGroupId) {
       try {
-        const _this11 = this;
+        const _this1 = this;
         let isUpdated = false;
         const dragApp = dragDropInfo.dragItem;
         const dropApp = dragDropInfo.dropItem;
-        return Promise.resolve(Promise.all([_this11.appManagerInstance.getVisualization(dragApp.getUrl(), appGroupId), _this11.appManagerInstance.getVisualization(dropApp.getUrl(), appGroupId)])).then(function (_ref) {
-          let [dragVisualization, dropVisualization] = _ref;
+        return Promise.resolve(Promise.all([_this1.appManagerInstance.getVisualization(dragApp.getUrl(), appGroupId), _this1.appManagerInstance.getVisualization(dropApp.getUrl(), appGroupId)])).then(function ([dragVisualization, dropVisualization]) {
           if (dragDropInfo.dropPosition === dnd.RelativeDropPosition.Before) {
             //let's say there are two apps a1, a2, if a1 is moved before a2, that essentailly means the drop item index is same as current item index, adjust the dropItemIndex accordingly
             if (dragDropInfo.dragItemIndex === dragDropInfo.dropItemIndex - 1) {
@@ -921,7 +920,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           }
           if (isUpdated) {
             const tile = dragDropInfo.dropControl.getItems()[dragDropInfo.dropItemIndex];
-            const app = _this11._getTileItem(tile, appGroupId);
+            const app = _this1._getTileItem(tile, appGroupId);
             if (app) {
               dragDropInfo.dropItem = app;
             }
@@ -950,14 +949,14 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _adjustGroupDragDropInfo: function _adjustGroupDragDropInfo(dragDropInfo) {
       try {
-        const _this12 = this;
-        return Promise.resolve(_this12.appManagerInstance._getSections()).then(function (sections) {
+        const _this10 = this;
+        return Promise.resolve(_this10.appManagerInstance._getSections()).then(function (sections) {
           let dropGroupIndex;
           dragDropInfo.dragItemIndex = sections.findIndex(section => section.id === dragDropInfo.dragItem.getGroupId());
 
           //If dropped app is the first ungrouped app, put the group at the end
-          if (!dragDropInfo.dropItem.isA("sap.cux.home.Group")) {
-            const lastGroupIndex = _this12.getAggregation("groups").length;
+          if (!(dragDropInfo.dropItem instanceof Group)) {
+            const lastGroupIndex = _this10.getAggregation("groups").length;
             dragDropInfo.dropItemIndex = dragDropInfo.dropPosition === dnd.RelativeDropPosition.Before && dragDropInfo.dropItemIndex === lastGroupIndex && dragDropInfo.dragItemIndex !== lastGroupIndex ? lastGroupIndex + 1 : dragDropInfo.dragItemIndex;
           } else {
             dropGroupIndex = sections.findIndex(section => section.id === dragDropInfo.dropItem.getGroupId());
@@ -984,10 +983,10 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _onFavItemDrop: function _onFavItemDrop(event, appGroupId) {
       try {
-        const _this13 = this;
+        const _this11 = this;
         const dragTile = event.getParameter?.("draggedControl");
-        return Promise.resolve(_this13._getDragDropInfo(event, appGroupId)).then(function (dragDropInfo) {
-          function _temp12() {
+        return Promise.resolve(_this11._getDragDropInfo(event, appGroupId)).then(function (dragDropInfo) {
+          function _temp10() {
             dragTile.removeStyleClass("sapMGTPressActive");
           }
           const {
@@ -998,29 +997,29 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             dropItem
           } = dragDropInfo;
           if (dragItemIndex === dropItemIndex) return;
-          const _temp11 = function () {
+          const _temp1 = function () {
             if (dropPosition === dnd.RelativeDropPosition.On) {
-              return Promise.resolve(_this13._handleOnItemDrop(dragItem, dropItem)).then(function () {
-                void _this13.refresh();
+              return Promise.resolve(_this11._handleOnItemDrop(dragItem, dropItem)).then(function () {
+                void _this11.refresh();
               });
             } else {
-              const _temp10 = function () {
+              const _temp0 = function () {
                 if (dropPosition === dnd.RelativeDropPosition.After || dropPosition === dnd.RelativeDropPosition.Before) {
-                  _this13._setBusy(true);
-                  return Promise.resolve(_this13._handleItemsReorder(dragDropInfo, appGroupId)).then(function () {
-                    return Promise.resolve(_this13.refresh()).then(function () {
+                  _this11._setBusy(true);
+                  return Promise.resolve(_this11._handleItemsReorder(dragDropInfo, appGroupId)).then(function () {
+                    return Promise.resolve(_this11.refresh()).then(function () {
                       if (appGroupId) {
-                        void _this13._setGroupDetailDialogApps(appGroupId);
+                        void _this11._setGroupDetailDialogApps(appGroupId);
                       }
-                      _this13._setBusy(false);
+                      _this11._setBusy(false);
                     });
                   });
                 }
               }();
-              if (_temp10 && _temp10.then) return _temp10.then(function () {});
+              if (_temp0 && _temp0.then) return _temp0.then(function () {});
             }
           }();
-          return _temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11);
+          return _temp1 && _temp1.then ? _temp1.then(_temp10) : _temp10(_temp1);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -1037,25 +1036,25 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _handleOnItemDrop: function _handleOnItemDrop(dragItem, dropItem) {
       try {
-        const _this14 = this;
-        if (dragItem.isA("sap.cux.home.Group")) return Promise.resolve();
-        const _temp13 = function () {
-          if (!dropItem.isA("sap.cux.home.Group")) {
+        const _this12 = this;
+        if (dragItem instanceof Group) return Promise.resolve();
+        const _temp11 = function () {
+          if (!(dropItem instanceof Group)) {
             //if both dragged and dropped items are apps, create group dialog is opened.
             const dragApp = dragItem;
             const dropApp = dropItem;
-            _this14._selectedApps = [dragApp, dropApp];
-            _this14._openCreateGroupDialog(true);
+            _this12._selectedApps = [dragApp, dropApp];
+            _this12._openCreateGroupDialog(true);
           } else {
             //if dragged item is an app and dropped item is a group, app should be moved into that group.
             const targetGroupId = dropItem.getGroupId();
-            _this14._setBusy(true);
-            return Promise.resolve(_this14._handleMoveToGroup(dragItem, undefined, targetGroupId)).then(function () {
-              _this14._setBusy(false);
+            _this12._setBusy(true);
+            return Promise.resolve(_this12._handleMoveToGroup(dragItem, undefined, targetGroupId)).then(function () {
+              _this12._setBusy(false);
             });
           }
         }();
-        return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(function () {}) : void 0);
+        return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1068,22 +1067,21 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _handleItemsReorder: function _handleItemsReorder(dragDropInfo, appGroupId) {
       try {
-        const _this15 = this;
+        const _this13 = this;
         const {
           dragItem,
           dropItem,
           dragItemIndex,
           dropItemIndex
         } = dragDropInfo;
-        const isDragItemGroup = dragItem.isA("sap.cux.home.Group");
-        const isDropItemGroup = dropItem.isA("sap.cux.home.Group");
-        const _temp15 = function () {
+        const isDragItemGroup = dragItem.getMetadata()?.getName() === "sap.cux.home.Group";
+        const isDropItemGroup = dropItem.getMetadata()?.getName() === "sap.cux.home.Group";
+        const _temp13 = function () {
           if (!isDragItemGroup && !isDropItemGroup) {
             const drapApp = dragItem;
             const dropApp = dropItem;
-            return Promise.resolve(Promise.all([_this15.appManagerInstance.getVisualization(drapApp.getUrl(), appGroupId), _this15.appManagerInstance.getVisualization(dropApp.getUrl(), appGroupId)])).then(function (_ref2) {
-              let [dragVisualization, dropVisualization] = _ref2;
-              return Promise.resolve(_this15.appManagerInstance.moveVisualization({
+            return Promise.resolve(Promise.all([_this13.appManagerInstance.getVisualization(drapApp.getUrl(), appGroupId), _this13.appManagerInstance.getVisualization(dropApp.getUrl(), appGroupId)])).then(function ([dragVisualization, dropVisualization]) {
+              return Promise.resolve(_this13.appManagerInstance.moveVisualization({
                 sourceSectionIndex: dragVisualization?.persConfig?.sectionIndex,
                 sourceVisualizationIndex: dragVisualization?.persConfig?.visualizationIndex,
                 targetSectionIndex: dropVisualization?.persConfig?.sectionIndex,
@@ -1091,15 +1089,15 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
               })).then(function () {});
             });
           } else {
-            const _temp14 = function () {
+            const _temp12 = function () {
               if (isDragItemGroup && isDropItemGroup) {
-                return Promise.resolve(_this15.appManagerInstance.moveSection(dragItemIndex, dropItemIndex)).then(function () {});
+                return Promise.resolve(_this13.appManagerInstance.moveSection(dragItemIndex, dropItemIndex)).then(function () {});
               }
             }();
-            if (_temp14 && _temp14.then) return _temp14.then(function () {});
+            if (_temp12 && _temp12.then) return _temp12.then(function () {});
           }
         }();
-        return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(function () {}) : void 0);
+        return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1155,8 +1153,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @private
      * @param {boolean} [skipAppsSelection=false] - Whether to skip the apps selection page.
      */
-    _openCreateGroupDialog: function _openCreateGroupDialog() {
-      let skipAppsSelection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    _openCreateGroupDialog: function _openCreateGroupDialog(skipAppsSelection = false) {
       const createGroupDialog = this._generateCreateGroupDialog(skipAppsSelection);
       const appsWrapper = this._controlMap.get(`${this.getId()}-createGroupDialog-appsPage-scrollContainer-apps`);
       appsWrapper.destroyItems();
@@ -1205,8 +1202,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @param {boolean} bSkipAppsSelection - Whether to skip the apps selection page.
      * @returns {sap.m.Dialog} The generated dialog for creating a group.
      */
-    _generateCreateGroupDialog: function _generateCreateGroupDialog() {
-      let skipAppsSelection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    _generateCreateGroupDialog: function _generateCreateGroupDialog(skipAppsSelection = true) {
       const id = `${this.getId()}-createGroupDialog`;
       const navContainer = this._generateCreateGroupNavContainer();
       const _toggleNavButton = skipAppsSelection => {
@@ -1525,49 +1521,49 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _onPressGroupCreate: function _onPressGroupCreate() {
       try {
-        const _this16 = this;
-        const groupNameInput = _this16._controlMap.get(`${_this16.getId()}-createGroupDialog-mainPage-form-groupName-input`);
-        const _temp18 = function () {
-          if (_this16._validateGroupName()) {
-            const _temp17 = function () {
-              if (_this16._selectedApps?.length) {
-                _this16._setBusy(true);
-                const _temp16 = _finallyRethrows(function () {
+        const _this14 = this;
+        const groupNameInput = _this14._controlMap.get(`${_this14.getId()}-createGroupDialog-mainPage-form-groupName-input`);
+        const _temp16 = function () {
+          if (_this14._validateGroupName()) {
+            const _temp15 = function () {
+              if (_this14._selectedApps?.length) {
+                _this14._setBusy(true);
+                const _temp14 = _finallyRethrows(function () {
                   return _catch(function () {
-                    return Promise.resolve(_this16._createGroup({
-                      selectedApps: _this16._selectedApps,
+                    return Promise.resolve(_this14._createGroup({
+                      selectedApps: _this14._selectedApps,
                       groupName: groupNameInput.getValue(),
-                      groupColor: _this16._getGroupColor()
+                      groupColor: _this14._getGroupColor()
                     })).then(function () {
-                      return Promise.resolve(_this16.refresh()).then(function () {
+                      return Promise.resolve(_this14.refresh()).then(function () {
                         // Show toast message after successful group creation
-                        MessageToast.show(_this16._i18nBundle.getText("newGroupCreated"), {
-                          of: _this16._controlMap.get(`${_this16.getId()}-createGroupDialog`),
+                        MessageToast.show(_this14._i18nBundle.getText("newGroupCreated"), {
+                          of: _this14._controlMap.get(`${_this14.getId()}-createGroupDialog`),
                           offset: "0 80"
                         });
-                        const groups = _this16.getAggregation("groups") || [];
-                        void _this16._showGroupDetailDialog(groups[0]?.getGroupId());
+                        const groups = _this14.getAggregation("groups") || [];
+                        void _this14._showGroupDetailDialog(groups[0]?.getGroupId());
                       });
                     });
                   }, function (err) {
                     Log.error(err);
-                    MessageToast.show(_this16._i18nBundle.getText("unableToCreateGroup"));
+                    MessageToast.show(_this14._i18nBundle.getText("unableToCreateGroup"));
                   });
                 }, function (_wasThrown, _result) {
-                  _this16._setBusy(false);
-                  _this16._closeCreateGroupDialog();
+                  _this14._setBusy(false);
+                  _this14._closeCreateGroupDialog();
                   if (_wasThrown) throw _result;
                   return _result;
                 });
-                if (_temp16 && _temp16.then) return _temp16.then(function () {});
+                if (_temp14 && _temp14.then) return _temp14.then(function () {});
               } else {
-                _this16._setNoAppsSelectedError(true);
+                _this14._setNoAppsSelectedError(true);
               }
             }();
-            if (_temp17 && _temp17.then) return _temp17.then(function () {});
+            if (_temp15 && _temp15.then) return _temp15.then(function () {});
           }
         }();
-        return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(function () {}) : void 0);
+        return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1582,13 +1578,13 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _createGroup: function _createGroup(params) {
       try {
-        const _this17 = this;
+        const _this15 = this;
         const {
           selectedApps,
           groupName,
           groupColor
         } = params;
-        return Promise.resolve(_this17.appManagerInstance.getSectionVisualizations()).then(function (sectionVisualizations) {
+        return Promise.resolve(_this15.appManagerInstance.getSectionVisualizations()).then(function (sectionVisualizations) {
           const visualizations = selectedApps.reduce((selectedVisualizations, oApp) => {
             const sectionVisualization = sectionVisualizations.find(oSectionViz => oSectionViz.url === oApp.getUrl());
             if (sectionVisualization) {
@@ -1597,10 +1593,10 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             return selectedVisualizations;
           }, []);
           const sectionId = visualizations[0].persConfig.sectionId;
-          return Promise.resolve(_this17.appManagerInstance.addSection({
+          return Promise.resolve(_this15.appManagerInstance.addSection({
             sectionIndex: 1,
             sectionProperties: {
-              title: groupName || _this17._i18nBundle.getText("newGroup"),
+              title: groupName || _this15._i18nBundle.getText("newGroup"),
               visible: true,
               visualizations: visualizations.map(viz => viz.visualization)
             }
@@ -1612,21 +1608,21 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
               }
               return visualizationsToBeDeleted;
             }, []);
-            return Promise.resolve(_this17.appManagerInstance.removeVisualizations({
+            return Promise.resolve(_this15.appManagerInstance.removeVisualizations({
               sectionId,
               vizIds: visualizationsToBeDeleted
             })).then(function () {
-              return Promise.resolve(_this17.appManagerInstance._getSections(true)).then(function (sections) {
+              return Promise.resolve(_this15.appManagerInstance._getSections(true)).then(function (sections) {
                 const defaultSection = sections.find(oSection => oSection.default);
                 const targetGroupId = sections[defaultSection ? 1 : 0]?.id;
                 //update personalization
-                return Promise.resolve(_this17._updateAppPersonalization(visualizations.map(oViz => {
+                return Promise.resolve(_this15._updateAppPersonalization(visualizations.map(oViz => {
                   return {
                     visualization: oViz,
                     targetGroupId
                   };
                 }))).then(function () {
-                  return Promise.resolve(_this17._updateGroupPersonalization(targetGroupId, groupColor)).then(function () {});
+                  return Promise.resolve(_this15._updateGroupPersonalization(targetGroupId, groupColor)).then(function () {});
                 });
               });
             });
@@ -1686,44 +1682,44 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _handleColorSelect: function _handleColorSelect(item, color) {
       try {
-        const _this18 = this;
-        function _temp20() {
-          _this18.oEventBus.publish("appsChannel", "favAppColorChanged", {
+        const _this16 = this;
+        function _temp18() {
+          _this16.oEventBus.publish("appsChannel", "favAppColorChanged", {
             item,
             color
           });
         }
-        const selectedColor = _this18._getLegendColor(color).key;
+        const selectedColor = _this16._getLegendColor(color).key;
         item.setProperty("bgColor", selectedColor, true);
-        const groupId = item.isA("sap.cux.home.Group") ? item.getGroupId() : null;
-        const isGroupedApp = !groupId && item.getParent()?.isA("sap.cux.home.Group");
+        const groupId = item instanceof Group ? item.getGroupId() : null;
+        const isGroupedApp = !groupId && item.getParent() instanceof Group;
 
         //update tile color
         if (isGroupedApp) {
-          _this18._refreshGroupDetailDialog(item, false);
+          _this16._refreshGroupDetailDialog(item, false);
         } else {
           //if ungroup app or group
-          _this18._applyUngroupedTileColor(item, color);
-          _this18.oEventBus.publish("appsChannel", "favAppColorChanged", {
+          _this16._applyUngroupedTileColor(item, color);
+          _this16.oEventBus.publish("appsChannel", "favAppColorChanged", {
             item,
             color
           });
         }
 
         //update personalization
-        const _temp19 = function () {
+        const _temp17 = function () {
           if (groupId) {
             //if group
-            void _this18._updateGroupPersonalization(groupId, selectedColor);
-            const groupIconControl = _this18._controlMap.get(`${_this18.getId()}-detailDialog-toolbar-color`);
+            void _this16._updateGroupPersonalization(groupId, selectedColor);
+            const groupIconControl = _this16._controlMap.get(`${_this16.getId()}-detailDialog-toolbar-color`);
             groupIconControl?.setColor(color);
           } else {
             //if app
             const app = item;
             const groupId = isGroupedApp ? app.getParent().getGroupId() : undefined;
-            return Promise.resolve(_this18.appManagerInstance.getVisualization(app.getUrl(), groupId)).then(function (visualization) {
+            return Promise.resolve(_this16.appManagerInstance.getVisualization(app.getUrl(), groupId)).then(function (visualization) {
               if (visualization) {
-                void _this18._updateAppPersonalization([{
+                void _this16._updateAppPersonalization([{
                   visualization,
                   color: selectedColor
                 }]);
@@ -1731,7 +1727,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             });
           }
         }();
-        return Promise.resolve(_temp19 && _temp19.then ? _temp19.then(_temp20) : _temp20(_temp19));
+        return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(_temp18) : _temp18(_temp17));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1805,7 +1801,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @private
      */
     _handleRemove: function _handleRemove(app, group) {
-      const _this19 = this;
+      const _this17 = this;
       const lastAppInGroup = group?.getApps()?.length === 1;
       let message = this._i18nBundle.getText("removeAppMessage", [app.getTitle()]),
         title = this._i18nBundle.getText("remove"),
@@ -1824,34 +1820,34 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         emphasizedAction: actionText,
         onClose: function (action) {
           try {
-            const _temp22 = function () {
+            const _temp20 = function () {
               if (action === actionText) {
-                _this19._setBusy(true);
-                const _temp21 = _finallyRethrows(function () {
+                _this17._setBusy(true);
+                const _temp19 = _finallyRethrows(function () {
                   return _catch(function () {
-                    return Promise.resolve(_this19._removeApp(app, group)).then(function () {
+                    return Promise.resolve(_this17._removeApp(app, group)).then(function () {
                       if (lastAppInGroup) {
-                        _this19._closeGroupDetailDialog();
+                        _this17._closeGroupDetailDialog();
                       } else if (group) {
-                        _this19._refreshGroupDetailDialog(app);
+                        _this17._refreshGroupDetailDialog(app);
                       }
-                      return Promise.resolve(_this19.getParent()._refreshAllPanels()).then(function () {
-                        MessageToast.show(_this19._i18nBundle.getText("appRemoved"));
+                      return Promise.resolve(_this17.getParent()._refreshAllPanels()).then(function () {
+                        MessageToast.show(_this17._i18nBundle.getText("appRemoved"));
                       });
                     });
                   }, function (err) {
                     Log.error(err);
-                    MessageToast.show(_this19._i18nBundle.getText("unableToRemoveApp"));
+                    MessageToast.show(_this17._i18nBundle.getText("unableToRemoveApp"));
                   });
                 }, function (_wasThrown2, _result2) {
-                  _this19._setBusy(false);
+                  _this17._setBusy(false);
                   if (_wasThrown2) throw _result2;
                   return _result2;
                 });
-                if (_temp21 && _temp21.then) return _temp21.then(function () {});
+                if (_temp19 && _temp19.then) return _temp19.then(function () {});
               }
             }();
-            return Promise.resolve(_temp22 && _temp22.then ? _temp22.then(function () {}) : void 0);
+            return Promise.resolve(_temp20 && _temp20.then ? _temp20.then(function () {}) : void 0);
           } catch (e) {
             return Promise.reject(e);
           }
@@ -1869,28 +1865,28 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _removeApp: function _removeApp(app, group) {
       try {
-        const _this20 = this;
+        const _this18 = this;
         const lastAppInGroup = group?.getApps()?.length === 1,
           groupId = group?.getGroupId(),
           appId = app.getUrl();
-        return Promise.resolve(_this20.appManagerInstance.getVisualization(appId, groupId)).then(function (viz) {
-          const _temp24 = function () {
+        return Promise.resolve(_this18.appManagerInstance.getVisualization(appId, groupId)).then(function (viz) {
+          const _temp22 = function () {
             if (lastAppInGroup) {
               //if last app in group, then delete the group as well
-              return Promise.resolve(_this20._deleteGroup(groupId)).then(function () {});
+              return Promise.resolve(_this18._deleteGroup(groupId)).then(function () {});
             } else {
               let visualizationsToBeDeleted = [viz?.visualization?.id];
               if (!groupId) {
                 //for apps outside group i.e. for favorite apps delete duplicate apps as well
                 visualizationsToBeDeleted = visualizationsToBeDeleted.concat(viz?.persConfig?.duplicateApps?.map(viz => viz.visualization?.id));
               }
-              const _temp23 = function () {
+              const _temp21 = function () {
                 if (viz?.persConfig?.sectionId && visualizationsToBeDeleted.length > 0) {
-                  return Promise.resolve(_this20.appManagerInstance.removeVisualizations({
+                  return Promise.resolve(_this18.appManagerInstance.removeVisualizations({
                     sectionId: viz.persConfig.sectionId,
                     vizIds: visualizationsToBeDeleted
                   })).then(function () {
-                    void _this20._deletePersonalization({
+                    void _this18._deletePersonalization({
                       appId: appId,
                       oldAppId: viz?.oldAppId,
                       sectionId: viz?.persConfig?.sectionId,
@@ -1899,10 +1895,10 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                   });
                 }
               }();
-              if (_temp23 && _temp23.then) return _temp23.then(function () {});
+              if (_temp21 && _temp21.then) return _temp21.then(function () {});
             }
           }();
-          if (_temp24 && _temp24.then) return _temp24.then(function () {});
+          if (_temp22 && _temp22.then) return _temp22.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -1917,13 +1913,13 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _handleMoveToGroup: function _handleMoveToGroup(app, sourceGroupId, targetGroupId) {
       try {
-        const _this21 = this;
-        const sourceGroup = sourceGroupId ? _this21._getGroup(sourceGroupId) : undefined,
+        const _this19 = this;
+        const sourceGroup = sourceGroupId ? _this19._getGroup(sourceGroupId) : undefined,
           isLastAppInGroup = sourceGroup?.getApps()?.length === 1;
-        const _temp25 = function () {
+        const _temp23 = function () {
           if (isLastAppInGroup) {
-            const confirmationMessage = _this21._i18nBundle.getText("moveAppMessage", [app.getTitle()]);
-            const confirmationTitle = _this21._i18nBundle.getText("delete");
+            const confirmationMessage = _this19._i18nBundle.getText("moveAppMessage", [app.getTitle()]);
+            const confirmationTitle = _this19._i18nBundle.getText("delete");
             MessageBox.show(confirmationMessage, {
               icon: MessageBox.Icon.WARNING,
               title: confirmationTitle,
@@ -1931,15 +1927,15 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
               emphasizedAction: confirmationTitle,
               onClose: action => {
                 if (action === confirmationTitle) {
-                  void _this21._moveAppAndHandleGroupChanges(app, sourceGroupId, targetGroupId);
+                  void _this19._moveAppAndHandleGroupChanges(app, sourceGroupId, targetGroupId);
                 }
               }
             });
           } else {
-            return Promise.resolve(_this21._moveAppAndHandleGroupChanges(app, sourceGroupId, targetGroupId)).then(function () {});
+            return Promise.resolve(_this19._moveAppAndHandleGroupChanges(app, sourceGroupId, targetGroupId)).then(function () {});
           }
         }();
-        return Promise.resolve(_temp25 && _temp25.then ? _temp25.then(function () {}) : void 0);
+        return Promise.resolve(_temp23 && _temp23.then ? _temp23.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1954,41 +1950,41 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _moveAppAndHandleGroupChanges: function _moveAppAndHandleGroupChanges(app, sourceGroupId, targetGroupId) {
       try {
-        const _this22 = this;
-        const sourceGroup = sourceGroupId ? _this22._getGroup(sourceGroupId) : null,
-          targetGroup = targetGroupId ? _this22._getGroup(targetGroupId) : null,
+        const _this20 = this;
+        const sourceGroup = sourceGroupId ? _this20._getGroup(sourceGroupId) : null,
+          targetGroup = targetGroupId ? _this20._getGroup(targetGroupId) : null,
           sTargetGroupTile = targetGroup?.getTitle(),
           isLastAppInGroup = sourceGroup?.getApps()?.length === 1;
-        const _temp28 = _finallyRethrows(function () {
+        const _temp26 = _finallyRethrows(function () {
           return _catch(function () {
-            _this22._setBusy(true);
-            return Promise.resolve(_this22._moveAppToGroup(app, sourceGroupId, targetGroupId)).then(function () {
-              function _temp27() {
-                const sMsg = sTargetGroupTile ? _this22._i18nBundle.getText("appMoved", [sTargetGroupTile]) : _this22._i18nBundle.getText("appUngrouped");
+            _this20._setBusy(true);
+            return Promise.resolve(_this20._moveAppToGroup(app, sourceGroupId, targetGroupId)).then(function () {
+              function _temp25() {
+                const sMsg = sTargetGroupTile ? _this20._i18nBundle.getText("appMoved", [sTargetGroupTile]) : _this20._i18nBundle.getText("appUngrouped");
                 MessageToast.show(sMsg);
-                return Promise.resolve(_this22.refresh()).then(function () {});
+                return Promise.resolve(_this20.refresh()).then(function () {});
               }
-              const _temp26 = function () {
+              const _temp24 = function () {
                 if (isLastAppInGroup) {
-                  return Promise.resolve(_this22._deleteGroup(sourceGroupId)).then(function () {
-                    _this22._closeGroupDetailDialog();
+                  return Promise.resolve(_this20._deleteGroup(sourceGroupId)).then(function () {
+                    _this20._closeGroupDetailDialog();
                   });
                 } else if (sourceGroupId) {
-                  _this22._refreshGroupDetailDialog(app);
+                  _this20._refreshGroupDetailDialog(app);
                 }
               }();
               //delete group, if it is the last app in the group
-              return _temp26 && _temp26.then ? _temp26.then(_temp27) : _temp27(_temp26);
+              return _temp24 && _temp24.then ? _temp24.then(_temp25) : _temp25(_temp24);
             });
           }, function (error) {
             Log.error(error);
           });
         }, function (_wasThrown3, _result3) {
-          _this22._setBusy(false);
+          _this20._setBusy(false);
           if (_wasThrown3) throw _result3;
           return _result3;
         });
-        return Promise.resolve(_temp28 && _temp28.then ? _temp28.then(function () {}) : void 0);
+        return Promise.resolve(_temp26 && _temp26.then ? _temp26.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1999,8 +1995,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @param {boolean} [isRemove=true] - A flag indicating whether to remove the app. Defaults to true.
      * @private
      */
-    _refreshGroupDetailDialog: function _refreshGroupDetailDialog(updatedApp) {
-      let isRemove = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    _refreshGroupDetailDialog: function _refreshGroupDetailDialog(updatedApp, isRemove = true) {
       const appsWrapper = this._controlMap.get(`${this.getId()}-detailDialog-apps`);
       const tiles = appsWrapper.getItems();
       const group = updatedApp.getParent();
@@ -2033,53 +2028,52 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _moveAppToGroup: function _moveAppToGroup(app, sourceGroupId, targetGroupId) {
       try {
-        const _this23 = this;
+        const _this21 = this;
         const appId = app.getUrl();
-        return Promise.resolve(Promise.all([_this23.appManagerInstance.getSectionVisualizations(sourceGroupId), _this23.appManagerInstance._getSections()])).then(function (_ref3) {
-          let [visualizations, sections] = _ref3;
+        return Promise.resolve(Promise.all([_this21.appManagerInstance.getSectionVisualizations(sourceGroupId), _this21.appManagerInstance._getSections()])).then(function ([visualizations, sections]) {
           const sourceVisualization = visualizations.find(oViz => oViz.url === appId),
             sourceVisualizationIndex = sourceVisualization?.persConfig?.visualizationIndex ?? -1,
             sourceSectionIndex = sourceVisualization?.persConfig?.sectionIndex;
           const isTargetGroupDefault = !targetGroupId; //if group id is not passed, then we consider it as default section
           const isSourceGroupDefault = !sourceGroupId;
           const targetSectionIndex = sections.findIndex(section => !targetGroupId ? section.default : section.id === targetGroupId);
-          const _temp33 = function () {
+          const _temp31 = function () {
             if (sourceVisualization) {
-              function _temp32() {
-                return Promise.resolve(_this23.appManagerInstance._getSections(true)).then(function (sections) {
+              function _temp30() {
+                return Promise.resolve(_this21.appManagerInstance._getSections(true)).then(function (sections) {
                   const defaultSection = sections.find(oSection => oSection.default);
-                  return Promise.resolve(_this23._updateAppPersonalization([{
+                  return Promise.resolve(_this21._updateAppPersonalization([{
                     visualization: sourceVisualization,
                     targetGroupId: targetGroupId ?? defaultSection?.id,
                     isTargetGroupDefault
                   }])).then(function () {});
                 });
               }
-              const _temp31 = function () {
+              const _temp29 = function () {
                 if (isTargetGroupDefault) {
-                  return Promise.resolve(_this23._moveAppToDefaultGroup(sourceVisualization)).then(function () {});
+                  return Promise.resolve(_this21._moveAppToDefaultGroup(sourceVisualization)).then(function () {});
                 } else {
-                  function _temp30() {
-                    return Promise.resolve(_this23.appManagerInstance.moveVisualization({
+                  function _temp28() {
+                    return Promise.resolve(_this21.appManagerInstance.moveVisualization({
                       sourceSectionIndex: sourceSectionIndex,
                       sourceVisualizationIndex: sourceVisualizationIndex,
                       targetSectionIndex: targetSectionIndex,
                       targetVisualizationIndex: -1
                     })).then(function () {});
                   }
-                  const _temp29 = function () {
+                  const _temp27 = function () {
                     if (isSourceGroupDefault) {
                       //remove duplicate apps
-                      return Promise.resolve(_this23._removeDuplicateVisualizations(sourceVisualization)).then(function () {});
+                      return Promise.resolve(_this21._removeDuplicateVisualizations(sourceVisualization)).then(function () {});
                     }
                   }();
-                  return _temp29 && _temp29.then ? _temp29.then(_temp30) : _temp30(_temp29);
+                  return _temp27 && _temp27.then ? _temp27.then(_temp28) : _temp28(_temp27);
                 }
               }();
-              return _temp31 && _temp31.then ? _temp31.then(_temp32) : _temp32(_temp31);
+              return _temp29 && _temp29.then ? _temp29.then(_temp30) : _temp30(_temp29);
             }
           }();
-          if (_temp33 && _temp33.then) return _temp33.then(function () {});
+          if (_temp31 && _temp31.then) return _temp31.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2093,17 +2087,17 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _moveAppToDefaultGroup: function _moveAppToDefaultGroup(visualization) {
       try {
-        const _this24 = this;
-        return Promise.resolve(_this24._addVisualization(visualization)).then(function () {
-          const _temp34 = function () {
+        const _this22 = this;
+        return Promise.resolve(_this22._addVisualization(visualization)).then(function () {
+          const _temp32 = function () {
             if (visualization.persConfig?.sectionId && visualization.visualization?.id) {
-              return Promise.resolve(_this24.appManagerInstance.removeVisualizations({
+              return Promise.resolve(_this22.appManagerInstance.removeVisualizations({
                 sectionId: visualization.persConfig?.sectionId,
                 vizIds: [visualization.visualization?.id]
               })).then(function () {});
             }
           }();
-          if (_temp34 && _temp34.then) return _temp34.then(function () {});
+          if (_temp32 && _temp32.then) return _temp32.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2117,17 +2111,17 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _removeDuplicateVisualizations: function _removeDuplicateVisualizations(visualization) {
       try {
-        const _this25 = this;
+        const _this23 = this;
         const vizIdsToBeDeleted = visualization?.persConfig?.duplicateApps?.map(oViz => oViz.visualization?.id) || [];
-        const _temp35 = function () {
+        const _temp33 = function () {
           if (visualization.persConfig?.sectionId && vizIdsToBeDeleted.length > 0) {
-            return Promise.resolve(_this25.appManagerInstance.removeVisualizations({
+            return Promise.resolve(_this23.appManagerInstance.removeVisualizations({
               sectionId: visualization.persConfig?.sectionId,
               vizIds: vizIdsToBeDeleted
             })).then(function () {});
           }
         }();
-        return Promise.resolve(_temp35 && _temp35.then ? _temp35.then(function () {}) : void 0);
+        return Promise.resolve(_temp33 && _temp33.then ? _temp33.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2170,7 +2164,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @param {sap.ui.base.Event} event - The event object.
      */
     _onDeleteGroup: function _onDeleteGroup(event) {
-      const _this26 = this;
+      const _this24 = this;
       const group = event.getSource()?.getParent(),
         message = this._i18nBundle.getText("deleteGroupMessage", [group.getTitle()]),
         title = this._i18nBundle.getText("delete"),
@@ -2183,20 +2177,20 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         emphasizedAction: deleteAction,
         onClose: function (action) {
           try {
-            const _temp36 = function () {
+            const _temp34 = function () {
               if (action === deleteAction) {
-                _this26._setBusy(true);
-                return Promise.resolve(_this26._deleteGroup(group.getGroupId())).then(function () {
-                  MessageToast.show(_this26._i18nBundle.getText("groupDeleted"));
-                  void _this26.refresh();
-                  _this26._closeGroupDetailDialog();
-                  _this26._setBusy(false);
+                _this24._setBusy(true);
+                return Promise.resolve(_this24._deleteGroup(group.getGroupId())).then(function () {
+                  MessageToast.show(_this24._i18nBundle.getText("groupDeleted"));
+                  void _this24.refresh();
+                  _this24._closeGroupDetailDialog();
+                  _this24._setBusy(false);
                 });
               } else if (action === moveAppAction) {
-                void _this26._ungroupApps(group.getGroupId());
+                void _this24._ungroupApps(group.getGroupId());
               }
             }();
-            return Promise.resolve(_temp36 && _temp36.then ? _temp36.then(function () {}) : void 0);
+            return Promise.resolve(_temp34 && _temp34.then ? _temp34.then(function () {}) : void 0);
           } catch (e) {
             return Promise.reject(e);
           }
@@ -2212,40 +2206,40 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _ungroupApps: function _ungroupApps(groupId) {
       try {
-        const _this27 = this;
-        _this27._setBusy(true);
-        const _temp39 = _finallyRethrows(function () {
+        const _this25 = this;
+        _this25._setBusy(true);
+        const _temp37 = _finallyRethrows(function () {
           return _catch(function () {
-            return Promise.resolve(_this27.appManagerInstance.getSectionVisualizations(groupId)).then(function (visualizations) {
-              return Promise.resolve(_this27.appManagerInstance._getSections()).then(function (sections) {
+            return Promise.resolve(_this25.appManagerInstance.getSectionVisualizations(groupId)).then(function (visualizations) {
+              return Promise.resolve(_this25.appManagerInstance._getSections()).then(function (sections) {
                 const section = sections.find(oSection => oSection.id === groupId);
-                return Promise.resolve(Promise.all(visualizations.map(oViz => _this27._addVisualization(oViz)))).then(function () {
-                  return Promise.resolve(_this27.appManagerInstance._getSections(true)).then(function (updatedSections) {
+                return Promise.resolve(Promise.all(visualizations.map(oViz => _this25._addVisualization(oViz)))).then(function () {
+                  return Promise.resolve(_this25.appManagerInstance._getSections(true)).then(function (updatedSections) {
                     const defaultSection = updatedSections.find(oSection => oSection.default);
                     //update personalization
                     //if preset section, then section shouldn't be deleted, instead remove visualizations inside section
-                    return Promise.resolve(_this27._updateAppPersonalization(visualizations.map(oViz => {
+                    return Promise.resolve(_this25._updateAppPersonalization(visualizations.map(oViz => {
                       return {
                         visualization: oViz,
                         targetGroupId: defaultSection?.id,
                         isTargetGroupDefault: true
                       };
                     }))).then(function () {
-                      function _temp38() {
-                        MessageToast.show(_this27._i18nBundle.getText("appsUngrouped") ?? "");
-                        return Promise.resolve(_this27.refresh()).then(function () {});
+                      function _temp36() {
+                        MessageToast.show(_this25._i18nBundle.getText("appsUngrouped") ?? "");
+                        return Promise.resolve(_this25.refresh()).then(function () {});
                       }
-                      const _temp37 = function () {
+                      const _temp35 = function () {
                         if (section?.preset) {
-                          return Promise.resolve(_this27.appManagerInstance.removeVisualizations({
+                          return Promise.resolve(_this25.appManagerInstance.removeVisualizations({
                             sectionId: groupId,
                             vizIds: visualizations.map(oViz => oViz.visualization?.id)
                           })).then(function () {});
                         } else {
-                          return Promise.resolve(_this27._deleteGroup(groupId)).then(function () {});
+                          return Promise.resolve(_this25._deleteGroup(groupId)).then(function () {});
                         }
                       }();
-                      return _temp37 && _temp37.then ? _temp37.then(_temp38) : _temp38(_temp37);
+                      return _temp35 && _temp35.then ? _temp35.then(_temp36) : _temp36(_temp35);
                     });
                   });
                 });
@@ -2253,15 +2247,15 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             });
           }, function (error) {
             Log.error(error);
-            MessageToast.show(_this27._i18nBundle.getText("unableToUngroupApps") ?? "");
+            MessageToast.show(_this25._i18nBundle.getText("unableToUngroupApps") ?? "");
           });
         }, function (_wasThrown4, _result4) {
-          _this27._setBusy(false);
-          _this27._closeGroupDetailDialog();
+          _this25._setBusy(false);
+          _this25._closeGroupDetailDialog();
           if (_wasThrown4) throw _result4;
           return _result4;
         });
-        return Promise.resolve(_temp39 && _temp39.then ? _temp39.then(function () {}) : void 0);
+        return Promise.resolve(_temp37 && _temp37.then ? _temp37.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2273,26 +2267,25 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @param {boolean} [editMode=false] - Whether to open the dialog in edit mode.
      * @private
      */
-    _showGroupDetailDialog: function _showGroupDetailDialog(groupId) {
-      let editMode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    _showGroupDetailDialog: function _showGroupDetailDialog(groupId, editMode = false) {
       try {
-        const _this28 = this;
-        const group = _this28._getGroup(groupId);
+        const _this26 = this;
+        const group = _this26._getGroup(groupId);
         if (!group) {
           return Promise.resolve();
         }
-        _this28._selectedGroupId = groupId;
-        const dialog = _this28._generateGroupDetailDialog();
+        _this26._selectedGroupId = groupId;
+        const dialog = _this26._generateGroupDetailDialog();
         //set group icon
-        const groupIconControl = _this28._controlMap.get(`${_this28.getId()}-detailDialog-toolbar-color`);
+        const groupIconControl = _this26._controlMap.get(`${_this26.getId()}-detailDialog-toolbar-color`);
         groupIconControl.setColor(Parameters.get({
           name: group.getBgColor()
         }));
         //set group apps
-        return Promise.resolve(_this28._setGroupDetailDialogApps(groupId)).then(function () {
+        return Promise.resolve(_this26._setGroupDetailDialogApps(groupId)).then(function () {
           dialog.open();
           //set group title
-          _this28._setGroupNameControl(group.getTitle(), editMode);
+          _this26._setGroupNameControl(group.getTitle(), editMode);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2307,29 +2300,29 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _setGroupDetailDialogApps: function _setGroupDetailDialogApps(groupId) {
       try {
-        const _this29 = this;
-        const group = _this29._getGroup(groupId);
-        const _temp40 = function () {
+        const _this27 = this;
+        const group = _this27._getGroup(groupId);
+        const _temp38 = function () {
           if (group) {
-            return Promise.resolve(_this29.appManagerInstance.getSectionVisualizations(groupId, false)).then(function (appVisualizations) {
+            return Promise.resolve(_this27.appManagerInstance.getSectionVisualizations(groupId, false)).then(function (appVisualizations) {
               group.destroyAggregation("apps", true);
               appVisualizations = appVisualizations.map((appVisualization, index) => {
                 return {
                   ...appVisualization,
-                  menuItems: _this29._getAppActions(group, index, appVisualization) //add actions to show in group
+                  menuItems: _this27._getAppActions(group, index, appVisualization) //add actions to show in group
                 };
               });
-              const apps = _this29.generateApps(appVisualizations);
-              const appsWrapper = _this29._controlMap.get(`${_this29.getId()}-detailDialog-apps`);
-              _this29._setAggregation(group, apps, "apps");
+              const apps = _this27.generateApps(appVisualizations);
+              const appsWrapper = _this27._controlMap.get(`${_this27.getId()}-detailDialog-apps`);
+              _this27._setAggregation(group, apps, "apps");
               appsWrapper.destroyItems();
-              _this29._setAggregation(appsWrapper, group.getApps().map(app => _this29.getParent()._getAppTile(app)));
-              _this29._applyGroupedAppsPersonalization(groupId);
-              _this29._dispatchAppsLoadedEvent(apps);
+              _this27._setAggregation(appsWrapper, group.getApps().map(app => _this27.getParent()._getAppTile(app)));
+              _this27._applyGroupedAppsPersonalization(groupId);
+              _this27._dispatchAppsLoadedEvent(apps);
             });
           }
         }();
-        return Promise.resolve(_temp40 && _temp40.then ? _temp40.then(function () {}) : void 0);
+        return Promise.resolve(_temp38 && _temp38.then ? _temp38.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2375,10 +2368,13 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           id: `${id}-toolbar-title`,
           visible: true
         }));
+        const oInvisibleText = getInvisibleText(`${id}-toolbar-renameTitle`, this._i18nBundle.getText("renameGroup"));
+        this._controlMap.set(`${id}-toolbar-renameTitle`, oInvisibleText);
         const oGroupNameInput = new Input({
           id: `${id}-toolbar-title-edit`,
           width: "13.75rem",
-          visible: false
+          visible: false,
+          ariaLabelledBy: [`${id}-toolbar-renameTitle`]
         });
         this._controlMap.set(`${id}-toolbar-title-edit`, oGroupNameInput);
         oGroupNameInput.onsapfocusleave = () => {
@@ -2418,7 +2414,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           }),
           escapeHandler: this._closeGroupDetailDialog.bind(this),
           customHeader: new Toolbar(`${this.getId()}-toolbar`, {
-            content: [this._controlMap.get(`${id}-toolbar-color`), this._controlMap.get(`${id}-toolbar-title`), this._controlMap.get(`${id}-toolbar-title-edit`), new ToolbarSpacer({
+            content: [this._controlMap.get(`${id}-toolbar-color`), this._controlMap.get(`${id}-toolbar-title`), this._controlMap.get(`${id}-toolbar-title-edit`), this._controlMap.get(`${id}-toolbar-renameTitle`), new ToolbarSpacer({
               id: `${this.getId()}-toolbarSpacer`
             }), this._controlMap.get(`${id}-addAppsBtn`), new Button({
               id: "overflowBtn",
@@ -2457,25 +2453,25 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _onGroupEditName: function _onGroupEditName(updatedTitle) {
       try {
-        const _this30 = this;
-        function _temp42() {
-          _this30._setGroupNameControl(updatedTitle, false);
-          _this30._setBusy(false);
+        const _this28 = this;
+        function _temp40() {
+          _this28._setGroupNameControl(updatedTitle, false);
+          _this28._setBusy(false);
         }
-        _this30._setBusy(true);
-        const groupId = _this30._selectedGroupId,
-          group = _this30._getGroup(groupId),
+        _this28._setBusy(true);
+        const groupId = _this28._selectedGroupId,
+          group = _this28._getGroup(groupId),
           oldTitle = group?.getTitle();
-        const _temp41 = function () {
+        const _temp39 = function () {
           if (updatedTitle && updatedTitle !== oldTitle) {
-            return Promise.resolve(_this30._renameGroup(groupId, updatedTitle)).then(function () {
+            return Promise.resolve(_this28._renameGroup(groupId, updatedTitle)).then(function () {
               group?.setProperty("title", updatedTitle, true);
-              void _this30.refresh();
-              MessageToast.show(_this30._i18nBundle.getText("groupNameChanged") || "");
+              void _this28.refresh();
+              MessageToast.show(_this28._i18nBundle.getText("groupNameChanged") || "");
             });
           }
         }();
-        return Promise.resolve(_temp41 && _temp41.then ? _temp41.then(_temp42) : _temp42(_temp41));
+        return Promise.resolve(_temp39 && _temp39.then ? _temp39.then(_temp40) : _temp40(_temp39));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2493,12 +2489,12 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           const pageIndex = pagesService.getPageIndex(MYHOME_PAGE_ID),
             groups = pagesService.getModel().getProperty(`/pages/${pageIndex}/sections/`),
             groupIndex = groups.findIndex(group => group.id === groupId);
-          const _temp43 = function () {
+          const _temp41 = function () {
             if (groupIndex > -1) {
               return Promise.resolve(pagesService.renameSection(pageIndex, groupIndex, updatedTitle)).then(function () {});
             }
           }();
-          if (_temp43 && _temp43.then) return _temp43.then(function () {});
+          if (_temp41 && _temp41.then) return _temp41.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2613,11 +2609,11 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _handleAddFromInsights: function _handleAddFromInsights() {
       try {
-        const _this31 = this;
-        return Promise.resolve(_this31._getInsightTilesToAdd()).then(function (appsToAdd) {
-          const dialog = _this31._generateAddFromInsightsDialog();
-          _this31._controlMap.get(`${_this31.getId()}-addFromInsightsDialog-errorMessage`)?.setVisible(appsToAdd.length === 0);
-          _this31._generateInsightListItems(appsToAdd);
+        const _this29 = this;
+        return Promise.resolve(_this29._getInsightTilesToAdd()).then(function (appsToAdd) {
+          const dialog = _this29._generateAddFromInsightsDialog();
+          _this29._controlMap.get(`${_this29.getId()}-addFromInsightsDialog-errorMessage`)?.setVisible(appsToAdd.length === 0);
+          _this29._generateInsightListItems(appsToAdd);
           dialog.open();
         });
       } catch (e) {
@@ -2668,9 +2664,8 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _getInsightTilesToAdd: function _getInsightTilesToAdd() {
       try {
-        const _this32 = this;
-        return Promise.resolve(Promise.all([_this32.appManagerInstance.fetchInsightApps(true, _this32._i18nBundle.getText("insights")), _this32.appManagerInstance.fetchFavVizs(false, true)])).then(function (_ref4) {
-          let [insightsApps, favoriteApps] = _ref4;
+        const _this30 = this;
+        return Promise.resolve(Promise.all([_this30.appManagerInstance.fetchInsightApps(true, _this30._i18nBundle.getText("insights")), _this30.appManagerInstance.fetchFavVizs(false, true)])).then(function ([insightsApps, favoriteApps]) {
           //check force refresh true?
           //find the visualizations that are present in insight tile but not in favorite apps
           const appsToAdd = insightsApps.reduce((appsToAdd, insightsApp) => {
@@ -2683,7 +2678,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             }
             return appsToAdd;
           }, []);
-          return _this32.appManagerInstance._filterDuplicateVizs(appsToAdd, false);
+          return _this30.appManagerInstance._filterDuplicateVizs(appsToAdd, false);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2715,20 +2710,20 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _addFromInsights: function _addFromInsights() {
       try {
-        const _this33 = this;
-        function _temp45() {
-          _this33._closeAddFromInsightsDialog();
-          MessageToast.show(_this33._i18nBundle.getText(selectedItems.length === 1 ? "addFromInsightTileSuccess" : "addFromInsightTilesSuccess", [selectedItems.length]));
-          return Promise.resolve(_this33.getParent()._refreshAllPanels()).then(function () {
-            _this33._setBusy(false);
+        const _this31 = this;
+        function _temp43() {
+          _this31._closeAddFromInsightsDialog();
+          MessageToast.show(_this31._i18nBundle.getText(selectedItems.length === 1 ? "addFromInsightTileSuccess" : "addFromInsightTilesSuccess", [selectedItems.length]));
+          return Promise.resolve(_this31.getParent()._refreshAllPanels()).then(function () {
+            _this31._setBusy(false);
           });
         }
-        _this33._setBusy(true);
-        const selectedItems = _this33._getSelectedInsights();
-        const _temp44 = _forOf(selectedItems, function (selectedItem) {
-          return Promise.resolve(_this33.appManagerInstance.addVisualization(selectedItem.data("vizId"))).then(function () {});
+        _this31._setBusy(true);
+        const selectedItems = _this31._getSelectedInsights();
+        const _temp42 = _forOf(selectedItems, function (selectedItem) {
+          return Promise.resolve(_this31.appManagerInstance.addVisualization(selectedItem.data("vizId"))).then(function () {});
         });
-        return Promise.resolve(_temp44 && _temp44.then ? _temp44.then(_temp45) : _temp45(_temp44));
+        return Promise.resolve(_temp42 && _temp42.then ? _temp42.then(_temp43) : _temp43(_temp42));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2746,8 +2741,8 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _updateAppPersonalization: function _updateAppPersonalization(updateConfigs) {
       try {
-        const _this34 = this;
-        return Promise.resolve(_this34._getAppPersonalization()).then(function (personalizations) {
+        const _this32 = this;
+        return Promise.resolve(_this32._getAppPersonalization()).then(function (personalizations) {
           for (const updateConfig of updateConfigs) {
             const {
               visualization
@@ -2759,13 +2754,13 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             const targetGroupId = updateConfig.targetGroupId ?? sourceGroupId;
             if (sourceGroupId !== targetGroupId) {
               //move app scenario
-              _this34._updateMoveAppPersonalization(personalizations, updateConfig);
+              _this32._updateMoveAppPersonalization(personalizations, updateConfig);
             } else {
               //only color is updated
-              _this34._updateAppColorPersonalization(personalizations, updateConfig);
+              _this32._updateAppColorPersonalization(personalizations, updateConfig);
             }
           }
-          return Promise.resolve(_this34.setFavAppsPersonalization(personalizations)).then(function () {});
+          return Promise.resolve(_this32.setFavAppsPersonalization(personalizations)).then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2834,9 +2829,9 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _updateGroupPersonalization: function _updateGroupPersonalization(groupId, selectedColor) {
       try {
-        const _this35 = this;
-        return Promise.resolve(_this35._getAppPersonalization()).then(function (personalizations) {
-          const personalizationIndex = _this35._getPersonalizationIndex(personalizations, {
+        const _this33 = this;
+        return Promise.resolve(_this33._getAppPersonalization()).then(function (personalizations) {
+          const personalizationIndex = _this33._getPersonalizationIndex(personalizations, {
             isSection: true,
             sectionId: groupId
           });
@@ -2852,7 +2847,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           } else {
             personalizations.push(updatedPersonalization);
           }
-          return Promise.resolve(_this35.setFavAppsPersonalization(personalizations)).then(function () {});
+          return Promise.resolve(_this33.setFavAppsPersonalization(personalizations)).then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2909,22 +2904,22 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _deleteGroup: function _deleteGroup(groupId) {
       try {
-        const _this36 = this;
+        const _this34 = this;
         return Promise.resolve(Container.getServiceAsync("Pages")).then(function (pagesService) {
           const pageIndex = pagesService.getPageIndex(MYHOME_PAGE_ID),
             groups = pagesService.getModel().getProperty(`/pages/${pageIndex}/sections/`),
             groupIndex = groups.findIndex(group => group.id === groupId);
-          const _temp46 = function () {
+          const _temp44 = function () {
             if (groupIndex > -1) {
               return Promise.resolve(pagesService.deleteSection(pageIndex, groupIndex)).then(function () {
-                void _this36._deletePersonalization({
+                void _this34._deletePersonalization({
                   sectionId: groupId,
                   isSection: true
                 });
               });
             }
           }();
-          if (_temp46 && _temp46.then) return _temp46.then(function () {});
+          if (_temp44 && _temp44.then) return _temp44.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2943,14 +2938,14 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _deletePersonalization: function _deletePersonalization(personalizationConfig) {
       try {
-        const _this37 = this;
+        const _this35 = this;
         const {
           isSection,
           sectionId
         } = personalizationConfig;
-        return Promise.resolve(_this37._getAppPersonalization()).then(function (personalizations) {
+        return Promise.resolve(_this35._getAppPersonalization()).then(function (personalizations) {
           if (!isSection) {
-            const personalizationIndex = _this37._getPersonalizationIndex(personalizations, personalizationConfig);
+            const personalizationIndex = _this35._getPersonalizationIndex(personalizations, personalizationConfig);
             if (personalizationIndex > -1) {
               personalizations.splice(personalizationIndex, 1);
             }
@@ -2958,7 +2953,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             // Delete personalizations for all associated apps if a group is deleted
             personalizations = personalizations.filter(personalization => personalization.sectionId !== sectionId);
           }
-          void _this37.setFavAppsPersonalization(personalizations);
+          void _this35.setFavAppsPersonalization(personalizations);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2988,33 +2983,33 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _handleKeyboardMoveApp: function _handleKeyboardMoveApp(event, appGroupId) {
       try {
-        const _this38 = this;
+        const _this36 = this;
         const currentItem = Element.closestTo(event.target.firstElementChild);
         const container = currentItem.getParent();
-        const _temp48 = function () {
+        const _temp46 = function () {
           if (event.metaKey || event.ctrlKey) {
             // ctrl(windows)/cmd (mac) + x, sets app to be moved to a group, or to create a group
-            if (event.key === "x" && !currentItem.data("groupId") && !_this38._cutApp && !appGroupId) {
+            if (event.key === "x" && !currentItem.data("groupId") && !_this36._cutApp && !appGroupId) {
               currentItem.$().css("opacity", 0.6);
               currentItem._oMoreIcon.setEnabled(false);
-              _this38._cutApp = currentItem;
+              _this36._cutApp = currentItem;
             }
-            const _temp47 = function () {
-              if (event.key === "v" && _this38._cutApp && !appGroupId) {
+            const _temp45 = function () {
+              if (event.key === "v" && _this36._cutApp && !appGroupId) {
                 const dragDropEvent = new Event("keyboardDragDropEvent", container, {
-                  draggedControl: _this38._cutApp,
+                  draggedControl: _this36._cutApp,
                   droppedControl: currentItem,
                   dropPosition: dnd.RelativeDropPosition.On
                 });
-                return Promise.resolve(_this38._onFavItemDrop(dragDropEvent)).then(function () {
-                  _this38._cutApp = undefined;
+                return Promise.resolve(_this36._onFavItemDrop(dragDropEvent)).then(function () {
+                  _this36._cutApp = undefined;
                 });
               }
             }();
-            if (_temp47 && _temp47.then) return _temp47.then(function () {});
+            if (_temp45 && _temp45.then) return _temp45.then(function () {});
           }
         }();
-        return Promise.resolve(_temp48 && _temp48.then ? _temp48.then(function () {}) : void 0);
+        return Promise.resolve(_temp46 && _temp46.then ? _temp46.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }