@sapui5/sap.cux.home 1.142.0 → 1.143.0

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

@@ -218,7 +218,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
     return favouritesMenuItems;
   }(favouritesMenuItems || {});
   const tilesPanelName = "sap.cux.home.TilesPanel";
-  const insightsConatinerlName = "sap.cux.home.InsightsContainer";
+  const tilesContainerName = "sap.cux.home.TilesContainer";
   const sortedMenuItems = [favouritesMenuItems.CREATE_GROUP, favouritesMenuItems.ADD_APPS, favouritesMenuItems.ADD_FROM_INSIGHTS, "settings"];
 
   /**
@@ -270,7 +270,6 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
     constructor: function _constructor(id, settings) {
       BaseAppPersPanel.prototype.constructor.call(this, id, settings);
       this._selectedApps = [];
-      this._isInitialLoad = true;
       /**
        * Updates the color personalization for an app.
        * @param {IAppPersonalization[]} personalizations - The array of app personalizations.
@@ -538,13 +537,6 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
       try {
         const _this5 = this;
         return Promise.resolve(_this5.appManagerInstance.fetchFavVizs(true, false)).then(function (favoriteVisualizations) {
-          function _temp9() {
-            if (checkPanelExists(container, insightsConatinerlName, tilesPanelName)) {
-              _this5._createAddFromInsTilesMenuItem(favouritesMenuItems.ADD_FROM_INSIGHTS);
-            }
-            //updating header once the visibility for createGrp menu item is set according to the no. of apps
-            container._updateContainerHeader(container);
-          }
           const isPhone = _this5.getDeviceType() === DeviceType.Mobile;
           //Create groups
           _this5.destroyAggregation("groups", true);
@@ -572,12 +564,14 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           }
           const container = _this5.getParent();
           container.toggleMenuListItem(_this5._createGroupMenuItem, _this5.getApps().length > 0);
-          const _temp8 = function () {
-            if (!isPhone) {
-              return Promise.resolve(_this5._switchToRecommendedIfNoFavApps(apps, groups)).then(function () {});
-            }
-          }();
-          return _temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8);
+          if (!isPhone) {
+            _this5._switchToRecommendedIfNoFavApps(apps, groups);
+          }
+          if (checkPanelExists(container, tilesContainerName, tilesPanelName)) {
+            _this5._createAddFromInsTilesMenuItem(favouritesMenuItems.ADD_FROM_INSIGHTS);
+          }
+          //updating header once the visibility for createGrp menu item is set according to the no. of apps
+          container._updateContainerHeader(container);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -592,23 +586,24 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @param {Group[]} groups - The list of favorite app groups.
      */
     _switchToRecommendedIfNoFavApps: function _switchToRecommendedIfNoFavApps(apps, groups) {
-      try {
-        const _this6 = this;
-        function _temp1() {
-          _this6._isInitialLoad = false;
-        }
-        const container = _this6.getParent();
-        const panels = container.getContent();
-        const recommendedPanel = panels ? panels.find(panel => panel instanceof RecommendedAppPanel) : null;
-        const _temp0 = function () {
-          if (_this6._isInitialLoad && [...apps, ...groups].length === 0 && recommendedPanel?.isSupported()) {
-            container.setProperty?.("selectedKey", "recommendedApps");
-            return Promise.resolve(container.refreshPanel(recommendedPanel)).then(function () {});
+      const container = this.getParent();
+      const panels = container.getContent();
+      const recommendedPanel = panels ? panels.find(panel => panel instanceof RecommendedAppPanel) : null;
+      if (recommendedPanel) {
+        recommendedPanel.attachEventOnce("supported", function (event) {
+          try {
+            const isSupported = event.getParameter("isSupported");
+            const _temp8 = function () {
+              if ([...apps, ...groups].length === 0 && isSupported) {
+                container.setProperty?.("selectedKey", "recommendedApps");
+                return Promise.resolve(container.refreshPanel(recommendedPanel)).then(function () {});
+              }
+            }();
+            return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(function () {}) : void 0);
+          } catch (e) {
+            return Promise.reject(e);
           }
-        }();
-        return Promise.resolve(_temp0 && _temp0.then ? _temp0.then(_temp1) : _temp1(_temp0));
-      } catch (e) {
-        return Promise.reject(e);
+        });
       }
     },
     /**
@@ -847,15 +842,15 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _getDragDropInfo: function _getDragDropInfo(event, appGroupId) {
       try {
-        const _this7 = this;
+        const _this6 = 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 = _this7._getTileItem(dragTile, appGroupId),
-          dropItem = _this7._getTileItem(dropTile, appGroupId);
+          dragItem = _this6._getTileItem(dragTile, appGroupId),
+          dropItem = _this6._getTileItem(dropTile, appGroupId);
         const dragDropInfo = {
           dragItem: dragItem,
           dropItem: dropItem,
@@ -865,24 +860,24 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           dropItemIndex
         };
         //adjust drap drop info
-        const _temp12 = function () {
+        const _temp1 = function () {
           if (dragItemIndex !== dropItemIndex) {
-            const _temp11 = function () {
+            const _temp0 = function () {
               if (!(dragItem instanceof Group) && !(dropItem instanceof Group)) {
-                return Promise.resolve(_this7._adjustAppDragDropInfo(dragDropInfo, appGroupId)).then(function () {});
+                return Promise.resolve(_this6._adjustAppDragDropInfo(dragDropInfo, appGroupId)).then(function () {});
               } else {
-                const _temp10 = function () {
+                const _temp9 = function () {
                   if (dragItem instanceof Group) {
-                    return Promise.resolve(_this7._adjustGroupDragDropInfo(dragDropInfo)).then(function () {});
+                    return Promise.resolve(_this6._adjustGroupDragDropInfo(dragDropInfo)).then(function () {});
                   }
                 }();
-                if (_temp10 && _temp10.then) return _temp10.then(function () {});
+                if (_temp9 && _temp9.then) return _temp9.then(function () {});
               }
             }();
-            if (_temp11 && _temp11.then) return _temp11.then(function () {});
+            if (_temp0 && _temp0.then) return _temp0.then(function () {});
           }
         }();
-        return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(function () {
+        return Promise.resolve(_temp1 && _temp1.then ? _temp1.then(function () {
           return dragDropInfo;
         }) : dragDropInfo);
       } catch (e) {
@@ -897,11 +892,11 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _adjustAppDragDropInfo: function _adjustAppDragDropInfo(dragDropInfo, appGroupId) {
       try {
-        const _this8 = this;
+        const _this7 = this;
         let isUpdated = false;
         const dragApp = dragDropInfo.dragItem;
         const dropApp = dragDropInfo.dropItem;
-        return Promise.resolve(Promise.all([_this8.appManagerInstance.getVisualization(dragApp.getUrl(), appGroupId), _this8.appManagerInstance.getVisualization(dropApp.getUrl(), appGroupId)])).then(function ([dragVisualization, dropVisualization]) {
+        return Promise.resolve(Promise.all([_this7.appManagerInstance.getVisualization(dragApp.getUrl(), appGroupId), _this7.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) {
@@ -922,7 +917,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           }
           if (isUpdated) {
             const tile = dragDropInfo.dropControl.getItems()[dragDropInfo.dropItemIndex];
-            const app = _this8._getTileItem(tile, appGroupId);
+            const app = _this7._getTileItem(tile, appGroupId);
             if (app) {
               dragDropInfo.dropItem = app;
             }
@@ -951,14 +946,14 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _adjustGroupDragDropInfo: function _adjustGroupDragDropInfo(dragDropInfo) {
       try {
-        const _this9 = this;
-        return Promise.resolve(_this9.appManagerInstance._getSections()).then(function (sections) {
+        const _this8 = this;
+        return Promise.resolve(_this8.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 instanceof Group)) {
-            const lastGroupIndex = _this9.getAggregation("groups").length;
+            const lastGroupIndex = _this8.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());
@@ -985,10 +980,10 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _onFavItemDrop: function _onFavItemDrop(event, appGroupId) {
       try {
-        const _this0 = this;
+        const _this9 = this;
         const dragTile = event.getParameter?.("draggedControl");
-        return Promise.resolve(_this0._getDragDropInfo(event, appGroupId)).then(function (dragDropInfo) {
-          function _temp15() {
+        return Promise.resolve(_this9._getDragDropInfo(event, appGroupId)).then(function (dragDropInfo) {
+          function _temp12() {
             dragTile.removeStyleClass("sapMGTPressActive");
           }
           const {
@@ -999,29 +994,29 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             dropItem
           } = dragDropInfo;
           if (dragItemIndex === dropItemIndex) return;
-          const _temp14 = function () {
+          const _temp11 = function () {
             if (dropPosition === dnd.RelativeDropPosition.On) {
-              return Promise.resolve(_this0._handleOnItemDrop(dragItem, dropItem)).then(function () {
-                void _this0.refresh();
+              return Promise.resolve(_this9._handleOnItemDrop(dragItem, dropItem)).then(function () {
+                void _this9.refresh();
               });
             } else {
-              const _temp13 = function () {
+              const _temp10 = function () {
                 if (dropPosition === dnd.RelativeDropPosition.After || dropPosition === dnd.RelativeDropPosition.Before) {
-                  _this0._setBusy(true);
-                  return Promise.resolve(_this0._handleItemsReorder(dragDropInfo, appGroupId)).then(function () {
-                    return Promise.resolve(_this0.refresh()).then(function () {
+                  _this9._setBusy(true);
+                  return Promise.resolve(_this9._handleItemsReorder(dragDropInfo, appGroupId)).then(function () {
+                    return Promise.resolve(_this9.refresh()).then(function () {
                       if (appGroupId) {
-                        void _this0._setGroupDetailDialogApps(appGroupId);
+                        void _this9._setGroupDetailDialogApps(appGroupId);
                       }
-                      _this0._setBusy(false);
+                      _this9._setBusy(false);
                     });
                   });
                 }
               }();
-              if (_temp13 && _temp13.then) return _temp13.then(function () {});
+              if (_temp10 && _temp10.then) return _temp10.then(function () {});
             }
           }();
-          return _temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14);
+          return _temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -1038,25 +1033,25 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _handleOnItemDrop: function _handleOnItemDrop(dragItem, dropItem) {
       try {
-        const _this1 = this;
+        const _this0 = this;
         if (dragItem instanceof Group) return Promise.resolve();
-        const _temp16 = function () {
+        const _temp13 = function () {
           if (!(dropItem instanceof Group)) {
             //if both dragged and dropped items are apps, create group dialog is opened.
             const dragApp = dragItem;
             const dropApp = dropItem;
-            _this1._selectedApps = [dragApp, dropApp];
-            _this1._openCreateGroupDialog(true);
+            _this0._selectedApps = [dragApp, dropApp];
+            _this0._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();
-            _this1._setBusy(true);
-            return Promise.resolve(_this1._handleMoveToGroup(dragItem, undefined, targetGroupId)).then(function () {
-              _this1._setBusy(false);
+            _this0._setBusy(true);
+            return Promise.resolve(_this0._handleMoveToGroup(dragItem, undefined, targetGroupId)).then(function () {
+              _this0._setBusy(false);
             });
           }
         }();
-        return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(function () {}) : void 0);
+        return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1069,7 +1064,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _handleItemsReorder: function _handleItemsReorder(dragDropInfo, appGroupId) {
       try {
-        const _this10 = this;
+        const _this1 = this;
         const {
           dragItem,
           dropItem,
@@ -1078,12 +1073,12 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         } = dragDropInfo;
         const isDragItemGroup = dragItem.getMetadata()?.getName() === "sap.cux.home.Group";
         const isDropItemGroup = dropItem.getMetadata()?.getName() === "sap.cux.home.Group";
-        const _temp18 = function () {
+        const _temp15 = function () {
           if (!isDragItemGroup && !isDropItemGroup) {
             const drapApp = dragItem;
             const dropApp = dropItem;
-            return Promise.resolve(Promise.all([_this10.appManagerInstance.getVisualization(drapApp.getUrl(), appGroupId), _this10.appManagerInstance.getVisualization(dropApp.getUrl(), appGroupId)])).then(function ([dragVisualization, dropVisualization]) {
-              return Promise.resolve(_this10.appManagerInstance.moveVisualization({
+            return Promise.resolve(Promise.all([_this1.appManagerInstance.getVisualization(drapApp.getUrl(), appGroupId), _this1.appManagerInstance.getVisualization(dropApp.getUrl(), appGroupId)])).then(function ([dragVisualization, dropVisualization]) {
+              return Promise.resolve(_this1.appManagerInstance.moveVisualization({
                 sourceSectionIndex: dragVisualization?.persConfig?.sectionIndex,
                 sourceVisualizationIndex: dragVisualization?.persConfig?.visualizationIndex,
                 targetSectionIndex: dropVisualization?.persConfig?.sectionIndex,
@@ -1091,15 +1086,15 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
               })).then(function () {});
             });
           } else {
-            const _temp17 = function () {
+            const _temp14 = function () {
               if (isDragItemGroup && isDropItemGroup) {
-                return Promise.resolve(_this10.appManagerInstance.moveSection(dragItemIndex, dropItemIndex)).then(function () {});
+                return Promise.resolve(_this1.appManagerInstance.moveSection(dragItemIndex, dropItemIndex)).then(function () {});
               }
             }();
-            if (_temp17 && _temp17.then) return _temp17.then(function () {});
+            if (_temp14 && _temp14.then) return _temp14.then(function () {});
           }
         }();
-        return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(function () {}) : void 0);
+        return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1504,49 +1499,49 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _onPressGroupCreate: function _onPressGroupCreate() {
       try {
-        const _this11 = this;
-        const groupNameInput = _this11._controlMap.get(`${_this11.getId()}-createGroupDialog-mainPage-form-groupName-input`);
-        const _temp21 = function () {
-          if (_this11._validateGroupName()) {
-            const _temp20 = function () {
-              if (_this11._selectedApps?.length) {
-                _this11._setBusy(true);
-                const _temp19 = _finallyRethrows(function () {
+        const _this10 = this;
+        const groupNameInput = _this10._controlMap.get(`${_this10.getId()}-createGroupDialog-mainPage-form-groupName-input`);
+        const _temp18 = function () {
+          if (_this10._validateGroupName()) {
+            const _temp17 = function () {
+              if (_this10._selectedApps?.length) {
+                _this10._setBusy(true);
+                const _temp16 = _finallyRethrows(function () {
                   return _catch(function () {
-                    return Promise.resolve(_this11._createGroup({
-                      selectedApps: _this11._selectedApps,
+                    return Promise.resolve(_this10._createGroup({
+                      selectedApps: _this10._selectedApps,
                       groupName: groupNameInput.getValue(),
-                      groupColor: _this11._getGroupColor()
+                      groupColor: _this10._getGroupColor()
                     })).then(function () {
-                      return Promise.resolve(_this11.refresh()).then(function () {
+                      return Promise.resolve(_this10.refresh()).then(function () {
                         // Show toast message after successful group creation
-                        MessageToast.show(_this11._i18nBundle.getText("newGroupCreated"), {
-                          of: _this11._controlMap.get(`${_this11.getId()}-createGroupDialog`),
+                        MessageToast.show(_this10._i18nBundle.getText("newGroupCreated"), {
+                          of: _this10._controlMap.get(`${_this10.getId()}-createGroupDialog`),
                           offset: "0 80"
                         });
-                        const groups = _this11.getAggregation("groups") || [];
-                        void _this11._showGroupDetailDialog(groups[0]?.getGroupId());
+                        const groups = _this10.getAggregation("groups") || [];
+                        void _this10._showGroupDetailDialog(groups[0]?.getGroupId());
                       });
                     });
                   }, function (err) {
                     Log.error(err);
-                    MessageToast.show(_this11._i18nBundle.getText("unableToCreateGroup"));
+                    MessageToast.show(_this10._i18nBundle.getText("unableToCreateGroup"));
                   });
                 }, function (_wasThrown, _result2) {
-                  _this11._setBusy(false);
-                  _this11._closeCreateGroupDialog();
+                  _this10._setBusy(false);
+                  _this10._closeCreateGroupDialog();
                   if (_wasThrown) throw _result2;
                   return _result2;
                 });
-                if (_temp19 && _temp19.then) return _temp19.then(function () {});
+                if (_temp16 && _temp16.then) return _temp16.then(function () {});
               } else {
-                _this11._setNoAppsSelectedError(true);
+                _this10._setNoAppsSelectedError(true);
               }
             }();
-            if (_temp20 && _temp20.then) return _temp20.then(function () {});
+            if (_temp17 && _temp17.then) return _temp17.then(function () {});
           }
         }();
-        return Promise.resolve(_temp21 && _temp21.then ? _temp21.then(function () {}) : void 0);
+        return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1561,13 +1556,13 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _createGroup: function _createGroup(params) {
       try {
-        const _this12 = this;
+        const _this11 = this;
         const {
           selectedApps,
           groupName,
           groupColor
         } = params;
-        return Promise.resolve(_this12.appManagerInstance.getSectionVisualizations()).then(function (sectionVisualizations) {
+        return Promise.resolve(_this11.appManagerInstance.getSectionVisualizations()).then(function (sectionVisualizations) {
           const visualizations = selectedApps.reduce((selectedVisualizations, oApp) => {
             const sectionVisualization = sectionVisualizations.find(oSectionViz => oSectionViz.url === oApp.getUrl());
             if (sectionVisualization) {
@@ -1576,10 +1571,10 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             return selectedVisualizations;
           }, []);
           const sectionId = visualizations[0].persConfig.sectionId;
-          return Promise.resolve(_this12.appManagerInstance.addSection({
+          return Promise.resolve(_this11.appManagerInstance.addSection({
             sectionIndex: 1,
             sectionProperties: {
-              title: groupName || _this12._i18nBundle.getText("newGroup"),
+              title: groupName || _this11._i18nBundle.getText("newGroup"),
               visible: true,
               visualizations: visualizations.map(viz => viz.visualization)
             }
@@ -1591,21 +1586,21 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
               }
               return visualizationsToBeDeleted;
             }, []);
-            return Promise.resolve(_this12.appManagerInstance.removeVisualizations({
+            return Promise.resolve(_this11.appManagerInstance.removeVisualizations({
               sectionId,
               vizIds: visualizationsToBeDeleted
             })).then(function () {
-              return Promise.resolve(_this12.appManagerInstance._getSections(true)).then(function (sections) {
+              return Promise.resolve(_this11.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(_this12._updateAppPersonalization(visualizations.map(oViz => {
+                return Promise.resolve(_this11._updateAppPersonalization(visualizations.map(oViz => {
                   return {
                     visualization: oViz,
                     targetGroupId
                   };
                 }))).then(function () {
-                  return Promise.resolve(_this12._updateGroupPersonalization(targetGroupId, groupColor)).then(function () {});
+                  return Promise.resolve(_this11._updateGroupPersonalization(targetGroupId, groupColor)).then(function () {});
                 });
               });
             });
@@ -1665,44 +1660,44 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _handleColorSelect: function _handleColorSelect(item, color) {
       try {
-        const _this13 = this;
-        function _temp23() {
-          _this13.oEventBus.publish("appsChannel", "favAppColorChanged", {
+        const _this12 = this;
+        function _temp20() {
+          _this12.oEventBus.publish("appsChannel", "favAppColorChanged", {
             item,
             color
           });
         }
-        const selectedColor = _this13._getLegendColor(color).key;
+        const selectedColor = _this12._getLegendColor(color).key;
         item.setProperty("bgColor", selectedColor, true);
         const groupId = item instanceof Group ? item.getGroupId() : null;
         const isGroupedApp = !groupId && item.getParent() instanceof Group;
 
         //update tile color
         if (isGroupedApp) {
-          _this13._refreshGroupDetailDialog(item, false);
+          _this12._refreshGroupDetailDialog(item, false);
         } else {
           //if ungroup app or group
-          _this13._applyUngroupedTileColor(item, color);
-          _this13.oEventBus.publish("appsChannel", "favAppColorChanged", {
+          _this12._applyUngroupedTileColor(item, color);
+          _this12.oEventBus.publish("appsChannel", "favAppColorChanged", {
             item,
             color
           });
         }
 
         //update personalization
-        const _temp22 = function () {
+        const _temp19 = function () {
           if (groupId) {
             //if group
-            void _this13._updateGroupPersonalization(groupId, selectedColor);
-            const groupIconControl = _this13._controlMap.get(`${_this13.getId()}-detailDialog-toolbar-color`);
+            void _this12._updateGroupPersonalization(groupId, selectedColor);
+            const groupIconControl = _this12._controlMap.get(`${_this12.getId()}-detailDialog-toolbar-color`);
             groupIconControl?.setColor(color);
           } else {
             //if app
             const app = item;
             const groupId = isGroupedApp ? app.getParent().getGroupId() : undefined;
-            return Promise.resolve(_this13.appManagerInstance.getVisualization(app.getUrl(), groupId)).then(function (visualization) {
+            return Promise.resolve(_this12.appManagerInstance.getVisualization(app.getUrl(), groupId)).then(function (visualization) {
               if (visualization) {
-                void _this13._updateAppPersonalization([{
+                void _this12._updateAppPersonalization([{
                   visualization,
                   color: selectedColor
                 }]);
@@ -1710,7 +1705,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             });
           }
         }();
-        return Promise.resolve(_temp22 && _temp22.then ? _temp22.then(_temp23) : _temp23(_temp22));
+        return Promise.resolve(_temp19 && _temp19.then ? _temp19.then(_temp20) : _temp20(_temp19));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1784,7 +1779,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      * @private
      */
     _handleRemove: function _handleRemove(app, group) {
-      const _this14 = this;
+      const _this13 = this;
       const lastAppInGroup = group?.getApps()?.length === 1;
       let message = this._i18nBundle.getText("removeAppMessage", [app.getTitle()]),
         title = this._i18nBundle.getText("remove"),
@@ -1803,34 +1798,34 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         emphasizedAction: actionText,
         onClose: function (action) {
           try {
-            const _temp25 = function () {
+            const _temp22 = function () {
               if (action === actionText) {
-                _this14._setBusy(true);
-                const _temp24 = _finallyRethrows(function () {
+                _this13._setBusy(true);
+                const _temp21 = _finallyRethrows(function () {
                   return _catch(function () {
-                    return Promise.resolve(_this14._removeApp(app, group)).then(function () {
+                    return Promise.resolve(_this13._removeApp(app, group)).then(function () {
                       if (lastAppInGroup) {
-                        _this14._closeGroupDetailDialog();
+                        _this13._closeGroupDetailDialog();
                       } else if (group) {
-                        _this14._refreshGroupDetailDialog(app);
+                        _this13._refreshGroupDetailDialog(app);
                       }
-                      return Promise.resolve(_this14.getParent()._refreshAllPanels()).then(function () {
-                        MessageToast.show(_this14._i18nBundle.getText("appRemoved"));
+                      return Promise.resolve(_this13.getParent()._refreshAllPanels()).then(function () {
+                        MessageToast.show(_this13._i18nBundle.getText("appRemoved"));
                       });
                     });
                   }, function (err) {
                     Log.error(err);
-                    MessageToast.show(_this14._i18nBundle.getText("unableToRemoveApp"));
+                    MessageToast.show(_this13._i18nBundle.getText("unableToRemoveApp"));
                   });
                 }, function (_wasThrown2, _result3) {
-                  _this14._setBusy(false);
+                  _this13._setBusy(false);
                   if (_wasThrown2) throw _result3;
                   return _result3;
                 });
-                if (_temp24 && _temp24.then) return _temp24.then(function () {});
+                if (_temp21 && _temp21.then) return _temp21.then(function () {});
               }
             }();
-            return Promise.resolve(_temp25 && _temp25.then ? _temp25.then(function () {}) : void 0);
+            return Promise.resolve(_temp22 && _temp22.then ? _temp22.then(function () {}) : void 0);
           } catch (e) {
             return Promise.reject(e);
           }
@@ -1848,28 +1843,28 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _removeApp: function _removeApp(app, group) {
       try {
-        const _this15 = this;
+        const _this14 = this;
         const lastAppInGroup = group?.getApps()?.length === 1,
           groupId = group?.getGroupId(),
           appId = app.getUrl();
-        return Promise.resolve(_this15.appManagerInstance.getVisualization(appId, groupId)).then(function (viz) {
-          const _temp27 = function () {
+        return Promise.resolve(_this14.appManagerInstance.getVisualization(appId, groupId)).then(function (viz) {
+          const _temp24 = function () {
             if (lastAppInGroup) {
               //if last app in group, then delete the group as well
-              return Promise.resolve(_this15._deleteGroup(groupId)).then(function () {});
+              return Promise.resolve(_this14._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 _temp26 = function () {
+              const _temp23 = function () {
                 if (viz?.persConfig?.sectionId && visualizationsToBeDeleted.length > 0) {
-                  return Promise.resolve(_this15.appManagerInstance.removeVisualizations({
+                  return Promise.resolve(_this14.appManagerInstance.removeVisualizations({
                     sectionId: viz.persConfig.sectionId,
                     vizIds: visualizationsToBeDeleted
                   })).then(function () {
-                    void _this15._deletePersonalization({
+                    void _this14._deletePersonalization({
                       appId: appId,
                       oldAppId: viz?.oldAppId,
                       sectionId: viz?.persConfig?.sectionId,
@@ -1878,10 +1873,10 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
                   });
                 }
               }();
-              if (_temp26 && _temp26.then) return _temp26.then(function () {});
+              if (_temp23 && _temp23.then) return _temp23.then(function () {});
             }
           }();
-          if (_temp27 && _temp27.then) return _temp27.then(function () {});
+          if (_temp24 && _temp24.then) return _temp24.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -1896,13 +1891,13 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _handleMoveToGroup: function _handleMoveToGroup(app, sourceGroupId, targetGroupId) {
       try {
-        const _this16 = this;
-        const sourceGroup = sourceGroupId ? _this16._getGroup(sourceGroupId) : undefined,
+        const _this15 = this;
+        const sourceGroup = sourceGroupId ? _this15._getGroup(sourceGroupId) : undefined,
           isLastAppInGroup = sourceGroup?.getApps()?.length === 1;
-        const _temp28 = function () {
+        const _temp25 = function () {
           if (isLastAppInGroup) {
-            const confirmationMessage = _this16._i18nBundle.getText("moveAppMessage", [app.getTitle()]);
-            const confirmationTitle = _this16._i18nBundle.getText("delete");
+            const confirmationMessage = _this15._i18nBundle.getText("moveAppMessage", [app.getTitle()]);
+            const confirmationTitle = _this15._i18nBundle.getText("delete");
             MessageBox.show(confirmationMessage, {
               icon: MessageBox.Icon.WARNING,
               title: confirmationTitle,
@@ -1910,15 +1905,15 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
               emphasizedAction: confirmationTitle,
               onClose: action => {
                 if (action === confirmationTitle) {
-                  void _this16._moveAppAndHandleGroupChanges(app, sourceGroupId, targetGroupId);
+                  void _this15._moveAppAndHandleGroupChanges(app, sourceGroupId, targetGroupId);
                 }
               }
             });
           } else {
-            return Promise.resolve(_this16._moveAppAndHandleGroupChanges(app, sourceGroupId, targetGroupId)).then(function () {});
+            return Promise.resolve(_this15._moveAppAndHandleGroupChanges(app, sourceGroupId, targetGroupId)).then(function () {});
           }
         }();
-        return Promise.resolve(_temp28 && _temp28.then ? _temp28.then(function () {}) : void 0);
+        return Promise.resolve(_temp25 && _temp25.then ? _temp25.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1933,41 +1928,41 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _moveAppAndHandleGroupChanges: function _moveAppAndHandleGroupChanges(app, sourceGroupId, targetGroupId) {
       try {
-        const _this17 = this;
-        const sourceGroup = sourceGroupId ? _this17._getGroup(sourceGroupId) : null,
-          targetGroup = targetGroupId ? _this17._getGroup(targetGroupId) : null,
+        const _this16 = this;
+        const sourceGroup = sourceGroupId ? _this16._getGroup(sourceGroupId) : null,
+          targetGroup = targetGroupId ? _this16._getGroup(targetGroupId) : null,
           sTargetGroupTile = targetGroup?.getTitle(),
           isLastAppInGroup = sourceGroup?.getApps()?.length === 1;
-        const _temp31 = _finallyRethrows(function () {
+        const _temp28 = _finallyRethrows(function () {
           return _catch(function () {
-            _this17._setBusy(true);
-            return Promise.resolve(_this17._moveAppToGroup(app, sourceGroupId, targetGroupId)).then(function () {
-              function _temp30() {
-                const sMsg = sTargetGroupTile ? _this17._i18nBundle.getText("appMoved", [sTargetGroupTile]) : _this17._i18nBundle.getText("appUngrouped");
+            _this16._setBusy(true);
+            return Promise.resolve(_this16._moveAppToGroup(app, sourceGroupId, targetGroupId)).then(function () {
+              function _temp27() {
+                const sMsg = sTargetGroupTile ? _this16._i18nBundle.getText("appMoved", [sTargetGroupTile]) : _this16._i18nBundle.getText("appUngrouped");
                 MessageToast.show(sMsg);
-                return Promise.resolve(_this17.refresh()).then(function () {});
+                return Promise.resolve(_this16.refresh()).then(function () {});
               }
-              const _temp29 = function () {
+              const _temp26 = function () {
                 if (isLastAppInGroup) {
-                  return Promise.resolve(_this17._deleteGroup(sourceGroupId)).then(function () {
-                    _this17._closeGroupDetailDialog();
+                  return Promise.resolve(_this16._deleteGroup(sourceGroupId)).then(function () {
+                    _this16._closeGroupDetailDialog();
                   });
                 } else if (sourceGroupId) {
-                  _this17._refreshGroupDetailDialog(app);
+                  _this16._refreshGroupDetailDialog(app);
                 }
               }();
               //delete group, if it is the last app in the group
-              return _temp29 && _temp29.then ? _temp29.then(_temp30) : _temp30(_temp29);
+              return _temp26 && _temp26.then ? _temp26.then(_temp27) : _temp27(_temp26);
             });
           }, function (error) {
             Log.error(error);
           });
         }, function (_wasThrown3, _result4) {
-          _this17._setBusy(false);
+          _this16._setBusy(false);
           if (_wasThrown3) throw _result4;
           return _result4;
         });
-        return Promise.resolve(_temp31 && _temp31.then ? _temp31.then(function () {}) : void 0);
+        return Promise.resolve(_temp28 && _temp28.then ? _temp28.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2011,52 +2006,52 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _moveAppToGroup: function _moveAppToGroup(app, sourceGroupId, targetGroupId) {
       try {
-        const _this18 = this;
+        const _this17 = this;
         const appId = app.getUrl();
-        return Promise.resolve(Promise.all([_this18.appManagerInstance.getSectionVisualizations(sourceGroupId), _this18.appManagerInstance._getSections()])).then(function ([visualizations, sections]) {
+        return Promise.resolve(Promise.all([_this17.appManagerInstance.getSectionVisualizations(sourceGroupId), _this17.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 _temp36 = function () {
+          const _temp33 = function () {
             if (sourceVisualization) {
-              function _temp35() {
-                return Promise.resolve(_this18.appManagerInstance._getSections(true)).then(function (sections) {
+              function _temp32() {
+                return Promise.resolve(_this17.appManagerInstance._getSections(true)).then(function (sections) {
                   const defaultSection = sections.find(oSection => oSection.default);
-                  return Promise.resolve(_this18._updateAppPersonalization([{
+                  return Promise.resolve(_this17._updateAppPersonalization([{
                     visualization: sourceVisualization,
                     targetGroupId: targetGroupId ?? defaultSection?.id,
                     isTargetGroupDefault
                   }])).then(function () {});
                 });
               }
-              const _temp34 = function () {
+              const _temp31 = function () {
                 if (isTargetGroupDefault) {
-                  return Promise.resolve(_this18._moveAppToDefaultGroup(sourceVisualization)).then(function () {});
+                  return Promise.resolve(_this17._moveAppToDefaultGroup(sourceVisualization)).then(function () {});
                 } else {
-                  function _temp33() {
-                    return Promise.resolve(_this18.appManagerInstance.moveVisualization({
+                  function _temp30() {
+                    return Promise.resolve(_this17.appManagerInstance.moveVisualization({
                       sourceSectionIndex: sourceSectionIndex,
                       sourceVisualizationIndex: sourceVisualizationIndex,
                       targetSectionIndex: targetSectionIndex,
                       targetVisualizationIndex: -1
                     })).then(function () {});
                   }
-                  const _temp32 = function () {
+                  const _temp29 = function () {
                     if (isSourceGroupDefault) {
                       //remove duplicate apps
-                      return Promise.resolve(_this18._removeDuplicateVisualizations(sourceVisualization)).then(function () {});
+                      return Promise.resolve(_this17._removeDuplicateVisualizations(sourceVisualization)).then(function () {});
                     }
                   }();
-                  return _temp32 && _temp32.then ? _temp32.then(_temp33) : _temp33(_temp32);
+                  return _temp29 && _temp29.then ? _temp29.then(_temp30) : _temp30(_temp29);
                 }
               }();
-              return _temp34 && _temp34.then ? _temp34.then(_temp35) : _temp35(_temp34);
+              return _temp31 && _temp31.then ? _temp31.then(_temp32) : _temp32(_temp31);
             }
           }();
-          if (_temp36 && _temp36.then) return _temp36.then(function () {});
+          if (_temp33 && _temp33.then) return _temp33.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2070,17 +2065,17 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _moveAppToDefaultGroup: function _moveAppToDefaultGroup(visualization) {
       try {
-        const _this19 = this;
-        return Promise.resolve(_this19._addVisualization(visualization)).then(function () {
-          const _temp37 = function () {
+        const _this18 = this;
+        return Promise.resolve(_this18._addVisualization(visualization)).then(function () {
+          const _temp34 = function () {
             if (visualization.persConfig?.sectionId && visualization.visualization?.id) {
-              return Promise.resolve(_this19.appManagerInstance.removeVisualizations({
+              return Promise.resolve(_this18.appManagerInstance.removeVisualizations({
                 sectionId: visualization.persConfig?.sectionId,
                 vizIds: [visualization.visualization?.id]
               })).then(function () {});
             }
           }();
-          if (_temp37 && _temp37.then) return _temp37.then(function () {});
+          if (_temp34 && _temp34.then) return _temp34.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2094,17 +2089,17 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _removeDuplicateVisualizations: function _removeDuplicateVisualizations(visualization) {
       try {
-        const _this20 = this;
+        const _this19 = this;
         const vizIdsToBeDeleted = visualization?.persConfig?.duplicateApps?.map(oViz => oViz.visualization?.id) || [];
-        const _temp38 = function () {
+        const _temp35 = function () {
           if (visualization.persConfig?.sectionId && vizIdsToBeDeleted.length > 0) {
-            return Promise.resolve(_this20.appManagerInstance.removeVisualizations({
+            return Promise.resolve(_this19.appManagerInstance.removeVisualizations({
               sectionId: visualization.persConfig?.sectionId,
               vizIds: vizIdsToBeDeleted
             })).then(function () {});
           }
         }();
-        return Promise.resolve(_temp38 && _temp38.then ? _temp38.then(function () {}) : void 0);
+        return Promise.resolve(_temp35 && _temp35.then ? _temp35.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2147,7 +2142,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 _this21 = this;
+      const _this20 = this;
       const group = event.getSource()?.getParent(),
         message = this._i18nBundle.getText("deleteGroupMessage", [group.getTitle()]),
         title = this._i18nBundle.getText("delete"),
@@ -2160,20 +2155,20 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
         emphasizedAction: deleteAction,
         onClose: function (action) {
           try {
-            const _temp39 = function () {
+            const _temp36 = function () {
               if (action === deleteAction) {
-                _this21._setBusy(true);
-                return Promise.resolve(_this21._deleteGroup(group.getGroupId())).then(function () {
-                  MessageToast.show(_this21._i18nBundle.getText("groupDeleted"));
-                  void _this21.refresh();
-                  _this21._closeGroupDetailDialog();
-                  _this21._setBusy(false);
+                _this20._setBusy(true);
+                return Promise.resolve(_this20._deleteGroup(group.getGroupId())).then(function () {
+                  MessageToast.show(_this20._i18nBundle.getText("groupDeleted"));
+                  void _this20.refresh();
+                  _this20._closeGroupDetailDialog();
+                  _this20._setBusy(false);
                 });
               } else if (action === moveAppAction) {
-                void _this21._ungroupApps(group.getGroupId());
+                void _this20._ungroupApps(group.getGroupId());
               }
             }();
-            return Promise.resolve(_temp39 && _temp39.then ? _temp39.then(function () {}) : void 0);
+            return Promise.resolve(_temp36 && _temp36.then ? _temp36.then(function () {}) : void 0);
           } catch (e) {
             return Promise.reject(e);
           }
@@ -2189,40 +2184,40 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _ungroupApps: function _ungroupApps(groupId) {
       try {
-        const _this22 = this;
-        _this22._setBusy(true);
-        const _temp42 = _finallyRethrows(function () {
+        const _this21 = this;
+        _this21._setBusy(true);
+        const _temp39 = _finallyRethrows(function () {
           return _catch(function () {
-            return Promise.resolve(_this22.appManagerInstance.getSectionVisualizations(groupId)).then(function (visualizations) {
-              return Promise.resolve(_this22.appManagerInstance._getSections()).then(function (sections) {
+            return Promise.resolve(_this21.appManagerInstance.getSectionVisualizations(groupId)).then(function (visualizations) {
+              return Promise.resolve(_this21.appManagerInstance._getSections()).then(function (sections) {
                 const section = sections.find(oSection => oSection.id === groupId);
-                return Promise.resolve(Promise.all(visualizations.map(oViz => _this22._addVisualization(oViz)))).then(function () {
-                  return Promise.resolve(_this22.appManagerInstance._getSections(true)).then(function (updatedSections) {
+                return Promise.resolve(Promise.all(visualizations.map(oViz => _this21._addVisualization(oViz)))).then(function () {
+                  return Promise.resolve(_this21.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(_this22._updateAppPersonalization(visualizations.map(oViz => {
+                    return Promise.resolve(_this21._updateAppPersonalization(visualizations.map(oViz => {
                       return {
                         visualization: oViz,
                         targetGroupId: defaultSection?.id,
                         isTargetGroupDefault: true
                       };
                     }))).then(function () {
-                      function _temp41() {
-                        MessageToast.show(_this22._i18nBundle.getText("appsUngrouped") ?? "");
-                        return Promise.resolve(_this22.refresh()).then(function () {});
+                      function _temp38() {
+                        MessageToast.show(_this21._i18nBundle.getText("appsUngrouped") ?? "");
+                        return Promise.resolve(_this21.refresh()).then(function () {});
                       }
-                      const _temp40 = function () {
+                      const _temp37 = function () {
                         if (section?.preset) {
-                          return Promise.resolve(_this22.appManagerInstance.removeVisualizations({
+                          return Promise.resolve(_this21.appManagerInstance.removeVisualizations({
                             sectionId: groupId,
                             vizIds: visualizations.map(oViz => oViz.visualization?.id)
                           })).then(function () {});
                         } else {
-                          return Promise.resolve(_this22._deleteGroup(groupId)).then(function () {});
+                          return Promise.resolve(_this21._deleteGroup(groupId)).then(function () {});
                         }
                       }();
-                      return _temp40 && _temp40.then ? _temp40.then(_temp41) : _temp41(_temp40);
+                      return _temp37 && _temp37.then ? _temp37.then(_temp38) : _temp38(_temp37);
                     });
                   });
                 });
@@ -2230,15 +2225,15 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             });
           }, function (error) {
             Log.error(error);
-            MessageToast.show(_this22._i18nBundle.getText("unableToUngroupApps") ?? "");
+            MessageToast.show(_this21._i18nBundle.getText("unableToUngroupApps") ?? "");
           });
         }, function (_wasThrown4, _result5) {
-          _this22._setBusy(false);
-          _this22._closeGroupDetailDialog();
+          _this21._setBusy(false);
+          _this21._closeGroupDetailDialog();
           if (_wasThrown4) throw _result5;
           return _result5;
         });
-        return Promise.resolve(_temp42 && _temp42.then ? _temp42.then(function () {}) : void 0);
+        return Promise.resolve(_temp39 && _temp39.then ? _temp39.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2252,23 +2247,23 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _showGroupDetailDialog: function _showGroupDetailDialog(groupId, editMode = false) {
       try {
-        const _this23 = this;
-        const group = _this23._getGroup(groupId);
+        const _this22 = this;
+        const group = _this22._getGroup(groupId);
         if (!group) {
           return Promise.resolve();
         }
-        _this23._selectedGroupId = groupId;
-        const dialog = _this23._generateGroupDetailDialog();
+        _this22._selectedGroupId = groupId;
+        const dialog = _this22._generateGroupDetailDialog();
         //set group icon
-        const groupIconControl = _this23._controlMap.get(`${_this23.getId()}-detailDialog-toolbar-color`);
+        const groupIconControl = _this22._controlMap.get(`${_this22.getId()}-detailDialog-toolbar-color`);
         groupIconControl.setColor(Parameters.get({
           name: group.getBgColor()
         }));
         //set group apps
-        return Promise.resolve(_this23._setGroupDetailDialogApps(groupId)).then(function () {
+        return Promise.resolve(_this22._setGroupDetailDialogApps(groupId)).then(function () {
           dialog.open();
           //set group title
-          _this23._setGroupNameControl(group.getTitle(), editMode);
+          _this22._setGroupNameControl(group.getTitle(), editMode);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2283,29 +2278,29 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _setGroupDetailDialogApps: function _setGroupDetailDialogApps(groupId) {
       try {
-        const _this24 = this;
-        const group = _this24._getGroup(groupId);
-        const _temp43 = function () {
+        const _this23 = this;
+        const group = _this23._getGroup(groupId);
+        const _temp40 = function () {
           if (group) {
-            return Promise.resolve(_this24.appManagerInstance.getSectionVisualizations(groupId, false)).then(function (appVisualizations) {
+            return Promise.resolve(_this23.appManagerInstance.getSectionVisualizations(groupId, false)).then(function (appVisualizations) {
               group.destroyAggregation("apps", true);
               appVisualizations = appVisualizations.map((appVisualization, index) => {
                 return {
                   ...appVisualization,
-                  menuItems: _this24._getAppActions(group, index, appVisualization) //add actions to show in group
+                  menuItems: _this23._getAppActions(group, index, appVisualization) //add actions to show in group
                 };
               });
-              const apps = _this24.generateApps(appVisualizations);
-              const appsWrapper = _this24._controlMap.get(`${_this24.getId()}-detailDialog-apps`);
-              _this24._setAggregation(group, apps, "apps");
+              const apps = _this23.generateApps(appVisualizations);
+              const appsWrapper = _this23._controlMap.get(`${_this23.getId()}-detailDialog-apps`);
+              _this23._setAggregation(group, apps, "apps");
               appsWrapper.destroyItems();
-              _this24._setAggregation(appsWrapper, group.getApps().map(app => _this24.getParent()._getAppTile(app)));
-              _this24._applyGroupedAppsPersonalization(groupId);
-              _this24._dispatchAppsLoadedEvent(apps);
+              _this23._setAggregation(appsWrapper, group.getApps().map(app => _this23.getParent()._getAppTile(app)));
+              _this23._applyGroupedAppsPersonalization(groupId);
+              _this23._dispatchAppsLoadedEvent(apps);
             });
           }
         }();
-        return Promise.resolve(_temp43 && _temp43.then ? _temp43.then(function () {}) : void 0);
+        return Promise.resolve(_temp40 && _temp40.then ? _temp40.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2436,25 +2431,25 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _onGroupEditName: function _onGroupEditName(updatedTitle) {
       try {
-        const _this25 = this;
-        function _temp45() {
-          _this25._setGroupNameControl(updatedTitle, false);
-          _this25._setBusy(false);
+        const _this24 = this;
+        function _temp42() {
+          _this24._setGroupNameControl(updatedTitle, false);
+          _this24._setBusy(false);
         }
-        _this25._setBusy(true);
-        const groupId = _this25._selectedGroupId,
-          group = _this25._getGroup(groupId),
+        _this24._setBusy(true);
+        const groupId = _this24._selectedGroupId,
+          group = _this24._getGroup(groupId),
           oldTitle = group?.getTitle();
-        const _temp44 = function () {
+        const _temp41 = function () {
           if (updatedTitle && updatedTitle !== oldTitle) {
-            return Promise.resolve(_this25._renameGroup(groupId, updatedTitle)).then(function () {
+            return Promise.resolve(_this24._renameGroup(groupId, updatedTitle)).then(function () {
               group?.setProperty("title", updatedTitle, true);
-              void _this25.refresh();
-              MessageToast.show(_this25._i18nBundle.getText("groupNameChanged") || "");
+              void _this24.refresh();
+              MessageToast.show(_this24._i18nBundle.getText("groupNameChanged") || "");
             });
           }
         }();
-        return Promise.resolve(_temp44 && _temp44.then ? _temp44.then(_temp45) : _temp45(_temp44));
+        return Promise.resolve(_temp41 && _temp41.then ? _temp41.then(_temp42) : _temp42(_temp41));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2472,12 +2467,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 _temp46 = function () {
+          const _temp43 = function () {
             if (groupIndex > -1) {
               return Promise.resolve(pagesService.renameSection(pageIndex, groupIndex, updatedTitle)).then(function () {});
             }
           }();
-          if (_temp46 && _temp46.then) return _temp46.then(function () {});
+          if (_temp43 && _temp43.then) return _temp43.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2592,11 +2587,11 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _handleAddFromInsights: function _handleAddFromInsights() {
       try {
-        const _this26 = this;
-        return Promise.resolve(_this26._getInsightTilesToAdd()).then(function (appsToAdd) {
-          const dialog = _this26._generateAddFromInsightsDialog();
-          _this26._controlMap.get(`${_this26.getId()}-addFromInsightsDialog-errorMessage`)?.setVisible(appsToAdd.length === 0);
-          _this26._generateInsightListItems(appsToAdd);
+        const _this25 = this;
+        return Promise.resolve(_this25._getInsightTilesToAdd()).then(function (appsToAdd) {
+          const dialog = _this25._generateAddFromInsightsDialog();
+          _this25._controlMap.get(`${_this25.getId()}-addFromInsightsDialog-errorMessage`)?.setVisible(appsToAdd.length === 0);
+          _this25._generateInsightListItems(appsToAdd);
           dialog.open();
         });
       } catch (e) {
@@ -2647,8 +2642,8 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _getInsightTilesToAdd: function _getInsightTilesToAdd() {
       try {
-        const _this27 = this;
-        return Promise.resolve(Promise.all([_this27.appManagerInstance.fetchInsightApps(true, _this27._i18nBundle.getText("insights")), _this27.appManagerInstance.fetchFavVizs(false, true)])).then(function ([insightsApps, favoriteApps]) {
+        const _this26 = this;
+        return Promise.resolve(Promise.all([_this26.appManagerInstance.fetchInsightApps(true, _this26._i18nBundle.getText("insights")), _this26.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) => {
@@ -2661,7 +2656,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             }
             return appsToAdd;
           }, []);
-          return _this27.appManagerInstance._filterDuplicateVizs(appsToAdd, false);
+          return _this26.appManagerInstance._filterDuplicateVizs(appsToAdd, false);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2693,20 +2688,20 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _addFromInsights: function _addFromInsights() {
       try {
-        const _this28 = this;
-        function _temp48() {
-          _this28._closeAddFromInsightsDialog();
-          MessageToast.show(_this28._i18nBundle.getText(selectedItems.length === 1 ? "addFromInsightTileSuccess" : "addFromInsightTilesSuccess", [selectedItems.length]));
-          return Promise.resolve(_this28.getParent()._refreshAllPanels()).then(function () {
-            _this28._setBusy(false);
+        const _this27 = this;
+        function _temp45() {
+          _this27._closeAddFromInsightsDialog();
+          MessageToast.show(_this27._i18nBundle.getText(selectedItems.length === 1 ? "addFromInsightTileSuccess" : "addFromInsightTilesSuccess", [selectedItems.length]));
+          return Promise.resolve(_this27.getParent()._refreshAllPanels()).then(function () {
+            _this27._setBusy(false);
           });
         }
-        _this28._setBusy(true);
-        const selectedItems = _this28._getSelectedInsights();
-        const _temp47 = _forOf(selectedItems, function (selectedItem) {
-          return Promise.resolve(_this28.appManagerInstance.addVisualization(selectedItem.data("vizId"))).then(function () {});
+        _this27._setBusy(true);
+        const selectedItems = _this27._getSelectedInsights();
+        const _temp44 = _forOf(selectedItems, function (selectedItem) {
+          return Promise.resolve(_this27.appManagerInstance.addVisualization(selectedItem.data("vizId"))).then(function () {});
         });
-        return Promise.resolve(_temp47 && _temp47.then ? _temp47.then(_temp48) : _temp48(_temp47));
+        return Promise.resolve(_temp44 && _temp44.then ? _temp44.then(_temp45) : _temp45(_temp44));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2724,8 +2719,8 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _updateAppPersonalization: function _updateAppPersonalization(updateConfigs) {
       try {
-        const _this29 = this;
-        return Promise.resolve(_this29._getAppPersonalization()).then(function (personalizations) {
+        const _this28 = this;
+        return Promise.resolve(_this28._getAppPersonalization()).then(function (personalizations) {
           for (const updateConfig of updateConfigs) {
             const {
               visualization
@@ -2737,13 +2732,13 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
             const targetGroupId = updateConfig.targetGroupId ?? sourceGroupId;
             if (sourceGroupId !== targetGroupId) {
               //move app scenario
-              _this29._updateMoveAppPersonalization(personalizations, updateConfig);
+              _this28._updateMoveAppPersonalization(personalizations, updateConfig);
             } else {
               //only color is updated
-              _this29._updateAppColorPersonalization(personalizations, updateConfig);
+              _this28._updateAppColorPersonalization(personalizations, updateConfig);
             }
           }
-          return Promise.resolve(_this29.setFavAppsPersonalization(personalizations)).then(function () {});
+          return Promise.resolve(_this28.setFavAppsPersonalization(personalizations)).then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2812,9 +2807,9 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _updateGroupPersonalization: function _updateGroupPersonalization(groupId, selectedColor) {
       try {
-        const _this30 = this;
-        return Promise.resolve(_this30._getAppPersonalization()).then(function (personalizations) {
-          const personalizationIndex = _this30._getPersonalizationIndex(personalizations, {
+        const _this29 = this;
+        return Promise.resolve(_this29._getAppPersonalization()).then(function (personalizations) {
+          const personalizationIndex = _this29._getPersonalizationIndex(personalizations, {
             isSection: true,
             sectionId: groupId
           });
@@ -2830,7 +2825,7 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
           } else {
             personalizations.push(updatedPersonalization);
           }
-          return Promise.resolve(_this30.setFavAppsPersonalization(personalizations)).then(function () {});
+          return Promise.resolve(_this29.setFavAppsPersonalization(personalizations)).then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2890,22 +2885,22 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _deleteGroup: function _deleteGroup(groupId) {
       try {
-        const _this31 = this;
+        const _this30 = 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 _temp49 = function () {
+          const _temp46 = function () {
             if (groupIndex > -1) {
               return Promise.resolve(pagesService.deleteSection(pageIndex, groupIndex)).then(function () {
-                void _this31._deletePersonalization({
+                void _this30._deletePersonalization({
                   sectionId: groupId,
                   isSection: true
                 });
               });
             }
           }();
-          if (_temp49 && _temp49.then) return _temp49.then(function () {});
+          if (_temp46 && _temp46.then) return _temp46.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2924,14 +2919,14 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _deletePersonalization: function _deletePersonalization(personalizationConfig) {
       try {
-        const _this32 = this;
+        const _this31 = this;
         const {
           isSection,
           sectionId
         } = personalizationConfig;
-        return Promise.resolve(_this32._getAppPersonalization()).then(function (personalizations) {
+        return Promise.resolve(_this31._getAppPersonalization()).then(function (personalizations) {
           if (!isSection) {
-            const personalizationIndex = _this32._getPersonalizationIndex(personalizations, personalizationConfig);
+            const personalizationIndex = _this31._getPersonalizationIndex(personalizations, personalizationConfig);
             if (personalizationIndex > -1) {
               personalizations.splice(personalizationIndex, 1);
             }
@@ -2939,7 +2934,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 _this32.setFavAppsPersonalization(personalizations);
+          void _this31.setFavAppsPersonalization(personalizations);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -2969,33 +2964,33 @@ sap.ui.define(["sap/base/Log", "sap/f/GridContainer", "sap/f/GridContainerSettin
      */
     _handleKeyboardMoveApp: function _handleKeyboardMoveApp(event, appGroupId) {
       try {
-        const _this33 = this;
+        const _this32 = this;
         const currentItem = Element.closestTo(event.target.firstElementChild);
         const container = currentItem.getParent();
-        const _temp51 = function () {
+        const _temp48 = 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") && !_this33._cutApp && !appGroupId) {
+            if (event.key === "x" && !currentItem.data("groupId") && !_this32._cutApp && !appGroupId) {
               currentItem.$().css("opacity", 0.6);
               currentItem._oMoreIcon.setEnabled(false);
-              _this33._cutApp = currentItem;
+              _this32._cutApp = currentItem;
             }
-            const _temp50 = function () {
-              if (event.key === "v" && _this33._cutApp && !appGroupId) {
+            const _temp47 = function () {
+              if (event.key === "v" && _this32._cutApp && !appGroupId) {
                 const dragDropEvent = new Event("keyboardDragDropEvent", container, {
-                  draggedControl: _this33._cutApp,
+                  draggedControl: _this32._cutApp,
                   droppedControl: currentItem,
                   dropPosition: dnd.RelativeDropPosition.On
                 });
-                return Promise.resolve(_this33._onFavItemDrop(dragDropEvent)).then(function () {
-                  _this33._cutApp = undefined;
+                return Promise.resolve(_this32._onFavItemDrop(dragDropEvent)).then(function () {
+                  _this32._cutApp = undefined;
                 });
               }
             }();
-            if (_temp50 && _temp50.then) return _temp50.then(function () {});
+            if (_temp47 && _temp47.then) return _temp47.then(function () {});
           }
         }();
-        return Promise.resolve(_temp51 && _temp51.then ? _temp51.then(function () {}) : void 0);
+        return Promise.resolve(_temp48 && _temp48.then ? _temp48.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }